@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
/**font-family: 'GFS Didot', serif;**/
html {
  scroll-behavior: smooth;
}
body{  background:#fff; font-family:'Gotham Light';}

@font-face {
    font-family:'Gotham Book';
    src: url('../font/Gotham-Book.eot');
	src: url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('../font/Gotham-Book.woff2') format('woff2'),
		url('../font/Gotham-Book.woff') format('woff'),
		url('../font/Gotham-Book.svg#Gotham-Book') format('svg');
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Medium';
    src: url('../font/Gotham-Medium.eot');
	src: url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Gotham-Medium.woff2') format('woff2'),
		url('../font/Gotham-Medium.woff') format('woff'),
		url('../font/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Thin';
    src: url('../font/Gotham-Thin.eot');
	src: url('../font/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
		url('../font/Gotham-Thin.woff2') format('woff2'),
		url('../font/Gotham-Thin.woff') format('woff'),
		url('../font/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Ultra';
    src: url('../font/Gotham-Ultra.eot');
	src: url('../font/Gotham-Ultra.eot?#iefix') format('embedded-opentype'),
		url('../font/Gotham-Ultra.woff2') format('woff2'),
		url('../font/Gotham-Ultra.woff') format('woff'),
		url('../font/Gotham-Ultra.svg#Gotham-Ultra') format('svg');
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Light';
    src: url('../font/Gotham-Light.eot');
	src: url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Gotham-Light.woff2') format('woff2'),
		url('../font/Gotham-Light.woff') format('woff'),
		url('../font/Gotham-Light.svg#Gotham-Light') format('svg');
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Didot';
    src: url('../font/Didot-HTF-B16-Bold-Ital.eot');
	src: url('../font/Didot-HTF-B16-Bold-Ital.eot?#iefix') format('embedded-opentype'),
		url('../font/Didot-HTF-B16-Bold-Ital.woff2') format('woff2'),
		url('../font/Didot-HTF-B16-Bold-Ital.woff') format('woff'),
		url('../font/Didot-HTF-B16-Bold-Ital.svg#Didot-HTF-B16-Bold-Ital') format('svg');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

.container{max-width: 1260px;}
.owl-prev.disabled, .owl-next.disabled{opacity: 0.5;}
.owl-dots{display: none}
.btn-gold{font-family:'Gotham Medium'; border: #D9CFB3 1px solid; background: #276166; color: #D9CFB3; width: 174px; line-height: 50px; display: inline-block; text-align: center; font-size:16px; transition: all .5s ease;}
.btn-gold:hover{background: #D9CFB3; color: #276166; text-decoration: none; transition: all .5s ease;}
.btn-blue{font-family:'Gotham Medium'; border: #FFFFFF 1px solid; color: #fff; background: #276166; width: 174px; line-height: 50px; display: inline-block; text-align: center; font-size:16px; transition: all .5s ease;}
.btn-blue:hover{background: #fff; color: #276166; text-decoration: none; transition: all .5s ease;}
.md-8{margin: 0 -8px}
.pd-8{padding: 0 8px}
.md-12{margin: 0 -10px}
.pd-12{padding: 0 10px}
a{cursor: pointer; text-decoration: none; color: #000}
a:hover{cursor: pointer; text-decoration: none; color: #000}
.fancybox__backdrop{background:rgba(24, 24, 27, 0.985) !important;}
/* .fancybox__footer{display: none} */
.fancybox__thumbs {display: none;}
.fancybox__footer .fancybox__caption{text-align: center;}
.fancybox__slide.has-image > .fancybox__content {width: 800px !important; height: 534px !important; overflow: hidden;}
.fancybox__nav {position: absolute; height: 50px; bottom: 50%; left: 0px; width: 100%; margin-bottom: -350px;}
.f-button.is-prev{left: 50% !important; margin-left: -60px; border: #fff 2px solid; background: rgba(255, 255, 255, 0.2);}
.f-button.is-next{right: 50% !important; margin-right: -60px; border: #fff 2px solid; background: rgba(255, 255, 255, 0.2);}

.error404 header{background: #276166}
/**header**/
header.blue{background: #276166}
header{margin: 0px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; transition: all .5s ease;}
header .logo-area{padding: 35px 0;  transition: all .5s ease; position: relative; z-index: 1001}
header .logo-area .container{display: flex; justify-content: space-between; align-items: center; position: relative; height: 65px;}
header .logo-area .logo{width: 112px; position: absolute; top: 0px; left: 50%; margin-left: -56px; z-index: 1;}
header .logo-area .logo img{width: 100%}
header .logo-area .leftside{display: flex; width: 50%; position: relative;  align-items: center; padding-right: 80px; z-index: 50;}
header .btn-menu{width: 24px; height: 24px; border: none; background: transparent; position: relative; padding: 0px; margin-left: 18px; display: none; transition: all .5s ease;}
header .btn-menu span{width: 7px;height: 7px; border: #fff 2px solid; display: block; border-radius: 50%; transition: all .5s ease;}
header .btn-menu span:nth-of-type(4n+1){position: absolute; top: 3px; left: 3px; transition: all .5s ease;}
header .btn-menu span:nth-of-type(4n+2){position: absolute; top: 3px; right: 3px; transition: all .5s ease;}
header .btn-menu span:nth-of-type(4n+3){position: absolute; bottom: 3px; right: 3px; transition: all .5s ease;display: block;}
header .btn-menu span:nth-of-type(4n+4){position: absolute; bottom: 3px; left: 3px; transition: all .5s ease; display: block;}
header .btn-menu.active{border: #D9CFB3 2px solid; border-radius: 7px; transition: all .5s ease; z-index: 999;}
header .btn-menu.active span{width: 3px; height:14px; border-radius: 3px; border: none; background: #D9CFB3; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(4n+1){  transform: rotate(-45deg); left: 9px; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(4n+2){ transform: rotate(45deg); right: 8px; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(4n+3){display: none; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(4n+4){display: none; transition: all .5s ease;}

header .logo-area .rightside{display: flex; width: 50%; position: relative; padding-left: 80px; align-items:center;}
header .logo-area ul.main-menu{margin:0px; padding: 0px; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; position: relative; z-index: 1;flex-wrap: wrap;}
header .logo-area ul.main-menu li{margin-right: 50px;}
header .logo-area ul.main-menu li a{font-family:'Gotham Book'; font-size: 15px; color: #fff; font-weight: 400;  line-height: 40px; display: block; border-bottom: transparent 1px solid;}
header .logo-area ul.main-menu li a:hover{text-decoration: none; border-bottom: #D9CFB3 1px solid; transition: all .5s ease; color: #fff;}
header .logo-area ul.main-menu li.current-menu-item a{border-bottom: #D9CFB3 1px solid !important; transition: all .5s ease;}
header .logo-area ul.main-menu li.dropmenu-full{position: relative;}
header .logo-area ul.main-menu li.dropmenu-full::before{content: ''; background: url(../images/arrow-right.png) center center no-repeat; width: 7px; height: 15px; background-size: cover; position: absolute; top: 13px; right: 5px; transform: rotate(90deg);}
header .logo-area ul.main-menu li.dropmenu-full a {padding-right: 25px;}
header .logo-area ul.main-menu li.dropmenu-full.selected::before{transform: rotate(-90deg);}
header .logo-area ul.main-menu li.dropmenu-full.selected a{border-bottom: #D9CFB3 1px solid; transition: all .5s ease;}
header .logo-area .rightside .menu-right-menu-container{justify-content: flex-end; display: flex; align-items: flex-start; width: 100%;}
header .logo-area .rightside ul.main-menu{justify-content: flex-end;}
header .logo-area .rightside ul.main-menu li{margin-left: 50px; margin-right: 0px;}
header .logo-area .rightside ul.main-menu li:last-child a{border: #FFFFFF 1px solid; padding: 0 24px; transition: all .5s ease;}
header .logo-area .rightside ul.main-menu li:last-child a:hover,
header .logo-area .rightside ul.main-menu li.current_page_item:last-child a{background: rgba(255, 255, 255, 0.25); transition: all .5s ease;}
header.fixed{position: fixed; top: 0px; left: 0px;  transition: all .5s ease; background: #276166;}
header.fixed .logo-area{padding: 20px 0; transition: all .5s ease;}
header .menu-area{position: fixed; width: 100%; left: -100%; height: 100%; top: 0px; background: #276166; z-index: 8; padding: 100px 35px 35px 35px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; transition: all .5s ease; display: none;}
header .menu-area.active{left: 0px; transition: all .5s ease;z-index: 999;}
header .menu-area ul.mobile-menu{margin: 0px; padding: 0px; list-style: none}
header .menu-area ul.mobile-menu li a{font-family:'Gotham Book'; font-size: 15px; line-height: 46px; border-bottom: #D9CFB3 1px solid; display: block; color: #fff; text-decoration: none; text-transform: capitalize;}
header .menu-area ul.mobile-menu li.current_page_item a{color: #D9CFB3}
header .menu-area ul.mobile-menu li.dropmenu{position: relative;}
/* header .menu-area ul.mobile-menu li.dropmenu::before{content: ''; background: url(../images/arrow-right.png) center center no-repeat; width: 7px; height: 15px; background-size: cover; position: absolute; top: 15px; right: 5px; transform: rotate(90deg);}
header .menu-area ul.mobile-menu li.dropmenu.selected::before{transform: rotate(-90deg);} */
header .menu-area ul.mobile-menu li ul.sub-menu{margin: 0px; padding: 0px 0px 0px 10px; list-style: none; display: none}
header .menu-area ul.mobile-menu li ul.sub-menu.active{display: block;}
header .menu-area ul.mobile-menu li ul.sub-menu li a{color: #fff !important;}
header .menu-area ul.mobile-menu li ul.sub-menu li.active a{color: #D9CFB3 !important;}
header .menu-area ul.mobile-menu li ul.sub-menu li:nth-last-child(2) a{border-bottom: #D9CFB3 1px solid;}
header .menu-area ul.mobile-menu li ul.sub-menu li:last-child{margin: 0px}
header .menu-area ul.mobile-menu li ul.sub-menu li:last-child a{border: none; text-align: left; font-family:'Gotham Book'; font-size: 15px;}
header .menu-area ul.mobile-menu li:nth-last-child(2) a{border: none;}
header .menu-area ul.mobile-menu li:last-child{margin-top: 25px}
header .menu-area ul.mobile-menu li:last-child a{border: #D9CFB3 1px solid; text-align: center; font-size: 16px; color: #D9CFB3; font-family:'Gotham Medium';}
header .menu-area ul.mobile-menu li.current_page_item:last-child a{background: #D9CFB3; color: #276166}
/* header .menu-area ul.mobile-menu li.dropmenu .sub-mobile-btn {position: absolute; right: 0px; top: 0px; background: transparent !important; width: 46px; height: 46px; border: none;}
header .menu-area ul.mobile-menu li.dropmenu .sub-mobile-btn::before{content: ''; background: url(../images/arrow-right.png) center center no-repeat; width: 12px; height: 20px; background-size: cover; position: absolute; top: 12px; right: 6px; transform: rotate(90deg);}
header .menu-area ul.mobile-menu li.dropmenu .sub-mobile-btn.selected::before{transform: rotate(-90deg);} */
header .menu-area ul.mobile-menu li.dropmenu .sub-mobile-btn {position: absolute; right: -10px; top: 2px; background: url(../images/arrow-right.png) center center no-repeat; width: 46px; height: 40px; border: none; overflow: hidden; padding: 0px; transform: rotate(90deg); background-size: 12px;}
header .menu-area ul.mobile-menu li.dropmenu .sub-mobile-btn.selected{transform: rotate(-90deg);}
body.single-news header .logo-area ul.main-menu li.menu-item-58 a{border-bottom: #D9CFB3 1px solid; transition: all .5s ease;}
body.single-hotel header .logo-area ul.main-menu li.menu-item-102 a{border-bottom: #D9CFB3 1px solid; transition: all .5s ease;}

header .rightside .social-bottom-area{ display: flex; width: auto; z-index: 1;}
header .rightside .social-bottom-area .social-media{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content:flex-start;;}
header .rightside .social-bottom-area .social-media li { margin-left: 20px; }
header .rightside .social-bottom-area .social-media li a{line-height: 36px; color: #fff; font-size: 16px; display: block; text-align: center;transition: all .5s ease;}
header .rightside .social-bottom-area .social-media li a:hover{transition: all .5s ease; opacity: 0.6}
header .rightside .social-bottom-area .social-media li:nth-child(1){margin-left: 50px;}

.mega-sub-menu {position: absolute; left: 0px; min-width: 1260px; top: -670px; padding: 0 15px;  transition: all .5s ease; opacity: 0;}
.mega-sub-menu.active{transition: all .5s ease; opacity: 1; top: 78px;}
.mega-sub-menu .menu-flex-block{position: relative; display: flex; background-color: #F3F0E7; padding: 60px 0; border: 1px solid #E6DFCD;}
.mega-sub-menu .menu-flex-block:after, .mega-sub-menu .menu-flex-block:before{bottom: 100%; left: 225px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none }
.mega-sub-menu .menu-flex-block:after {border-color: rgba(243, 240, 231, 0); border-bottom-color: #F3F0E7; border-width: 10px; margin-left: -10px;}
.mega-sub-menu .menu-flex-block:before {border-color: rgba(230, 223, 205, 0); border-bottom-color: #E6DFCD; border-width: 11px; margin-left: -11px;}
.mega-sub-menu .menu-flex-block .menu-block{width: 25%; border-right: #D9CFB3 1px solid; padding: 0 30px;}
.mega-sub-menu .menu-flex-block .menu-block .logo-box{width: 100%; height: 120px; position: relative; overflow: hidden; margin:0 auto 30px auto;}
.mega-sub-menu .menu-flex-block .menu-block .logo-box img{max-width: 80%; max-height: 90%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto;}
.mega-sub-menu .menu-flex-block .menu-block ul.menu-list{margin: 0px; padding: 0px; list-style: none;}
.mega-sub-menu .menu-flex-block .menu-block ul.menu-list li a{font-family:'Gotham Book'; font-size: 15px; line-height: 32px; color: #525252; padding-left: 18px; position: relative; display: block; transition: all .5s ease;}
.mega-sub-menu .menu-flex-block .menu-block ul.menu-list li a::before{content: ''; position: absolute; width: 12px; height: 2px; background-color: #276166; top: 15px; left: 0px; transition: all .5s ease;}
.mega-sub-menu .menu-flex-block .menu-block ul.menu-list li a:hover{text-decoration: none; color: #276166; padding: 0px; transition: all .5s ease;}
.mega-sub-menu .menu-flex-block .menu-block ul.menu-list li a:hover::before{width: 0px; transition: all .5s ease;}
.mega-sub-menu .menu-flex-block .menu-block:last-child{border-right: none;}


/**Slider**/
.slider-area{margin: 0px;  overflow: hidden; position: relative; z-index: 1}
.slider-area .main-slider{position: relative; width: 100%; height: 100vh;}
.slider-area .main-slider::before{content: ''; position: absolute; top: 0px; left: 0px; height: 474px; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.711) 0%, rgba(0, 0, 0, 0) 56.96%); z-index: 1;}
.slider-area .main-slider .item{width: 100%; height: 100vh; overflow: hidden; position: relative;}
.slider-area .main-slider .item img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit: cover;}
.slider-area .main-slider .content-area{position: absolute; top: 0px; height: 100vh; width: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.29);}
.slider-area .main-slider .content-area h1{font-family:'Gotham Light'; color: #D9CFB3; text-transform: uppercase; font-size: 39px; text-align: center;}
.slider-area .social-bottom-area{position: absolute; bottom: 73px; left: 0px; width: 100%; z-index: 1}
.slider-area .social-bottom-area .social-media{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content:flex-start;;}
.slider-area .social-bottom-area .social-media li{margin-right: 20px;}
.slider-area .social-bottom-area .social-media li a{line-height: 36px; color: #fff; font-size: 16px; display: block; text-align: center;transition: all .5s ease;}
.slider-area .social-bottom-area .social-media li a:hover{transition: all .5s ease; opacity: 0.6}
.grecaptcha-badge { display: none !important; }

/**number section**/
.number-section{padding: 150px 0; position: relative; background: rgba(217, 207, 179, 0.31); z-index: 2; overflow: hidden;}
.number-section .container{display: flex; justify-content: space-between; align-items: center; position: relative;}
.number-section .logo-bg{position: absolute; right: -50px; top: 50%; margin-top: -270px}
.number-section .number-box{text-align: center; position: relative; z-index: 3;  }
.number-section .number-box .number-title{display: flex; align-items: center; justify-content: center; font-family:'Gotham Book'; font-size: 60px; color: #276166; line-height: 70px; margin-bottom: 20px;}
.number-section .number-box .number-title img{margin-right: 20px; width: 55px;}
.number-section .number-box h3{font-size: 22px; font-family:'Gotham Book'; color: #276166; text-transform: uppercase; margin: 0px}

/**who-we-are-section**/
.who-we-are-section{display: flex; width: 100%; align-items: center; background: #276166; border-top: #D9CFB3 2px solid; border-bottom: #D9CFB3 2px solid; }
.who-we-are-section .leftside{width: 50%; height: 630px; overflow: hidden; position: relative;}
.who-we-are-section .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; margin: auto; transform: scale(1); transition: all .5s ease;}
.who-we-are-section .rightside{width: 50%; padding: 0 140px 0 65px}
.who-we-are-section .rightside h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #D9CFB3; margin: 0 0 50px 0}
.who-we-are-section .rightside h2 span{border-bottom: #D9CFB3 1px solid; padding-bottom: 15px; position: relative;}
.who-we-are-section .rightside h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #D9CFB3}
.who-we-are-section .rightside p{font-size: 16px; line-height: 26px; color: #fff; font-family:'Gotham Book'; margin: 0 0 60px 0}

/**our-portfolio**/
.our-portfolio{padding: 70px 0; background: rgba(39, 97, 102, 0.09);}
.our-portfolio h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 80px 0; text-align: center;}
.our-portfolio h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.our-portfolio h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.our-portfolio .portfolio-block{background: #fff}
.our-portfolio .portfolio-block .hotel-logo{width: 100%; height: 200px; position: relative; overflow: hidden; margin:0 auto;}
.our-portfolio .portfolio-block .hotel-logo img{max-width: 70%; max-height: 70%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto; width: auto;}
.our-portfolio .portfolio-block .portfolio-img{width: 100%; height: 446px; position: relative; overflow: hidden;}
.our-portfolio .portfolio-block .portfolio-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; margin: auto; transform: scale(1); transition: all .5s ease;}
.our-portfolio .portfolio-block .content-bottom{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 26.5%, rgba(0, 0, 0, 0.73) 100%); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; text-align: center; text-align: center; display: flex; align-items: end; justify-content: center; padding-bottom: 60px; transition: all .5s ease;}
.our-portfolio .portfolio-block:hover .portfolio-img img{transform: scale(1.1); transition: all .5s ease;}
.our-portfolio .portfolio-block:hover .content-bottom{padding-bottom: 80px; transition: all .5s ease;}
.our-portfolio .owl-nav{text-align: center; padding-top: 30px}
.our-portfolio .owl-nav .owl-prev,
.our-portfolio .owl-nav .owl-next{margin: 0 10px}
.our-portfolio .owl-prev.disabled,
.our-portfolio .owl-next.disabled{opacity: 1}
.our-portfolio .owl-prev.disabled svg circle,
.our-portfolio .owl-next.disabled svg circle{stroke:#BEBEBE}
.our-portfolio .owl-prev.disabled svg path,
.our-portfolio .owl-next.disabled svg path{stroke:#BEBEBE}

/**location-section**/
.location-section{padding: 70px 0 0 0;}
.location-section h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0; text-align: center;}
.location-section h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.location-section h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
/* .location-section .map-block{border: #D9CFB3 1px solid;} */
.location-section .map-block img{width: 100%}

/**gallery-section**/
.gallery-section{padding: 70px 0 70px 0; background: linear-gradient(180deg, rgba(39, 97, 102, 0) -2.73%, rgba(39, 97, 102, 0.136233) 47.92%, rgba(39, 97, 102, 0.19) 100%);}
.gallery-section h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0; text-align: center;}
.gallery-section h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.gallery-section h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.gallery-section .gallery-slider{display: none !important}
.gallery-section .owl-nav{text-align: center; padding-top: 20px}
.gallery-section .owl-nav .owl-prev,
.gallery-section .owl-nav .owl-next{margin: 0 10px}
.gallery-section .owl-prev.disabled,
.gallery-section .owl-next.disabled{opacity: 1}
.gallery-section .owl-prev.disabled svg circle,
.gallery-section .owl-next.disabled svg circle{stroke:#BEBEBE}
.gallery-section .owl-prev.disabled svg path,
.gallery-section .owl-next.disabled svg path{stroke:#BEBEBE}
.gallery-section .btn-gold {margin-top: 30px;}
.gallery-img{position: relative; background-color: #000; width: 100%; overflow: hidden; height: 286px; margin-bottom: 16px}
.gallery-img img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit:cover; transform: scale(1); transition: all .5s ease; opacity: 0.6}
.gallery-img .title{position: absolute; bottom: 20px; left: -85%; font-size: 16px; line-height: 23px; text-transform: capitalize;  font-family:'Gotham Book'; color: #FFFFFF; border-bottom: #fff 1px solid; padding-left: 30px; width: 85%; z-index: 2; padding-bottom: 8px; transition: all .5s ease; }
.gallery-img::before{content: ''; position: absolute; bottom: -132px; left: 0px; width: 100%; height: 132px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 88%); z-index: 1; transition: all .5s ease;}
.gallery-img:hover img{transform: scale(1.1); transition: all .5s ease; opacity: 1}
.gallery-img:hover::before{bottom: 0px; transition: all .5s ease;}
.gallery-img:hover .title{left: 0px; transition: all .5s ease;}
.fancybox__toolbar__column button:nth-child(4) { display: none; }

/**get-in-touch-section**/
.get-in-touch-section{position: relative; overflow: hidden;}
.get-in-touch-section img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%;  object-fit: cover; opacity: 0.34}
.get-in-touch-section h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 40px 0; text-align: center;}
.get-in-touch-section h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.get-in-touch-section h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.get-in-touch-section .white-bg{padding: 70px 0; background: rgba(255, 255, 255, 0.57); z-index: 2; position: relative;}
.get-in-touch-section p{text-align: center; font-family:'Gotham Book'; font-style: italic; font-weight: 700; font-size: 15px; line-height: 27px; width: 40%; margin: 0px auto;}
.get-in-touch-section .form-area{width: 60%; margin: 50px auto 0 auto;}

.get-in-touch-section .form-area .form-group{position: relative; margin: 0 0 20px 0; padding: 0px !important;}
.get-in-touch-section .form-area .form-group label{font-family:'Gotham Book'; font-size: 16px; line-height: 24px !important; color: #000000; margin:0px;}
.get-in-touch-section .form-area .form-group .input-box{background: transparent; line-height: 18px !important; color: #00043A; font-family:'Gotham Book'; font-size: 16px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; padding: 0px 0px 15px 0px; border:none; border-radius: 0px; border-bottom: #777 1px solid !important;}
.get-in-touch-section .form-area .form-group .input-box:focus{border:none; box-shadow: none; outline: none; border-bottom: #276166 1px dashed !important}
.get-in-touch-section .form-area .form-group .input-box:focus ~ label{top: 10px;  font-size: 12px; color: #276166; font-weight: 700; letter-spacing: 1px}
.get-in-touch-section .form-area .form-group .input-box:not(:placeholder-shown) ~ label{top: 10px; font-size: 12px; color: #276166; font-weight: 700; letter-spacing: 1px}
.wpcf7-form-control-wrap:focus ~ label{top: 10px;  font-size: 12px; color: #276166; font-weight: 700; letter-spacing: 1px}
.get-in-touch-section .form-area .form-group .textarea-box{background: transparent; line-height: 18px !important; color: #00043A; font-family:'Gotham Book'; font-size: 16px;  padding-left: 20px; margin: 0px !important; box-sizing: border-box; width: 100%; padding: 0px 0px 15px 0px; border:none; border-radius: 0px; border-bottom: #777 1px solid !important;}
.get-in-touch-section .form-area .form-group .textarea-box:focus{border:none; box-shadow: none; outline: none; border-bottom: #276166 1px dashed !important}
.get-in-touch-section .form-area .form-group .textarea-box:focus ~ label{top: 10px;  font-size: 12px; color: #276166; font-weight: 700; letter-spacing: 1px}
.get-in-touch-section .form-area .form-group .textarea-box:not(:placeholder-shown) ~ label{top: 10px; font-size: 12px; color: #276166; font-weight: 700; letter-spacing: 1px}
.get-in-touch-section .form-area .btn-blue{border:#D9CFB3 1px solid; color: #D9CFB3; margin-top: 40px}
.get-in-touch-section .form-area .btn-blue:hover{background: #D9CFB3; color: #276166}

/**footer**/
footer{text-align: left;}
.footer-main{padding: 70px 0; background: #276166}
.footer-main .container{position: relative;}
.footer-main .container .row{position: relative; z-index: 2}
.footer-main .logo-area{width: 206px; margin: 0 auto 0 auto;}
.footer-main .logo-area .logo{width: 180px; margin-bottom: 50px}
.footer-main .logo-area .logo img{width: 100%}
.footer-main .logo-area p{font-family:'Gotham Light';font-size: 15px; line-height: 21px; color: #fff; margin: 0px}
.footer-main .menu-area{padding-left: 60px}
.footer-main h3{font-size: 20px; font-family:'Gotham Medium'; line-height: 28px; color: #fff; margin: 20px 0 25px 0}
.footer-main ul.footer-menu{margin: 0px; padding: 0px; list-style: none;}
.footer-main ul.footer-menu li a{font-size: 15px; line-height: 30px; font-family:'Gotham Book'; color: #fff; text-decoration: none; position: relative; display: block; transition: all .5s ease;}
.footer-main ul.footer-menu li a::before{content: ''; position: absolute; top: 14px; left: 0px; width: 0px; height: 2px; background: #fff; transition: all .5s ease;}
.footer-main ul.footer-menu li a:hover{padding-left: 15px; transition: all .5s ease;}
.footer-main ul.footer-menu li a:hover::before{width: 10px; transition: all .5s ease;}
.footer-main .info{font-size: 15px; line-height: 30px; font-family:'Gotham Book'; color: #fff;}
.footer-main .info a{color: #fff; text-decoration: none}
.footer-main .left-apce-area{ padding-left: 60px;  }
.footer-main .social-media{ padding: 0px; list-style: none; display: flex; justify-content: flex-start;}
.footer-main .social-media li{margin-right: 25px;}
.footer-main .social-media li a{width: 36px; height: 36px; border:#fff 1px solid; border-radius: 50%; line-height: 36px; color: #fff; font-size: 16px; display: block; text-align: center;transition: all .5s ease;}
.footer-main .social-media li a:hover{background: #fff; color: #276166; transition: all .5s ease;}
.footer-main .copyright{margin-top: 70px; text-align: center; font-size: 13px; font-family:'Gotham Medium'; color: #fff; line-height: 20px; position: relative; z-index: 2}
.footer-main .logo-bg{position: absolute; right: -25px; top: 50%; margin-top: -175px}


/**inner-area**/
.inner-area{position: relative; width: 100%;  background-size: cover !important;}
.inner-area::before{ content:''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0) 56.96%); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1}
.inner-area .title-content{background: rgba(0, 0, 0, 0.4);text-align: center; padding: 224px 0 170px 0; position: relative; z-index: 1}
.inner-area .title-content h1{font-size: 40px; color: #fff; text-transform: uppercase; line-height: 48px; margin: 0 0 20px 0}

/**breadcrumb**/
.breadcrumb{background: transparent; padding: 0px; justify-content: center; margin: 0px;}
.breadcrumb .breadcrumb-item {font-size: 15px; text-transform: uppercase; font-family: 'Gotham Book'; color: #fff; line-height: 18px;}
.breadcrumb .breadcrumb-item a{color: #fff; text-decoration: none}
.breadcrumb .breadcrumb-item.active{color: #fff}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {color: #fff}

/**gallery-page**/
.gallery-page{padding: 70px 0; }
.gallery-page h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0; text-align: center;}
.gallery-page h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.gallery-page h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}

/**News page**/
.news-page{padding: 70px 0; }
.news-page h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0; text-align: center;}
.news-page h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.news-page h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}

.news-block{margin: 0 0 40px 0}
.news-block .news-img{width: 100%; position: relative; height: 265px; overflow: hidden;}
.news-block .news-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1.0); transition: all .5s ease;}
.news-block .news-content{padding: 35px 0 0 0}
.news-block .news-content .date{font-family: 'Gotham Book'; font-size: 16px; line-height:20px; text-transform: capitalize; color: #333333; margin: 0 0 20px 0; transition: all .5s ease;}
.news-block .news-content .title{font-family: 'Gotham Book'; font-size: 30px; line-height: 42px; color: #276166; margin: 0 0 15px 0; text-transform: uppercase; transition: all .5s ease; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.news-block .news-content p{font-family: 'Gotham Book'; font-size: 16px; line-height: 26px; color: #333333; margin:0; transition: all .5s ease;}
.news-block:hover .news-img img{transform: scale(1.1); transition: all .5s ease;}
.news-block:hover .news-content .date, .news-block:hover .news-content p{color: #276166; transition: all .5s ease;}
.news-block:hover .news-content .title{color: #333333; transition: all .5s ease;}

/**contact-page**/
.contact-page{padding: 70px 0}
.contact-page .contact-block{display: flex; align-items: center; background: #F3F0E7; flex-direction:row-reverse; flex-wrap: wrap;}
.contact-page .contact-block .contact-info{width: 38%; padding: 60px; flex: 1 0 auto; }
.contact-page .contact-block .map-area{width: 62%; height: 512px; border:#D9CFB3 1px solid; flex: 1 0 auto;}
.contact-page .contact-block h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 30px 0}
.contact-page .contact-block h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: block;}
.contact-page .contact-block h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.contact-page .contact-block .info{font-size: 15px; line-height: 32px; font-family:'Gotham Book'; color: #276166;}
.contact-page .contact-block .info a{color: #276166; text-decoration: none}
.contact-page .contact-block .social-media{margin: 20px 0px 0px 0px; padding: 0px; list-style: none; display: flex; justify-content: flex-start;;}
.contact-page .contact-block .social-media li{margin-right: 15px;}
.contact-page .contact-block .social-media li a{width: 36px; height: 36px; border:#276166 1px solid; border-radius: 50%; line-height: 36px; color: #276166; font-size: 16px; display: block; text-align: center;transition: all .5s ease;}
.contact-page .contact-block .social-media li a:hover{background: #276166; color: #fff; transition: all .5s ease;}


/**news-detail**/
.news-detail{padding: 70px 0 50px 0; border-bottom: #E7E7E7 1px solid}
.news-detail .news-photo{width: 100%; height: 586px; position: relative; overflow: hidden; margin-bottom: 35px}
.news-detail .news-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1.0); transition: all .5s ease;}
.news-detail .news-photo:hover img{transform: scale(1.1); transition: all .5s ease;}
.news-detail .date{font-family: 'Gotham Book'; font-size: 16px; line-height:20px; text-transform: capitalize; color: #333333; margin: 0 0 20px 0; transition: all .5s ease;}
.news-detail .title{font-family: 'Gotham Book'; font-size: 32px; line-height: 42px; color: #276166; margin: 0 0 15px 0; text-transform: uppercase; transition: all .5s ease;}
.news-detail p{font-family: 'Gotham Book'; font-size: 16px; line-height: 26px; color: #333333; margin:0 0 20px 0;}

/**more-news-section**/
.more-news-section{padding: 70px 0 30px 0; }
.more-news-section h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 40px 0; text-align: center;}
.more-news-section h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.more-news-section h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.more-news-section .owl-nav{text-align: center; padding-top: 30px}
.more-news-section .owl-nav .owl-prev,
.more-news-section .owl-nav .owl-next{margin: 0 10px}
.more-news-section .owl-prev.disabled,
.more-news-section .owl-next.disabled{opacity: 1}
.more-news-section .owl-prev.disabled svg circle,
.more-news-section .owl-next.disabled svg circle{stroke:#BEBEBE}
.more-news-section .owl-prev.disabled svg path,
.more-news-section .owl-next.disabled svg path{stroke:#BEBEBE}

/**who-we-are-page**/
.who-we-are-page{background: #276166; padding: 0 0 70px 0}
.who-we-are-page .content-block{display: flex;}
.who-we-are-page .leftside{width: 50%; height: 960px; overflow: hidden; position: relative; margin-top: -80px; z-index: 1; }
.who-we-are-page .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1.0); transition: all .5s ease;}
.who-we-are-page .leftside:hover img{transform: scale(1.1); transition: all .5s ease;}
.who-we-are-page .rightside{width: 50%; background: #F3F0E7; padding: 60px 70px 40px 70px; margin-top: -44px; position: relative; z-index: 1}
.who-we-are-page h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 40px 0; }
.who-we-are-page h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.who-we-are-page h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166; }
.who-we-are-page p{font-size: 16px; line-height: 26px;font-family: 'Gotham Book'; margin: 0px 0px 20px 0px}
.who-we-are-page .show-more{display: none;}

/**what-we-do-area**/
.what-we-do-area{display: flex; width: 100%; align-items: center; background: rgba(39, 97, 102, 0.09); flex-direction: row-reverse;}
.what-we-do-area .leftside{width: 50%; height: 380px; overflow: hidden; position: relative;}
.what-we-do-area .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.what-we-do-area .rightside{width: 50%; padding: 0 120px 0 90px; max-width: 700px;}
.what-we-do-area .rightside h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0}
.what-we-do-area .rightside h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.what-we-do-area .rightside h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.what-we-do-area .rightside p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0 0 15px 0}

/**mission-values-area**/
.mission-section {background: rgba(39, 97, 102, 0.25); }
.mission-values-area{display: flex; width: 100%; padding: 70px 0; align-items: center;  align-items: flex-start; max-width: 1400px; margin: 0 auto;}
.mission-values-area .content-block{width: 50%; }
.mission-values-area .content-block h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0}
.mission-values-area .content-block h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.mission-values-area .content-block h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.mission-values-area .content-block p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0}
.mission-values-area .content-block:nth-of-type(2n+1){padding: 0 40px 0 90px}
.mission-values-area .content-block:nth-of-type(2n+2){padding: 0 90px 0 40px}

/**our-team-area**/
.our-team-area{padding: 70px 0; }
.our-team-area h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0; text-align: center;}
.our-team-area h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.our-team-area h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.our-team-area .team-block{width: 100%; position: relative; padding: 0 0 0 300px;   transition: all .5s ease;}
.our-team-area .team-block .team-photo{width: 280px; height: 358px; position: relative; overflow: hidden; position: absolute; top: 0px; left: 0px;}
.our-team-area .team-block .team-photo img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s;}
.our-team-area .team-block .team-photo:hover img{transform: scale(1.1); transition: all .5s ease;}
.our-team-area .team-block .name{font-size: 24px; line-height: 34px; color: #333333; font-family:'Gotham Medium'; margin: 0 0 10px 0}
.our-team-area .team-block .name span{display: block; font-family:'Gotham Light';}
/* .our-team-area .team-block p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px 0px 20px 0px;  display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease;} */
.our-team-area .team-block p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px; transition: all .5s ease;}
/* .our-team-area .team-block a{text-transform: capitalize; font-family:'Gotham Book'; font-size: 16px; line-height: 26px; color: #276166; } */
/* .our-team-area .team-block .show-more a::after{content: ' >>'; transition: all 1s ease;}
.our-team-area .team-block .show-more a.active::after{content: '<<'; transition: all 1s ease; margin-left: 5px;} */
/* .our-team-area .team-block .description{position: relative; max-height: 280px;transition: all 1s ease; overflow: hidden;}
.our-team-area .team-block .description.active{position: relative; max-height: 1500px;transition: all 1s ease; overflow: hidden;}
.our-team-area .team-block .description a{position: absolute; bottom: 0px; width: 100%; background: #fff; padding-top: 15px; transition: all 1s ease;}
.our-team-area .team-block .description.active a{position: absolute; transition: all 1s ease;} */
/* .our-team-area .team-block .description.active p{overflow: visible; -webkit-line-clamp: unset; transition: all .5s ease;} */
.our-team-area .hideContent {overflow: hidden; height: 210px;}
.our-team-area .showContent {height: auto; overflow: hidden; }

.mission-values-area .hideContent p {overflow: hidden; max-height: 109px;}
.mission-values-area .showContent p{height: auto; overflow: hidden; }
.our-team-area .show-more{margin-top: 20px;}

/**error-page**/
.error-page{background: #F3F0E7; padding: 300px 0 200px 0}
.error-page h1{font-size: 150px; line-height: 180px; text-transform: uppercase; color: #276166; font-family:'Gotham Light'; margin: 0px 0px 10px 0px}
.error-page h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0}
.error-page h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.error-page h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.error-page p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px}
.error-page p a{font-family:'Gotham Medium'; color:#276166 }


/**hotel-list-page**/
.hotel-list-page{padding: 60px 0 0 0}
.hotel-main-block{margin: 0 0 70px 0}
.hotel-main-block .hotel-detail{display: flex; align-items: center; background: #F3F0E7}
.hotel-main-block .hotel-detail .logo-area{width: 35%; text-align: center;}
.hotel-main-block .hotel-detail .hotel-content{width: 65%; background: #fff; padding-left: 40px; padding: 25px 0 30px 40px}
.hotel-main-block .hotel-detail h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0}
.hotel-main-block .hotel-detail h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.hotel-main-block .hotel-detail h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.hotel-main-block .hotel-detail p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px 0px 20px 0px}
.hotel-main-block .hotel-detail ul.hotel-link{margin: 0px; padding: 0px; list-style: none; column-count: 1; }
.hotel-main-block .hotel-detail ul.hotel-link li a{font-size: 16px; line-height: 28px; color: #333333; font-family:'Gotham Book'; text-transform: uppercase; position: relative; transition: all .5s ease; margin-bottom: 1px; display: block; }
.hotel-main-block .hotel-detail ul.hotel-link li a:hover{color: #276166; padding-left: 15px; transition: all .5s ease;}
.hotel-main-block .hotel-detail ul.hotel-link li a::before{content: ''; position: absolute; top: 13px; left: 0px; width: 0px; height: 2px; background: #276166; transition: all .5s ease;}
.hotel-main-block .hotel-detail ul.hotel-link li a:hover::before{width: 10px; transition: all .5s ease;}

.hotel-main-block:nth-of-type(2n+2) .hotel-detail{flex-direction: row-reverse;}
.hotel-main-block:nth-of-type(2n+2) .hotel-detail .hotel-content{padding: 25px 40px 30px 0px;}
.hotel-main-block .hotel-gallery-slider{margin-top: 40px}
.hotel-main-block .hotel-gallery-slider .owl-nav{text-align: center; padding-top: 30px}
.hotel-main-block .hotel-gallery-slider .owl-nav .owl-prev,
.hotel-main-block .hotel-gallery-slider .owl-nav .owl-next{margin: 0 10px}
.hotel-main-block .hotel-gallery-slider .owl-prev.disabled,
.hotel-main-block .hotel-gallery-slider .owl-next.disabled{opacity: 1}
.hotel-main-block .hotel-gallery-slider .owl-prev.disabled svg circle,
.hotel-main-block .hotel-gallery-slider .owl-next.disabled svg circle{stroke:#BEBEBE}
.hotel-main-block .hotel-gallery-slider .owl-prev.disabled svg path,
.hotel-main-block .hotel-gallery-slider .owl-next.disabled svg path{stroke:#BEBEBE}


/**hotel-detail-page**/
.hotel-detail-page{background: #fff; position: relative; padding: 70px 0}
.hotel-detail-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 1130px; background: linear-gradient(180deg, rgba(39, 97, 102, 0) -2.73%, rgba(39, 97, 102, 0.0645315) 47.92%, rgba(39, 97, 102, 0.09) 100%); transform: matrix(1, 0, 0, -1, 0, 0);}
.hotel-detail-page .container{position: relative; z-index: 1}

.hotel-detail-page .hotel-category{height: 485px; position: relative; overflow: hidden;}
.hotel-detail-page .hotel-category img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.hotel-detail-page .hotel-category .category-logo{background: rgba(230, 223, 205, 0.9); width: 356px; height: 100%; position: absolute; top: 0px; left: 0px;}
.hotel-detail-page .hotel-category .category-logo img{width: 80%; height: 80%; object-fit: contain;  top: 10%; left: 10%; right: 10%; bottom: 10%;}

.hotel-detail-page .hotel-detail-box{background: #fff; padding: 60px 50px 40px 50px; text-align: center;}
.hotel-detail-page .hotel-detail-box h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 30px 0; text-align: center;}
.hotel-detail-page .hotel-detail-box h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.hotel-detail-page .hotel-detail-box h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.hotel-detail-page .hotel-detail-box h3{font-size: 32px; line-height: 34px; color: #276166; font-family:'Gotham Medium'; text-align: center; text-transform: uppercase; margin: 0 0 40px 0}
.hotel-detail-page .hotel-detail-box p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px 0px 20px 0px}

.hotel-detail-page .key-facts-area{background: rgba(39, 97, 102, 0.09); padding: 60px}
.hotel-detail-page .key-facts-area h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 60px 0}
.hotel-detail-page .key-facts-area h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative;}
.hotel-detail-page .key-facts-area h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.hotel-detail-page .key-facts-area ul.key-fact-list{margin: 0px; padding: 0px; list-style: none; column-count: 2; }
.hotel-detail-page .key-facts-area ul.key-fact-list li{font-size: 16px; line-height: 34px; color: #333333; font-family:'Gotham Book'; position: relative; padding-left: 40px}
.hotel-detail-page .key-facts-area ul.key-fact-list li::before{content: ''; position: absolute; top: 15px; left: 0px; width: 24px; height: 4px; background: #276166}

.hotel-detail-page .hotel-gallery-area{padding: 60px 0 0 0}
.hotel-detail-page .hotel-gallery-area h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 30px 0; text-align: center;}
.hotel-detail-page .hotel-gallery-area h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.hotel-detail-page .hotel-gallery-area h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.hotel-detail-page .hotel-gallery-area .owl-nav{text-align: center; padding-top: 20px}
.hotel-detail-page .hotel-gallery-area .owl-nav .owl-prev,
.hotel-detail-page .hotel-gallery-area .owl-nav .owl-next{margin: 0 10px}
.hotel-detail-page .hotel-gallery-area .owl-prev.disabled,
.hotel-detail-page .hotel-gallery-area .owl-next.disabled{opacity: 1}
.hotel-detail-page .hotel-gallery-area .owl-prev.disabled svg circle,
.hotel-detail-page .hotel-gallery-area .owl-next.disabled svg circle{stroke:#BEBEBE}
.hotel-detail-page .hotel-gallery-area .owl-prev.disabled svg path,
.hotel-detail-page .hotel-gallery-area .owl-next.disabled svg path{stroke:#BEBEBE}

.hotel-detail-page .awards-area{padding: 60px 0 0 0}
.hotel-detail-page .awards-area h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0; text-align: center;}
.hotel-detail-page .awards-area h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.hotel-detail-page .awards-area h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.hotel-detail-page .awards-area .owl-nav{text-align: center; padding-top: 20px}
.hotel-detail-page .awards-area .owl-nav .owl-prev,
.hotel-detail-page .awards-area .owl-nav .owl-next{margin: 0 10px}
.hotel-detail-page .awards-area .owl-prev.disabled,
.hotel-detail-page .awards-area .owl-next.disabled{opacity: 1}
.hotel-detail-page .awards-area .owl-prev.disabled svg circle,
.hotel-detail-page .awards-area .owl-next.disabled svg circle{stroke:#BEBEBE}
.hotel-detail-page .awards-area .owl-prev.disabled svg path,
.hotel-detail-page .awards-area .owl-next.disabled svg path{stroke:#BEBEBE}

.award-img{position: relative; background-color: #000; width: 100%; overflow: hidden; height: 400px; margin-bottom: 16px; border: #D9CFB3 1px solid}
.award-img img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit:cover; transform: scale(1); transition: all .5s ease; opacity: 0.6}
.award-img .title{position: absolute; bottom: 20px; left: -85%; font-size: 16px; line-height: 23px; text-transform: capitalize;  font-family:'Gotham Book'; color: #FFFFFF; border-bottom: #fff 1px solid; padding-left: 30px; padding-bottom: 8px; width: 85%; z-index: 2; transition: all .5s ease;}
.award-img::before{content: ''; position: absolute; bottom: -132px; left: 0px; width: 100%; height: 132px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 88%); z-index: 1; transition: all .5s ease;}
.award-img:hover img{transform: scale(1.1); transition: all .5s ease; opacity: 1}
.award-img:hover::before{bottom: 0px; transition: all .5s ease;}
.award-img:hover .title{left: 0px; transition: all .5s ease;}

.hotel-detail-page .links-area{padding: 60px 0 0 0; }
.hotel-detail-page .links-area h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 50px 0; text-align: center;}
.hotel-detail-page .links-area h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: inline-block;}
.hotel-detail-page .links-area h2 span::before{content: ''; position: absolute; bottom: -5px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px}
.hotel-detail-page .links-area ul.four-link{display: flex; margin: 0px; padding: 0px; list-style: none; margin: 0 -9px; justify-content: center;}
.hotel-detail-page .links-area ul.four-link li{padding: 0 9px; width: 25%}
.hotel-detail-page .links-area ul.four-link li .link-box{background: #ECF1F1; position: relative; overflow: hidden;}
.hotel-detail-page .links-area ul.four-link li .link-box a{text-align: center; padding: 60px 0; display: block; color: #276166; font-family:'Gotham Medium'; font-size: 25px; line-height: 34px; position: relative; z-index: 1;}
.hotel-detail-page .links-area ul.four-link li .link-box .icon{height: 96px; margin-bottom: 25px}
.hotel-detail-page .links-area ul.four-link li .link-box .icon img{height: 100%}
.hotel-detail-page .links-area ul.four-link li .link-box::before{background: rgba(39, 97, 102, 0.15); width: 50px; height: 50px; content: ''; position: absolute; border-radius: 50%; bottom: -50px; left: 50%; margin-left: -25px;  transition: all .5s ease;}
.hotel-detail-page .links-area ul.four-link li .link-box:hover::before{width: 100%; height: 100%; left: 0px; bottom: 0px; border-radius: 0px;  transition: all .5s ease; margin-left: 0px}

.hotel-detail-page .contact-block{display: flex;background: #F3F0E7; flex-direction:row-reverse; flex-wrap: wrap; margin-top: 60px; }
.hotel-detail-page .contact-block .contact-info{width: 38%; padding: 60px; flex:1 0 auto; }
.hotel-detail-page .contact-block .map-area{width: 62%; height: 512px; flex:1 0 auto; }
.hotel-detail-page .contact-block h2{font-family:'Gotham Light'; font-size: 52px; line-height: 52px; text-transform: uppercase; color: #276166; margin: 0 0 30px 0}
.hotel-detail-page .contact-block h2 span{border-bottom: #276166 1px solid; padding-bottom: 15px; position: relative; display: block;}
.hotel-detail-page .contact-block h2 span::before{content: ''; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; background: #276166}
.hotel-detail-page .contact-block .info{font-size: 15px; line-height: 32px; font-family:'Gotham Book'; color: #276166;}
.hotel-detail-page .contact-block .info a{color: #276166; text-decoration: none}

/**service-page**/
.service-page{background: #fff; position: relative; padding: 0 0 70px 0}
.service-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 1680px; background: linear-gradient(180deg, rgba(39, 97, 102, 0) -2.73%, rgba(39, 97, 102, 0.143403) 47.92%, rgba(39, 97, 102, 0.2) 100%); transform: matrix(1, 0, 0, -1, 0, 0);}
.service-page .container{position: relative; z-index: 1}
.service-page .service-quote-box{background: #F3F0E7; padding: 60px 95px; text-align: center; position: relative; top: -70px}
.service-page .service-quote-box p{font-size: 16px; line-height: 26px; color: #333333; font-family:'Gotham Book'; margin: 0px; position: relative; padding-bottom: 20px; z-index: 1}
.service-page .service-quote-box p span{font-size: 32px; font-family:'Gotham Medium';}
.service-page .service-quote-box p::before{content: ''; width: 444px; background: #276166; height: 1px; position: absolute; bottom: 0px; left: 50%; margin-left: -222px}
.service-page .service-quote-box p::after{content: ''; width: 50px; background: #276166; height: 4px; position: absolute; bottom: -4px; left: 50%; margin-left: -25px}
.service-page .service-quote-box  .logo-bg{position: absolute; right: 25px; top: 0; width: 316px;}
.service-page .service-quote-box  .logo-bg img{width: 100%}

.service-page .service-block{margin: 0 0 70px 0}
.service-page .service-block .service-photo{width: 100%; position: relative; height: 280px; overflow: hidden; margin: 0 0 35px 0}
.service-page .service-block .service-photo img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; object-fit:cover; transform: scale(1); transition: all .5s ease; }
.service-page .service-block:hover .service-photo img{transform: scale(1.1); transition: all .5s ease}
.service-page .service-block .title{font-family: 'Gotham Book'; font-size: 32px; line-height: 42px; height:84px; overflow: hidden; color: #276166; margin: 0 0 15px 0; text-transform: uppercase; transition: all .5s ease; padding-right: 100px}
.service-page .service-block p{font-family: 'Gotham Book'; font-size: 16px; line-height: 26px; color: #333333; margin:0; transition: all .5s ease; text-transform: capitalize;}

.service-page .latest-project{position: relative;}
.service-page .latest-project img{width: 100%}
.service-page .latest-project .content-area{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(39, 97, 102, 0.77);}
.service-page .latest-project .full{width: 100%; text-align: center;}
.service-page .latest-project h2{font-size: 42px; font-family:'Gotham Medium'; line-height: 50px; text-align: center; text-transform: uppercase; color: #F3F0E7; margin: 30px 0;}
.service-page .latest-project p{margin: 0px; color: #F3F0E7; text-transform: uppercase; font-size: 28px; line-height: 34px;}
.service-page .latest-project a.btn-white{background: rgba(255, 255, 255, 0.25); font-family:'Gotham Medium';  border: 1px solid #F3F0E7; padding: 0 24px; transition: all .5s ease; line-height: 52px; font-size: 16px; color: #F3F0E7; display: inline-block;}
.service-page .latest-project a.btn-white:hover{background: #F3F0E7; color: #276166}

.pagination{justify-content: center;}
.pagination a.page-numbers{width: 50px; height: 50px; border: #276166 2px solid; border-radius: 50%; margin: 0 5px; color: #276166; text-align: center; line-height: 46px; font-size: 20px; font-family: 'Gotham Medium';}
.pagination a.page-numbers:hover{color: #fff; background: #276166;}
.pagination span.current{width: 50px; height: 50px; border: #276166 2px solid; border-radius: 50%; margin: 0 5px; background: #276166; color: #fff; text-align: center; line-height: 46px; font-size: 20px; font-family: 'Gotham Medium';}
.pagination .next{position: relative; font-size: 0px !important;}
.pagination .next::before {font-family: "Font Awesome 5 Free"; left: 0px; color: #276166; font-weight: 700; content: '\f105'; position: absolute; top: 0; opacity: 1; font-size: 24px; width: 100%;}
.pagination .next:hover::before{color: #fff;}
.pagination .prev{position: relative; font-size: 0px !important;}
.pagination .prev::before {font-family: "Font Awesome 5 Free"; left: 0px; color: #276166; font-weight: 700; content: '\f104'; position: absolute; top: 0; opacity: 1; font-size: 24px; width: 100%;}
.pagination .prev:hover::before{color: #fff;}

.wpcf7-form p {margin: 0;}
.wpcf7-form-control-wrap { display: block;}
.wpcf7 form .wpcf7-response-output {width: 60%; margin: 30px auto 0 auto; text-align: center; padding: 12px; display: none;}
.get-in-touch-section .form-area .text-center {position: relative;}
.get-in-touch-section .cf7sr-g-recaptcha div { margin: auto; }
.wpcf7-spinner{position: absolute; top: 55px;}


.swal-modal{background: #F3F0E7; border: 1px solid #D9CFB3; border-radius: 0px; width: 600px; padding-bottom: 150px;}
.swal-icon--success::after, .swal-icon--success::before {background: #F3F0E7;}
.swal-icon--success__hide-corners{background: #F3F0E7;}
.swal-icon--success__ring{border: 4px solid #276166;}
.swal-icon--success__line{background-color: #276166;}
.swal-icon--error{border-color: #f00;}
.swal-icon--error__line{background-color: #f00;}
.swal-title{display: none;}
.swal-text{font-size: 28px;line-height: 36px; text-align: center; text-transform: uppercase; width: 430px; padding-bottom: 12px; color: #276166;}
.swal-text::before {content: ''; background: #276166; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0;}
.swal-text::after {content: ''; position: absolute; bottom: -4px; left: 50%; width: 50px; height: 4px; background: #276166; margin-left: -25px;}
.swal-footer{margin-top: 0px; padding: 0px;}
.swal-button-container {margin: 0; display: inline-block; position: inherit;}
.swal-button {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 0px; font-size: 0;background-color: transparent; padding: 0px;}
.swal-button::before{content: ''; background: url(../images/close.png) center center no-repeat; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px;}
.swal-button:hover {background: transparent !important;}
.swal-button:focus{box-shadow: none;}
.swal-icon{margin: 0 auto 40px auto;}
.swal-icon:first-child {margin-top: 150px;}




/*Map*/
#linkymap_1188308512 path {
    stroke-width: 1;
    stroke: #CCCCCC;
  }

  #linkycontrols {
    background: url('https://asb.codeandcode.xyz/wp-content/uploads/2023/07/linkycontrols.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 132px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 58px;
    z-index: 3;
  }

  div.google-visualization-tooltip {
    display: block;
    z-index: 999999;
    max-width: 300px !important;
  }

  div.google-visualization-tooltip-item-list li.google-visualization-tooltip-item {
    list-style-type: none;
    max-width: 300px !important;
  }

  .google-visualization-tooltip-item-list {
    list-style-type: none !important;
  }

  #compass {
    height: 54px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 54px;
  }

  #pan_up {
    left: 18px;
    top: 0;
  }

  #pan_lt {
    left: 0;
    top: 18px;
  }

  #pan_rt {
    left: 36px;
    top: 18px;
  }

  #pan_down {
    left: 18px;
    top: 36px;
  }

  #zoom {
    height: 62px;
    left: 19px;
    position: absolute;
    top: 66px;
    width: 20px;
  }

  #zoom_in {
    left: 0;
    top: 0;
  }

  #zoom_out {
    left: 0;
    top: 42px;
  }

  #pan_up,
  #pan_lt,
  #pan_rt,
  #pan_down,
  #zoom_in,
  #zoom_out {
    cursor: pointer;
    position: absolute;
    height: 18px;
    width: 18px;
  }

  #linkymap_div_1188308512 {
    overflow: hidden;
    position: relative;
  }

  .google-visualization-tooltip img {
    max-width: 200px;
    max-height: 200px;
  }

  @media screen and (max-width:480px) {
    .google-visualization-tooltip img {
      max-width: 50px;
      max-height: 50px;
    }

    .sidebarhtmllinkymap,
    .sidebarlinkymap {
      width: 100% !important;
    }
  }

  #linkymap_1188308512 circle:hover {
    cursor: pointer;
  }


.slider-area .main-slider .owl-next:after{ content: ''; width: 30px; height: 30px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; visibility: visible; right: 15px; }
.slider-area .main-slider .owl-next{ transition: all 0.3s ease; width: 44px; opacity: 0; visibility: hidden; right: 15px; position: absolute; top: 50%; margin-top: -15px; z-index: 1; right: 60px; }
.slider-area .main-slider:hover .owl-next{ right: 10px; opacity: 1; }
.slider-area .main-slider .owl-prev:after { content: ''; width: 30px; height: 30px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); opacity: 1; visibility: visible; left: 15px; }
.slider-area .main-slider .owl-prev{ transition: all 0.3s ease; width: 44px; opacity: 0; visibility: hidden; left: 15px; position: absolute; top: 50%; margin-top: -15px; z-index: 1; left: 60px; }
.slider-area .main-slider:hover .owl-prev{ left: 10px; opacity: 1; }

.down-arrow{ position: absolute; width: 100%; z-index: 50; bottom: 0; height: 80px; margin: auto; display: flex; justify-content: center; }
.down-arrow a { position: absolute; width: 150px; z-index: 50; bottom: 0; height: 80px; margin: auto; }
.down-arrow a .arrow-down { position: absolute; width: 12px; left: calc(50% - 6px); bottom: 35px; transform: translateX(-50%); stroke: #fff; animation: arrow-animation 1.5s 0s infinite cubic-bezier(0.645, 0.045, 0.355, 1) both; display: block; max-width: 100%; height: auto; z-index: 20; pointer-events: none; }
.down-arrow a .scroll_down { position: absolute; bottom: 20px; stroke: #fff; animation: arrow-animation 1.5s 0s infinite cubic-bezier(0.645, 0.045, 0.355, 1) both; display: block; max-width: 100%; height: auto; z-index: 20; pointer-events: none; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 300; text-transform: uppercase; color: #fff; letter-spacing: 0.5em; font-size: 7.5px; width: 100%; }
@keyframes arrow-animation {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  49% {
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}