/* CSS Document */
@import url("../fonts/SinhalaMN/stylesheet.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 62.5%; overflow-x: hidden; height: 100%; }

body { line-height: 1; color: black; background: white; /* overflow-x: hidden; */ letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

body ::-moz-selection { background: #111111; color: #fff; }

body ::selection { background: #111111; color: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: " "; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img { max-width: 100%; height: auto; }

a img { border: none; }

input, textarea, select, div, ul, li, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); */
/* # Set SASS Function
================================================== */
/* #Basic Set
================================================== */
body { font-size: 2.2rem; line-height: 1.3; color: #5b5c5d; text-align: center; background-color: #ffffff; letter-spacing: 0.8px; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #13294b; text-align: center; letter-spacing: 1px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; }

h1 { font-size: 7.5rem; line-height: 0.8; text-transform: uppercase; padding-bottom: 5px; }

h2 { font-size: 5.2rem; line-height: 0.8; text-transform: uppercase; }

h3 { font-size: 8.4rem; line-height: 0.9; }

h4 { font-size: 5.2rem; line-height: 0.8; padding-bottom: 15px; }

h5 { font-size: 4.6rem; line-height: 0.8; padding-bottom: 15px; }

h6 { font-size: 3.2rem; line-height: 1.2; }

strong { font-weight: 700; }

hr { position: relative; clear: both; margin: 0 10px; height: 0; border-top: 1px solid #333333; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

ol { list-style: decimal; margin-left: 30px; }

ul { list-style: none; margin-left: 0; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p, .detailsm p { margin-bottom: 15px; }

.detail p:last-child, .detailsm p:last-child { margin-bottom: 0; }

.detail ul, .detailsm ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol, .detailsm ul ul, .detailsm ul ol { font-size: 90%; }

a { cursor: pointer; position: relative; color: #02767c; text-decoration: none; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a:hover, a:active { color: #5b5c5d; }

section a:before { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

/* #Set Font
================================================== */
h1, h2, h3, h4, h5 { font-family: "Sinhala MN", sans-serif; }

body, input, textarea, select, button, p { font-family: "Sinhala MN", sans-serif; }

/* #Textbox style
================================================== */
input, textarea, select { background-color: #ffffff; border: 1px solid #ffffff; color: #5b5c5d; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: inherit; width: 100%; padding: 15px 20px; margin: 0; font-size: 2.2rem; line-height: 1.3; }

input:focus, textarea:focus, select:focus { border-color: #13294b; }

button { background-color: #02767c; border: 0px; color: #ffffff; cursor: pointer; text-transform: uppercase; padding: 15px 20px; font-size: 2.4rem; line-height: 1.3; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

button:hover { background-color: #5b5c5d; border: 0px solid #02767c; color: #ffffff; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 13px 10px 12px; outline: 0px; background: url(../images/icon--select.svg) right center no-repeat #ffffff; background-size: 35px auto; }

button::-moz-focus-inner { border: 0; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; /* Change bg */ -webkit-text-fill-color: #5b5c5d !important; /*Change text */ }

.custom-select { position: relative; }

.custom-select select { display: none; }

.custom-select .select-hide { display: none; }

.custom-select .select-selected { background-color: #ffffff; border: 1px solid #172625; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 13px 10px 15px 20px; text-align: left; color: #5b5c5d; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 10px; top: 15px; background: url(../images/icon--select.svg) center center no-repeat; background-size: 40px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.custom-select .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.custom-select .select-items { position: absolute; border: 1px solid #ccc; background-color: #fdfdfd; top: calc(100% - 1px); left: 0; right: 0; z-index: 99; box-shadow: 2px 2px 4px 0px #f1f1f1; padding: 5px; }

.custom-select .select-items div { color: #5b5c5d; padding: 8px 16px; cursor: pointer; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-select .select-items div.same-as-selected { color: #000000; font-weight: 400; }

.custom-select .select-items div:hover { font-weight: 400; color: #000000; background-color: #f1f1f1; }

.custom-select .same-as-selected { font-weight: bold; }

/* #Helper Class
================================================== */
._txsm { font-size: 0.6em; }

._red, .error { color: #cc0000; }

._set-tablet { /* 800 */ display: none; }

._set-mobile { /* 560 */ display: none; }

.tx__letter { display: inline-block; }

.eft { opacity: 0; }

/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

.container { position: relative; margin: 0 auto; padding: 0; max-width: 1200px; width: 100%; }

.container_full { position: relative; margin: 0 auto; padding: 0; }

.w1 { max-width: 1200px; margin: auto; }

.w2 { max-width: 960px; margin: auto; }

.w3 { max-width: 840px; margin: auto; }

.secp__maincontent { padding-top: 100px; padding-bottom: 100px; }

.secp__hdslide { padding-top: 240px; padding-bottom: 0px; }

.secp__sub1 { padding-top: 100px; padding-bottom: 140px; }

.secp__sub2 { padding-top: 150px; padding-bottom: 140px; }

.secp__sub3 { padding-top: 110px; padding-bottom: 100px; }

.secp__sub4 { padding-top: 90px; padding-bottom: 70px; }

.secp__sub5 { padding-top: 20px; padding-bottom: 140px; }

.secp__sub6 { padding-top: 110px; padding-bottom: 140px; }

.secp__last { padding-top: 110px; padding-bottom: 0px; }

/* #Button and Link style
================================================== */
._a_readmore, ._a_booknow, ._a_loadmore { color: #02767c; text-transform: uppercase; }

._a_readmore:before, ._a_booknow:before, ._a_loadmore:before { background-color: #02767c; position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: 1px; }

._a_readmore:hover, ._a_booknow:hover, ._a_loadmore:hover { color: #13294b; }

._a_readmore:hover:before, ._a_booknow:hover:before, ._a_loadmore:hover:before { background-color: #13294b; transform: scaleX(0); }

._a_booknow { color: #13294b; }

._a_booknow:before { background-color: #13294b; }

._a_booknow:hover { color: #02767c; }

._a_booknow:hover:before { background-color: #02767c; }

._a_lang { color: #ffffff; }

._a_lang:hover { color: #b6872d; }

._a_loadmore { position: relative; }

._a_loadmore span { display: block; position: absolute; width: 34px; height: 34px; background: url(../images/icon--readmore.svg) no-repeat center center; left: calc(50% - 17px); top: calc(100% - 10px); opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._a_loadmore:hover span { opacity: 1; top: calc(100% - 5px); -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; -ms-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; }

._a_pin:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; }

._btn_booknow { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

._btn_booknow i { margin-right: 10px; }

._btn_booknow:hover { color: #b6872d; }

._btn_booking { color: #ffffff; background-color: #02767c; text-align: center; display: inline-block; padding: 15px 40px; font-size: 2.4rem; line-height: 1.3; text-transform: uppercase; }

._btn_booking:hover { color: #ffffff; background-color: #5b5c5d; }

._btn_hammenu { height: 80px; width: 80px; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_hammenu .bg { background-color: #02767c; width: 100%; height: 100%; position: relative; display: block; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_hammenu .icon { width: 30px; position: absolute; z-index: 1; }

._btn_hammenu span { background-color: #ffffff; height: 1px; width: 100%; display: block; margin: 6px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_hammenu:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--hamburgermenu.svg) no-repeat center center; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_hammenu:hover .bg, ._btn_hammenu.open .bg { transform: rotate(45deg) scale(0.5); }

._btn_hammenu:hover:before, ._btn_hammenu.open:before { transform: rotate(45deg); }

._btn_hammenu.open .icon span { margin: 0; }

._btn_hammenu.open .icon span:nth-child(2) { display: none; }

._btn_closetabact { position: absolute; top: 0; right: 0; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_closetabact span { display: block; height: 1px; width: 10px; background-color: #ffffff; z-index: 10; position: relative; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_closetabact:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--hamburgermenu.svg) no-repeat center center; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_closetabact.active { opacity: 1; cursor: pointer; }

._btn_closetabact.active:before { transform: rotate(45deg); }

._btn_closetabact:hover span { width: 20px; }

/* #Font style
================================================== */
.tt { text-transform: uppercase; }

.txl { text-align: left; }

.tx__cw { color: #ffffff; }

/* #Icon
================================================== */
i[class*='icon--'] { position: relative; display: inline-block; width: 25px; height: 25px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }

i.icon--facebook { background-image: url(../images/icon--facebook.svg); }

i.icon--instagram { background-image: url(../images/icon--instagram.svg); }

i.icon--bed { background-image: url(../images/icon--bed.svg); }

i.icon--guests { background-image: url(../images/icon--guests.svg); }

i.icon--size { background-image: url(../images/icon--size.svg); }

i.icon--view { background-image: url(../images/icon--view.svg); }

i.icon--time { background-image: url(../images/icon--time.svg); }

i.icon--calendar { background-image: url(../images/icon--calendar.svg); }

i.icon--bed-b { background-image: url(../images/icon--bed-b.svg); }

i.icon--guests-b { background-image: url(../images/icon--guests-b.svg); }

i.icon--size-b { background-image: url(../images/icon--size-b.svg); }

i.icon--view-b { background-image: url(../images/icon--view-b.svg); }

i.icon--tv { background-image: url(../images/icon--tv.svg); }

i.icon--wifi { background-image: url(../images/icon--wifi.svg); }

i.icon--bathamenities { background-image: url(../images/icon--bathamenities.svg); }

i.icon--phone { background-image: url(../images/icon--phone.svg); }

i.icon--rainshower { background-image: url(../images/icon--rainshower.svg); }

i.icon--hairdryer { background-image: url(../images/icon--hairdryer.svg); }

i.icon--bathrobes { background-image: url(../images/icon--bathrobes.svg); }

i.icon--umbrellas { background-image: url(../images/icon--umbrellas.svg); }

i.icon--minibar { background-image: url(../images/icon--minibar.svg); }

i.icon--safetybox { background-image: url(../images/icon--safetybox.svg); }

i.icon--time-b { background-image: url(../images/icon--time-b.svg); }

/* #Photo Effect
================================================== */
._bg-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

._bg-full img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.peft { background-color: #f1f1f1; position: relative; overflow: hidden; }

a.peft { display: block; }

.hidelink:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 10; display: block; }

/* #Etc
================================================== */
.fixed_scroll { height: 100%; overflow: hidden; }

.clear { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; }

.tx__word { display: inline-block; }

.bgb { background-color: #13294b; color: #ffffff; }

.bgb h3 { color: #ffffff; }

.styp, .sty__tx1photo .photo .wrap { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow: hidden; }

.astyp, .sty__tx2photo .photo .ph1 a, .sty__tx2photo .photo .ph2 a, .sty__sd2box4 .box .photo a, .sty__sd3box .box .photo a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: block; overflow: hidden; }

.astyp img, .sty__tx2photo .photo .ph1 a img, .sty__tx2photo .photo .ph2 a img, .sty__sd2box4 .box .photo a img, .sty__sd3box .box .photo a img { -webkit-transition: all 6s ease 0s; -moz-transition: all 6s ease 0s; -o-transition: all 6s ease 0s; -ms-transition: all 6s ease 0s; transition: all 6s ease 0s; width: 100%; }

.astyp img.fixani, .sty__tx2photo .photo .ph1 a img.fixani, .sty__tx2photo .photo .ph2 a img.fixani, .sty__sd2box4 .box .photo a img.fixani, .sty__sd3box .box .photo a img.fixani { -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; transition: all 0s ease 0s; }

.astyp:hover img, .sty__tx2photo .photo .ph1 a:hover img, .sty__tx2photo .photo .ph2 a:hover img, .sty__sd2box4 .box .photo a:hover img, .sty__sd3box .box .photo a:hover img { transform: scale(1.05); }

.popupalert { max-width: 600px; box-shadow: 0 0 5px #0000001a; background-color: #ffffff; position: fixed; right: 20px; bottom: 70px; z-index: 999; text-align: left; display: none; }

.popupalert ._btn_close { cursor: pointer; background: url(../images/icon--close.svg) no-repeat center center; width: 30px; height: 30px; position: absolute; top: calc(50% - 15px); right: 15px; background-size: 40px; }

.fancybox-caption .gallerydetail { font-size: 2.4rem; line-height: 1.3; }

.fancybox-show-thumbs .fancybox-thumbs { background-color: #fff; }

.fancybox-show-thumbs .fancybox-thumbs a::before { border: 2px solid #5b5c5d; }

.fancybox-show-thumbs .fancybox-thumbs a { opacity: 0.5; }

.fancybox-show-thumbs .fancybox-thumbs a.fancybox-thumbs-active { opacity: 1; }

/* # google recaptcha
================================================== */
.grecaptcha-badge { visibility: hidden; }

/* #Slide slide
================================================== */
.slick-list { height: auto !important; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 0; bottom: 0; background: none; border: 0; width: 120px; z-index: 101; font-size: 0; padding: 0; background-size: 60px auto; background-repeat: no-repeat; background-position: center center; background-color: #fff; }

.slick-arrow:hover { background-color: #fff; }

.slick-prev { right: calc(100% - 20px); background-image: url(../images/icon--sd-arrow-prev.svg); }

.slick-next { left: calc(100% - 20px); background-image: url(../images/icon--sd-arrow-next.svg); }

.slick-dots { width: 50%; bottom: 0px; left: 25%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; }

.slick-dots li { display: inline-block; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 10px; height: 10px; padding: 0; margin: 0 4px; border: 1px solid #02767c; background: none; font-size: 0; }

.slick-dots li.slick-active button { background-color: #02767c; }

.cuarrow .slick-arrow { cursor: none; }

/* # Cursor
================================================== */
.cursor { display: none; position: fixed; width: 80px; height: 100px; z-index: 999999; /*  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ /* background-color: #000; */ /* 	left: -40px; top: -50px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.cursor.active { display: block; }

.cursor > div { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; left: -40px; top: -50px; position: relative; }

.cursor .cu__arrowleft { width: 80px; height: 100px; }

.cursor .cu__arrowright { width: 80px; height: 100px; }

.cursor > div.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }

/* #Back to top
================================================== */
#back-to-top { display: none; position: fixed; z-index: 9999; width: 35px; height: 33px; cursor: pointer; background-color: rgba(102, 102, 102, 0.7); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; top: auto; right: 20px; bottom: 20px; left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#back-to-top:before { height: 0; }

#back-to-top.show { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#back-to-top:hover { background-color: #202020; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#back-to-top i.icon--backtotop { background: url(../images/icon--arrow-backtotop.svg) no-repeat center center; display: block; width: 100%; height: 100%; background-size: 15px; }

/* #Sty
================================================== */
div[class*="sty__boxc"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

div[class*="sty__boxc"] .box { position: relative; overflow: hidden; margin-bottom: 20px; }

.sty__intro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__intro .photo { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: center; }

.sty__intro .text { width: 60%; padding-left: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__intro .text h2 { color: #02767c; }

.sty__intro .text .subtitle + .detail { padding-top: 70px; }

.sty__intro .text .subtitle + .detail p { margin-bottom: 20px; }

.sty__sdtxintro { z-index: 100; position: absolute; color: #ffffff; padding-bottom: 80px; bottom: 0; left: calc(50vw - 480px); width: 960px; }

.sty__sdtxintro .title { font-family: "Sinhala MN", sans-serif; font-size: 7.5rem; line-height: 0.8; line-height: 0.95; padding-bottom: 80px; margin-bottom: 15px; position: relative; color: #ffffff; }

.sty__sdtxintro .title:before { position: absolute; content: ""; height: 70px; width: 1px; background-color: #ffffff; left: calc(50% - 0px); bottom: 0; }

.sty__sdtxintro .detail { font-size: 2.4rem; line-height: 1.3; max-width: 600px; margin: auto; padding-bottom: 60px; }

.sty__sdtxintro .link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

.sty__sdtxintro .link li { margin: 0 25px 0 20px; list-style-type: disc; font-size: 2.8rem; line-height: 1.3; text-transform: uppercase; padding-left: 5px; }

.sty__sdtxintro .link li:first-child { list-style-type: none; }

.sty__sdtxintro .link ::marker { color: #02767c; }

.sty__content h3 { padding-bottom: 30px; }

.sty__content .detail { padding-bottom: 30px; }

.sty__content + .sty__tx2photo, .sty__content + .sty__sd3box, .sty__content + .sty__sd2box4 { padding-top: 30px; }

.sty__contentl { position: absolute; top: 0; left: 0; z-index: 30; color: #ffffff; width: 70vw; padding-top: 110px; padding-left: 110px; text-align: left; }

.sty__3colig { /* @include maxw(); */ margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; padding-top: 30px; }

.sty__3colig .box { width: calc(33.33% - 15px); margin-bottom: 22px; }

.sty__3colig a { display: block; width: 100%; overflow: hidden; background-color: #000; }

.sty__3colig a img { width: 100%; transition: opacity 0.6s ease, transform 6s ease; }

.sty__3colig:hover a img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.sty__3colig:hover a:hover img { transform: scale(1.03); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sty__3col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__3col .col { width: calc(33.33% - 20px); }

.sty__tx2photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: row-reverse; }

.sty__tx2photo .photo { width: calc(70% - 60px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__tx2photo .photo .ph1, .sty__tx2photo .photo .ph2 { width: calc(50% - 20px); }

.sty__tx2photo .text { width: calc(30% + 0px); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.sty__tx2photo .text .wrap { width: 100%; }

.sty__tx2photo .text .title { font-size: 5.2rem; line-height: 0.8; padding-bottom: 10px; }

.sty__tx2photo .text .detail { padding-bottom: 30px; }

.sty__tx1photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: row-reverse; }

.sty__tx1photo .photo { width: 33.33%; }

.sty__tx1photo .photo .wrap img { width: 100%; }

.sty__tx1photo .text { width: 66.66%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; align-items: center; }

.sty__tx1photo .amenitieslist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; margin-top: 30px; }

.sty__tx1photo .amenitieslist ul li { width: calc(50% - 10px); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: flex-start; margin-bottom: 20px; }

.sty__tx1photo .amenitieslist ul i[class*='icon--'] { width: 35px; height: 35px; margin-right: 20px; }

.sty__slide1 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: row-reverse; padding-bottom: 20px; }

.sty__slide1 .box .photo { width: calc(66.66% - 2.5px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__slide1 .box .photo .ph1, .sty__slide1 .box .photo .ph2 { width: calc(50% - 5px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sty__slide1 .box .text { width: calc(33.33% + 2.5px); padding-right: 50px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.sty__slide1 .box .text .wrap { width: 100%; }

.sty__slide1 .box .text .title { font-size: 5.2rem; line-height: 0.8; text-transform: uppercase; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sty__slide1 .box .text .detail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sty__slide1 .box .text .link { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sty__slide1 .slick-prev { display: none !important; }

.sty__slide1 .slickarrow-next { left: calc(100% + 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: flex-end; }

.sty__slide1 .slickarrow-next .slick-next { left: auto; top: auto; position: relative; height: 65px; }

.sty__slide1 .slickarrow-next .w_txlink { position: relative; font-size: 2rem; line-height: 1.3; font-family: "Sinhala MN", sans-serif; text-transform: uppercase; width: 100%; }

.sty__slide1 .slickarrow-next .w_txlink .btn-txlink { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left center; transform-origin: left center; left: 32px; bottom: -25px; position: relative; width: 120px; text-align: left; }

.sty__sd2box4 .slick-arrow { background: none; width: calc((100vw - 1280px)/2); }

.sty__sd2box4 .slick-prev { left: 0; right: auto; }

.sty__sd2box4 .slick-next { left: auto; right: 0; }

.sty__sd2box4 .slick-slide:not(.active) .text { opacity: 0; }

.sty__sd2box4 .box { padding: 0 20px; }

.sty__sd2box4 .box .text { text-align: left; padding-top: 40px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__sd2box4 .box .text .title a { color: #ffffff; font-size: 4rem; line-height: 1; }

.sty__sd2box4 .box .text .roominfo { padding-top: 20px; }

.sty__sd2box4 .box .text .roominfo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; }

.sty__sd2box4 .box .text .roominfo li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; margin-right: 20px; margin-bottom: 15px; }

.sty__sd2box4 .box .text .roominfo li i { margin-right: 10px; width: 25px; height: 25px; }

.sty__sd2box4 .box .text .roominfo li i.icon--guests { width: 35px; }

.sty__sd2box4 .box .text .roominfo li i.icon--bed { width: 38px; }

.sty__sd2box4 .box .text .roominfo li i.icon--view { width: 35px; }

.sty__sd2box4.v2 .text { padding-top: 20px; }

.sty__sd2box4.v2 .text .title a { color: #5b5c5d; }

.sty__bgfull-highlight { position: relative; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: flex-end; background-color: #000000; }

.sty__bgfull-highlight .bgcover { z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.sty__bgfull-highlight .txintro { z-index: 10; position: relative; color: #ffffff; max-width: 600px; padding-bottom: 100px; }

.sty__bgfull-highlight .txintro .title { padding-bottom: calc(72px + 30px); margin-bottom: 30px; position: relative; }

.sty__bgfull-highlight .txintro .title h3 { color: #ffffff; }

.sty__bgfull-highlight .txintro .title:before { position: absolute; content: ""; height: 72px; width: 1px; background-color: #ffffff; left: calc(50% - 0px); bottom: 0; }

.sty__bgfull-highlight .txintro .detail { font-size: 2.4rem; line-height: 1.3; }

.sty__sd3box { margin: 0 -20px; width: auto; }

.sty__sd3box .slick-arrow { background-position: center 40%; }

.sty__sd3box .box { padding: 0 20px; }

.sty__sd3box .box .photo a { width: 100%; }

.sty__sd3box .box .text { text-align: left; padding-top: 30px; }

.sty__sd3box .box .text .title { font-size: 3.2rem; line-height: 1.2; padding-bottom: 15px; color: #13294b; }

.sty__sd3box .box .text .link { padding-top: 15px; }

.sty__sd3box .box .text .link a:nth-child(1) { margin-right: 20px; }

.sty__sdfull { width: calc(120vw + 20px); margin-left: calc(-20vw - 20px); }

.sty__sdfull .box { padding: 0 20px; }

.sty__sdfull .box .photo { height: 45vw; z-index: 1; background-color: #000; }

.sty__sdfull .box .photo ._bg-full { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.sty__sdfull .box .text { position: absolute; z-index: 10; left: 0; bottom: 0; color: #ffffff; text-align: left; padding-left: 110px; padding-right: 110px; padding-bottom: 80px; }

.sty__sdfull .box .text .title { padding-bottom: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sty__sdfull .box .text .title a { color: #ffffff; font-family: "Sinhala MN", sans-serif; font-size: 5.2rem; line-height: 0.8; }

.sty__sdfull .box .text .time { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.sty__sdfull .box .text .time i { margin-right: 10px; }

.sty__sdfull .wrap { width: 100%; position: relative; }

.sty__sdfull .slick-prev { display: none; }

.sty__sdfull .slick-next { left: auto; right: 0; background: none; width: 20vw; }

.sty__sdfullbox .box:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--mainslide-bottom.png) repeat-x bottom center; }

.sty__sdfullbox img { width: 100%; height: 45vw; -o-object-fit: cover; object-fit: cover; }

.sty__sdfullbox .text { position: absolute; bottom: 60px; left: 20%; right: 20%; z-index: 20; color: #ffffff; }

.sty__sdfullbox .text h4 { color: #ffffff; }

.sty__sdfullbox .slick-arrow { background: none; width: 200px; }

.sty__sdfullbox .slick-prev { left: 0; }

.sty__sdfullbox .slick-next { right: 0; left: auto; }

.sty__contentintro .roominfo { padding-top: 25px; }

.sty__contentintro .roominfo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

.sty__contentintro .roominfo li { margin: 0 50px; }

.sty__contentintro .roominfo li i { margin-bottom: 10px; width: 40px; height: 40px; }

.sty__contentintro .roominfo li i.icon--guests-b { width: 48px; }

.sty__contentintro .roominfo li i.icon--bed-b { width: 52px; }

.sty__contentintro .roominfo li i.icon--view-b { width: 45px; }

.sty__contentintro .roominfo li span { display: block; width: 100%; text-align: center; color: #13294b; text-transform: uppercase; line-height: 1; font-size: 1.2rem; line-height: 1; }

.sty__contentintro .roominfo li span + span { font-size: 2.2rem; line-height: 1.3; }

.sty__contentintro .roominfo + .detail { padding-top: 70px; font-size: 2.8rem; line-height: 1.3; }

.sty__contentintro .link { padding-top: 80px; }

.sty__contentintro .title + .detail { margin-top: 60px; }

.sty__contentintro.sm { max-width: 660px; margin: auto; }

.sty__contentintro ul.sty__ull { max-width: 500px; margin: auto; text-align: left; }

.sty__contentintro ul.sty__ull li { margin-left: 20px; }

.sty__contentintro.v2 h2 { color: #02767c; }

.sty__contentintro.v2 .subtitle + .detail { padding-top: 70px; }

.sty__contentintro.v2 .subtitle + .detail p { margin-bottom: 20px; }

.sty__contentintro.v2 .link { padding-top: 60px; margin-bottom: 20px; }

.sty__mainmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; padding-top: 100px; text-align: left; max-width: 960px; margin: auto; }

.sty__mainmenu .menu1, .sty__mainmenu .menu2 { width: calc(50% - 0px); }

.sty__mainmenu .menu1 > ul > li > a, .sty__mainmenu .menu2 > ul > li > a { position: relative; }

.sty__mainmenu .menu1 > ul > li > a:before, .sty__mainmenu .menu2 > ul > li > a:before { position: absolute; content: ""; height: 35px; width: 35px; left: -5px; top: 8px; background: url(../images/icon--dotlogo.svg) no-repeat center center; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 0; z-index: -1; }

.sty__mainmenu .menu1 > ul > li > a:hover:before, .sty__mainmenu .menu2 > ul > li > a:hover:before { opacity: 1; left: -20px; }

.sty__mainmenu ul li { margin-bottom: 15px; }

.sty__mainmenu a { color: #ffffff; font-size: 4rem; line-height: 1; }

.sty__mainmenu .sub-menu { margin-left: 5px; padding-top: 20px; }

.sty__mainmenu .sub-menu li { margin-bottom: 7px; position: relative; padding-left: 20px; margin-left: 0; }

.sty__mainmenu .sub-menu li:before { position: absolute; content: "-"; height: 100%; width: 100%; left: 0; top: -1px; color: #ffffff; font-size: 4rem; line-height: 1; }

.sty__mainmenu .sub-menu li a { font-size: 2.8rem; line-height: 1.3; }

.sty__mainmenu .sub-menu li a:hover { color: #b6872d; }

.sty__form { max-width: 840px; margin: auto; }

.sty__form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__form input, .sty__form textarea, .sty__form .custom-select .select-selected { box-shadow: 0 0 5px #0000001a; background-color: #fff; border: 1px solid #fff; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__form input:focus, .sty__form textarea:focus, .sty__form .custom-select .select-selected:focus { border-color: #5b5c5d; }

.sty__form button { width: 200px; }

.sty__form button[type="reset"] { background-color: #5b5c5d; }

.sty__form button[type="reset"]:hover { background-color: #7e7e7e; }

.sty__form .row { margin-bottom: 30px; }

.sty__form .-subject, .sty__form .-message, .sty__form .-loading { width: 100%; position: relative; }

.sty__form .-name, .sty__form .-email, .sty__form .-phone { width: calc(50% - 20px); }

.sty__form .inputfield { position: relative; }

.sty__form .subject { font-size: 2.4rem; line-height: 1.3; text-align: left; text-transform: uppercase; padding-bottom: 5px; }

.sty__form .-message { margin-bottom: 40px; }

.sty__form .-remark, .sty__form .-btn { margin-bottom: 10px; }

.sty__form .-remark .subject, .sty__form .-btn .subject { display: none; }

.sty__form .-remark { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.sty__form label.error { position: absolute; display: block; width: 100%; text-align: left; font-size: 1.6rem; line-height: 1; padding-top: 5px; color: #b6872d; top: 100%; bottom: 0; }

.sty__formalert { padding: 25px 60px 20px 90px; }

.sty__formalert:before { position: absolute; content: ""; width: 4px; left: 5px; top: 5px; bottom: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.sty__formalert:after { position: absolute; content: ""; height: 50px; width: 50px; left: 25px; top: calc(50% - 25px); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.sty__formalert .div1 { color: #000000; font-size: 2.8rem; line-height: 1.3; line-height: 1; }

.sty__formalert .div2 { color: #5b5c5d; }

.sty__formalert.success:before { background-color: #52a47c; }

.sty__formalert.success:after { background-image: url(../images/icon-success.svg); }

.sty__formalert.error:before { background-color: #e5ab49; }

.sty__formalert.error:after { background-image: url(../images/icon--alert.svg); }

.sty__gridgallery { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-flow: dense; grid-gap: 20px; margin-bottom: 120px; /* width: calc(100% - 40px); margin-left: 20px; */ }

.sty__gridgallery.loadac { margin-bottom: 20px; }

.sty__gridgallery .box { position: relative; }

.sty__gridgallery .box a { display: block; background-color: #000; color: #ffffff; }

.sty__gridgallery .box a img { opacity: 0.8; width: 100%; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__gridgallery .box a:hover img { opacity: 1; }

.sty__gridgallery .box .text { position: absolute; left: 0; bottom: 0; top: 0; width: 100%; display: none; }

.sty__gridgallery .box.hidden { display: none; }

.sty__gridgallery.r1 .box:nth-child(1) { grid-column: 1 / span 2; grid-row: span 2; align-self: center; height: 100%; }

.sty__gridgallery.r1 .box:nth-child(1) a { height: 100%; }

.sty__gridgallery.r1 .box:nth-child(1) a .text { font-size: 3.2rem; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__gridgallery.r1 .box:nth-child(1) a img { width: 100%; opacity: 0.5; }

.sty__gridgallery.r1 .box:nth-child(1) a:hover img { opacity: 1; }

.sty__gridgallery.r2 .box:nth-child(4) { grid-column: 4 / span 2; grid-row: 1 / span 2; align-self: center; height: 100%; }

.sty__gridgallery.r2 .box:nth-child(4) a { height: 100%; }

.sty__gridgallery.r2 .box:nth-child(4) a .text { font-size: 3.2rem; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__gridgallery.r2 .box:nth-child(4) a img { width: 100%; opacity: 0.5; }

.sty__gridgallery.r2 .box:nth-child(4) a:hover img { opacity: 1; }

.sty__1rowlist .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; margin-bottom: 120px; }

.sty__1rowlist .box:nth-child(even) { flex-flow: row-reverse; }

.sty__1rowlist .box:nth-child(even) .text { padding-left: 0; padding-right: 120px; }

.sty__1rowlist .wrap { position: relative; }

.sty__1rowlist .photo { width: 33.33%; }

.sty__1rowlist .text { width: 66.66%; text-align: left; padding-left: 120px; padding-top: 60px; }

.sty__1rowlist .text .title { color: #13294b; font-size: 4.6rem; line-height: 0.8; padding-bottom: 30px; padding-right: 60px; }

.sty__1rowlist .text .date { color: #02767c; }

.sty__1rowlist .text .link { padding-top: 30px; }

.sty__1rowlist .text .tabact { margin-top: 30px; }

.sty__1rowlist .text .tabact.active { padding-bottom: 20px; }

.sty__1rowlist .text .tabact.active .titlesm:before { transform: rotate(0deg); }

.sty__1rowlist .text .tabact + .tabact { margin-top: 0; }

.sty__1rowlist .text .titlesm { color: #13294b; font-size: 2.8rem; line-height: 1.3; padding-bottom: 5px; border-bottom: 1px dashed #b6872d; margin-bottom: 10px; cursor: pointer; position: relative; }

.sty__1rowlist .text .titlesm:before { position: absolute; content: ""; height: 25px; width: 25px; right: 0; top: 10px; background: url(../images/icon--arrowtab.svg) no-repeat center center; transform: rotate(-90deg); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__1rowlist .text .detailsm { overflow: hidden; }

.sty__map iframe { width: 100%; height: 700px; }

.sty__facilitieslist .sty__tx2photo { max-width: 1200px; margin: auto; padding-top: 100px; padding-bottom: 100px; }

.sty__facilitieslist .sty__tx2photo .text { text-align: center; }

.sty__facilitieslist .slide img { width: 100%; }

.sty__facilitieslist .box:nth-child(odd) .sty__tx2photo { flex-flow: wrap; }

.sty__sd1box .slick-arrow { width: 160px; background: none; }

.sty__sd1box .slick-prev { right: auto; left: 0; }

.sty__sd1box .slick-next { left: auto; right: 0; }

.sty__acclist .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; margin-bottom: 5px; }

.sty__acclist .box .photo { width: 66.67%; }

.sty__acclist .box .photo img { width: 100%; min-height: 50vw; -o-object-fit: cover; object-fit: cover; }

.sty__acclist .box .text { width: 33.33%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__acclist .box .text .wrap { width: calc(100% - 40px); }

.sty__acclist .box h3 { font-size: 5.2rem; line-height: 0.8; }

.sty__acclist .box .title a { color: #13294b; }

.sty__acclist .box .roominfo { padding-top: 60px; }

.sty__acclist .box .roominfo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; max-width: 420px; margin: auto; }

.sty__acclist .box .roominfo li { width: calc(50% - 0px); margin-bottom: 30px; }

.sty__acclist .box .roominfo li i { margin-bottom: 10px; width: 40px; height: 40px; }

.sty__acclist .box .roominfo li i.icon--guests-b { width: 48px; }

.sty__acclist .box .roominfo li i.icon--bed-b { width: 52px; }

.sty__acclist .box .roominfo li i.icon--view-b { width: 45px; }

.sty__acclist .box .roominfo li span { display: block; width: 100%; text-align: center; color: #13294b; text-transform: uppercase; line-height: 1; font-size: 1.2rem; line-height: 1; }

.sty__acclist .box .roominfo li span + span { font-size: 2.2rem; line-height: 1.3; }

.sty__acclist .box .link { padding-top: 30px; }

.sty__acclist .box .link a { margin: 0; }

.sty__acclist .box .link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; max-width: 420px; margin: auto; }

.sty__acclist .box .link ul li { text-align: center; width: 50%; }

.sty__acclist .box:nth-child(odd) { flex-flow: row-reverse; }

.sty__3photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; margin-top: 120px; }

.sty__3photo .box { width: calc(33.33% - 20px); }

.sty__3photo .box img { width: 100%; }

/* #Wrap
================================================== */
.wrap__countroom { padding-top: 60px; }

.wrap__countroom ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

.wrap__countroom ul li { width: 160px; }

.wrap__countroom ul span { display: block; font-family: "Sinhala MN", sans-serif; font-size: 5.2rem; line-height: 0.8; color: #13294b; text-transform: uppercase; }

.wrap__countroom ul span + span { font-size: 2.4rem; line-height: 1.3; }

.wrap__hotelinfo { background-color: #13294b; color: #ffffff; padding-top: 80px; padding-bottom: 150px; text-align: left; }

.wrap__hotelinfo p { margin-bottom: 0; }

.wrap__hotelinfo .title { font-size: 3.2rem; line-height: 1.2; padding-bottom: 5px; }

.wrap__hotelinfo .social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.wrap__hotelinfo .social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; }

.wrap__hotelinfo .social ul li { margin-right: 30px; }

.wrap__hotelinfo .address { padding-right: 60px; }

.wrap__newsletter { position: relative; margin-top: -75px; }

.wrap__newsletter form { max-width: 500px; margin: auto; }

.wrap__newsletter .subject { color: #ffffff; text-transform: uppercase; font-size: 3rem; line-height: 1.2; padding-bottom: 10px; }

.wrap__newsletter .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; box-shadow: 0 0 5px #0000001a; }

.wrap__newsletter .input__newsletter { background-color: #ffffff; width: calc(100% - 150px); }

.wrap__newsletter button { width: 150px; text-align: center; }

.wrap__newsletter .wrap--loading { width: 100%; }

.wrap__newsletter .alert--newsletter { background-color: #02767c; color: #ffffff; /* padding: 20px; */ }

.wrap__newsletter .alert--newsletter .formSuccess1 { padding: 20px; }

.wrap__copyright { padding-top: 50px; padding-bottom: 50px; font-size: 2rem; line-height: 1.3; }

/* #Header
================================================== */
header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-end; align-items: center; }

header .col2 .booknow { padding-right: 25px; /* margin-right: 25px; */ position: relative; /* &:before{ position: absolute; content: "";  width: 1px; right: 0; top: 2px; bottom: 0;  background-color: $col-tx--highlight; } */ }

header .logo { text-align: center; margin-top: 30px; position: relative; left: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .logo a { display: block; }

header .logo img { width: 210px; position: relative; top: 0; }

header .btnmenu { margin-left: 30px; }

header.openmenu:not(.nonslide):before { height: 160px; background-size: auto 95%; opacity: 0.85; }

header.nonslide ._btn_booknow, header.nonslide ._a_lang { color: #000000; }

header.nonslide ._btn_booknow:hover, header.nonslide ._a_lang:hover { color: #b6872d; }

header.nonslide i.icon--calendar { background-image: url(../images/icon--calendar-b.svg); }

header.nonslide.openmenu ._btn_booknow, header.nonslide.openmenu ._a_lang { color: #ffffff; }

header.nonslide.openmenu ._btn_booknow:hover, header.nonslide.openmenu ._a_lang:hover { color: #b6872d; }

header.nonslide.openmenu i.icon--calendar { background-image: url(../images/icon--calendar.svg); }

header:not(.nonslide):before { position: absolute; content: ""; height: 40vh; width: 100%; left: 0; top: 0; z-index: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; background: url(../images/bg--mainslide-top.png) repeat-x 0 0px; background-size: auto 150%; }

header.fixedtop { overflow: hidden; }

header.fixedtop:before { height: 160px; background-size: auto 95%; opacity: 0.85; }

header.fixedtop .logo { margin-top: 10px; height: 95px; overflow: hidden; left: -40px; }

header.fixedtop .logo img { width: 180px; top: 10px; }

header.fixedtop .container { max-width: calc(100% - 25px); }

/* # Menu
================================================== */
.sec__fullmenu { background-color: #13294bf2; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; max-height: 0; overflow: hidden; }

.sec__fullmenu.open { max-height: 100vh; }

/* #footer
================================================== */
/* # Newsletter
================================================== */
.wrap--loading { position: absolute; width: 200px; display: none; right: 0; }

.wrap--loading .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.wrap--loading svg { width: 40px; }

.wrap--loading.active { display: block; }

/* #Main slide -- fullpage
================================================== */
.sd__mainslide { background-color: #000000; position: relative; /* &:before{ position: absolute; content: ""; height: 50%; width: 100%; left: 0; top: 0; background: url(../images/bg--mainslide-top.png) repeat-x top; z-index: 100; background-size: auto 100%; } */ /* &:after{ position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-bottom.png) repeat-x bottom; z-index: 2000; } */ }

.sd__mainslide:after { position: absolute; content: ""; height: 50%; width: 100%; left: 0; bottom: 0; background: url(../images/bg--mainslide-bottom.png) repeat-x bottom; z-index: 100; background-size: auto 100%; }

.sd__mainslide .box { height: calc(100vh + 230px); width: 100%; background-color: #000; }

.sd__mainslide .box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.sd__mainslide .slick-dots { top: 0; height: 100vh; right: calc(50% - 600px - 10px); }

.sd__mainslide .slick-dots li:first-child { margin-top: 150px; }

.sd__mainslide.hlf .box { height: 500px; }

/* #Home
================================================== */
/* #Contact us
================================================== */
.sec__contactform { max-width: 800px; margin: auto; }

.sec__contactform .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 20px; }

.sec__contactform .subject { width: 30%; text-align: right; padding: 0 20px 0 0; }

.sec__contactform .inputfield { width: 60%; }

.sec__contactform .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-contentt: space-between; }

.sec__contactform .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sec__contactform .-pass .wrap_pass { width: calc(100% - 90px); }

.sec__contactform .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; float: left; }

.sec__contactform .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; }

.sec__contactform .-remark { font-size: 1.4rem; text-align: left; }

.sec__contactform label.error { color: #cc0000; font-size: 0.9em; float: left; padding: 5px 0 0; }

/* #Map
================================================== */
.sec__map .wrap__map { height: 35vw; }

.sec__map #map-canvas { height: 100%; }

.sec__map #product-right { padding: 20px 12px 20px 10px; text-align: center; }

.sec__map #product-right img { margin-bottom: 15px; width: 120px; }

/* #Gallery
================================================== */
.wrap__linkmoregallery { display: none; }

.loadac + .wrap__linkmoregallery { display: block; margin-bottom: 120px; }

/* #page__gallery{ .sec__maincontentpage{ padding-bottom: 50px; } #sec__gallery { padding-bottom: 40px;} } .filter-button-group{ @include flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0 0 30px; button{ background: none; border: 0; border-top: 1px solid $col-tx--body; border-bottom: 1px solid $col-tx--body; color: $col-tx--body; display: inline-block; width: auto; font-size: 1.6rem; height: 30px; margin: 0 7px; padding: 5px 10px; position: relative; margin-bottom: 15px; &:hover{ color: $col--white;  border-top: 1px solid $col-tx--body; border-bottom: 1px solid $col-tx--body; } &.active{ color: $col--white;  } &:before{ content: "";  z-index: -1; width: 100%; height: 0%; background:  $col-tx--body; bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; } &.active:before{  } &:hover:before, &.active:before { height: 100%; } } } .box_gallery-list{ .box{ width: 20%; padding: 5px; position: relative; img{ width: 100%; @include opacity(0.8); @include transition(all, 0.6s); } ._detail{ position: absolute; top: 0; left: 10%; width: 80%; height: 100%; @include flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: $col--white; z-index: 110; font-size: 1.6rem; line-height: 1.5; @include opacity(0); @include transition(all, 0.6s); } a{ display: block; border: 0; background-color: $col--black; padding: 0; &:before{ border:1px solid rgba(255, 255, 255, 0); z-index: 99; width: calc(100% - 2px); height: calc(100% - 2px); top:0; left: 0; background: none; @include transition(all, 0.4s); } &:hover:before{  border:1px solid rgba(255, 255, 255, 1);  -webkit-transform: scale(0.8);  transform: scale(0.8);   } &:hover img{ @include opacity(0.3); } &:hover ._detail{ @include opacity(1); } } } } */
#ui-datepicker-div { font-family: "Sinhala MN", sans-serif; padding: 30px; }

#ui-datepicker-div .ui-datepicker-group { padding: 15px; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-title { font-family: "Sinhala MN", sans-serif; font-size: 14px; }

#ui-datepicker-div .ui-datepicker th { font-size: 14px; }

#ui-datepicker-div .ui-widget-header { background-color: inherit; border: 0; font-size: 26px; text-transform: uppercase; font-weight: 400; border-bottom: 1px solid #000; border-radius: 0; }

#ui-datepicker-div .ui-state-default { background-color: inherit; border: 0; text-align: center; }

#ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span { margin-top: -3px; }

#ui-datepicker-div .ui-state-active { background-color: #13294b; color: #fff; }

.sec__checkbox #close-checkbox { background-color: inherit; }

.sec__checkbox .btnWrapper { padding: 10px; }

.sec__checkbox .btnWrapper button { width: 100%; }

@media screen and (max-width: 768px) { .sec__checkbox #close-checkbox { top: -40px; right: 35px; } }

@media screen and (max-width: 660px) { .field-wrapper { flex-flow: wrap; }
 div.field-wrapper.field-row-2 .field-inner { width: 50%; }
 div.field-wrapper.field-row-2 .field-inner:nth-child(3) { width: 100%; } }

@media screen and (max-width: 440px) { div.field-wrapper.field-row-2 .field-inner { width: 100%; }
 div.field-wrapper.field-row-1 .field-inner { width: 100%; }
 .sec__checkbox input { padding: 10px; }
 .sec__checkbox #close-checkbox { right: 30px; } }

/*# sourceMappingURL=main.css.map */