body{ font-family: "Jost", sans-serif; overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
p{font-size: 15px;line-height: 28px;color: #414141;}
html{overflow-x: hidden;}
li{list-style:none;}

.topbar{background: linear-gradient(90.15deg, #004c86 1.15%, #0169b9 98.84%);padding: 10px 0;}
.topbar-info-text p{color: #fff;opacity: 80%;margin-bottom: 0;}
.topbar-info-text p a{font-weight: 700;text-transform: capitalize;color: inherit;text-decoration: underline;text-underline-offset: 3px;transition: all 0.3s ease-in-out;text-decoration: none;}
.topbar-info-text p a:hover{color: #000;}
.topbar-links{display: flex;align-items: center;justify-content: end;}
.topbar-contact-info{border-right: 1px solid #FFFFFF33;margin-right: 25px;padding-right: 25px;}
.topbar-contact-info ul{list-style: none;padding: 0;margin: 0;}
.topbar-contact-info ul li{position: relative;display: inline-block;margin-right: 20px;color: #fff;opacity: 80%;transition: all 0.3s ease-in-out;}
.topbar-contact-info ul li a{color: inherit;}
.topbar-contact-info ul li:hover{color: #004c86;}
.topbar-contact-info ul li:last-child{margin: 0;padding: 0;}
.topbar-contact-info ul li::before{content: '/';position: absolute;top: 0;right: -16px;bottom: 0;font-size: 16px;color: #fff;opacity: 80%;}
.topbar-contact-info ul li:last-child:before{display: none;}
.topbar-social-links ul{list-style: none;padding: 0;margin: 0;}
.topbar-social-links ul li{position: relative;display: inline-block;margin-right: 20px;transition: all 0.3s ease-in-out;}
.topbar-social-links ul li:last-child{margin: 0;}
.topbar-social-links ul li a{display: block;color: #fff;transition: all 0.3s ease-in-out;}
.topbar-social-links ul li:hover a{color: #004c86;}
.topbar-social-links ul li a i{font-size: 18px;color: inherit;}

header.main-header{position: relative;border-bottom: 1px solid #FFFFFF33;z-index: 100;}
header.main-header .header-sticky{position: relative;top: 0;z-index: 100;}
header.main-header .header-sticky.hide{transform: translateY(-100%);transition: transform 0.3s ease-in-out;border-radius: 0;}
header.main-header .header-sticky.active{position: fixed;top: 0;left: 0;right: 0;border-radius: 0;transform: translateY(0);background-color: #fff;border-bottom: 1px solid #FFFFFF33;}
header.main-header .header-sticky .navbar-brand img{width: 300px;}
.navbar{padding: 10px 0;align-items: center;}
.navbar-brand{padding: 0;margin: 0;}
.main-menu .nav-menu-wrapper{flex: 1;text-align: center;margin: 0 20px;}
.main-menu .nav-menu-wrapper > ul{align-items: center;display: inline-flex;}
.main-menu ul li{margin: 0;position: relative;}
.main-menu ul li a{font-size: 16px;font-weight: 500;line-height: 1.2em;padding: 14px 20px !important;color: #004c86;text-transform: capitalize;transition: all 0.3s ease-in-out;}
.main-menu ul li.submenu > a:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 14px;margin-left: 8px;}
.main-menu ul li a:hover, .main-menu ul li a:focus{color: #0169b9;}
.main-menu ul ul{visibility: hidden;opacity: 0;transform: scaleY(0.8);transform-origin: top;padding: 0;margin: 0;list-style: none;width: 230px;border-radius: 20px;position: absolute;left: 0;top: 100%;background: linear-gradient(90.15deg, #004c86 1.15%, #0169b9 98.84%);transition: all 0.3s ease-in-out;text-align: left;}
.main-menu ul li.submenu:first-child ul{width: 230px;}
.main-menu ul li.submenu ul li a{color: #fff;}
.main-menu ul ul ul{left: 100%;top: 0;text-align: left;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul li.submenu ul li.submenu > a:after{content: '\f105';float: right;}
.main-menu ul ul li{margin: 0;padding: 0;}
.main-menu ul ul li a{color: #0169b9;padding: 8px 20px !important;transition: all 0.3s ease-in-out;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul ul li a:hover, .main-menu ul ul li a:focus{color: #fff;background-color: transparent;padding: 8px 20px 8px 23px !important;}
.main-menu ul li.highlighted-menu{display: none;}
.responsive-menu, .navbar-toggle{display: none;}
.responsive-menu{top: 0;position: relative;}

.slicknav_btn{background: linear-gradient(90.15deg, #004c86 1.15%, #0169b9 98.84%);padding: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;border-radius: 8px;}
.slicknav_icon .slicknav_icon-bar{display: block;width: 100%;height: 3px;width: 22px;background-color: #fff;border-radius: 6px;margin: 4px auto !important;transition: all 0.1s ease-in-out;}
.slicknav_icon .slicknav_icon-bar:first-child{margin-top: 0 !important;}
.slicknav_icon .slicknav_icon-bar:last-child{margin-bottom: 0 !important;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){transform: rotate(-45deg) translate(-5px, 5px);}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){opacity: 0;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){transform: rotate(45deg) translate(-5px, -5px);}
.slicknav_menu{position: absolute;width: 100%;padding: 0;background: linear-gradient(90.15deg, #004c86 1.15%, #0169b9 98.84%);}
.slicknav_menu ul{margin: 5px 0;}
.slicknav_menu ul ul{margin: 0;}
.slicknav_nav .slicknav_row, .slicknav_nav li a{position: relative;font-size: 16px;font-weight: 500;text-transform: capitalize;padding: 8px 20px;color: #fff;line-height: normal;margin: 0;border-radius: 0 !important;transition: all 0.3s ease-in-out;}
.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover{background-color: transparent;color: #fff;}
.slicknav_menu ul ul li a{padding: 8px 20px 8px 30px;}
.slicknav_arrow{font-size: 0 !important;}
.slicknav_arrow:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 12px;margin-left: 8px;color: #fff;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease-out;}
.slicknav_open > a .slicknav_arrow:after{transform: translateY(-52%) rotate(-180deg);color: #fff;}

.btn-default{position: relative;display: inline-block;background: linear-gradient(to right, #004c86 0%, #0169b9 50%, #004c86 100%);background-size: 200% auto;border-radius: 100px;color: #fff;font-size: 18px;font-weight: 600;line-height: 1em;text-transform: capitalize;border: none;padding: 17px 60px 17px 30px;transition: all 0.4s ease-in-out;overflow: hidden;z-index: 0;}
.btn-default:hover{background-position: right center; color: #fff;}
.btn-default::before{content: '\f0a9';font-family: 'Font Awesome 6 Free';position: absolute;top: 50%;right: 0;transform: translate(-30px, -50%);font-size: 20px;color: #fff;border-radius: 50%;transition: all 0.4s ease-in-out;}
.btn-default:hover::before{transform: translate(-27px, -50%);}

.hero{position: relative;background: url('../images/banner.webp');background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 140px 0;}
.hero::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%);width: 100%;height: 100%;z-index: 1;}
.hero.hero-video{padding: 205px 0;}
.hero.hero-video .hero-bg-video{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;}
.hero.hero-video .hero-bg-video video{width: 100%;height: 100%;object-fit: cover;}
.hero.hero-slider-layout{background: none;padding: 0;}
.hero.hero-slider-layout .hero-slide{position: relative;padding: 205px 0;}
.hero.hero-slider-layout .hero-slide::before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%);width: 100%;height: 100%;z-index: 1;}
.hero.hero-slider-layout .hero-slide .hero-slider-image{position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.hero.hero-slider-layout .hero-slide .hero-slider-image img{width: 100%;height: 100%;object-fit: cover;}
.hero.hero-slider-layout .hero-pagination{position: absolute;bottom: 70px;text-align: left;padding-left: calc(((100vw - 1300px) / 2) + 15px);z-index: 2;}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;transition: all 0.3s ease-in-out;margin: 0 5px;
}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{background-color: #004c86;}
.hero-content{position: relative;width: 100%;z-index: 2;}
.hero-content h1{font-size:42px !important;}
.hero-content-body{display: flex;flex-wrap: wrap;align-items: center;gap: 40px;}

.section-title{position: relative;margin-bottom: 20px;z-index: 1;}
.section-title h3{position: relative;display: inline-block;font-size: 15px;line-height: normal;letter-spacing: 0.2em;text-transform: uppercase;color: #004c86; margin-bottom: 20px;}
.section-title h1{font-size: 68px;font-weight: 700;color: #fff;margin-bottom: 0;}
.section-title h2{font-size: 46px;font-weight: 700;margin-bottom: 0;}
.section-title h1 span, .section-title h2 span{background: linear-gradient(90.15deg, #004c86 0%, #0169b9 100%);background-clip: text;-webkit-text-fill-color: transparent;}
.section-title.dark-section h3, .section-title.dark-section h1, .section-title.dark-section h2, .section-title.dark-section p{color: #fff;}
.section-title.dark-section h3::before{filter: brightness(0) invert(1);}

.about-area{padding: 70px 0;}
.about-text{margin: auto 0;}
.about-text p{font-size: 18px; line-height: 28px; margin: 10px 0;}
.video_box{position:relative;}
.video_box img{width:100%;cursor:pointer; height: fit-content; object-fit: cover;}
.play_btn{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 60px !important;}

.rooms_area{padding: 70px 0; background: #edf4f9;}
.rooms_area .section-title h2{text-align: center;}
.single-room {position: relative; height: 400px; overflow: hidden;}
.single-room img {width: 100%; height: 100%; object-fit: cover;}
.room-hover {bottom: 0;height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;}
.room-hover:after {background-color: rgba(0, 0, 0, 0.5);bottom: 0;content: "";height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.3s ease-in 0.4s;width: 100%;}
.single-room:hover .room-hover:after {opacity: 1;transition-delay: 0.2s;}
.single-room > h3 {color: #ffffff;left: 50%;margin-bottom: 19px;opacity: 1;padding: 0 20px;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);transition: all 0.2s ease 0s;width: 100%;z-index: 1;}
.single-room:hover > h3 {opacity: 0;transition-delay: 0s;}
.hover-text > h3 {color: #ffffff;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;width: 100%;}
.hover-text > h3 a{color: #fff;font-weight: bold;text-shadow: 0 0 15px rgba(0, 0, 0, 1);}
.single-room:hover .hover-text > h3 {top: 50px;}
.hover-text > p {bottom: 41%;color: #ffffff;opacity: 0;padding: 0;position: absolute;transform: translateY(100px);transition: all 0.3s ease-in-out 0.1s;}
.single-room:hover p {opacity: 1;transform: translateY(0px);transition-delay: 0.2s;}
.hover-text {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;padding: 10px;}
.hover-text .room-btn {bottom: 25%;left: 0;opacity: 0;position: absolute;right: 0;transform: translateY(100px);transition: all 0.3s ease-in-out 0.1s;}
.single-room:hover .room-btn {opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}
.hover-text .default-btn {display: inline-block;line-height: 38px;margin-top: 37px;padding: 0 22px;}
.p-amount {bottom: 26px;color: #ffffff;position: absolute;/*right: 28px;*/width:100%;padding: 0px 20px;transform: translateX(100px);transition: all 0.3s ease-in-out 0.1s;z-index: 2;opacity: 0;}
.p-amount > span {display: block;font-size: 30px;font-weight: 700;}
.p-amount > span.count {font-size: 15px;font-weight: 400;padding-top: 3px;}
.single-room:hover .p-amount {opacity: 1;transform: translateX(0px);transition-delay: 0.3s;}

.services_area{padding: 70px 0;}
.services_area .section-title h2{text-align: center;}
.nav.nav-tabs {border: 0 none;}
.nav-tabs > li > a {background: #f1f1f1 !important;border: 0 none;border-radius: 0;line-height: 24px;margin: 0;padding: 10px 0 12px;}
.title {font-size: 18px;font-weight: 700;margin-bottom: 6px;}
span.title, span.text {color: #444444;display: block;padding-left: 80px;}
span.image {display: block;left: 20px;position: absolute;top: 27px;}
.nav-tabs > .nav-item {margin-bottom: 20px;width: 100%;position: relative;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: #004c86 !important;}
.nav-tabs .nav-link.active .text {color: #fff;}
.nav-tabs .nav-link.active .title {color: #fff;}
.nav-tabs > li > a span {transition: all 0.2s ease 0s;}
.nav-tabs > li:last-child {margin: 0;}
span.image.s-img {display: none;}
.p-img{color: #004c86;font-size: 35px;}
.nav-tabs > li > a.active span.s-img, .nav-tabs > li > a.active:focus span.s-img, .nav-tabs > li > a.active:hover span.s-img {display: block;}
.services_area .nav-item .active .p-img{color: #fff;}
.services_area .tab-content img{width: 100%;}

.footer_area{padding: 70px 0 0;}
footer .widget-title {font-weight: 600;font-size: 24px;margin-bottom: 30px;}
footer ul li{list-style: none;}
footer .logo img {height: 60px;}
footer .logo {margin-bottom: 30px;max-height: 60px;max-width: 90%;}
footer p, footer li, footer li a {color: #d1d1d7 !important;transition: all 0.35s ease-in-out;}
footer li a:hover {color: #fff !important;}
footer li a {font-weight: 400;}
footer .link li {margin-top: 15px;}
footer .link li:first-child {margin-top: 0;}
.footer-item {margin: 15px 0;}
.footer-bottom li {display: inline-block;}
.footer-bottom p {margin: 0; text-align: center;}
.footer-bottom {padding: 15px 0;background: #015577;margin-top: 70px;}
.footer-bottom .text-end li {margin-left: 20px;}
.f-items {position: relative;z-index: 1;}
.f-items .shape-animated-top {position: absolute;left: -200px;top: 80px;}
.f-items .shape-animated-top img {max-width: 250px;opacity: 0.03;}
.footer-bottom .container {position: relative;}
footer {position: relative;z-index: 1;overflow: hidden;}
.footer-shape {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.footer-shape .item:first-child {position: absolute;right: 0;top: 50px;height: 250px;}
.footer-shape .item:first-child img {height: 100%;}
.footer-shape .item:nth-child(2) {position: absolute;left: 30px;bottom: 45px;height: 30px;}
.footer-shape .item:nth-child(2) img {height: 100%;animation: spinner 20s infinite linear;}
.footer-shape .item:nth-child(3) {position: absolute;left: 0;top: 0;height: 40%;opacity: 0.3;}
.footer-shape .item:nth-child(3) img {height: 100%;}
.footer-shape .item.bottom {top: auto;bottom: 60px;height: 70%;}
.opening-hours {margin-top: 30px;}
.opening-hours li {margin-top: 10px;position: relative;z-index: 1;}
.opening-hours h5 {text-transform: uppercase;font-weight: 600;font-size: 15px;}
.opening-hours .working-day, .opening-hours .working-hour {width: 1%;display: table-cell;white-space: nowrap;}
.opening-hours .working-day {padding-right: 10px;}
.opening-hours .working-hour {padding-left: 10px;text-transform: uppercase;}
.opening-hours .marker {width: 98%;display: table-cell;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.3);bottom: 10px;}
.footer-social li {display: inline-block;margin-right: 10px;margin-top: 10px;}
.footer-social li a {display: inline-block;height: 45px;width: 45px;line-height: 47px;text-align: center;background: rgba(255, 255, 255, 0.1);border-radius: 50%;color: var(--white) !important;}
.footer-social {margin-top: 20px;}
.footer-social li a:hover {background: #1351d8;}
.color-style-two .footer-social li a:hover {background: linear-gradient(90deg, #B700C4  0%, #FF9B0D 100%);}
.f-item.contact ul {margin: 0;padding: 0;list-style: none;}
.f-item.contact ul li {display: flex;gap: 15px;margin-top: 20px;}
.f-item.contact ul li p {margin: 0;}
.f-item.contact ul li i {display: inline-block;height: 50px;width: 50px;min-width: 50px;text-align: center;line-height: 50px;border-radius: 50%;color: #fff;border: 1px solid rgba(255, 255, 255, 0.3);font-size: 20px;}

/*===================About Us Page Starts=================*/
.page-banner{position:relative;padding: 0;color: #ffffff;background: #0f2c36;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.page-banner .banner-bottom-pattern{position: absolute;left: 0;bottom: -10px;width: 100%;height: 120px;background: url(../images/banner-bottom-2.png) center bottom no-repeat;background-size: cover;z-index: 5;}
.page-banner .banner-inner{position: relative;display: block;z-index:2;}
.page-banner .inner-container{position: relative;padding: 100px 0px 200px;}
.page-banner.ext-banner .inner-container{height: 820px;}
.page-banner .image-layer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.page-banner .image-layer:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #171b27;opacity: 0.50;}
.page-banner h1{position:relative;font-size:54px;color:#ffffff;line-height: 1.2em;font-weight: 400;letter-spacing: 0px;text-transform: capitalize;margin: 0;}
.page-banner .page-nav{position: relative;padding-top: 10px;}
.page-banner .bread-crumb{position: relative;display: inline-block;}
.page-banner .bread-crumb li{position: relative;float: left;font-size: 18px;line-height: 24px;color: #ffffff;font-weight: 400;text-transform: capitalize;margin-right: 25px;}
.page-banner .bread-crumb li:before{position: absolute;right: -25px;width: 25px;text-align: center;font-size: 20px;line-height: 24px;color: #ffffff;font-weight: 400;content: "-";}
.page-banner .bread-crumb li:last-child{padding-right: 0;margin-right: 0;}
.page-banner .bread-crumb li:last-child:before{display: none;}
.page-banner .bread-crumb li a{color:#ffffff;font-weight: 400;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.page-banner .bread-crumb li a:hover, .page-banner .bread-crumb li.active{color:#ffffff;}

.abt_left{width: 100%;}
.abt_left img{width: 100%; height: 100%; object-fit: cover;}
/*===================About Us Page Ends=================*/

/*===============Gallery Starts===============*/
.gallery_area{padding:70px 0;}
.gallery_area h3{font-size:16px;color:#282828;letter-spacing:5px;font-weight:600;text-align:center;text-transform:uppercase;}
.gallery_area h2{color:#000;font-size:36px;font-family:"Oswald";text-align:center;text-transform: uppercase;}
.gallery_area img{width: 100%;}
.lightimg_box{margin: 15px 0;}
.lightimg_box img{width: 100%;height: 100%;object-fit: cover;}
.lightimg_box a{position: relative;display: flex;overflow: hidden;height: 100%;}
.lightimg_box a .overlay{background: rgba(0, 0, 0, 0.8);position:absolute; top: 50%;left: 50%;height: 80%;width: 85%;opacity: 0;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: scale(0.5) translate(-50%,-50%);-ms-transform: scale(0.5) translate(-50%,-50%);-o-transform: scale(0.5) translate(-50%,-50%);-webkit-transform: scale(0.5) translate(-50%,-50%);transform: scale(0.5) translate(-50%,-50%);padding: 15px;}
.lightimg_box a .overlay i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:#fff; font-size:30px;}
.lightimg_box a:hover .overlay{display: block;opacity: 1;-moz-transform: scale(1) translate(-50%,-50%);-ms-transform: scale(1) translate(-50%,-50%);-o-transform: scale(1) translate(-50%,-50%);-webkit-transform: scale(1) translate(-50%,-50%);transform: scale(1) translate(-50%,-50%);}
/*===============Gallery Ends===============*/

/*===============Contact Starts===============*/
.contact_area{padding:70px 0;}
.contact_area h3{font-size:16px;color:#282828;letter-spacing:5px;font-weight:600;text-align:center;text-transform:uppercase;}
.contact_area h2{color:#000;font-size:36px;text-align:center;text-transform: uppercase;}
.cont_box{background: #efefef;padding: 40px 30px 45px 30px;margin: 15px 0;position: relative;display: flex; transition: all 0.3s;width: 100%;}
.cont_box:hover{background: #004c86;}
.cont_box:hover .cont_info a, .cont_box:hover .cont_info p{color: #fff;}
.cont_icon{width: 65px;height: 65px;background: #fff;text-align: center;box-shadow: -10px 10px #004c86;flex: 0 0 auto;margin: auto;}
.cont_icon i{font-size: 30px; line-height: 65px; color: #004c86;flex: 0 0 auto;}
.cont_info{width: 100%;margin: auto 0 auto 20px;}
.cont_info a, .cont_info p{font-size: 18px; color: #000;text-decoration: none;transition: all 0.3s;margin: 0;}

.cont_form_area{padding:0 0 70px 0;}
.map_area {height: 500px; width: 100%}
.map_area iframe{width: 100%;height: 100%;}
.form_area{width: 100%;padding: 50px; background: url(../images/contact-form-bg-1.jpg) #004c86 no-repeat center; background-size: cover;}
.form_area h2{color:#fff;font-size:28px;text-transform: uppercase;margin-bottom: 30px;}
.form_area input, .form_area textarea{border-radius: 0; margin-bottom: 15px;background: transparent; color: #fff;}
.form_area input:focus, .form_area textarea:focus{background: transparent;color: #fff;box-shadow: none;border: 1px solid #000;}
.form_area input::placeholder, .form_area textarea::placeholder{color: #fff;}
.form_area textarea{resize: none;}
.form_area button{position: relative;display: inline-block;font-size: 16px;line-height: 26px;font-weight: 700;color: #fff;border-radius: 0;text-align: center;padding: 10px 10px;text-transform: uppercase;z-index: 1;background: #0169b9; text-decoration:none;width: 100%;}
.form_area button:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #000;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.form_area button:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
/*===============Contact Ends===============*/

@media (min-width:768px) and (max-width:980px){
    .topbar-info-text{text-align: center;}
    header.main-header .header-sticky .navbar-brand img{width: 200px;}
    .btn-default{font-size: 16px;padding: 15px 50px 15px 20px;}
    .btn-default::before{transform: translate(-20px, -50%);font-size: 18px;}
    .btn-default:hover::before{transform: translate(-17px, -50%);}
    .topbar-info-text p{font-size: 14px;text-align: left;}
    .topbar-contact-info{margin-right: 15px;padding-right: 15px;width:70%;}
    .topbar-social-links{text-align: right;}
    .topbar-contact-info ul li{font-size: 14px;margin-right: 15px;}
    .topbar-contact-info ul li::before{right: -12px;font-size: 14px;}
    .topbar-social-links ul li{margin-right: 10px;}
    .topbar-social-links ul li a i{font-size: 16px;margin-right: 5px;}
    .navbar{padding: 15px 0;}
    .main-menu ul li.highlighted-menu{display: block;}
    .slicknav_nav li, .slicknav_nav ul{display: block;}
    .responsive-menu, .navbar-toggle{display: block;}
    .header-btn{display: none;}
    .single-room{margin: 12px 0;}
}

@media (max-width:767px){
    .topbar-info-text{text-align: center;}
    .topbar-links{justify-content: center;}
    header.main-header .header-sticky .navbar-brand img{width: 200px;}
    .btn-default{font-size: 16px;padding: 15px 50px 15px 20px;}
    .btn-default::before{transform: translate(-20px, -50%);font-size: 18px;}
    .btn-default:hover::before{transform: translate(-17px, -50%);}
    .topbar-info-text p{font-size: 14px;}
    .topbar-contact-info{margin-right: 15px;padding-right: 15px;width:70%;}
    .topbar-social-links{width:30%;text-align: right;}
    .topbar-contact-info ul li{font-size: 14px;margin-right: 15px;}
    .topbar-contact-info ul li::before{right: -12px;font-size: 14px;}
    .topbar-social-links ul li{margin-right: 10px;}
    .topbar-social-links ul li a i{font-size: 16px;margin-right: 5px;}
    .navbar{padding: 15px 0;}
    .main-menu ul li.highlighted-menu{display: block;}
    .slicknav_nav li, .slicknav_nav ul{display: block;}
    .responsive-menu, .navbar-toggle{display: block;}
    .header-btn{display: none;}

    .hero-content h1, .section-title h2{font-size: 30px !important;}
    .about-area, .rooms_area, .services_area{padding: 40px 0;}
    .about-text{margin-top: 20px;}
    .about-text p{font-size: 16px; line-height: 24px;}
    .single-room{margin: 12px 0;}
    .services_area .tab-content img{margin-top: 10px;}

    .footer-bottom{margin-top: 40px;}
    .footer_area{padding: 40px 0 0;}
    .cont_box{padding: 20px 30px 25px 30px;}
    .form_area{padding: 20px;}
}