@charset "utf-8";
/****
Reset CSS
***************/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
img { vertical-align: middle; max-width: 100%; }
p { margin: 0 0 25px; line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0; margin-bottom: 10px; }
h1, .h1 { font-size: 60px; line-height: 73px; font-weight: bold; }
h2, .h2 { font-size: 38px; line-height: 47px; }
h3, .h3 { font-size: 32px; line-height: 47px; }
h4, .h4 { font-size: 26px; line-height: 47px; }
h5, .h5 { font-size: 22px; }
h6, .h6 { font-size: 18px; }
ul, ol { margin-bottom: 10px; }
ul li, li { margin-bottom: 10px !important; }
.list-unstyled { padding-left: 0; list-style: none; }
a { color: #767676; text-decoration: none; }
a:focus { text-decoration: none; }
a:hover { text-decoration: underline; color: #337dbc; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.outer-width { margin-right: auto; margin-left: auto; width: 100%; float: left; }
.outer-width:before, .outer-width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer-width:after { clear: both; }
@font-face { font-family: 'Cinzel'; src: url('../fonts/Cinzel-Bold.eot'); src: url('../fonts/Cinzel-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Cinzel-Bold.woff2') format('woff2'), url('../fonts/Cinzel-Bold.woff') format('woff'), url('../fonts/Cinzel-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Chicle'; src: url('../fonts/Chicle-Regular.eot'); src: url('../fonts/Chicle-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Chicle-Regular.woff2') format('woff2'), url('../fonts/Chicle-Regular.woff') format('woff'), url('../fonts/Chicle-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
figure { margin: 0; }
address { margin-bottom: 0; }
.form-control { display: block; width: 100%; padding: .375rem .75rem;
font-size: 1rem; line-height: 1.5; color: #333333; background-color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; height: 60px; }
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; }
.input-group-text { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; }
/**Body CSS**/
html { height: 100%; }
body { position: relative; overflow-x: hidden; font-size: 18px; background: #ffffff; color: #333333; -webkit-font-smoothing: antialiased; height: 100%; font-family: 'Montserrat', sans-serif; line-height: 1.7; }
/**Wrapper CSS**/
#wrapper { margin: 0 auto; position: relative; width: 100%; float: left; }
.container { min-width: 1670px; }
.mb-90 { margin-bottom: 90px; }
/****
Common Heading CSS
***************/
.heading { text-align: center; margin: 0 0 50px; }
.heading h2 { font-size: 38px; line-height: 47px; font-weight: 500; position: relative; padding: 0 0 40px; margin: 0 0 27px; background: url(../../img/beach.png) no-repeat center bottom; }
.heading.white-bg h2 { background-image: url(../../img/beach-white.png); }
.heading h2::before { content: ""; position: absolute; background: #F3CD6B; width: 210px; height: 1px; bottom: 17px; left: -265px; right: 0; margin: 0 auto; z-index: 1; }
.heading h2::after { content: ""; position: absolute; background: #F3CD6B; width: 210px; height: 1px; bottom: 17px; left: 265px; right: 0; margin: 0 auto; z-index: 1; }
.heading h4 { color: #F3CD6B; text-transform: uppercase; font-size: 20px; line-height: 24px; margin: 0 0 15px; }
.heading-2 h3 { font-size: 22px; line-height: 30px; font-weight: 500; position: relative; padding: 0 0 12px; margin: 0 0 15px; }
.heading-2 h3::after { content: ""; position: absolute; background: #F3CD6B; width: 98px; height: 2px; bottom: 0px; left: 0; z-index: 1; }
.heading-3 { text-align: center; margin: 0 0 20px; }
.heading-3 h3 { font-size: 22px; line-height: 30px; font-weight: 500; position: relative; padding: 0 0 15px; margin: 0 0 20px; }
.heading-3 h3::after { content: ""; position: absolute; background: #F3CD6B; width: 72px; height: 1px; bottom: 0px; left: 0; right: 0; margin: 0 auto; z-index: 1; }
.yellow-text { color: #F3CD6B; }
/****
Common Button CSS
***************/
.btn { font-size: 16px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; padding: 19px 35px; background: #F3CD6B; color: #333333; height: 60px; text-transform: uppercase; min-width: 228px; font-weight: 500; transition: all 0.4s ease 0s; }
.btn:hover { background: #4E7698; border-color: #4E7698; color: #ffffff; }
.btn.btn-primary { background: #4E7698; color: #ffffff; }
.btn-warning { background: #F3CD6B; color: #333333; }
.btn.btn-border { border: 1px solid #4E7698; background: #ffffff; }
.btn.yellow-btn-border { border: 1px solid #F3CD6B; color: #ffffff; background: none; }
.btn.btn-primary:hover { background: #2a4861; color: #ffffff; }
.btn-warning:hover { background: #4E7698; border-color: #4E7698; color: #ffffff; }
.btn.btn-border:hover { background: #4E7698; border-color: #4E7698; }
.btn.yellow-btn-border:hover { background: #4E7698; border-color: #4E7698; color: #ffffff; }
.btn--group .btn { margin: 0 8px; }
/** custom selectbox**/
.custom-selectbox .input-group-append { margin-left: -1px; position: absolute; right: 1px; pointer-events: none; top: 1px; z-index: 9; background: #ffffff; width: 40px; text-align: center; bottom: 1px; line-height: 60px; vertical-align: middle; display: inline-block; color: #4E7698; }
select.form-control:not([size]):not([multiple]) { height: 60px; }
/****
Header CSS
***************/
.navbar { background: #ffffff; }
.navbar-brand { position: absolute; left: 0; right: 0; margin: 0 auto; width: 291px; top: 0; padding: 7px 0 2px 10px; background: #ffffff; margin-bottom: -42px; display: block; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.navbar-brand::before { content: ""; width: 0; height: 0; border-top: 50px solid white; border-bottom: 42px solid transparent; border-left: 27px solid transparent; display: block; position: absolute; bottom: 0; right: 100%; z-index: 1; margin-bottom: -42px; display: block; }
.navbar-brand::after { content: ""; width: 0; height: 0; border-top: 50px solid white; border-bottom: 42px solid transparent; border-right: 27px solid transparent; display: block; position: absolute; bottom: 0; left: 100%; z-index: 1; margin-bottom: -42px; display: block; }
.navigation { padding: 0; align-items: flex-start; margin: 39px 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.navigation .navbar-collapse { -ms-flex-preferred-size: unset; flex-basis: unset; max-width: none; flex-grow: unset; margin-left: 134px; }
.navigation .navbar-collapse .navbar-nav { flex-wrap: wrap; }
.navigation li { margin: 0 25px 0 0; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0; padding-left: 0; }
.navigation li a { color: #333333; font-size: 18px; padding: 0; font-weight: 500; position: relative; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; display: block; }
.navigation > li > a::before { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 1px; background: #a0a0a0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.navigation > li > a:hover::before, .navigation > li > a:focus::before, .navigation > li:hover > a::before { width: 50%; z-index: 9999; }
.navigation li a.active, .navigation li a:hover, .navigation li a:focus { color: #efae0b; text-decoration: none; outline: none; }
.dropdown:hover>.dropdown-menu { display: block; }
.navigation .dropdown-toggle::after { display: none; }
.navigation .dropdown>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
.navigation li ul { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; left: -15px; padding: 25px 0px 0px; margin: 0; }
.navigation li li { margin: 0; }
.navigation li li a { font-size: 16px; white-space: nowrap; padding: 8px 15px; }
.navigation li li a:hover { text-decoration: none; background: #efae0b; color: #ffffff; }
.login-box li { margin: 0 4px 0 14px; }
.navbar-toggler {
 padding: 0.6rem .75rem; margin-right: -0.75rem; }
.navbar-toggler .icon-bar { display: block; width: 30px; height: 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #333333; }
.navbar-toggler .icon-bar + .icon-bar { margin-top: 5px; }
.navbar-toggler:focus { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; }
.header-right a { color: #333333; font-size: 22px; font-weight: 500; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.header-right a:hover { text-decoration: none; color: #f3cd6a; }
.header-right ul { display: inline-block; vertical-align: middle; padding: 0; margin-bottom: 0; }
.header-right li { list-style: none; padding: 0; display: inline-block; vertical-align: middle; margin-left: 38px; position: relative; }
.search-bx { margin-left: 50px; }
.header-right .btn.btn-border { padding: 9px 22px; margin-right: 16px; height: auto; font-size: 17px; min-width: 0; text-transform: none; }
.header-right .btn.btn-border:hover { background: #ffffff; color: #f3b414; border-color: #f3b414; }
.search-bx li:first-child { margin-left: 42px; }
.search-bx::before { border-left: 1px solid #333333; height: 20px; content: ""; display: inline-block; vertical-align: middle; }
.header-right .search-bx a .fa-envelope-o { font-size: 25px; }
.search-form { position: absolute; right: -70px; width: 400px; top: 80px; background: #ffffff; border: 0px solid; padding: 20px 20px; /* max-height: 0;*/ overflow: hidden; display: none; /*transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear;*/ }
.search-form .input-group-text { background-color: #4e7697; border: 1px solid #4e7697; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; color: #ffffff; }
.search-form .input-group-text:hover { background: #2a4861; color: #ffffff; border-color: #2a4861; }
.search-dropdown.open-search .search-form { /* max-height: 200px;   border:1px solid #cccccc;padding: 20px;*/ }
.header-margin { display: block; height: 125px; }
/*****
Above Footer CSS
*******in*******/
#LogoWrapId{ background-color: #ffffff; position: relative; z-index: 5; }
.logo_wrapOuter.container { padding: 40px 0px; }
.LogoWrapCls .log_wrapInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.LogoWrapCls .logo_sets { text-align: center; padding: 10px; }
.LogoWrapCls .logo_sets img { width: 170px; -o-object-fit: contain; object-fit: contain; height: 70px; }
.page-template-tpl-contact .middle-section{ display: inline-block; }
/****
Footer  CSS
***************/
.footer { background: #1A3F5E; margin: 0px 0 0; color: #ffffff; padding: 77px 0 0;     position: relative;}
.footer h5 { font-size: 25px; position: relative; font-weight: normal; padding: 0 0 17px; margin: 0 0 22px; }
.footer ul { padding: 0; margin: 0; }
.footer li { list-style: none; margin: 0; line-height: 1.9; }
.footer a { color: #ffffff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer a:hover { color: #F3CD6B; text-decoration: none; }
.social-media li a:hover { opacity: 0.6; }
.footer p { margin: 0; line-height: 1; }
.footer h5::after { content: ""; position: absolute; background: #ffffff; width: 102px; height: 1px; bottom: 0px; left: 0; z-index: 1; }
.footer-block:first-child { max-width: 22.2%; -ms-flex: 0 0 22.2%; flex: 0 0 22.2%; }
.footer-block:nth-child(2) { max-width: 21.2%; -ms-flex: 0 0 21.2%; flex: 0 0 21.2%; }
.footer-block:nth-child(3) { max-width: 31%; -ms-flex: 0 0 31%; flex: 0 0 31%; }
.footer-block:last-child { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.footer-bottom { display: inline-block; vertical-align: top; width: 100%; border-top: 1px solid #ffffff; margin: 43px 0 0; font-size: 14px; padding: 23px 0 28px; }
.footer-bottom li:first-child { border-left: none; padding-left: 0; margin: 0; }
.footer-bottom li { float: left; border-left: 1px solid #ffffff; line-height: 1; padding: 0 15px 0; }
.copy-right { line-height: 1; }
.map { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; overflow: hidden; position: relative; }
.map-marker { position: absolute; top: 50%; left: 56px; margin-top: -8px; }
.map-pointer { width: 14px; height: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background: #1A3F5E; box-shadow: 0 0 0px 18px rgba(26,63,94,0.3); -webkit-box-shadow: 0 0 0px 18px rgba(26,63,94,0.3); -moz-box-shadow: 0 0 0px 18px rgba(26,63,94,0.3); -ms-box-shadow: 0 0 0px 18px rgba(26,63,94,0.3); display: block; position: relative; z-index: 1; float: left; margin: 0px 35px 0 0; }
.map-detail { position: relative; float: left; background: #1A3F5E; font-size: 12px; padding: 8px 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; width: 207px; position: absolute; left: 39px; top: -19px; }
.map-detail::before { position: absolute; content: ""; right: 100%; top: 20px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 9px solid #1a3f5e; }
.map-img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; overflow: hidden; width: auto; float: left; margin: 3px 10px 0 0; }
.map-text p { line-height: 1.7; }
ul.social-media { margin: 15px 0 0; }
.social-media li { float: left; width: auto; margin: 0 20px 0 0; font-size: 40px; line-height: 1; }
.social-media li a { font-size: 40px; }
/****
Banner  CSS
***************/
.banner { position: relative; min-height: 400px; margin-bottom: 100px; max-height: 1000px; overflow: hidden; }
.banner>img { width: 100%; }
.banner::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; display: block; background: rgba(0,0,0,0.4); z-index: 1; }
.banner-caption { position: absolute; left: 0; bottom: 150px; width: 100%; z-index: 9; }
.banner-caption h1 { color: #ffffff; text-align: center; margin: 0 0 36px; font-family: 'Cinzel'; }
.banner-caption h1 b { font-weight: bold; color: #F3CD6B; }
.banner-caption .container { min-width: 1310px; }
.search_room-form { background: rgba(255,255,255,0.3); border: 2px solid #ffffff; padding: 18px; position: relative; }
.search_room-form .form-group { margin-bottom: 0; }
.search_room-form .input-group .input-group-append { margin-left: -1px; position: absolute; right: 0; pointer-events: none; top: 0px; z-index: 9; background: #ffffff; width: 40px; text-align: center; bottom: 0px; line-height: 60px; vertical-align: middle; display: inline-block; color: #4E7698; }
.custom-input-group .input-group-append { margin-left: -1px; position: absolute; right: 1px; pointer-events: none; top: 1px; z-index: 9; background: #ffffff; width: 40px; text-align: center; bottom: 1px; line-height: 60px; vertical-align: middle; display: inline-block; color: #4E7698; }
.search_room-form .form-field { padding: 0 5px; }
.search_room-form .form-row { margin: 0 -5px; }
.search_room-form .form-control { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; height: 60px; font-size: 16px; color: #333333; padding-right: 40px; -webkit-appearance: none; }
.search_room-form select.form-control:not([size]):not([multiple]) { height: 60px; }
.search_room-form .btn { width: 100%; min-width: 0; font-weight: 400; padding-left: 7px; padding-right: 7px; }
.search_room-form .btn img { margin-right: 1px; margin-bottom: 4px; }
.search_room-form .btn:hover { background: #d49d0f; border-color: #d49d0f; color: #000000; }
.search_room-form .btn.btn-primary:hover { background: #2a4861; color: #ffffff; }
.btn .fa { margin-right: 5px; }
 ::-webkit-input-placeholder {
 color: #333333 !important;
}
 :-moz-placeholder {
color: #333333 !important;
}
 ::-moz-placeholder {
color: #333333 !important;
opacity: 1 !important;
}
 :-ms-input-placeholder {
 color: #333333 !important;
opacity: 1 !important;
}
input:-moz-placeholder {
 color: #333333 !important;
opacity: 1 !important;
}
/****
Explore CSS
***************/
.explore { padding: 0 0 100px; }
.explore__box { margin: 0 -8px; }
.explore__item { padding: 0 8px; }
.explore__block { display: block; width: 100%; }
.explore__img { position: relative; display: block; width: 100%; overflow: hidden; }
.explore__img img { display: block; object-fit: cover; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.explore__block:hover .explore__img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.explore__img::after { left: 10px; top: 10px; bottom: 10px; right: 10px; border: 1px solid #ffffff; content: ""; position: absolute; z-index: 2; }
.explore__img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1; }
.explore__img img { display: block; width: 100%; }
.explore__head { position: absolute; width: 154px; background: #ffffff; top: 50%; left: 0; right: 0; margin: -38px auto 0; text-align: center; padding: 15px 10px; z-index: 3; }
.explore__head h3 { font-size: 20px; line-height: 25px; font-weight: 500; margin: 0; color: #4E7698; }
.explore__head::after { left: 5px; top: 5px; bottom: 5px; right: 5px; border: 1px solid #F3CD6B; content: ""; position: absolute; }
.text__left { text-align: center; float: right; max-width: 835px; padding: 0 90px; width: 100%; }
.img_right { padding: 0; }
.common__img { position: relative; display: block; width: 100%; }
.common__img img { display: block; width: 100%; }
.common__img::after { left: 30px; top: 30px; bottom: 30px; right: 30px; border: 2px solid #ffffff; content: ""; position: absolute; z-index: 2; }
.text__right { text-align: center; float: left; max-width: 835px; padding: 0 90px; width: 100%; }
.of-white { background: #fafdff; }
.mb-100 { margin-bottom: 100px; }
.mb-30 { margin-bottom: 30px; }
.of-white .text__left, .of-white .text__right { padding-top: 20px; padding-bottom: 20px; }
/****
Client CSS
***************/
.client-slider { margin-top: 65px; }
.client-section { padding: 60px 50px; }
.client-box { max-width: 1260px; margin: 0 auto; }
.client-img { position: relative; display: block; width: 49.5%; float: left; margin-bottom: 50px; z-index: 2; }
.client-img img { display: block; width: 100%; }
.client-img::after { left: 15px; top: 15px; bottom: 15px; right: 15px; border: 2px solid #ffffff; content: ""; position: absolute; z-index: 2; }
.client-text { float: left; width: 57%; margin: 100px 0 0px -98px; background: #1A3F5E url(../../img/beach-1.png) no-repeat right bottom; color: #ffffff; padding: 67px 50px 45px 163px; min-height: 360px; position: relative; }
.rating { position: absolute; width: 96px; top: 0; right: 50px; text-align: center; height: 56px; background: #F3CD6B; color: #000000; }
.rating .box-wrap { padding-top: 5px; }
.rating h5 { font-size: 12px; background: #F3CD6B; margin: 0; }
.rating span { font-size: 30px; display: block; line-height: 1; margin: 3px 0; }
.rating .angle { position: absolute; top: calc(100% - 2px); left: 0; width: 100%; padding-top: 2px; background: #2C2C2C; }
.rating .angle::before { content: ''; position: absolute; right: 0; top: 0; border-bottom: none; border-top: 25px solid #F3CD6B; border-left: 54px solid transparent; }
.rating .angle::after { content: ''; position: absolute; left: 0; top: 0; border-bottom: none; border-top: 25px solid #F3CD6B; border-right: 54px solid transparent; }
/****/
.owl-nav button { position: absolute; top: 50%; border: none; background: none; margin-top: -30px; opacity: 0.8; }
.owl-nav button:hover { opacity: 1; }
button { cursor: pointer; }
button:focus, .btn:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; outline: none; }
.owl-nav button span { display: none; }
.owl-nav button.owl-prev { left: -85px; }
.owl-nav button.owl-next { right: -85px; }
/****
Feature CSS
***************/
.featured-section .container { padding: 0 7px; }
.featured-section { padding: 50px 50px 100px; }
.featured-img { position: relative; display: block; width: 100%; overflow: hidden; }
.featured-img img { display: block; width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.feature-box:hover .featured-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.featured-img::after { left: 10px; top: 10px; bottom: 10px; right: 10px; border: 2px solid #ffffff; content: ""; position: absolute; z-index: 2; }
.feature-box { box-shadow: 0 3px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16); -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16); display: block; width: 100%; color: #333333; }
.featured-slider .item { padding: 8px; }
.featured-text { text-align: center; padding: 20px; }
.featured-text ul { display: inline-block; vertical-align: top; width: auto; padding: 0; margin: 0; }
.featured-text li { list-style: none; float: left; border-left: 2px solid #ccc; line-height: 1; padding: 0 9px 0 6px; color: #999999; }
.featured-text li:first-child { border-left: none; }
.featured-text li a { color: #999999; }
.featured-text li a:hover { color: #f3cd6a; text-decoration: none; }
.footer-block img { width: 100%; }
.feature-box:hover { color: #333333; text-decoration: none; }
/*****/
.ui-widget.ui-widget-content { z-index: 9 !important; }
.ui-datepicker .ui-widget-header { border-color: #f3cd6a; background: #f3cd6a; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #6ba5ca; background: #6ba5ca; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background: rgba(0,0,0,0.2); }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 3px !important; }
.ui-widget-content .ui-state-disabled .ui-state-default { background: #f3cd6b; border: 1px solid #ce9f23; }
/****
Inner page CSS
***************/
.banner.inner-banner { min-height: 300px; }
.banner.inner-banner .banner-caption { bottom: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; margin-top: 85px; }
.banner.inner-banner .banner-caption h1 { margin: 0 0 30px; }
.middle-banner { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 500px; padding: 100px 0; color: #ffffff; }
.middle-banner::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1; }
.middle-banner.gredient-blue::after { width: 52%; background: -moz-linear-gradient(left, rgba(32,46,56,0.98) 0%, rgba(40,58,72,0.95) 50%, rgba(40,58,72,0.9) 85%, rgba(40,58,72,0) 100%, rgba(40,58,72,0) 100%); background: -webkit-linear-gradient(left, rgba(32,46,56,0.98) 0%, rgba(40,58,72,0.95) 50%, rgba(40,58,72,0.9) 85%, rgba(40,58,72,0) 100%, rgba(40,58,72,0) 100%); background: linear-gradient(to right, rgba(32,46,56,0.98) 0%, rgba(40,58,72,0.95) 50%, rgba(40,58,72,0.9) 85%, rgba(40,58,72,0) 100%, rgba(78,118,152,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202e38', endColorstr='#004e7698', GradientType=1 ); /* IE6-9 */
}
.middle-banner .text__right { text-align: center; float: none; max-width: 100%; position: relative; z-index: 5; color: #ffffff; width: 660px; padding: 0; margin: 0 auto; }
.property-rate { position: absolute; width: 260px; background: rgba(78,118,152,0.8); top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 10px 30px; z-index: 3; color: #ffffff; border: 2px solid #ffffff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.property-rate h3 { font-size: 18px; line-height: 32px; font-weight: normal; margin: 0; }
.property-rate h3 b { display: block; font-size: 24px; font-weight: 700; color: #F3CD6B; }
.blue-box { height: 560px; display: flex; align-items: center; text-align: center; background: #4E7698; position: relative; width: 100%; color: #ffffff; padding: 60px; }
.blue-box::after { left: 30px; top: 30px; bottom: 30px; right: 30px; border: 2px solid #ffffff; content: ""; position: absolute; z-index: 2; pointer-events: none; }
.blue-box > div { width: 100%; position: relative; z-index: 6; }
.blue-box .btn.yellow-btn-border:hover { border-color: #ffffff; }
.client-text .heading-2 { padding-right: 100px; }
.banner-caption .search_room-form h1 { display: none; }
.both-content-section .heading h2 { font-size: 32px; font-weight: 600; }
/****/
.banner.inner-banner>img { height: 100%; object-fit: cover; }
.search_room-form.grey-form { background: rgba(206,206,206,0.3); border: none; }
.small-container { min-width: 1320px; }
.unit-location { position: absolute; top: 20px; left: 20px; color: #000000; z-index: 7; background: #f3cd6a; font-size: 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; padding: 9px 14px; line-height: 1.54; }
.unit-location:hover, .unit-location:focus { color: #000000; background: rgba(255,255,255,0.8); text-decoration: none; }
.btn-fav { transition: all 0.2s linear; cursor: pointer; font-size: 1.5em; display: inline-block; vertical-align: middle; color: #ffffff; margin: 0 0 0 10px; }
.listing-box_wrapper .btn-fav { top: 12px; right: 20px; left: auto; position: absolute; z-index: 7; color: #ffffff; }
.btn-fav:focus, .btn-fav:hover { color: #F3CD6B; }
.btn-fav.liked { color: #FF7171; }
.btn-fav.liked i:before { content: "\f004"; }
.listing .btn-fav i { color: #fff; font-size: 28px; }
.listing .btn-fav:hover i { color: var(--main_color); }
.listing-box_wrapper .img-frame::before { left: 0; top: 75%; bottom: 0; right: 0; content: ""; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 98%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 98%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 );
pointer-events: none; }
.listing-box_wrapper .featured-img { height: 415px; }
.listing-box_wrapper { position: relative; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.2); background: #ffffff; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; margin: 15px 0; }
.listing-box_wrapper .owl-nav button { top: 0; margin: 0; width: 65px; height: 100%; }
.listing-box_wrapper .owl-nav button.owl-prev { left: 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.listing-box_wrapper .owl-nav button.owl-next { right: 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.listing-box_wrapper::after { height: 10px; background: #F3CD6B; width: 0; left: 0; position: absolute; bottom: 0; content: ""; display: block; z-index: 5; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.listing-box_wrapper .featured-text { padding: 15px 20px 10px; }
.listing-box_wrapper:hover { box-shadow: 0 0 15px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,.8); -ms-box-shadow: 0 0 15px rgba(0,0,0,.8); }
.listing-box_wrapper:hover::after { width: 100%; }
.listing-box_wrapper:hover .img-frame img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.rs-botttom-wrapper { position: absolute; bottom: 25px; z-index: 2; left: 0; width: 100%; display: inline-block; vertical-align: top; padding: 0 30px; color: #ffffff; }
.listing_inner { position: relative; width: 100%; }
.star-rating { font-size: 20px; display: inline-block; vertical-align: bottom; width: 50%; margin-right: -6px; }
.star-rating ul { margin: 0; padding: 0; }
.star-rating li { float: left; list-style: none; margin: 0 5px 0 0; color: #ffffff; }
.startig-price { display: inline-block; vertical-align: bottom; width: 50%; text-align: right; }
.startig-price h3 { font-size: 20px; font-weight: 600; line-height: 1.54; margin: 0 0 4px; }
.startig-price h6 { font-size: 16px; font-weight: 400; }
.img-frame { position: relative; display: block; width: 100%; overflow: hidden; }
.img-frame img { display: block; width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.img-frame:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.img-frame::after { left: 10px; top: 10px; bottom: 10px; right: 10px; border: 2px solid #ffffff; content: ""; position: absolute; z-index: 2; }
.listing-box_wrapper { overflow: hidden; }
.search_results_filter_area { margin: 20px 0 0; }
/** Detail Page **/
.banner-single-detail { position: relative; overflow: hidden; }
.big-slider-outer { position: relative; }
.slider-short-detail { position: absolute; left: 305px; right: 305px; bottom: 0; background: rgba(0,0,0,0.63); z-index: 2; color: #ffffff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,212121+47,000000+100&0.18+0,0.63+100 */ background: -moz-linear-gradient(top, rgba(61,61,61,0.18) 0%, rgba(33,33,33,0.39) 47%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(61,61,61,0.18) 0%, rgba(33,33,33,0.39) 47%, rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(61,61,61,0.18) 0%, rgba(33,33,33,0.39) 47%, rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3d3d3d', endColorstr='#a1000000', GradientType=0 ); /* IE6-9 */
}
.slider-title { display: inline-block; width: 60%; vertical-align: bottom; text-align: left; margin-right: -5px; }
.slider-room-available { display: inline-block; vertical-align: bottom; text-align: right; font-size: 24px; width: 40%; }
.slider-short-detail .featured-text { text-align: left; padding: 29px 70px; }
.slider-short-detail .featured-text li { color: #ffffff; }
/**************/
#thumbs { margin: 7px 0 0; }
#thumbs .item { background: #f3f3f3; height: 130px; cursor: pointer; border: 2px solid #ffffff; }
#thumbs .item img { object-fit: cover; height: 126px; }
#thumbs .current .item { border-color: #6eb7f3; }
#thumbs .owl-prev { left: 16px; }
#thumbs .owl-next { right: 16px; }
#thumbs .owl-nav button { margin-top: -20px; }
#big { position: relative; }
#big .owl-prev { left: 170px; }
#big .owl-next { right: 170px; }
#big .item { position: relative; overflow: hidden; min-height: 470px; height: 76vh; background-repeat: no-repeat; background-size: cover; background-position: center center; height: calc(100vh - 270px); max-height: 1000px; }
#big .item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1; }
#big .owl-item.center .item::before { display: none; }
/***accordian***/
.checkout-section { margin-top: -50px; padding-top: 75px; }
.accordion .card { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; background: none; margin: 0 0 10px; }
.accordion .card-body { padding: 20px 0; }
.accordion .card-header { padding: 0; background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border: none; }
.accordion .card-header:first-child { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; }
.accordion .card-header a { width: 100%; color: #333333; font-size: 38px; display: block; padding: 13px 10px 13px 100px; background: #f9f9f9; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; font-weight: 500; position: relative; text-align: center; }
.accordion .card-header a.collapsed { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.accordion .numbering { position: absolute; left: 00; top: 0; margin: 0; height: 100%; font-size: 25px; font-weight: 600; width: 90px; background: #4E7698; line-height: 90px; color: #ffffff; }
.accordion .card-header a:hover, .accordion .card-header a:focus { background: #e6e6e6; text-decoration: none; }
.accordion .form-block label i { color: #2c2f48; margin: 0 0 0 5px; }
.reservation-rightbar { background: #F9F9F9; padding: 0 20px 10px; }
.reservation-rightbar .blue-header { margin: 0 -20px 10px; }
.reservation-rightbar h5 { font-weight: 600; }
.blue-header { background: #4E7698; color: #ffffff; text-align: center; padding: 5px; margin: 0 0 10px; }
.blue-header h4 { margin: 0 0; }
.reservation-room { display: inline-block; vertical-align: top; margin: 10px 0; width: 100%; }
.reservation-room--img { float: left; width: 104px; margin: 2px 0 0; }
.reservation-room--name { padding: 0px 0 0 125px; display: block; }
.reservation-room--name h6 { margin: 0 0 5px; }
.reservation-rightbar .list-group { list-style: none; }
.rs-name { float: left; width: 60%; }
.rs-amount { float: right; text-align: right; width: 40%; font-weight: 600; font-size: 20px; }
.rs-field { width: auto; clear: both; }
.rs-field label { margin: 10px 0; }
.rs-field .form-control { border: none; }
.reservation-rightbar hr { border-top: 1px solid rgba(112, 112, 112, 0.47); }
.reservation-rightbar .list-group li { margin: 0 0 5px; }
.list-group p { margin: 0; }
.btn-group-order { margin: 40px 0 0; }
/***********************/
.banner.banner-300 { max-height: 400px; min-height: 0; }
.banner.banner-300>img { height: auto; }
.search_room-form.blue-form { background: #4e7697; border: none; padding: 20px 0; }
.blue-form .btn.btn-primary { border: 1px solid #ffffff; }
.search-page { padding: 25px 0 30px; position: relative; overflow: hidden; margin: 0 0 -30px; }
.search-page-left { flex: 0 0 60.5%; width: 60.5%; max-width: 60.5%; -ms-flex: 0 0 60.5%; padding-right: 0; }
.search-page-right { max-width: 39.5%; -ms-flex: 0 0 39.5%; flex: 0 0 39.5%; width: 39.5%; padding: 0 0 0 30px; overflow: hidden; min-height: 400px }
.search-page-left__inner { float: right; width: 1018px; max-width: 100%; max-height: 100% !important; padding-right: 30px; /*min-height: 400px*/ }
.date-filter { display: inline-block; vertical-align: middle; width: 265px; }
.date-sorting { display: flex; align-items: center; display: -webkit-flex; margin-right: -40px; }
.date-filter-text { padding: 0 0 0 13px; }
.search-page .favorites { padding-top: 8px; }
.search-page-right > * { height: 100%; object-fit: cover; width: 100%; border: 1px solid #cccccc; }
.search-page.open-refine-filter .search-page-overlay { left: 0; }
.search-page-overlay { position: absolute; left: 100%; margin: 0; background: rgba(0, 0, 0, 0.5); top: 0; bottom: -30px; display: block; z-index: 11; display: flex; width: 100%; transition: all 0.5s ease 0s; }
.search-page-overlay .container-fluid { display: flex; }
.search-page-overlay .container-fluid .row { width: 100%; }
.search-page-left-tranparent { float: left; width: 62%; }
.search-page-overay-rightbar { float: right; background: #fff; width: 38%; }
.overayfield-rightbar { padding: 20px; }
/****
Rentar Experience
*************************/
.grey-bg { background: #F9F9F9; }
.rental-experience { display: inline-block; vertical-align: top; width: 100%; }
.banner.renter-experience-banner { max-height: 860px; }
.rental-box { background: #ffffff; text-align: center; padding: 80px 40px; box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -ms-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); margin: 0 0 16px; }
.rental-experience__inner { padding: 65px 40px 50px; background: #ffffff; margin: -134px 0 0; position: relative; z-index: 5; box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 6px rgba(0,0,0,0.2); }
.rental-experience__inner .heading { margin: 0 0 20px; }
.padding-90 { padding-top: 90px; padding-bottom: 90px; }
.rental-perk { background: #f9f9f9; }
.rental-box { background: #ffffff; text-align: center; padding: 80px 25px; box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -ms-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); }
.rental-box h5 { font-weight: 600; }
.rental-img { height: 100px; margin: 0 0 30px; }
.rental-img img { max-height: 100%; width: auto; }
.rental-perk__inner { margin: 0 -8px; }
.rental-perk__inner > div { padding: 0 8px; }
.blue-box.blue-box--img::before { left: 0; top: 0; bottom: 0; right: 0; background: #1A3F5E; content: ""; position: absolute; z-index: 1; pointer-events: none; opacity: 0.77; }
.blue-box__content { width: 100%; position: relative; z-index: 6; }
/**accordian CSS**/

.accordion-default { text-align: left; }
.accordion-default .card { border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: none; margin: 0 0 20px; text-align: left; }
.accordion-default .card-body { padding: 20px 18px; border: 1px solid #CBCBCB; margin-top: -2px; }
.accordion-default .card-header { padding: 0; background: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.accordion-default .card-header:first-child { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }
.accordion-default .card-header a { width: 100%; color: #ffffff; font-size: 20px; display: block; padding: 13px 50px 13px 20px; background: #1A3F5E; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; font-weight: 600; position: relative; text-align: left; line-height: 1.7; }
.accordion-default .card-header a.collapsed { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #DFDFDF; color: #333333; }
.accordion-default .card-header a:before { position: absolute; right: 20px; top: 50%; margin-top: -12px; font-size: 16px; background: url(../../img/minus.png); content: ""; line-height: 1; width: 24px; height: 24px; left: auto; }
.accordion-default .card-header a.collapsed:before { background-image: url(../../img/plus.png); }
.accordion-default .card-header a:hover, .accordion-default .card-header a:focus { background: #1A3F5E; text-decoration: none; }
.accordion-default .card-header a.collapsed:hover, .accordion-default .card-header a.collapsed:focus { background: #d2d2d2; color: #333333; }
div.faq-page { padding-bottom: 0; }
.contact-page .text__left { padding: 0 80px 0 0px; max-width: 100%; }
.contact-page .form-check { line-height: 1.4; margin-top: 15px; }
.captha-form { margin: 0 0 60px; }
.contact-form .btn { min-width: 170px; }
.contact-page { margin-bottom: -100px; }
.contact-form textarea.form-control { height: 150px; resize: none; }
.address { display: flex; flex-wrap: wrap; text-align: left; }
.address ul { width: 58%; float: left; border-right: 1px solid #F3CD6B; padding: 0; padding-right: 15px; }
.address ul:Last-child { width: 42%; border: none; padding: 0 0 0 15px; }
.address li { list-style: none; position: relative; padding: 0 0 0 40px; }
.address li a { color: #333333; }
.address li a:hover { color: #e8b42d; text-decoration: underline; }
.address-icon { width: 42px; text-align: center; margin: 0 5px 0 0; float: left; position: absolute; left: 0; top: 0; }
.contact-right { padding-left: 70px; padding-right: 70px; }
.middle-banner.blue-overlay::after { background: rgba(26,63,94,0.77); }
.middle-banner .container { position: relative; z-index: 5; }
.reason-stay-parent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; margin-left: -30px; padding: 0; }
.reason-stay { width: 20%; list-style: none; padding: 0 30px; }
.reason-stay .heading-2 h3::after { width: 100%; height: 1px; }
.reason-stay .heading-2 h3 { font-size: 24px; padding: 0 0 15px; min-height: 105px; line-height: 35px; }
.white-box { background: #ffffff; text-align: center; padding: 65px 25px 30px; box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -ms-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); height: 286px; margin: 0 0 16px; width: 100%; transform: scale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; }
.white-box:hover { transform: scale(1.015); -webkit-transform: scale(1.015); -moz-transform: scale(1.015); -ms-transform: scale(1.015); box-shadow: 0 0 6px rgba(0,0,0 , 0.5); -webkit-box-shadow: 0 0 6px rgba(0,0,0 , 0.5); -moz-box-shadow: 0 0 6px rgba(0,0,0 , 0.5); -ms-box-shadow: 0 0 6px rgba(0,0,0 , 0.5); }
.white-box h5 { font-weight: 600; }
.whitebox-img { height: 95px; margin: 0 0 20px; }
.font-chicle h1 b { font-weight: bold; color: #ffffff; font-family: 'Chicle'; font-size: 120px; line-height: 160px; font-weight: normal; border-bottom: 1px solid #F3CD6B; padding: 0 30px; display: inline-block; vertical-align: middle; }
.service-box { width: 100%; background: #ffffff; text-align: center; padding: 45px 23px 15px; box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); -ms-box-shadow: 0 0 6px rgba(0,0,0 , 0.2); height: auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; color: #333333; }
.service-list-parent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -23px; margin-left: -23px; padding: 0; }
.service-list { width: 50%; list-style: none; padding: 0 23px; display: flex; margin: 0 0 46px; }
.icon-img { height: 60px; margin: 0 0 20px; }
.service-box h5 { font-size: 24px; font-weight: 600; margin: 0 0 5px; }
.service-box p:last-child { margin-bottom: 0; }
/**Team**/
.team-box { box-shadow: 0 3px 6px rgba(0,0,0,0.16); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16); -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16); display: block; width: 100%; color: #333333; margin: 15px 0; }
.team-img { position: relative; display: block; width: 100%; overflow: hidden; }
.team-img img { width: 100%; }
.team-text { text-align: center; padding: 20px; }
.team-text h6 { font-weight: 600; }
.team-text .heading-3 h3 { font-size: 28px; font-weight: 600; }
.team-text .heading-3 h3::after { width: 174px; }
.circle { width: 100px; height: 100px; background: #F3CD6B; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; color: #fff; position: relative; margin: 0 auto 35px auto; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; }
.circle:after { content: ""; display: block; position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; border: 1px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; }
.three-icons-section .small-container { padding: 0 150px; }
.three-icons-section .row .preformance-box-outer { border-right: 1px solid #DBDEE1; border-left: 1px solid #DBDEE1; margin: 0 0 20px; }
.preformance-box { text-align: center; padding: 0 48px 30px; }
.preformance-box h5 { font-size: 22px; font-weight: 600; line-height: 1.3; }
.howit-work-parent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; margin-left: -30px; padding: 0; }
.howit-work-list { width: 25%; list-style: none; padding: 0 30px; border-left: 1px solid rgba(255,255,255,0.5); font-size: 15px; text-align: center; }
li.howit-work-list:first-child { border-left: none; }
.howit-work-list h3 { font-size: 19px; padding: 0; min-height: 50px; line-height: 26px; margin: 0 0 5px; }
.link-btn { color: #192B40; text-transform: uppercase; display: inline-block; border: 0; border-bottom: 2px solid #f3cd6a; margin-top: 30px; padding: 0; background: none; font-size: 15px; font-weight: 600; }
.link-btn:hover { color: #4E7698; text-decoration: none; border-color: #4E7698; }
.search-page-left__inner .text-center.btn--group { margin: 10px 0; }
.search-footer { background: #1A3F5E; color: #ffffff; text-align: center; padding: 20px 0 1px; position: relative; z-index: 11; }
.search-footer .btn { margin-left: 15px; }
.search-footer .container { position: relative; }
.enquiry-call { width: 100px; height: 100px; background: #1A3F5E; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; color: #fff; position: absolute; margin: 0; font-size: 20px; font-weight: 500; border: 3px solid #F3CD6B; right: 0; top: -70px; line-height: 94px; text-align: center; }
.enquiry-call:hover { background: #4E7698; }
.footer .container { position: relative; }
.footer .enquiry-call { top: -125px; }
.button-circle { width: 100px; height: 100px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.6); position: absolute; top: 50%; left: 50%; z-index: 2; transition: 0.3s; padding: 0 20px 0 30px; line-height: 100px; vertical-align: middle; cursor: pointer; z-index: 7; transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%); -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }
.button-circle:hover { transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%); -moz-transform: scale(1.1) translate(-50%, -50%); -ms-transform: scale(1.1) translate(-50%, -50%); }
.button-circle img { display: inline-block; vertical-align: middle; }
.modal .close { position: absolute; right: -15px; top: -15px; background: #F3CD6B; width: 40px; border: none; height: 40px; line-height: 30px; z-index: 1; border-radius: 50%; opacity: 0.8; font-size: 32px; padding: 0; }
.modal .close:focus, .modal .close:hover { color: #000; text-decoration: none; opacity: 1; }
.video-popup iframe { max-width: 100%; width: 100%; height: 600px; display: block; }
.video-popup .modal-dialog { max-width: 1050px; margin: 1.75rem auto; }
.mb-50 { margin-bottom: 50px; }
.search-page .listing-box_wrapper .img-frame::before { top: 60%; }
.amenities-flex { position: absolute; top: 100%; left: -2px; width: auto; background: #4e7697; right: -2px; padding: 18px; display: none; }
.close-adv-s { display: none; }
.open-adv-search .close-adv-s { display: block; }
.open-adv-search .open-adv-s { display: none; }
.searchpage__outer .search_room-form { position: static; }
.open-refine-filter .search-page-overlay { left: 0; }
.searchpage__outer { position: relative; }
.searchpage__outer .search-page-overlay { top: 100px; }
.search_room-form .search-page-overlay .form-control { border: 1px solid #ced4da; }
.search_room-form .search-page-overlay .input-group .input-group-append { right: 1px; top: 1px; bottom: 1px; }
/**rental details */
.grey-box { background: #F9F9F9; padding: 30px 40px; margin: 0 0 20px; }
.rental-accordion.accordion .card-header a { padding: 14px 60px 10px 40px; text-align: left; }
.rental-accordion.accordion .card-body { padding: 20px 40px; background: #F9F9F9; }
.amenity_item { margin: 0 0 10px; position: relative; padding: 0 0 0 30px; }
.rental-accordion .collapsed .arrow-link { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); top: 10px; right: 26px; }
.rental-accordion .arrow-link { position: absolute; right: 20px; top: 10px; transition: all 0.3s ease 0s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.amenity_item i { color: #f3cd6b; position: absolute; left: 0; top: 5px; }
.tab-rental-details .nav-tabs li { width: 33.33%; border-left: 2px solid #dedede; float: left; }
.tab-rental-details .nav-tabs li:first-child { border: none; }
.tab-rental-details .nav-tabs li a { font-size: 32px; background: #4E7698; color: #ffffff; font-weight: 500; border-radius: 0; border-left: none; border-right: none; border-top: none; border-bottom: 8px solid #DEDEDE; text-align: center; transition: all 0.3s ease 0s; }
.tab-rental-details .nav-tabs li.show a, .tab-rental-details .nav-tabs li a.active, .tab-rental-details .nav-tabs li a:hover { color: #ffffff; background-color: #4E7698; border-bottom-color: #f3cd6b; }
.tab-rental-details .tab-content { padding: 25px 30px; background: #F9F9F9; }
.singleReview { position: relative; font-size: 16px; }
.singleReview .by { font-size: 15px; }
.stars_wrapper li { list-style: none; color: #d8b767; font-size: 16px; display: inline-block; vertical-align: top; }
.singleReview .review_title { padding-right: 95px; }
.stars_wrapper { position: absolute; top: 4px; right: 10px; }
.singleReview h4 { font-weight: 600; line-height: 1.3; padding-right: 150px; }
table.table.table-striped.table-bordered.table-hover { font-size: 16px; }
.rental-accordion.accordion { margin: 0 0 20px; }
.rentaldetails-rightbar .btn { width: 100%; margin: 0 0 10px; }
.rentaldetails-rightbar .btn + .btn { margin-bottom: 0; }
.booking-room { background: #f9f9f9; padding: 30px 20px; }
.rentaldetails-rightbar .blue-header { margin: 0; }
.rentaldetails-rightbar .heading-3 h3 { font-size: 30px; line-height: 1.5; }
.rentaldetails-rightbar .featured-text li { color: #ffffff; }
.rentaldetails-rightbar { position: relative; z-index: 9; float: left; max-width: 100%;width: 100%; }
#sidebar.fixed { position: fixed; top: 80px; }
.row.row-revse1 { flex-flow: row-reverse; }
.map-detail-page iframe { width: 100%; height: 365px; }
body .rentaldetails-rightbar__outer { position: static; }
.checkout-section .ui-datepicker { max-width: 100%; min-width: 700px; }
/*04 Aug 2020 RG*/
.vtHeading { position: relative; padding-right: 200px; }
.vtHeading .vtTour { position: absolute; top: 0px; right: 0px; font-size: 24px; color: #4E7698; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; cursor: pointer; line-height: 48px; }
.vtHeading .vtTour:hover { text-decoration: none; opacity: 0.8; }
.vtHeading .vtTour .fa { color: #4E7698; margin-right: 10px; }
.vtDiv { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #000; display: none; }
.close__btn { position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; color: #000; line-height: 40px; z-index: 99999; text-align: center; cursor: pointer; }
.close__btn .fa { color: #000; line-height: 40px; }
.vtDiv iframe { height: 100%; width: 100% !important; z-index: 9999; display: none; position: relative; }
.tab__Frame ul.nav-tabs li a.nav-link, .tab__Frame .card-header { width: 100%; color: #fff; font-size: 19px; display: block; padding: 10px 15px 10px 15px; background: #4E7698; font-weight: 500; position: relative; text-align: center; line-height: 1.6; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border-radius: 0px; border-left: none; border-right: none; border-top: none; border-bottom: 8px solid #DEDEDE;/*border-color: #dee2e6 #dee2e6 #fff;*/ }
.tab__Frame ul.nav-tabs li a.nav-link.active, .tab__Frame ul.nav-tabs li a.nav-link:hover, .tab__Frame ul.nav-tabs li a.nav-link:focus { text-decoration: none; color: #ffffff; background-color: #4E7698; border-bottom-color: #f3cd6b; }
.tab__Frame .card-header { padding: 0px; border-radius: 0px; border: 0px; }
.tab__Frame .card .card-header h5 a { text-align: left; display: inline-block; width: 100%; vertical-align: top; padding: 7px 10px 7px 10px; font-size: 16px; }
.tab__Frame .card .card-header h5 a[aria-expanded="false"] { border: 0px; background: #d2d2d2; color: #333333; border: 1px solid #d2d2d2; }
.tab__Frame .card-header h5 a { color: #333; }
.tab__Frame .card .card-header h5 a[aria-expanded="true"], .tab__Frame .card .card-header h5 a:hover, .tab__Frame .card .card-header h5 a[aria-expanded="true"]:focus { background: #4E7698; color: #fff; border-bottom: 0px; text-decoration: none; border: 1px solid #4E7698; border-radius: 0px; }
.tab__Frame .card .card-header h5 a:hover { text-decoration: none; }
.tab__Frame .tab__Inner { margin-bottom: 30px; }
/*.tab__Frame .tab__Inner:last-child{margin-bottom: 0px;}*/
.tab__Frame .nav-tabs { display: none; }
.tab__Frame ul li { width: 25%; border-left: 2px solid #dedede; }
.tab__Frame ul li:first-child { border: none; }
.tab__Frame .stars_wrapper ul { padding: 0px; }
.tab__Frame .stars_wrapper ul li { width: auto; border: none; margin: 0 -2px; text-align: center; padding: 0 5px; }
.tab__Frame .card-body .stars_wrapper ul li { width: auto; margin: 0 -2px; }
.tab__Frame .card-body ul li { width: 100%; border: none; margin: 0 0 10px; }
/*10 Aug 2020*/
.banner.inner-banner.banner-300 { min-height: 0; max-height: 400px; margin-top: 0; }
.banner.inner-banner.banner-search { margin-top: 0; min-height: 0; }
/**12-08-2020**/
.question-modal .modal-dialog { max-width: 580px; margin: 2.75rem auto 1rem; }
.question-modal p:empty { display: none; }
.question-modal .form-control { font-size: 0.8rem; height: 42px; }
.modal .wpcf7-form-control-wrap textarea.form-control { height: 64px; }
.question-modal .wpcf7-form-control.wpcf7-submit.btn { width: 100%; }
.question-modal .modal-header { background: #f3cd6a; color: #ffffff; justify-content: center; padding-left: 50px; padding-right: 50px; margin-top: -1px; }
.modal.question-modal .close { right: 35px; top: 35px; color: #fff; }
.question-modal .wpcf7-form.init > p { margin: 0; }
@media (min-width: 768px) {
.tab__Frame .nav-tabs { border-bottom: 1px solid #dee2e6; }
/*.tab__Frame ul li{padding-right: 10px;}
	.tab__Frame ul li:last-child{padding-right: 0px;}*/

.tab__Frame .panel-heading { display: none; }
.tab__Frame .panel { border: none; box-shadow: none; }
.tab__Frame .panel-collapse { height: auto; }
.tab__Frame .panel-collapse.collapse { display: block; }
.tab__Frame .panel-body { padding: 15px 0px; }
.tab__Frame .nav-tabs { display: flex; }
.tab__Frame .card { border: none; }
.tab__Frame .card .card-header { display: none; }
.tab__Frame .card .collapse { display: block; }
}
 @media only screen and (max-width:1199px) {
.searchpage__outer .search-page-overlay { top: 90px; }
input.form-control.promocodeinput { height: 50px; }
.vtHeading .vtTour { font-size: 20px; }
.tab__Frame ul.nav-tabs li a.nav-link { font-size: 16px; }
}
@media only screen and (max-width:991px) {
.searchpage__outer .search_room-form { position: static; position: relative; display: inline-block; vertical-align: top; width: 100%; }
.search-page-overay-rightbar { margin: 0; }
.vtHeading .vtTour { font-size: 16px; line-height: 32px; }
.tab__Frame ul li { width: 50%; }
.tab__Frame ul li:nth-child(2) { padding-right: 0px; }
.tab__Frame ul li a, .tab__Frame .panel-title a { padding: 8px 10px 8px 10px; font-size: 16px; }
.vtHeading { padding-right: 135px; }
}
@media only screen and (max-width:767px) {
.logo_wrapOuter.container { padding: 10px 0px; }
input.form-control.promocodeinput { height: 40px; }
/*04 Aug 2020 RG*/
.tab__Frame .tab-content .tab-pane { display: block; }
.tab__Frame .nav-tabs { display: none; }
.tab__Frame .panel-title a { display: block; }
.tab__Frame .panel { margin: 0; box-shadow: none; border-radius: 0; margin-top: -2px; }
.tab__Frame .tab-pane:first-child .panel { border-radius: 5px 5px 0 0; }
.tab__Frame .tab-pane:last-child .panel { border-radius: 0 0 5px 5px; }
.vtHeading .vtTour { line-height: 25px; }
.tab__Frame .panel .panel-collapse { padding-bottom: 15px; }
.tab__Frame .tab-content > .tab-pane { display: block !important; opacity: 1; border-radius: 0px; margin-bottom: 5px; }
/*10 Aug 2020 RG*/
.banner.inner-banner.banner-300 .banner-caption { margin-top: 40px; }
}
@media only screen and (max-width:500px) {
input.form-control.promocodeinput { margin: 0 0 7px; }
}
/* Absolute Center Spinner */
.loading_action_ajax { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */
.loading_action_ajax:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8)); background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8)); } /* :not(:required) hides these rules from IE9 and below */
.loading_action_ajax:not(:required) {/* hide "loading_action_ajax..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.loading_action_ajax:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 150ms infinite linear; -moz-animation: spinner 150ms infinite linear; -ms-animation: spinner 150ms infinite linear; -o-animation: spinner 150ms infinite linear; animation: spinner 150ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; } /* Animation */
@-webkit-keyframes spinner { 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner { 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner { 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner { 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
input.form-control.promocodeinput { display: inline-block; vertical-align: top; width: 250px; }
.gm-style .gm-style-iw-c { padding: 0 12px; width: 370px; }
.gm-style .gm-style-iw-d .listing-box_wrapper { margin: 15px 0 0; }
.aggriment-outer h2 { border-bottom: 2px solid #cccccc; padding: 0 0 15px; margin: 0 0 30px; }
.aggriment-inner { max-height: 150px; overflow-y: auto; margin: 0 0 40px; font-size: 12px; border: 1px solid #ccc; padding: 10px; }
 @media only screen and (max-width:1199px) {
.checkout-section .ui-datepicker { max-width: 100%; min-width: 100%; }
}
@media only screen and (max-width:480px) {
.startig-price { width: 100%; }
}
 @media only screen and (max-width:479px) {
.vtHeading, .singleReview h4 { padding-right: 0px; }
.vtHeading .vtTour, .stars_wrapper { position: static; display: inline-block; width: 100%; max-width: 100%; vertical-align: top; margin-top: 5px; }
.stars_wrapper { margin-top: 0; }
.singleReview { margin-bottom: 15px; }
.singleReview h4 { margin-bottom: 5px; }
}
@media only screen and (max-width:767px) {
.responsive.aminities-table .table td { display: inline-block; width: 50%; }
.tab__Frame .stars_wrapper ul li:first-child { padding-left: 2px; }
.modal.question-modal .close { right: 35px; top: 28px; color: #fff; }
}
.marker-popup-heading { color: #ffffff; background-color: #4E7698; border-bottom-color: #f3cd6b; display: block; padding: 10px; }
.marker-popup-img { width: 100%; height: auto; }
.listing_map_marker .img-frame img { height: 115px; }
.listing_map_marker .featured-text { padding: 2px 20px 10px; }
.listing_map_marker .heading-3 { margin: 0px 0 0px; }
.listing_map_marker .heading-3 h3 { padding: 0 0 0px; margin: 0 0 5px }
#datepicker2.form-control[readonly], #datepicker1.form-control[readonly], #datepickerstart.form-control[readonly], #datepickerend.form-control[readonly] { background-color: white; }
/*Not Found Page css 23 July 2020 RG*/
.rental-notFound__inner { text-align: center; }
.rental-notFound__inner h2 { font-weight: bold; }
.rental-notFound__inner h5 { font-weight: 700; color: #1A3F5E; }
.departuredatevalue a { /*up side*/ background: linear-gradient(to right bottom, #f3cd6b 50%, #f6f6f6 50%) !important; }
.arrivaldatevalue a { /*Down side*/ background: linear-gradient(to right bottom, #f6f6f6 50%, #f3cd6b 50%) !important; }
.departuredatevalue .ui-state-active { color: #454545; }
.arrivaldatevalue .ui-state-active { color: #454545; }
.departuredatevalue { opacity: .35; }
.arrivaldatevalue { opacity: .35; }
.logged-in .fixed-top { top: 35px; }
.single .footer { position: relative; z-index: 9; }
.search_room-form.blue-form { padding: 10px 0; }
.page-template-tpl-search .banner.banner-search { height: 128px; opacity: 0; }
.listing-box_wrapper .listing_inner { min-height: 120px; }
.serchform-newouter { vertical-align: top; width: 100%; display: inline-block; }
.serchform-new-left { float: left; width: 50%; padding-right: 180px; }
.serchform-new-right { float: right; width: 50%; padding-left: 180px; }
.search_room-form .serchform-newouter .form-control { font-size: 15px; }
.search_room-form .serchform-newouter .btn { font-size: 14px; }
.navigation li { margin-bottom: 0 !important; }
.search_room-form-mobilebutton { display: none; }
.search-page-right { height: calc(100vh - 230px); }
.header-right li { margin-bottom: 0 !important; }
/**19-10-2020**/
.search_room-form .advance-btn.btn, .search_room-form a[type=submit] { -webkit-appearance: none; }
.form-control { -webkit-appearance: none; }
.rentaldetails-rightbar { position: -webkit-sticky; position: sticky; top: 80px; }
#for-card4-top { line-height: 1; height: 0; width: 0; opacity: 0; overflow: hidden; }
@media only screen and (min-width: 992px){
	body .search-page-right {
		min-height: calc(100vh - 127px );
		top: 127px;
	}
	.search-page-right > * {
		height: calc(100vh - 127px );
	}
}
@media only screen and (min-width: 1361px){
	body .search-page-right {
		min-height: calc(100vh - 200px );
		top: 200px;
	}
    body.newClass .search-page-right {
        min-height: calc(100vh - 150px );
        top:150px;
    }

	.search-page-right > * {
		height: calc(100vh - 150px );
	}


}
.grecaptcha-badge {
	bottom: 200px !important;
}
.available-villas .featured-slider {
    margin: 25px 0px 25px 0px;
}
/* Absolute Center Spinner */
.search-loader {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.search-loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.search-loader:not(:required) {
  /* hide "search-loader..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.search-loader:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}