:root {
    --am-font: "Lato", sans-serif;;
    --am-primary: #1989fb;
    --am-primary-rgb: 25, 137, 251;
    --am-black: #1b1825;
    --am-black-rgb: 27, 24, 37;
    --am-base: #ffffff;
    --am-base-rgb: 255, 255, 255;
    --am-extra: #42d9be;
    --am-extra-rgb: 66, 217, 190;
    --am-bdr-color: #dae3e9;
    --am-bdr-color-rgb: 218, 227, 233;
    --am-bdr-radius: 6px;
}

/* 1.0 - General */
html {scroll-behavior: smooth;}
body{margin: 0; background: var(--am-base); }
table,div{font-family: var(--am-font); font-size:16px; color:#1a2e35; line-height:26px;}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #000000;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #000000;}/* Firefox 19+ */
:-ms-input-placeholder {color: #000000;}/* IE 10+ */
:-moz-placeholder {color: #000000;}/* Firefox 18- */

.no-js #loader {display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif") center no-repeat #fff;}

img{border:none;}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px; font-family: "Playfair Display", serif}

/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}
.padding-bottom{padding-bottom: 0 !important}
.padding-top{padding-top: 0 !important}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0 0 0 20px; padding: 0; list-style: none;}
ul li{list-style: disc; margin: 0 0 10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border: 1px solid var(--am-bdr-color); font-weight: normal; padding: 13px 8px; color: var(--am-base);}
.table td {background: none repeat scroll 0 0 #f3f3f3; border: 1px solid var(--am-bdr-color); padding: 8px;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.dropdown-menu {font-size: inherit;}

.brown-btn{padding: 0 20px; line-height: 42px; height: 42px; background: #c9a96a; color: #FFF; border: none; cursor: pointer; font-weight: 600; transition: all .4s ease-in-out; display: inline-block; font-size: 16px; font-family: "Playfair Display", serif;}
.brown-btn:hover {color: #FFF; background:#004441; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}
.green-btn{padding: 0 20px; line-height: 42px; height: 42px; background: #004441; color: #FFF; border: none; cursor: pointer; font-weight: 600; transition: all .4s ease-in-out; display: inline-block; font-size: 16px; font-family: "Playfair Display", serif;}
.green-btn:hover {color: #FFF; background:#c9a96a; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
#menu-toggle{display: none}
.navbar>.container{flex-wrap: wrap;}
.navbar-inverse{margin: 0; background-color: #ebcba5; border-color: transparent; padding: 0}
.navbar{border-radius: 0; position: relative; border: none;}
.navbar-brand{padding: 15px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0; display: inline-block;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.navbar-header{width: 100%; background: #004441; text-align: center}
.book-now{font-size: 24px; color: #004441; font-weight: 600; background: #FFF; line-height: 60px; padding: 0 50px; position: absolute; right: 0; top: 0; font-family: "Playfair Display", serif; display: none}
.book-now:hover{background: #004441; color: #FFF}

.top-right{float: right; padding: 35px 0}
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 20px;}
.top-right ul li i{margin-right: 10px; color: #999999}
.top-right ul li a{color: #333333}

.jumbotron{padding: 0; margin: 0; position: relative}
/*.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}*/
.jumbotron .container { max-width: 100%; height: 100%;}
.home-ban{position: relative; background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}
.home-ban .ban-text:before{background: url(../images/ban-line.png) no-repeat center center; width: 616px; height: 439px; position: absolute; left: -80px; top: -90px; content: '';}
.home-ban .ban-text{margin: 0 auto 0; color: var(--am-base); font-size: 16px; z-index: 1; width: 1320px; min-height: 270px; position: relative; display: flex; align-items: center; padding: 0 15px;}
.home-ban .ban-text h1{font-size: 50px; line-height: 60px; margin: 0; font-weight: normal; color: #FFF; margin: 0; }

.carousel-item img{width: 100%; height: auto}
.carousel-control-next, .carousel-control-prev{width: 50px;}
.carousel-caption{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 1320px; padding: 0}

.row-am{width: 100%;}

/** 3.0 - Content **/
#content .row-am{padding: 80px 0;}
h2{font-size: 40px; font-family: "Playfair Display", serif; color: #004441; margin: 0 0 20px;}
.h4{font-size: 24px; font-family: "Playfair Display", serif; color: #c9a96a; margin: 0;}

.welcome{}
.welcome ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4%;}
.welcome ul li{list-style: none; margin: 0; width: 22%; text-align: center}
.welcome ul li img{margin: 0 0 20px;}
.welcome ul li h4{font-size: 26px; font-family: "Playfair Display", serif; color: #004441; margin: 0}

.luxury-resort{position: relative; text-align: center; overflow: hidden}
.luxury-resort:before{background: #e9c79e; width: 100%; height: 400px; position: absolute; top: 0; left: 0; content: ''}
.luxury-resort .slick{position: relative}
.luxury-resort .h4, .luxury-resort h2{position: relative}
.luxury-resort .h4{color: #004441}

.booking{background: url(../images/line-circle-bg.png) no-repeat center top; padding-top: 200px !important; text-align: center; display: none}
.booking form{background-color: rgb(255, 255, 255); box-shadow: 0px 100px 150px 0px rgba(11, 46, 79, 0.1); padding: 70px 100px; width: 1170px; margin: 0 auto 50px}
.booking form ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4%; justify-content: space-between;}
.booking form ul li{list-style: none; margin: 0; border-right: 1px solid #212121; padding-right: 4%; width: 22%; text-align: left}
.booking form ul li:last-child{border: none; width: auto; padding: 0; margin: 0}
.booking form ul li:nth-child(3){border: none}
.booking form label{font-size: 28px; font-family: "Playfair Display", serif; color: #004441; display: block}
.booking form .input{border: none; font-size: 20px; color: #c9a96a; width: 100%;}
.booking form .search-btn{background: #c9a96a url("../images/search-icon.png") no-repeat center center;  height: 62px;  text-indent: -1000px; border:none; width: 62px;}
.villas-suites{}
.villas-suites ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2%;}
.villas-suites ul li{border-width: 2px; border-color: rgb(201, 169, 106); border-style: solid; border-radius: 10px; width: 32%; list-style: none; margin: 0; padding: 15px;}
.villas-suites ul li img{width: 100%; border-radius: 8px; margin: 0 0 20px;}
.villas-suites ul li h4{font-size: 26px; font-family: "Playfair Display", serif; color: #0b2e4f; margin: 0 0 20px;}

.testimonial{text-align: center; display: none}
.testimonial p{font-size: 40px; line-height: 52px; color: #1a2e35}
.testimonial .name{font-size: 24px; font-family: "Playfair Display", serif; color: #c9a96a; margin: 40px 0 0}
.testimonial .name span{font-size: 44px; font-family: "Playfair Display", serif; color: #004441; display: block }

/** 4.0 - Footer **/
footer{background: #004441}
footer .footer1{padding: 60px 0; background: #004441 url(../images/footer-bg.png) no-repeat center bottom -28px;}
footer .footer1 h4{font-size: 20px; font-weight: 400; margin: 0 0 20px; text-transform: uppercase; color: #FFF;}
footer .footer1 .f-logo img{max-width: 100%;}
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none; /*display: flex; flex-wrap: wrap; justify-content: center;*/}
footer .footer1 .links ul li{font-size: 18px; font-family: "Playfair Display", serif; list-style: none; margin: 0;}
footer .footer1 .links ul li::before {content: "•"; color: #cac7c9; margin-right: 10px;}
footer .footer1 .links ul li a{color: #FFF;}
footer .footer1 .links ul li a:hover{color: #e9c79e}
footer .footer1 .f-contact ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .f-contact ul li{line-height: 28px; font-size: 13px; list-style: none; color: #FFF; font-size: 18px; font-family: "Playfair Display", serif;}
footer .footer1 .f-contact ul li a{color: #FFF;}
footer .footer1 .f-contact ul li a:hover{color: #e9c79e;}

footer .footer2{background: #e9c79e; padding: 20px 0}
footer .footer2 .left{color: #004441; font-size: 16px; font-family: "Playfair Display", serif}
footer .footer2 .right{color: #004441; font-size: 16px; font-family: "Playfair Display", serif}
footer .footer2 .right a{color: #004441; margin-left: 20px;}
footer .footer2 .right a:hover{color: #000}

/* */
.ban-in{position: relative;}
.ban-in .ban-text{margin: 0 auto 0; color: var(--am-base); font-size: 16px; z-index: 1; width: 1320px; min-height: 270px; position: relative; display: flex; align-items: center; padding: 0 15px;}
.ban-in .ban-text h1{font-size: 50px; line-height: 60px; margin: 0; font-weight: normal; color: #FFF; margin: 0; }

.event-ban{background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}
.event-ban .ban-text{position: relative}
.event-ban .ban-text:before{background: url(../images/ban-line.png) no-repeat center center; width: 616px; height: 439px; position: absolute; left: -80px; top: -90px; content: '';}

.dining-ban{background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}
.villas-ban{background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}
.contact-ban{background: #012935; background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}
.facilities-ban{background-size: cover; min-height: 833px; display: flex; align-items: center; position: relative}

.resort{}
.resort .box{border: 1px solid #c9a96a; border-radius: 8px; padding: 30px; text-align: center}
.resort ul{list-style: none; margin: 0 0 30px; padding: 0; display: flex; gap: 4%; flex-wrap: wrap;}
.resort ul li{list-style: none; margin: 0; width: 48%;}
.resort ul li img{width: 100%;}

.ceremonial-party{background: #e9c79e}
.ceremonial-party .left{width: 48%}
.ceremonial-party .right{width: 48%;}
.ceremonial-party .right img{width: 100%; border-radius: 8px;}

.facilities{background: url(../images/favilitles-bg.png) no-repeat center top; text-align: center}
.facilities ul{margin: 0; display: flex; gap: 1.5%; flex-wrap: wrap; align-items: center;}
.facilities ul li{list-style: none; margin: 0}
.facilities ul li img{width: 100%; border-radius: 8px;}
.facilities ul li:nth-child(1), .facilities ul li:nth-child(3){width: 29%;}
.facilities ul li:nth-child(2){width: 39%;}

.groom-suites{background: url(../images/favilitles-bg.png) no-repeat center top; text-align: center}
.groom-suites ul{list-style: none; margin: 0; padding: 0}
.groom-suites ul li{list-style: none; margin: 0 0 20px; display: inline-block}
.groom-suites ul li .img{width: 44%}
.groom-suites ul li .img img{width: 100%;}
.groom-suites ul li .text{width: 52%; text-align: left}

.ploating-plinth{background: #e9c79e; text-align: center}
.ploating-plinth .left, .ploating-plinth .right{width: 48%;}
.ploating-plinth .left img, .ploating-plinth .right img{width: 100%; border-radius: 8px;}
.ploating-plinth ul{list-style: none; margin: 0; padding: 0}
.ploating-plinth ul li{list-style: none; margin: 30px 0 0; display: inline-block}
.ploating-plinth ul li .img{width: 32%}
.ploating-plinth ul li .img img{width: 100%; border-radius: 0;}
.ploating-plinth ul li .text{width: 66%; text-align: left;}

.dining{}
.dining .box{border: 1px solid #c9a96a; border-radius: 8px; padding: 30px; text-align: center}
.dining ul{list-style: none; margin: 0; padding: 0;}
.dining ul li{list-style: none; margin: 0; width: 100%;}
.dining ul li img{width: 100%; border-radius: 8px;}

.dining-facilities{text-align: center}
.dining-facilities ul{margin: 30px 0; display: flex; gap: 1.5%; flex-wrap: wrap; align-items: center;}
.dining-facilities ul li{list-style: none; margin: 0}
.dining-facilities ul li img{width: 100%; border-radius: 8px;}
.dining-facilities ul li:nth-child(1), .dining-facilities ul li:nth-child(3){width: 29%;}
.dining-facilities ul li:nth-child(2){width: 39%;}

.brajbhog ul li:last-child{}
/*.brajbhog ul li:last-child .text{width: 32%}
.brajbhog ul li:last-child .img{width: 66%}*/

/* villa  */
.villas .box{border: 1px solid #c9a96a; border-radius: 8px; padding: 30px; text-align: center}
.villas ul{list-style: none; margin: 0 0 30px; padding: 0;}
.villas ul li{list-style: none; margin: 0; width: 100%;}
.villas ul li img{width: 100%; border-radius: 8px;}

.villas-party{background: #e9c79e}
.villas-party .left, .villas-party .right{width: 48%;}
.villas-party .left{color: #004441}
.villas-party .right img{width: 100%; border-radius: 8px;}

.slick span {display: block; position: relative; text-align: center; transform: translate(0, 0) scale(0.4); transition: all 0.4s ease; opacity: 0.8;}
/* .slick-slide {
  border: solid 1px #2dc37f;
}
 */
.slick-slide.lt2 span {transform: translate(10%, 0) scale(0.6);}
.slick-slide.lt1 span {opacity: 0.7; transform: translate(5%, 0) scale(0.8);}
.slick-slide.gt1 span {opacity: 0.7; transform: translate(-5%, 0) scale(0.8);}
.slick-slide.gt2 span {transform: translate(-10%, 0) scale(0.6);}
.slick-slide.slick-center span {z-index: 1; transform: scale(1); opacity: 1; color: #fff; /*background: #0056FF;*/}
.slick-prev,
.slick-next {position: absolute; appearance: none; padding: 0; border: 0; background: none; cursor: pointer; color: transparent; outline: none; z-index: 100; margin: 0 auto; left: 0; right: 0; bottom: -60px;}
.slick-prev {width: 60px; height: 60px; background: #004441 url(../images/pre-arrow.png) no-repeat center center;  border-radius: 50%; left: -70px;}
.slick-next {width: 60px; height: 60px; background: #004441 url(../images/next-arrow.png) no-repeat center center; border-radius: 50%; right: -70px;}
/* Custom added CSS */
.main-wrapper-box {position:relative; width: 100%;}
.inside-wrapper-box-1 {background: green;}

.box-1 figure {width: 100%;  /*margin-left: -20px;*/}
button.outline { position: relative;z-index: 3; background: transparent; color: #1172c4; font-size: 14px; border-color: #1172c4;  border-style: solid; border-width: 2px; border-radius: 22px; padding: 10px 40px; text-transform: uppercase;transition: all 0.2s linear;}
button.outline a {text-decoration: none;}
button.outline:hover {color: white; background: #1172c4; border-color: white; transition: all 0.2s linear;}
button.outline:active {border-radius: 22px;}
.slick span figure figcaption table button {background: red;}
/*.slick-prev.slick-arrow:hover {
    background: none;
}*/

.contact{text-align: center}
.contact ul{list-style: none; margin: 60px 0; padding: 0; gap: 2%; display: flex; flex-wrap: wrap;}
.contact ul li{list-style: none; margin: 0; width: 32%; border: 2px solid #c9a96a; border-radius: 10px; padding: 20px; }
.contact ul li img{margin: 0 0 20px;}
.contact ul li h4{font-size: 26px; font-family: "Playfair Display", serif; color: #004340; line-height: 40px; text-align: center;}
.contact .insta-link{font-size: 26px; font-family: "Playfair Display", serif; color: #004340; line-height: 40px; padding: 0 10px;}
.contact-img img{width: 100%;}

.facilities-page{text-align: center}
.facilities-page ul{list-style: none; margin: 40px 0; padding: 0; gap: 2.5%; display: flex; flex-wrap: wrap;}
.facilities-page ul li{list-style: none; margin: 0; width: 18%; border: 2px solid #c9a96a; border-radius: 10px; padding: 20px; font-size: 18px; line-height: 26px;}
.facilities-page ul li img{margin: 0 0 20px;}
.facilities-page ul li h4{font-size: 26px; font-family: "Playfair Display", serif; color: #004340; line-height: 30px; text-align: center; min-height: 60px;}

.club-house{position: relative; text-align: center; overflow: hidden}
.club-house .container{position: relative}
.club-house p{color: #004441; font-family: "Playfair Display", serif;}
.club-house:before{background: #e9c79e; width: 100%; height: 490px; position: absolute; top: 0; left: 0; content: ''}
.club-house ul{margin: 0 0 30px; display: flex; gap: 1.5%; flex-wrap: wrap; align-items: center; position: relative}
.club-house ul li{list-style: none; margin: 0}
.club-house ul li img{width: 100%; border-radius: 8px;}
.club-house ul li:nth-child(1), .club-house ul li:nth-child(3){width: 29%;}
.club-house ul li:nth-child(2){width: 39%;}

.villas .box p{padding: 0 100px;}
.resort .box p{padding: 0 100px;}

.welcome ul li img{width: 80px;}
.pdf_dwn{background: #004441; color: white; border: none; padding: 10px 20px 10px 20px; border-radius: 5px;}
.pdf_dwn:hover { background: #E9C79E !important; color: #004441 !important; border: 1px solid #004441 !important; }