@charset "utf-8";
/*====================================== [ -Main Stylesheet- Theme: Otosanayi Version: 1.0 Last change: 16/08/2018 ] ++ Fonts ++ ++ General Style ++ ++ Typography ++ ++ loader ++ ++ Content Styles ++
/*-------------Fonts---------------------------------------*/
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Nunito:400,600,700,800,900&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
/*-------------General Style---------------------------------------*/
 html{
     overflow-x:hidden !important;
     height: 100%;
}
 body{
     font-weight: 600;
     font-size: 13px;
     height: 100%;
     width: 100%;
     margin: 0px;
     padding: 0px;
     text-align:center;
     background: #346cb0;
     color:#000;
     font-family: 'Nunito', sans-serif;
}
 a{
    text-decoration: none;
}
 a:hover{
    text-decoration: none;
}
 @-o-viewport {
    width: device-width;
}
 @-ms-viewport {
    width: device-width;
}
 @viewport {
    width: device-width;
}
.contactForm input[type="text"], .contactForm input[type="email"], .contactForm input[type="phone"], .contactForm input[type="password"], .contactForm input[type="url"]{padding-left:45px !important;}
/*--------------Typography--------------------------------------*/
 p {
     font-size: 13px;
     line-height: 24px;
     padding-bottom: 10px;
     font-weight:500;
     color: #878C9F;
}
 blockquote {
     float:left;
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17.5px;
     border-left: 15px solid #eee;
     position:relative;
}
 blockquote:before {
     font-family: "Font Awesome 5 Free";
     content: "\f10e";
     position:absolute;
     color:#ccc;
     bottom:3px;
     font-size:43px;
     right:6px;
     opacity:0.4
}
 blockquote p {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style:italic;
     color:#494949;
}
 .text-uppercase{
     text-transform: uppercase;
}
/*------ loader-------------------------------------------------*/
 .loader-wrap {
     position:fixed;
     top:0;
     left:0;
     right:0;
     bottom:0;
     z-index:100;
     background: #346cb0;
}
 .pin , .ajax-loader {
     position:absolute;
     left:50%;
     top:50%;
     width:40px;
     height:40px;
     border:4px solid;
     border-radius:100%;
     margin:-20px 0 0 -20px;
}
 .pulse , .ajax-loader-cirle{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     border-radius:100%;
     animation: spin 1000ms linear infinite;
}
 .pulse:before , .ajax-loader-cirle:before{
     content:'';
     position:absolute;
     width:12px;
     height:4px;
     border-radius:4px;
     background:#fff;
     left:50%;
     top:50%;
     margin:-2px 0 0 -12px;
}
 @keyframes spin {
     to{
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/* ---------Content Styles--------------------------------------*/
 #main{
     height:100%;
     width:100%;
     position:absolute;
     top:0;
     left:0;
     z-index:2;
     opacity:0;
}
 .container{
     max-width: 1224px;
     width:92%;
     margin:0 auto;
     position: relative;
     z-index:5;
}
 .big-container {
     max-width:1500px;
}
 .small-container {
     max-width:1024px;
}
 #wrapper {
     float:left;
     width:100%;
     position:relative;
     z-index:5;
     padding-top:110px;
}
 #wrapper.home-wrap {
     padding-top:0;
}
 .content {
     width:100%;
     position:relative;
     z-index:4;
     float:left;
     background:#fff;
     overflow:hidden;
}
 .fl-wrap {
     float:left;
     width:100%;
     position:relative;
}
 .no-bg {
     background:none;
}
 .full-height {
     height:100%;
}
 .full-width-wrap {
     width:100%;
}
 .bg {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
     background-size: cover;
     background-attachment: scroll ;
     background-position: center ;
     background-repeat:repeat;
     background-origin: content-box;
}
 .wave-bg , .city-bg{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
     background:url(../images/wave.png) repeat;
}
 .respimg {
     width:100%;
     height:auto;
}
 .overlay {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background:#000;
     opacity:0.2;
     z-index:2
}
 .op1 {
     opacity:0.1;
}
 .op3 {
     opacity:0.3;
}
 .op7 {
     opacity:0.5 !important ;
}
 .box-item {
     float:left;
     width:100%;
     position:relative;
     overflow:hidden;
}
 .box-item:before {
     content:'';
     position:absolute;
    l top:0;
     left:0;
     width:100%;
     height:100%;
     opacity:0;
     z-index:2;
     background:rgba(51,51,51,0.41);
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
}
 .box-item a.gal-link{
     position:absolute;
     width:40px;
     height:40px;
     line-height:40px;
     border-radius:100%;
     color:#fff;
     font-size:8px;
     z-index:10;
     top:40%;
     left:50%;
     margin:-20px 0 0 -20px;
     opacity:0;
     box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.4);
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
}
 .list-single-gallery .box-item {
     border-radius:6px;
}
 .box-item:hover a.gal-link {
     top:50%;
     opacity:1;
}
 .box-item:hover:before {
     opacity:1;
}
 .fw-separator {
     float:left;
     width:100%;
     margin:25px 0;
     height:1px;
     background:#eee;
}
 .no-padding {
     padding:0 !important;
}
.imgs-grid .imgs-grid-image .view-all .view-all-text {
  font-size: 26px !important;
}
/*-------------Button---------------------------------------*/
 .btn{
     padding:0 80px 0 30px;
     height:44px;
     line-height:44px;
     border-radius:4px;
     color: #fff;
     font-weight:600;
     font-size:12px;
     text-align:left;
     position:relative;
     overflow:hidden;
     display:inline-block;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
}
 .btn.no-shdow-btn {
     box-shadow:none;
}
 .btn.whitebtn i {
     border-color:#eee;
}
 .btn:after {
     content:'';
     position:absolute;
     width: 50px;
     height: 100%;
     background: rgba(255,255,255,0.2);
     z-index: 0;
     right: 0;
     top: 0;
     transition: all 200ms linear;
}
 .btn:hover:after {
     width: 120%;
     background: rgba(255,255,255,0.1);
}
 .btn i {
     position:absolute;
     right:0;
     width:50px;
     height:44px;
     line-height:44px;
     border-left:1px solid rgba(255,255,255,0.21);
     text-align:center;
     top:0;
}
 .btn.float-btn {
     float:left;
     margin:10px 0 0;
}
 .btn.flat-btn {
     color:#fff;
}
 .down-btn {
     float:left;
     padding:15px 20px;
     margin-right:15px;
     margin-top:15px;
     color:#fff;
     box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.2);
     font-size:12px;
     border-radius:4px;
}
 .down-btn i {
     padding-right:10px;
     font-size:16px;
}
 .list-author-widget-text .btn {
     display:inline-table;
     margin-top:16px;
}
 .list-single-btn {
     display:inline-block;
     padding:15px 35px;
     background:#fff;
     margin-top:90px;
     border-radius:30px;
     position:relative;
     border:1px solid #eee;
     font-size:14px;
}
 .list-single-btn i{
     padding-left:10px;
}
 .load-more-button {
     display:inline-block;
     color:#fff;
     padding:15px 70px;
     margin-top:20px;
     border-radius:6px;
     font-weight:700;
     background: #346cb0;
     box-shadow: 0px 0px 0px 7px rgba(204,204,204,0.4);
}
 .load-more-button i {
     float:right;
     margin-left:18px;
     top:2px;
     position:relative;
     animation-name: spin;
     animation-duration: 900ms;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
/*-------------accordion---------------------------------------*/
 .accordion {
     float: left;
     width: 100%;
     position: relative;
}
 .accordion a.toggle {
     border: 1px solid #eee;
     padding: 18px 50px 18px 30px;
     float: left;
     width: 100%;
     position: relative;
     background: #fff;
     border-radius: 4px;
     box-sizing: border-box;
     text-align: left;
     font-size: 13px;
     font-weight: 700;
     color:#666;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
     margin-bottom: 15px;
}
 .accordion a.toggle span {
     position: absolute;
     right: -1px;
     top: -1px;
     bottom: -1px;
     width: 60px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
}
 .accordion a.toggle span:before, .accordion a.toggle span:after {
     content: '';
     position: absolute;
     background: #fff;
     top: 50%;
     left: 50%;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
}
 .accordion a.toggle span:before {
     width: 10px;
     height: 2px;
     margin-top: -1px;
     margin-left: -5px;
}
 .accordion a.toggle span:after {
     width: 2px;
     height: 10px;
     margin-top: -5px;
     margin-left: -1px;
}
 .accordion a.toggle.act-accordion {
     color: #fff;
     border-color: transparent;
}
 .accordion a.toggle.act-accordion span:after {
     height: 0;
}
 .accordion-inner {
     display: none;
     float: left;
     width: 100%;
     position: relative;
     padding: 20px 30px 15px;
     background: #fff;
     margin: 0 0 15px;
     text-align: left;
     border-radius:4px;
     border: 1px solid #eee;
}
 .accordion-inner.visible {
     display: block;
}
/* ------Header------------------------------------------------------------ */
 .main-header {
     position:fixed;
     top:0;
     left:0;
     width:100%;
     z-index:100;
     border-bottom: 1px solid rgba(34,34,48,.12);
     -webkit-transform: translate3d(0,0,0);
     height:110px;
     background:#346cb0;
}
 .fs-header {
     padding:0px 50px;
}
 .header-top {
     height:60px;
     border-bottom: 1px solid rgba(34,34,48,.12);
     padding:0 0 6px 0;
     z-index:20;
     background-color: rgba(20,20,31,.22);
}
 .header-inner {
     height:50px;
     padding:0 0 6px 0;
     z-index:19;
}
 .logo-holder {
     float:left;
     position:relative;
     top:5px;
     height:50px;
}
 .logo-holder img {
     height:100%;
     width:auto;
}
 .add-hotel {
     float:right;
     padding: 0 32px;
     position:relative;
     color:#fff;
     height:59px;
     line-height:62px;
     font-weight:600;
     transition: all .2s ease-in-out;
     font-size:12px;
     background:#3AACED;
}
 .add-hotel span {
     padding-left:4px;
     font-weight:700;
}
 .show-reg-form {
     float:right;
     color:#fff;
     cursor:pointer;
     margin-right:40px;
     position:relative;
     top:0;
     height:65px;
     line-height:65px;
     font-size:12px;
     font-weight:600;
}
 .show-reg-form a{
     color:#fff;
}
 .show-reg-form:before {
     content:'';
     position:absolute;
     left:-20px;
     width:1px;
     top:0;
     bottom:0;
     background:rgba(34,34,48,.12);
}
 .show-reg-form i {
     padding-right:10px;
}
 .show-search-button {
     color:#fff;
     float:right;
     position:relative;
     width:172px;
     top:0;
     height:50px;
     line-height:50px;
     font-size:13px;
     cursor:pointer;
     font-weight:500;
     border-right:1px solid rgba(34,34,48,.12);
     box-sizing:border-box;
}
 .wishlist-link {
     color:#fff;
     float:right;
     position:relative;
     width:60px;
     top:0;
     height:50px;
     line-height:50px;
     cursor:pointer;
     font-size:16px;
     color:#fff;
     border-left:1px solid rgba(34,34,48,.12);
     box-sizing:border-box;
}
 .wishlist-link:hover i {
     font-weight:800;
}
 .wishlist-link span.wl_counter{
     position:absolute;
     bottom:10px;
     left:10px;
     width:15px;
     height:15px;
     line-height:15px;
     background: rgba(0,0,0,0.11);
     border-radius:100%;
     z-index:2;
     font-size:10px;
     color:#fff;
}
 .wishlist-wrap {
     position:absolute;
     top:100%;
     right:-20px;
     opacity:0;
     visibility:visible;
     display:none;
     width:400px;
     height:320px;
     overflow:auto;
     padding:25px 30px;
     background:#fff;
     z-index:-1;
     border-radius:0 0 6px 6px;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
     box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.1);
}
 .vis-wishlist {
     opacity:1;
     visibility:visible;
     right:0;
}
 .wishlist-wrap .box-widget-content {
     padding:0;
}
 .show-search-button i{
     padding-left:19px;
     position:relative;
     top:1px;
}
 .show-search-button i.vis-head-search-close:before , .wishlist-link.scwllink i:before {
     font-family: "Font Awesome 5 Free";
     content: "\f00d";
}
 .show-search-button:before {
     content:'';
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     width:1px;
     background:rgba(34,34,48,.12);
}
 .lang-wrap , .currency-wrap{
     float:right;
     margin-right:40px;
     position:relative;
     top:10px;
}
 .currency-wrap {
     margin-right:0px;
     top:12px;
}
 .lang-tooltip , .currency-tooltip {
     position:absolute;
     top:0;
     right:0;
     width:150px;
     z-index:105;
     background:#fff;
     padding:40px 0 12px;
     border-radius:4px;
     border:1px solid #eee;
     border-top:none;
     visibility:hidden;
     opacity:0;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.1);
}
 .show-lang , .show-currency-tooltip{
     color:#fff;
     cursor:pointer;
     width:150px;
     float:right;
     padding:10px;
     position:relative;
     z-index:106;
     font-size:12px;
     border:1px solid transparent;
}
 .show-lang::before , .show-currency-tooltip::before {
     content: '';
     position: absolute;
     left: -20px;
     width: 1px;
     top: 0;
     bottom: 0;
     background: rgba(34,34,48,.12);
}
 .show-currency-tooltip span {
     position:relative;
     float:left;
}
 .show-currency-tooltip i {
     padding-right:8px;
     float:left;
     position:relative;
     top:1px;
}
 .show-lang i , .show-currency-tooltip span i {
     position:absolute;
     right:10px;
     top:50%;
     line-height:10px;
     height:10px;
     margin-top:-5px;
}
 .show-currency-tooltip span i {
     right:-30px;
}
 .show-lang img , .lang-tooltip li img {
     position:relative;
     border-radius:0px;
}
 .show-lang img {
     margin-right:4px;
}
 .show-lang span {
     padding:0 10px 0 6px;
     position:relative;
     z-index:2;
}
 .show-lang .fa-caret-down {
     position:relative;
     top:0;
     right:0;
}
 .lang-wrap:hover .lang-tooltip , .currency-wrap:hover .currency-tooltip{
     visibility:visible;
     opacity:1;
}
 .lang-wrap:hover .show-lang span , .currency-wrap:hover .show-currency-tooltip span {
     color:#666;
}
 .lang-tooltip li , .currency-tooltip li{
     float:left;
     width:100%;
     position:relative;
     text-align:left;
     color:#fff;
     border-radius:4px;
     padding:6px 14px;
}
 .lang-tooltip li:hover , .currency-tooltip li:hover {
     background:#346cb0;
}
 .currency-tooltip li {
     margin-bottom:4px;
     padding-left:10px;
}
 .currency-tooltip li:last-child {
     margin-bottom:0;
}
 .currency-tooltip li i {
     margin-right:8px;
}
 .lang-tooltip li img {
     margin-right:10px;
}
 .lang-tooltip li:hover a , .currency-tooltip li:hover a {
     color:#fff;
}
 .lang-tooltip li a , .currency-tooltip li a{
     color: #566985;
     font-weight:600;
     font-size:12px;
}
@media (max-width : 1366px) {
  .header-menu {
    background-image : url('../images/oto2.png') !important;
  }
  .vis-head-menu {
     max-height:400px;
     overflow-y: scroll;
 }
 .vis-head-menu .close-header-menu{
   display:none !important;
 }
}
 .header-menu {
     position:absolute;
     top:110px;
     left:0;
     width:100%;
     padding:20px 30px 30px;
     z-index:18;
     border-bottom:1px solid #eee;
     opacity:0;
     margin-top:30px;
     visibility:hidden;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
     text-align:left;
     background: #f9fbfc url('../images/oto.png') no-repeat left bottom;
}
 .vis-head-menu {
     opacity:1;
     visibility:visible;
     margin-top:0;
}
 .header-search {
     position:absolute;
     top:110px;
     left:0;
     width:100%;
     padding:20px 30px 30px;
     background:#fff;
     z-index:18;
     border-bottom:1px solid #eee;
     opacity:0;
     margin-top:30px;
     visibility:hidden;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
}
 .vis-head-search {
     opacity:1;
     visibility:visible;
     margin-top:0;
}
 .close-header-menu {
     position:absolute;
     width:100px;
     height:26px;
     right:50%;
     margin-right:-50px;
     line-height:26px;
     bottom:-27px;
     color:#fff;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
     cursor:pointer;
     text-align:center;
}
 .header-search-input-item label , .range-slider-title , .col-list-search-input-item label , .leave-rating-holder .leave-rating-title{
     float:left;
     width:100%;
     text-align:left;
     margin-bottom:10px;
     color: #878C9F;
     font-size:10px;
     font-weight: 600;
     text-transform:uppercase;
}
 .header-search-input-item input[type="text"] , .col-list-search-input-item input[type="text"] {
     float:left;
     width:100%;
     border:1px solid #eee;
     padding:12px 32px 12px 33px;
     border-radius:6px;
     background: #F7F9FB;
     height:42px;
     line-height:42px;
}
 .header-search-input-item input[type="text"]:focus , .col-list-search-input-item input[type="text"]:focus {
     background:#fff;
}
 .header-search-input-item.in-loc-dec:before , .col-list-search-input-item.in-loc-dec:before , .header-search-input-item.date-parent:before {
     font-family: "Font Awesome 5 Free";
     content: "\f107";
     position:absolute;
     color:#fff;
     bottom:10px;
     font-size:15px;
     right:14px;
     font-weight:500;
     z-index:120;
     transition: all .2s ease-in-out;
}
 .not-vis-arrow {
     z-index:520;
}
 .not-vis-arrow:before {
     display:none;
}
 .header-search-input-item input[type="number"] , .col-list-search-input-item input[type="number"]{
     border-radius:6px;
     background: #fff;
}
 .header-search-input-item .quantity-item , .col-list-search-input-item .quantity-item {
     float:left;
     width:33.3%;
}
 .header-search-input-item-icon {
     position:absolute;
     bottom:14px;
     left:13px;
     z-index:100;
     font-weight:600;
     font-size:14px;
}
 .header-search-button {
     float:left;
     width:100%;
     height:42px;
     line-height:42px;
     padding:0 20px;
     color:#fff;
     border:none;
     border-radius:4px;
     position:relative;
     top:20px;
     left:0;
     outline:none;
     cursor:pointer;
}
 .header-search-button i {
     padding-left:10px;
}
 .header-search-input-item.location a , .col-list-search-input-item.location a {
     position: absolute;
     bottom: 12px;
     right: 16px;
     z-index: 500;
}
 .close-header-search {
     position:absolute;
     width:100px;
     height:26px;
     right:50%;
     margin-right:-50px;
     line-height:26px;
     bottom:-27px;
     color:#fff;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
     cursor:pointer;
}
 .search-opt-wrap-container {
     margin-left:-15px;
     margin-right:-15px;
     overflow:hidden;
}
 .search-input-item {
     float:left;
     width:50%;
     padding:0 16px;
}
 .search-input-item.midd-input {
     width:30%;
     padding:0 15px;
}
 .search-input-item.small-input {
     width:20%;
     padding:0 18px 0 15px;
}
 .home-btn {
     float:left;
     width:50px;
     height: 50px;
     margin-right:15px;
     line-height:50px;
     color:#fff;
     border-right: 1px solid rgba(34,34,48,.12);
     border-left: 1px solid rgba(34,34,48,.12);
     box-sizing: border-box;
}
 .home-btn a {
     color: rgba(255, 255, 255, 0.8);
}
/* ------Navigation------------------------------------------------------------ */
 .nav-holder {
     float:left;
     position:relative;
     opacity:1;
     left:0;
     visibility:visible;
     z-index:20;
}
 .nav-holder nav {
     position:relative;
     float: right;
}
 .nav-holder nav li{
     float:left;
     position:relative;
     margin-right:6px;
     height: calc(2.20rem + 2px);
}
 .nav-holder nav li ul {
     margin: 30px 0 0 0;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     min-width:150px;
     top: 50px;
     left: 0;
     z-index: 1;
     padding:10px 0;
     background:#fff;
     border-radius:6px;
     border:1px solid #eee;
     transition: all .2s ease-in-out;
}
 .nav-holder nav li:hover > ul {
     opacity: 1;
     visibility: visible;
     margin: 0;
}
 .nav-holder nav li ul li ul {
     top: -10px ;
     left: 100%;
     margin-left:25px;
     margin-top:0;
     max-width:150px;
}
 .nav-holder nav li ul li:hover > ul {
     opacity: 1;
     visibility: visible;
     margin-right:0px;
}
 .nav-holder nav li ul li {
     width:100%;
     float:left;
     height:auto;
     position:relative;
}
 .nav-holder nav li a {
     float: left;
     padding: 10px;
     font-size: 13px;
     font-weight: 700;
     text-transform: none;
     line-height: 30px;
     letter-spacing: 0px;
     color: #fff;
     -webkit-transition: all 100ms linear;
     transition: all 100ms linear;
}
 .dark-header .nav-holder nav li a {
     color:#fff;
}
 .nav-holder nav li a i {
     padding-left:6px;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
}
 .nav-holder nav li a:hover i {
     -webkit-transform: rotateX(180deg);
     transform: rotateX(180deg);
}
 .nav-holder nav li ul a {
     color:#566985;
     float:left;
     width:100%;
     font-weight:700;
     text-align:left;
     padding:5px 15px;
     font-size: 12px;
}
 .dark-header .nav-holder nav li ul a{
     color:#000;
}
 nav li ul a:before , nav li ul a:after {
     display:none;
}
 .nav-holder nav li a{
     color: rgba(255, 255, 255, 0.8);
}
 .nav-holder nav li a:focus {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.12);
}
 .nav-holder nav li a:hover {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.12);
}
 .nav-holder nav li a.disabled {
     color: rgba(255, 255, 255, 0.6);
}
 .nav-button-wrap {
     float:left;
     height:34px;
     width:34px;
     cursor:pointer;
     position:relative;
     border-radius:2px;
     top:8px;
     display:none;
}
 .nav-button {
     position:absolute;
     top:50%;
     left:50%;
     width:22px;
     height:20px;
     margin-left:-11px;
     margin-top:-6px;
}
 .nav-button span{
     float:left;
     width:100%;
     height:2px;
     background:#fff;
     margin-bottom:4px;
     border-radius:4px;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
}
 .header-user-menu {
     float:right;
     position:relative;
     top:8px;
     margin-right:50px;
}
 .header-user-name {
     position:relative;
     float:left;
     cursor:pointer;
     color:#fff;
     transition: 0.2s;
     white-space: nowrap;
     text-overflow: ellipsis;
     padding-top:10px;
     font-weight:700;
     font-size:12px;
}
 .header-user-name:before , .qty-dropdown-header:before , .main-search-input-item_small:before {
     font-family: "Font Awesome 5 Free";
     content: "\f0d7";
     position:absolute;
     color:#fff;
     bottom:1px;
     font-size:13px;
     right:-26px;
     font-weight:800;
     transition: all .2s ease-in-out;
     z-index:20;
}
 .main-search-input-item_small:before , .qty-dropdown-header:before {
     bottom:16px;
     right:20px;
}
 .qty-dropdown-header:before {
     bottom:-2px;
}
 .header-user-name span {
     position:absolute;
     width:32px;
     height:32px;
     border-radius:100%;
     overflow:hidden;
     top:0;
     left:-50px;
}
 .header-user-name span img {
     width:100%;
     height:100%;
}
 .header-user-menu ul {
     margin: 10px 0 0 0;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     min-width: 150px;
     top: 60px;
     left: -50px;
     z-index: 1;
     padding: 10px 0;
     background: #fff;
     border-radius: 6px;
     border: 1px solid #eee;
     transition: all .2s ease-in-out;
}
 .header-user-name.hu-menu-visdec:before {
     -webkit-transform: rotateX(180deg);
     transform: rotateX(180deg);
}
 .header-user-menu ul.hu-menu-vis {
     opacity: 1;
     visibility: visible;
     top: 40px;
}
 .header-user-menu ul li {
     float:left;
     width:100%;
     padding:4px 0;
}
 .header-user-menu ul li a {
     color: #50596E;
     float: left;
     width: 100%;
     font-weight: 600;
     font-size:12px;
     text-align: left;
     padding: 6px 15px;
}
/*------footer -------------------------------------------------*/
 .main-footer , .footer-inner , .sub-footer , .top-footer{
     float:left;
     width:100%;
     position:relative;
}
 .main-footer {
     background:#346cb0;
     z-index:3;
     overflow:hidden;
}
 .footer-inner {
     padding:20px 0;
     z-index:2;
     border-top:2px solid rgba(34,34,48,.12);
}
 .footer-bg {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
     background-image:url(../upload/cover/cover.jpg);
     background-size: cover;
     background-attachment: scroll ;
     background-position: center ;
     background-repeat:repeat;
     opacity:0.04;
     background-origin: content-box;
}
 .sub-footer {
     background-color: rgba(20,20,31,.22);
     padding:34px 0 20px;
     z-index:3;
}
 .copyright {
     float:left;
     color:#fff;
     font-size:12px;
}
 .subfooter-nav {
     float:right;
}
 .subfooter-nav li {
     float:left;
     margin-right:20px;
}
 .subfooter-nav li a {
     color:rgba(255,255,255,0.61);
     font-weight:400;
     font-size:12px;
}
 .subfooter-lang {
     float: right;
     padding-left:70px;
     position:relative;
     height:25px;
}
 .subfooter-show-lang {
     float:left;
     color:#fff;
     position:relative;
     cursor:pointer;
}
 .subfooter-show-lang i {
     margin-left:10px;
}
 .subfooter-lang:before {
     content:'';
     position:absolute;
     top:0;
     left:0;
     background:url(../images/map.png) no-repeat center;
     width:52px;
     height:25px;
     opacity:0.8;
}
 .subfooter-lang-tooltip {
     position:absolute;
     bottom:0;
     margin-bottom:30px;
     padding:15px 0;
     background: #346cb0;
     right:0;
     width:80%;
     border-radius:4px;
     border: 1px solid rgba(34,34,48,.12);
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
     visibility:hidden;
     opacity:0;
}
 .subfooter-lang:hover .subfooter-lang-tooltip {
     visibility: visible;
     opacity:1;
}
 .subfooter-lang-tooltip li {
     float:left;
     width:100%;
     margin-bottom:6px;
}
 .subfooter-lang-tooltip li a {
     text-align:right;
     float:left;
     width:100%;
     padding:0 10px;
     font-weight:500;
}
 .footer-carousel-title{
     float:left;
     color:#fff;
     text-align:left;
     text-transform:uppercase;
     font-weight:600;
     position:relative;
     top:40px;
     font-size:14px;
}
 .footer-fw-widget {
}
 .footer-carousel-item img {
     width:100%;
     height:auto;
}
 .footer-carousel-item a {
     opacity:0.6;
     float:left;
}
 .footer-widget h3 {
     font-size:14px;
     float:left;
     text-transform:uppercase;
     text-align:left;
     width:100%;
     margin-bottom:30px;
     color:#fff;
     font-weight:600;
     border-bottom:1px solid rgba(255,255,255,0.11);
     padding-bottom:25px;
}
 .footer-social {
     float:left;
     margin-top:20px;
}
 .footer-social span {
     float: left;
     color: #fff;
     text-align: left;
     text-transform: uppercase;
     font-weight: 600;
     padding-right:30px;
     position:relative;
     top:8px;
     font-size:14px;
}
 .footer-social ul {
     float:left;
}
 .footer-social li {
     float:left;
     margin-right:14px;
}
 .footer-social li a{
     float:left;
     border-left:none;
     font-size:13px;
     width:32px;
     height:32px;
     line-height:32px;
     background:rgba(255,255,255,0.05);
     border:1px solid rgba(255,255,255,0.11);
     border-radius:4px;
}
 .footer-menu {
     margin-top:20px;
}
 .footer-menu li {
     float:left;
     text-align:left;
     padding-right:16px;
     position:relative;
}
 .footer-menu li:before {
     content:'';
     position:absolute;
     top:50%;
     margin-top:-1px;
     width:4px;
     height:4px;
     right:6px;
     border-radius:100%;
}
 .footer-menu li:last-child:before {
     display:none;
}
 .footer-menu li a {
     color:#eee;
     font-size:10px;
     font-weight:500;
     letter-spacing:2px;
     text-transform:uppercase;
     font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
 .footer-menu li a:hover {
     color:rgba(255,255,255,0.41);
}
 #footer-twiit img , p.interact , #footer-twiit div.user {
     display:none;
}
 #footer-twiit {
     text-align:left;
}
 #footer-twiit a {
     color:#fff;
}
 #footer-twiit p.tweet {
     font-size:11px;
     color:#fff;
     float:left;
     padding:20px 22px;
     font-weight:500;
     margin-bottom:10px;
     position:relative;
}
 .no-border {
     border:none !important;
}
 #footer-twiit p.tweet:before {
     content:'';
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     z-index:-2;
     border-radius:6px;
     opacity:0.14;
}
 #footer-twiit p.tweet:after {
     font-family: Font Awesome\ 5 Brands;
     content: "\f099";
     position:absolute;
     bottom:10px;
     right:12px;
     color:#fff;
     opacity:0.2;
     font-size:34px;
     z-index:-1;
}
 #footer-twiit .timePosted a {
     color:#ccc;
     position:relative;
     float:left;
     margin-bottom:30px;
     padding-left:20px;
}
 #footer-twiit .timePosted a:before {
     font-family: "Font Awesome 5 Free";
     content: "\f017";
     position:absolute;
     top:0;
     left:0;
     color:#ccc;
     opacity:0.7;
     font-size:14px;
}
 #footer-twiit .timePosted a:after {
     top: -10px;
     left: 22px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 #footer-twiit .timePosted a:after {
     border-color: transparent;
     border-top-color: #3AACED;
     border-width: 7px;
     margin-left: 7px;
     opacity:0.1
}
 .twitter-link {
     float:left;
     color:#fff;
     background:rgba(255,255,255,0.05);
     border:1px solid rgba(255,255,255,0.11);
     padding:8px 20px;
     border-radius:2px;
     font-size:12px;
     box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.1);
}
 .contact-btn {
     float:left;
     color:#fff;
     padding:15px 35px;
     font-size:12px;
     margin-top:50px;
     font-weight:600;
     border-radius:4px;
     position:relative;
     top:28px;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.1);
}
 .contact-btn i {
     padding-left:15px;
     color:rgba(255,255,255,0.81);
     font-size:16px;
     position:relative;
     top:1px;
}
 .customer-support-widget {
     margin-top:50px;
     padding:25px 30px 15px 45px;
     border-radius:4px;
     background: rgba(0,0,0,0.04);
     overflow:hidden;
     border:1px solid rgba(255,255,255,0.1);
}
 .customer-support-widget:before {
     font-family: "Font Awesome 5 Free";
     content: "\f4fe";
     position:absolute;
     z-index:-1;
     color:#fff;
     font-size:84px;
     opacity:0.07;
     left:14px;
     bottom:8px;
}
 .customer-support-widget h4 {
     float:left;
     color:#fff;
     font-weight:600;
     font-size:12px;
     text-align:left;
     width:100%;
     margin-bottom:6px;
}
 .cs-mumber {
     float:left;
     text-align:left;
     font-size:20px;
     color:#fff;
     font-weight:600;
     position:relative;
     top:6px;
     color:#fff;
}
 .cs-mumber:hover {
     color:rgba(255,255,255,0.6);
}
 .cs-mumber-button {
     float:right;
     padding:15px 20px;
     color:#fff;
     font-size:12px;
     font-weight:600;
     border-radius:4px;
     top:-14px;
     position:relative;
}
 .cs-mumber-button i {
     padding-left:10px;
}
 .contact-btn:hover{
     background: #346cb0;
}
 .subscribe-wrap {
     padding:90px 0;
     overflow:hidden;
}
 .subscribe-header h3 {
     float:left;
     width:100%;
     padding-bottom:15px;
     color:#fff;
     text-align:left;
     font-weight:600;
     font-size:22px;
}
 .subscribe-header p {
     color:rgba(255,255,255,0.71);
     text-align:left;
}
 .footer-widget #subscribe .enteremail {
     background:#fff;
     height:50px;
     line-height:50px;
     border-radius:4px;
     padding:0 120px 0 15px;
     box-sizing:border-box;
     border:1px solid rgba(255,255,255,0.21);
     z-index:1;
}
 .sp-bg {
     position:absolute;
     bottom:-240px;
     left:-70px;
     width:350px;
     height:350px;
     border-radius:100%;
     background:rgba(255,255,255,0.11);
     box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.05);
}
 .sp-bg:before {
     content:'';
     position:absolute;
     top:-50px;
     left:-50px;
     bottom:-50px;
     right:-50px;
     border-radius:100%;
     background:rgba(255,255,255,0.051);
}
 #subscribe {
     float:left;
     width:100%;
     position:relative;
     top:30px;
}
 #subscribe:before {
     content:'';
     position:absolute;
     top:-9px;
     left:-9px;
     right:-9px;
     bottom:-9px;
     background:rgba(255,255,255,0.18);
     z-index:-1;
     border-radius:4px;
}
 .footer-widget #subscribe-button {
     position:absolute;
     right:0;
     width:120px;
     height:50px;
     line-height:50px;
     top:0;
     cursor:pointer;
     border:none;
     border-top-right-radius:4px;
     border-bottom-right-radius:4px;
     z-index:2;
     background: #346cb0;
     color:#fff;
}
 .footer-widget #subscribe-button:hover i {
     color:rgba(255,255,255,1.0);
}
 .subscribe-message {
     color:#fff;
     float:left;
     margin-top:10px;
     text-align:left;
     font-weight:500;
     line-height:19px;
}
 .subscribe-message i {
     padding-right:6px;
}
 .subscribe-message.valid i{
     color:#5ECFB1;
}
 .subscribe-message.error i{
     color:#F00;
}
 .footer-widget #subscribe-button i {
     padding-right:6px;
}
 .sub-footer .about-widget img {
     float:left;
     width:120px;
     height:auto;
}
 .footer-widget .footer-contacts-widget p {
     color:#fff;
     text-align: left;
}
 .footer-widget .about-widget p {
     border-bottom:1px solid rgba(255,255,255,0.21);
}
 .footer-widget .about-widget .btn {
     float:left;
     margin-top:20px;
     padding:13px 20px;
     border-radius:20px;
     color:#fff;
     font-weight:600;
}
 .footer-contacts {
     margin:20px 0;
     padding:15px 0;
     border-top:1px dashed rgba(255,255,255,0.21);
     border-bottom:1px dashed rgba(255,255,255,0.21);
}
 .footer-contacts li {
     float:left;
     width:100%;
     text-align:left;
     padding:10px 0;
     font-size:13px;
     font-weight:500;
}
 .footer-contacts li a , .footer-contacts li span {
     color:rgba(255,255,255,0.51);
}
 .footer-contacts li a {
     color:rgba(255,255,255,0.81);
     padding-left:4px;
}
 .footer-contacts li i {
     padding-right:4px;
}
 .footer-widget .widget-posts li , .box-widget-content .widget-posts li {
     padding: 13px 0;
     margin-bottom:10px;
     width:100%;
     float:left;
}
 .box-widget-content .widget-posts li {
     border-bottom:1px solid #eee;
     margin-bottom:13px;
     padding: 0 0 13px;
}
 .box-widget-content .widget-posts li:last-child {
     margin-bottom:0;
}
 .footer-widget .widget-posts-img , .box-widget-content .widget-posts-img , .cart-details_header .widget-posts-img {
     float:left;
     width:30%;
}
 .footer-widget .widget-posts-img img , .box-widget-content .widget-posts-img img , .cart-details_header .widget-posts-img img{
     border-radius:4px;
}
 .footer-widget .widget-comments-img img{
     border-radius:100%;
}
 .footer-widget .widget-posts-descr , .box-widget-content .widget-posts-descr , .cart-details_header .widget-posts-descr{
     float:left;
     width:70%;
     padding-left:20px;
     text-align:left;
     position:relative;
}
 .box-widget-content .widget-posts-descr a , .cart-details_header .widget-posts-descr a{
     color:#666;
}
 .box-widget-content .widget-posts-descr .geodir-category-location , .cart-details_header .widget-posts-descr .geodir-category-location{
     margin-top:12px;
}
 .box-widget-content .widget-posts-descr .geodir-category-location a , .cart-details_header .widget-posts-descr .geodir-category-location a{
     font-size:10px;
     color: #878C9F;
}
 .box-widget-content .widget-posts-descr .rooms-price {
     font-size:12px;
     text-transform:uppercase;
     top:0px;
}
 .box-widget-content .widget-posts-descr .rooms-price strong {
     font-size:9px;
}
 .box-widget-content .widget-posts-descr .listing-rating , .cart-details_header .widget-posts-descr .listing-rating{
     margin-top:6px;
}
 .box-widget-content .widget-posts-descr .listing-rating i , .cart-details_header .widget-posts-descr .listing-rating i{
     font-size:10px;
     margin-right:2px;
}
 .box-widget-content .widget-posts-link {
     float:left;
     position:relative;
     cursor:pointer;
     font-weight: 600;
     font-size: 12px;
     margin-top:20px;
     color: #878C9F;
}
 .widget-posts-link:hover {
     color:#666;
}
 .box-widget-content .widget-posts-link:before {
     display:none;
}
 .box-widget-content .widget-posts-link i {
     padding-left:10px;
     font-size:14px;
     position:relative;
     top:2px;
}
 .footer-widget .widget-posts-descr:before {
     content:'';
     position:absolute;
     bottom:-12px;
     left:20px;
     right:0;
     height:1px;
     border-bottom:1px dashed rgba(255,255,255,0.21);
}
 .footer-widget .widget-posts-descr a{
     font-size:12px;
     color: rgba(255,255,255,0.71);
     font-weight:600;
     padding-bottom:20px;
}
 .footer-widget .widget-posts-descr a:hover {
     color:#fff;
}
 .footer-widget .widget-posts-date {
     float:left;
     width:100%;
     margin-top:10px;
     color:#999;
     font-weight:600;
     font-size:12px;
}
 .footer-widget .widget-posts-date i {
     color: rgba(255,255,255,0.41) !important;
     padding-right:10px;
}
 .about-wrap {
     margin-bottom:30px;
}
 .about-wrap .list-single-main-item-title h3 {
     font-size:24px;
}
 .about-wrap p , .about-wrap h4{
     text-align:left;
}
 .about-wrap h4 {
     font-size:16px;
     padding:10px 0 0;
     font-weight:600;
     color:#ADC7DD;
}
 .about-wrap .section-separator {
     margin-bottom:5px;
}
 .fc-cont {
     position:absolute;
     top:50%;
     z-index:100;
     width:20px;
     height:20px;
     line-height:20px;
     margin-top:-10px;
     color:#fff;
     font-size:16px;
     cursor:pointer;
}
 .fc-cont.fc-cont-prev {
     left:0;
}
 .fc-cont.fc-cont-next {
     right:0;
}
 .fc-cont.lc-prev {
     left:-20px;
     font-size:20px;
}
 .fc-cont.lc-next {
     right:-20px;
     font-size:20px;
}
 .pr-cont {
     position:absolute;
     top:40%;
     z-index:100;
     width:20px;
     height:20px;
     line-height:20px;
     margin-top:-10px;
     color:#fff;
     font-size:16px;
     cursor:pointer;
}
 .pr-cont.pr-cont-prev {
     left:0;
}
 .pr-cont.pr-cont-next {
     right:0;
}
 .pr-cont.lc-prev {
     left:-20px;
     font-size:20px;
}
 .pr-cont.lc-next {
     right:-20px;
     font-size:20px;
}
/*------ section-------------------------------------------------*/
 section {
     float:left;
     width:100%;
     position:relative;
     padding:30px 0;
     background:#fff;
     z-index:1;
}
 section.middle-padding {
     padding:50px 0;
}
 .small-padding {
     padding:30px 0;
}
 section.no-top-pading {
     padding-top:0;
}
 section.no-pading {
     padding-bottom:0;
}
 .section-title {
     margin-bottom:20px;
}
 .section-title h2 {
     float:left;
     width:100%;
     margin-bottom:5px;
     font-size:24px;
     font-weight:600;
     color: #566985;
     font-family: 'Montserrat', sans-serif;
}
 .section-title h4{
     float:left;
     width:100%;
     color: #566985;
     font-size:12px;
     font-weight:600;
}
 .section-title-separator {
     position:relative;
     max-width:450px;
     margin:0 auto 10px;
}
 .section-title-separator span {
     position:relative;
     display:inline-table;
     z-index:2;
}
 .section-title-separator span i {
     padding:0 2px;
     color:#D0DBDB
}
 .section-title-separator span i:nth-child(2) {
     font-size:16px;
}
 section.parallax-section {
     padding:110px 0;
     overflow:hidden;
}
 section.video-section {
     padding:150px 0;
     overflow:hidden;
}
 section.single-par {
     padding:140px 0;
     overflow:hidden;
}
 section.big-padding {
     padding:350px 0;
     overflow:hidden;
}
 section.parallax-section.small-par {
     padding:90px 0;
}
 section.parallax-section .section-title-separator span , .ajax-modal-title .section-title-separator span{
     padding:0;
     background:none;
}
 .section-title-separator span i , .ajax-modal-title .section-title-separator span i{
     padding:0 2px;
     color:#D0DBDB
}
 .section-title-separator span i:nth-child(2) {
     font-size:16px;
}
 .ajax-modal-title .section-title-separator span i {
     font-size:10px;
}
 .ajax-modal-title .section-title-separator span i:nth-child(2) {
     font-size:13px;
}
 section.parallax-section .section-title-separator:before , .ajax-modal-title .section-title-separator:before {
     display:none;
}
 section.parallax-section .overlay {
     opacity:0.4;
}
 .hero-section-wrap {
     z-index:30;
     margin-top: -70px;
}
 section.parallax-section .bg , .list-single-hero .bg , .hero-parallax .bg{
     height:120%;
     top:0;
}
 .section-separator {
     float:left;
     width:100%;
     position:relative;
     margin:10px 0 15px;
}
 .section-separator:before{
     content:'';
     position:absolute;
     left:50%;
     top:0;
     height:4px;
     margin-left:-25px;
     width:50px;
     border-radius:3px;
}
 .breadcrumbs.inline-breadcrumbs {
     margin-bottom:20px;
     padding:19px 20px;
     background:#fff;
     border-radius:4px;
}
 .breadcrumbs.inline-breadcrumbs a , .breadcrumbs.inline-breadcrumbs span , .dasboard-breadcrumbs a , .dasboard-breadcrumbs span {
     float:left;
     padding:0 16px;
     position:relative;
     color: #888DA0;
     font-size:12px;
}
 .breadcrumbs.inline-breadcrumbs span {
     color:#666;
}
 .breadcrumbs.inline-breadcrumbs a:first-child , .dasboard-breadcrumbs a:first-child {
     padding-left:0;
}
 .dasboard-breadcrumbs a , .dasboard-breadcrumbs span {
     padding:0 0 0 32px;
     color:#fff;
}
 .dasboard-breadcrumbs span , section.color-bg .section-title p{
     color:rgba(255,255,255,0.71);
}
 .section-title .breadcrumbs , .flat-title-wrap .breadcrumbs{
     margin-top:20px;
}
 .section-title .breadcrumbs a , .section-title .breadcrumbs span , .breadcrumbs-hero-buttom .breadcrumbs a , .breadcrumbs-hero-buttom .breadcrumbs span , .flat-title-wrap .breadcrumbs span , .flat-title-wrap .breadcrumbs a{
     color:rgba(255,255,255,0.71);
     display:inline-block;
     padding:0 16px;
     position:relative;
     font-weight:500;
}
 .section-title .breadcrumbs span , .section-title .breadcrumbs a:hover , section.parallax-section .section-title h2 , .breadcrumbs-hero-buttom .breadcrumbs a , .flat-title-wrap .breadcrumbs a {
     color:#fff;
}
 section.parallax-section .section-title.big-title h2 {
     font-size:38px;
}
 .section-title .breadcrumbs a:before , .breadcrumbs-hero-buttom .breadcrumbs a:before , .breadcrumbs.inline-breadcrumbs a:before , .dasboard-breadcrumbs a:before , .flat-title-wrap .breadcrumbs a:before , .breadcrumbs-fs .breadcrumbs a:before{
     font-family: "Font Awesome 5 Free";
     content: "\f105";
     font-size: 12px;
     position:absolute;
     top:50%;
     right:-4px;
     margin-top:-7px;
     width:10px;
     height:2px;
     font-weight:900;
}
 .dasboard-breadcrumbs a:before {
     right:-20px;
     content: "\f0da";
}
 .breadcrumbs-fs {
     background:#fff;
     border-bottom:1px solid #eee;
     padding:25px 0;
     overflow:hidden;
}
 .breadcrumbs-fs .breadcrumbs a , .breadcrumbs-fs .breadcrumbs span {
     float:left;
     margin-right:15px;
     padding-right:15px;
     color: #878C9F;
     font-size:12px;
}
 .breadcrumbs-fs .breadcrumbs:before {
     font-family: "Font Awesome 5 Free";
     content: "\f14c";
     position: absolute;
     right: 0;
     top: -4px;
     font-size:22px;
     font-weight:900;
     color: #ADC7DD;
}
 .breadcrumbs-hero-buttom .breadcrumbs a:before {
     right:10px;
}
 .breadcrumbs-hero-buttom {
     margin-top:25px;
     padding-top:20px;
     border-top:1px solid rgba(255,255,255,0.21);
}
 .list-single-hero-price {
     float:right;
     font-size:11px;
}
 section.color-bg .section-title h2 , .list-single-hero-price , .header-sec-link a , .flat-title-wrap h2{
     color:#fff;
}
 .lg-actions .lg-prev:after, .lg-actions .lg-next::before {
     font-weight: 900;
}
 .list-single-hero-price span{
     color: #5ECFB1;
     font-size:24px;
     font-weight:600;
     padding-left:20px;
     position:relative;
     top:2px;
}
 .breadcrumbs-hero-buttom .breadcrumbs {
     float:left;
     position:relative;
     top:10px;
}
 .breadcrumbs-hero-buttom .breadcrumbs a , .breadcrumbs-hero-buttom .breadcrumbs span {
     float:left;
     padding:0 32px 0 0;
}
 section.color-bg .section-title .breadcrumbs {
     margin-top:0;
     margin-bottom:10px;
}
 section.color-bg .section-title .breadcrumbs a:before {
     background:#fff !important;
}
 .header-sec-link {
     position:absolute;
     bottom:0;
     z-index:10;
     left:0;
     width:100%;
}
 .header-sec-link a.custom-scroll-link {
     display:inline-block;
     font-size:19px;
     padding:8px 60px;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
 .flat-title-wrap {
     padding:20px 0;
}
 .flat-title-wrap h2 {
     font-size:30px;
     font-weight:600;
     position:relative;
     font-family: 'Montserrat', sans-serif;
}
 .section-decor{
     position:absolute;
     left:0;
     bottom:0;
     width:100%;
     height:150px;
     z-index:-1;
     background:url(../images/city7.png) repeat;
     opacity:0.7;
}
 section.parallax-section .section-title h4 , .flat-title-wrap h4 {
     color:rgba(255,255,255,0.71);
     font-size:12px;
     font-weight:400;
}
 .no-mar-bottom {
     margin-bottom:0 !important;
}
 .no-pad-bottom {
     padding-bottom:0 !important;
}
 .hero-parallax {
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     overflow:hidden;
}
 section.hero-section {
     padding:210px 0;
     z-index:100;
}
 .slider-container .slider-item{
     padding:150px 80px;
}
 .home-intro h2 , .home-intro-card h3{
     font-size:44px;
     font-weight:700;
     color:#fff;
     font-family: 'Montserrat', sans-serif;
}
 .home-intro-card {
     margin-top:50px;
}
 .home-intro-card .btn{
     margin-top:20px;
}
 .home-intro-card h3 {
     text-align:left;
     font-size:34px;
}
 .home-intro-card h5 {
     text-align:left;
     color:rgba(255,255,255,0.7);
     font-size:12px;
     padding-top:10px;
}
 .home-intro h3 {
     color:#fff;
     padding-top:12px;
     font-size: 25px;
}
 .home-intro-card-counter {
     float:left;
     margin-bottom:10px;
     font-size: 11px;
     border-radius: 4px;
     background: #346cb0;
     color: #fff;
     padding: 9px 12px;
     position:relative;
     top:-4px;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}
 .home-intro-card-counter.home-intro-card-counter_price {
     top:0;
     margin-top:10px;
}
 .home-intro-card .listing-rating i{
     margin-right:4px;
}
 .home-intro-subtitle {
     padding-top:60px;
     color: #fff;
     font-family: 'Montserrat', sans-serif;
     font-weight:300;
     font-size:12px;
}
 .main-search-input {
     padding:0 150px 0 0;
     border-radius:4px;
    /*margin-top:50px;
    */
     box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
}
 .main-search-input-item {
     float:left;
     width:100%;
     box-sizing:border-box;
     border-left:1px solid #eee;
     height:50px;
     position:relative;
     background:#fff;
}
 .main-search-input-item.location {
     border:none;
}
 .main-search-input-item.location input , .main-search-input-item.location{
     border-radius:6px 0 0 6px;
}
 .inpt_dec {
     position:absolute;
     left:15px;
     top:18px;
     z-index:20;
}
 .main-search-input-item input {
     float:left;
     border:none;
     width:100%;
     height:50px;
     padding:0 10px 0 40px;
}
 .main-search-button {
     position: absolute;
     right: 0px;
     height: 50px;
     width: 151px;
     color: #fff;
     top: 0;
     border: none;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
     cursor: pointer;
}
 .main-search-button i {
     padding-left:10px;
}
 .main-search-input-wrap {
     max-width:900px;
     margin:20px auto;
     position:relative;
}
 .main-search-input:before {
     content:'';
     position:absolute;
     bottom:-40px;
     width:50px;
     height:1px;
     background:rgba(255,255,255,0.41);
     left:50%;
     margin-left:-25px;
}
 .main-search-input-item.location a {
     position:absolute;
     top:18px;
     right:20px;
     z-index:312
}
 .main-search-input-item.location a:hover{
     border-radius:100%;
     animation: pulse 1.1s infinite ease-in-out;
}
 .qty-dropdown-header {
     font-size:12px;
     color:#666;
     text-align:left;
     font-weight:300;
     padding-left:15px;
     height:50px;
     line-height:50px;
     cursor:pointer;
     position:relative;
}
 .qty-dropdown-header i {
     padding-right:10px;
}
 .qty-dropdown-content {
     border:1px solid #eee;
     background:#fff;
     padding:15px 20px;
     border-radius: 0 0 6px 6px;
     overflow:hidden;
     display:none;
     box-sizing:border-box;
}
 .qty-dropdown-content .quantity-item {
     width:100%;
     float:left;
     margin-bottom:10px;
     padding-bottom:10px;
     border-bottom:1px solid #eee;
}
 .qty-dropdown-content .quantity-item:last-child {
     padding-bottom:0;
     margin-bottom:0;
     border:none;
}
 .qty-dropdown-content .quantity-item label {
     float:left;
     color: #666;
     font-size: 12px;
     font-weight: 300;
     position:relative;
     top:12px;
}
 .qty-dropdown-content .quantity-item label i {
     padding-right:10px;
     font-size:16px;
     width:20px;
}
 .qty-dropdown-content .quantity-item .quantity{
     float:right;
}
/*------ process------------------------------------------------*/
 .colomn-text-title h3 {
     text-align:left;
     font-size:25px;
     color:#fff;
     font-weight:600;
     padding-bottom:10px;
}
 .colomn-text-title p , .colomn-text-list li p{
     text-align:left;
     color:rgba(255,255,255,0.71);
}
 .colomn-text {
     float:left;
     width:100%;
     position:relative;
     padding:0 40px 0 0;
}
 .pad-top-column-text {
     padding:80px;
     margin-bottom:20px;
}
 .pad-top-column-text_small {
     padding-top:40px;
}
 .colomn-text-list .btn , .intro-item .btn , .mar-top-btn {
     margin-top:30px;
}
 .hidden-section {
     overflow:hidden;
}
 .intro-item h2 {
     font-size: 34px;
     color: #fff;
     font-weight: 700;
     padding-bottom: 30px;
     position:relative;
}
 .intro-item.big-text h2 {
     font-size:44px;
     font-family: 'Montserrat', sans-serif;
}
 .intro-item h2:before {
     content:'';
     position:absolute;
     left:50%;
     width:50px;
     height:4px;
     border-radius:2px;
     margin-left:-25px;
     bottom:15px;
}
 .intro-item h3 {
     color: #fff;
     font-size: 13px;
     font-weight: 500;
}
 .intro-item.big-text h3 {
     font-size:18px;
}
 .light-carousel .slick-slide-item {
     padding:10px 20px;
     -webkit-transform: translate3d(0,0,0);
}
 .hotel-card .geodir-category-img{
     border-radius: 6px;
     box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.1);
     object-fit: cover;
}
 .hotel-card .geodir-category-location {
     float:left;
     position:relative;
     top:18px;
}
 .hotel-card .geodir-category-opt h4 {
     position:relative;
     top:10px;
}
 .hotel-card .geodir-category-location a {
     float:left;
     color:#fff;
     font-size:10px;
}
 .hotel-card .geodir-category-opt .listing-rating {
     top:4px;
}
/*-------------Team---------------------------------------*/
 .team-box {
     float:left;
     width:33.3%;
     position:relative;
     padding:10px 4px;
}
 .section-team .team-box {
     padding:10px 8px;
}
 .team-photo {
     margin-bottom:20px;
     overflow:hidden;
     border-radius:6px;
}
 .section-team .team-photo {
     margin-bottom:0;
     border-bottom-left-radius:0;
     border-bottom-right-radius:0;
}
 .team-info {
     float:left;
     width:100%;
     text-align:left;
}
 .section-team .team-info {
     border:1px solid #eee;
     padding:25px 30px 70px 30px;
     border-top:none;
     position:relative;
     border-bottom-left-radius:6px;
     border-bottom-right-radius:6px;
     overflow:hidden;
}
 .team-info h3 , .team-info h4 {
     float:left;
     width:100%;
     padding-bottom:10px;
     font-weight:600;
     font-size:16px;
}
 .team-info h4 {
     font-size:11px;
     color:#666;
}
 .team-social {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     padding-left:30px;
}
 .team-social ul {
     float:left;
}
 .team-social li {
     float:left;
     height:50px;
     line-height:50px;
     margin-right:15px;
}
 .team-social li a:hover {
     color:#999;
}
 .team-contact_link {
     float:right;
     width:60px;
     height:50px;
     line-height:50px;
     color:#fff;
     border-left: 1px solid rgba(34,34,48,.12);
     box-sizing:border-box;
     text-align:center;
}
 .team-dec {
     position:absolute;
     top:20px;
     right:30px;
     font-size:26px;
     z-index:-1;
     color: #ADC7DD;
}
/*------ register form------------------------------------------------*/
 .main-register-wrap , .reg-overlay {
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1000;
     overflow: auto;
     display: none;
     -webkit-transform: translate3d(0,0,0);
     background:rgba(0,0,0,0.81);
}
 .reg-overlay {
     z-index:1;
     background:none;
}
 .hid-body {
     overflow:hidden;
}
 .main-register-holder {
     max-width:420px;
     margin:100px auto 50px;
     position:relative;
     z-index:5;
}
 .main-register h3 {
     float:left;
     width:100%;
     text-align:left;
     font-size:20px;
     padding:20px 0;
     margin-bottom:30px;
     font-weight:600;
     color:#666;
     border-bottom:1px solid #eee;
}
 .main-register h3 span {
     font-weight: 800;
     font-size: 18px;
     color: #566985;
     text-transform: uppercase;
     font-family: 'Montserrat', sans-serif;
}
 .main-register {
     float:left;
     width:100%;
     position:relative;
     padding:0 0 10px;
     margin-bottom:50px;
     background:#fff;
     border-radius:10px;
     overflow:hidden;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.3);
}
 .close-reg {
     position:absolute;
     top:12px;
     right:24px;
     border-radius:100%;
     color:#fff;
     width:30px;
     height:30px;
     line-height:30px;
     cursor:pointer;
     transition: all .2s ease-in-out;
     z-index:100;
     border:1px solid #fff;
}
 .soc-log {
     padding:15px 0;
}
 .soc-log p {
     margin-bottom:12px;
     font-size:12px;
     color:#454545;
}
 .soc-log a {
     float:left;
     width:100%;
     padding:0 0 0 100px;
     color:#fff;
     height:60px;
     line-height:60px;
     margin-bottom:10px;
     border-radius:4px;
     font-size:14px;
     font-weight:500;
     position:relative;
     text-align:left;
}
 .soc-log a i {
     font-size:24px;
     position: absolute;
     top:0;
     width:60px;
     height:100%;
     left:0;
     height:60px;
     line-height:60px;
     text-align:center;
     border-right: 1px solid rgba(34,34,48,.12);
}
 .soc-log a.facebook-log {
     background:#3b5998;
}
 .soc-log a:hover.facebook-log {
     background:#3b5998;
}
 .soc-log a.twitter-log {
     background:#55acee;
}
 .soc-log a:hover.twitter-log {
     background:#55acee;
}
 .soc-log a.google-log {
     background:#dd4b39;
}
 .soc-log a:hover.google-log {
     background:#dd4b39;
}
 .soc-log a.paypal-log{
     background:#205DA5;
}
 .log-separator {
     margin-top:10px;
}
 .log-separator span{
     position:relative;
     width:90px;
     display:inline-block;
     background:#fff;
     z-index:2;
}
 .log-separator:before {
     content:'';
     position:absolute;
     top:50%;
     left:0;
     right:0;
     height:1px;
     background:#eee;
     z-index:1;
}
 .custom-form .log-submit-btn {
     float:left;
     padding:13px 35px;
     border:none;
     border-radius:4px;
     color:#fff;
     cursor:pointer;
     -webkit-appearance: none;
     margin-top:12px;
     position:relative;
}
 .filter-tags{
     float:left;
     margin-top:10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #eee;
}
 .filter-tags label{
     color: #50596E !important;
}
 .lost_password {
     margin-top:34px;
     float:right;
}
 .lost_password a , .main-register .filter-tags{
     float:left;
     color: #50596E;
     font-size:12px;
     font-weight:600;
}
 #tabs-container {
     float: left;
     width: 100%;
     margin-top:10px;
     padding:0 30px;
}
 .tab {
     float: left;
     width: 100%;
}
 .tabs-menu {
     float:left;
     width:100%;
}
 .tabs-menu li {
     float:left;
     width:50%;
}
 .tabs-menu li a{
     float:left;
     width:100%;
     padding:20px 30px;
     font-weight:600;
     font-size:12px;
     color:#fff;
     background:#eee;
     text-align:left;
     text-transform:uppercase;
}
 .tabs-menu li a i {
     padding-right:20px;
}
 .tabs-menu li.current a {
     background:#fff;
}
 .tabs-menu li.current a , .tabs-menu li a:hover {
     color:#fff;
}
 .tab-content {
     width: 100%;
     padding: 20px 0;
     display: none;
}
 #tab-1 {
     display: block;
}
/*-------------Forms---------------------------------------*/
 .custom-form {
     float:left;
     width:100%;
     position:relative;
}
 .custom-form .nice-select {
     margin-bottom:20px;
}
 .custom-form textarea , .custom-form input[type="text"]:not(#pac-input) , .custom-form input[type=email] , .custom-form input[type=password] , .custom-form input[type=url] , .custom-form input[type=phone] , .custom-form input[type=button]{
     float: left;
     border: 1px solid #eee;
     background:#F7F9FB;
     width: 100%;
     padding: 15px;
     border-radius: 6px;
     color: #666;
     font-size:13px;
     -webkit-appearance: none;
}
 .custom-form textarea:focus , .custom-form input[type="text"]:focus , .custom-form input[type=email]:focus , .custom-form input[type=password]:focus {
     background:#fff;
}
 .custom-form .nice-select input {
     padding-left:20px;
}
.contactForm .nice-select-search {
    padding:10px !important;
    padding-left: 25px !important;
    margin: 0 10px 0 0;
    min-height: 36px;
    outline: 0 !important;
}
 .custom-form input::-webkit-input-placeholder , .custom-form textarea::-webkit-input-placeholder{
     color: #666;
     font-weight:500;
     font-size:13px;
}
 .custom-form input:-moz-placeholder , .custom-form textarea:-moz-placeholder {
     color: #888DA0;
     font-weight:600;
     font-size:13px
}
 .custom-form textarea{
     height: 200px;
     resize: none;
     padding: 25px 20px;
     -webkit-appearance: none;
}
 .custom-form input {
     margin-bottom:20px;
}
 .filter-tags input , .custom-form .filter-tags input {
     float:left;
     position:relative;
     border: 2px solid #ccc;
     cursor: pointer;
     padding: 0;
     width: 20px;
     height: 20px;
     position: relative;
     color:#fff;
     background:#fff !important;
     -webkit-appearance: none;
}
 .filter-tags input:checked:after , .custom-form .filter-tags input:checked:after {
     font-family: "Font Awesome 5 Free";
     content: "\f00c";
     font-weight: 900;
     font-size: 12px;
     position: absolute;
     top:2px;
     left: 2px;
     z-index:20;
}
 .filter-tags label , .custom-form .filter-tags label {
     float:left;
     padding:0 10px;
     position:relative;
     top:4px;
     color:#888DA0;
     font-weight:600;
     width:auto;
}
 .custom-form label {
     float:left;
     position:relative;
     width:100%;
     text-align:left;
     font-weight:500;
     color:#666;
     color: #878C9F;
     font-size: 13px;
     font-weight: 500;
}
 .main-register .custom-form label {
     padding-bottom:12px;
}
 .custom-form label i {
     padding-right:12px;
     font-size:14px;
     position:absolute;
     top:16px;
     left:16px;
}
 .custom-form button {
     outline:none;
     border:none;
     cursor:pointer;
     -webkit-appearance: none;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type=number] {
     -moz-appearance: textfield;
}
 .quantity {
     float:left;
     width: 65px;
     height: 42px;
     position:relative;
}
 .quantity input {
     width: 100%;
     height: 42px;
     line-height: 1.65;
     float: left;
     padding: 0;
     margin: 0;
     padding-left:10px;
     border: 1px solid #eee;
     border-radius:4px 0 0 4px;
     margin-bottom:0;
}
 .quantity input:focus {
     outline: 0;
}
 .quantity-nav {
     position: absolute;
     height: 42px;
     right:0;
     width: 20px;
     border-right: 1px solid #eee;
}
 .quantity-button {
     background: #F7F9FB;
     position: absolute;
     right:0;
     cursor: pointer;
     border-left: 1px solid #eee;
     width: 20px;
     text-align: center;
     color: #333;
     font-size: 13px;
     font-family: "Trebuchet MS", Helvetica, sans-serif !important;
     line-height: 1.7;
     box-sizing:border-box;
     -webkit-user-select: none;
     user-select: none;
}
 .quantity-button.quantity-up {
     position: absolute;
     height: 50%;
     top: 0;
     border-bottom: 1px solid #eee;
     border-top: 1px solid #eee;
}
 .quantity-button.quantity-down {
     position: absolute;
     bottom: -1px;
     height: 50%;
     border-bottom: 1px solid #eee;
}
 .custom-form.no-icons input , .custom-form.no-icons textarea {
     padding-left:10px;
}
 .custom-form.no-icons label {
     margin-bottom:20px;
}
 .pass-input-wrap span {
     position: absolute;
     right: 20px;
     cursor: pointer;
     bottom: 36px;
     z-index: 10;
     font-size:12px;
}
 .radio{
     color:#999;
     font-size:13px;
     position:relative;
     top:-2px;
}
 .radio span{
     position:relative;
     padding-left:30px;
     top:1px;
}
 .radio span:after{
     content:'';
     width:20px;
     height:20px;
     border:2px solid #ccc;
     position:absolute;
     left:0;
     top:-3px;
     box-sizing:border-box;
}
 .radio input[type="radio"]{
     cursor: pointer;
     position:absolute;
     width:100%;
     height:100%;
     z-index: 1;
     opacity: 0;
}
 .radio input[type="radio"]:checked + span{
     color:#666;
}
 .radio input[type="radio"]:checked + span:before{
     font-family: "Font Awesome 5 Free";
     content: "\f00c";
     font-size: 13px;
     position: absolute;
     top:0;
     left: 4px;
     z-index:20;
}
 .fuzone {
     position: relative;
     border: 1px solid #eee;
     border-radius: 3px;
     background: #F7F9FB;
     transition: all 0.3s linear;
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
     min-height:160px;
     margin-top:0px;
     float:left;
     cursor:pointer;
}
 .fuzone input {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     opacity:0;
     z-index:100;
     cursor:pointer;
}
 .fuzone .fu-text {
     text-align: center;
     margin: 50px 0;
     font-size: 12px;
     color: #999;
     font-weight:400;
     position: relative;
}
 .fuzone .fu-text i {
     font-size:44px;
     width:100%;
     padding-bottom:10px;
     transition: all 0.3s linear;
     color:#666;
}
 .book-form .quantity-item label {
     width:auto;
     position:relative;
     top:16px;
     padding-right:10px;
     color: #878C9F;
     font-size: 10px;
     font-weight: 600;
     text-transform: uppercase;
}
 .book-form .quantity-item label i {
     position:relative;
     float:left;
     top:0;
     left:0;
     padding-right:8px;
}
 .book-form .quantity {
     float:right;
}
 .book-form .quantity-item {
     margin-bottom:20px;
     float:left;
     width:50%;
}
 .book-form .quantity-item.fcit {
     padding-left:20px;
}
 .book-form .btnaplly {
     color:#fff;
     width:100%;
     background:#F8BB11;
     padding:15px 0;
     border-radius:4px;
}
 .book-form .btnaplly i {
     padding-left:10px;
}
 .total-coast {
     padding:15px 0;
     border-top:1px solid #eee;
     border-bottom:1px solid #eee;
     margin-bottom:20px;
}
 .total-coast strong {
     color: #878C9F;
     font-size: 12px;
     font-weight: 600;
     position: absolute;
     left:0;
     top:21px;
}
 .total-coast span {
     float:right;
     text-align:right;
     font-size:19px;
     font-weight:400;
     position:relative;
     top:3px;
}
 .custom-form .total-coast input {
     width: inherit !important;
     float:left;
     border:none;
     background:none;
     height:auto;
     padding:0;
     color: #888DA0;
     font-size:24px;
     text-align:right;
     margin-bottom:0;
     top:-3px;
     position:relative;
     right:10px;
}
 .hid-input {
     display:none;
}
 .book-form .bookdate-container label i {
     top:42px;
}
 .book-form .bookdate-container input {
     padding-left:42px;
}
 .book-form .listsearch-input-item label , .book-form .bookdate-container label {
     margin-bottom:12px;
}
 .bookdate-container-dayscounter {
     position:absolute;
     right:10px;
     bottom:32px;
     z-index:20;
     cursor:help;
}
 .bookdate-container-dayscounter span{
     color:#fff;
     position:absolute;
     right:-10px;
     top:-40px;
     border-radius: 4px;
     background: #346cb0;
     height: 30px;
     line-height: 30px;
     min-width: 100px;
     font-size:11px;
     opacity:0;
     visibility:hidden;
}
 .bookdate-container-dayscounter:hover span {
     opacity:1;
     visibility:visible;
}
 .onoffswitch {
     position: relative;
     width: 83px;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select: none;
}
 .onoffswitch-checkbox {
     display: none;
}
 .onoffswitch-label {
     display: block;
     overflow: hidden;
     cursor: pointer;
     border: 2px solid #FFFFFF;
     border-radius: 20px;
}
 .onoffswitch-inner {
     display: block;
     width: 200%;
     margin-left: -100%;
     transition: margin 0.3s ease-in 0s;
}
 .onoffswitch-inner:before, .onoffswitch-inner:after {
     display: block;
     float: left;
     width: 50%;
     height: 30px;
     padding: 0;
     line-height: 30px;
     font-size: 14px;
     color: white;
     font-family: Trebuchet, Arial, sans-serif;
     font-weight: bold;
     box-sizing: border-box;
}
 .onoffswitch-inner:before {
     content: "ON";
     padding-left: 21px;
     background-color: #4DB7FE;
     color: #FFFFFF;
}
 .onoffswitch-inner:after {
     content: "OFF";
     padding-right: 21px;
     background-color: #4DB7FE;
     color: #FFFFFF;
     text-align: right;
}
 .onoffswitch-switch {
     display: block;
     width: 21px;
     margin: 4.5px;
     background: #FFFFFF;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 49px;
     border: 2px solid #FFFFFF;
     border-radius: 20px;
     transition: all 0.3s ease-in 0s;
}
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
     margin-left: 0;
}
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
     right: 0px;
}
 .main-register .custom-form input[type="text"] , .main-register .custom-form input[type=email] , .main-register .custom-form input[type=password]{
     padding-left:20px;
}
/*-------------Map---------------------------------------*/
 .map-container {
     float:left;
     width:100%;
     position:relative;
     overflow:hidden;
}
 .fw-map {
     height:500px;
}
 .fw-map.big_map {
     height:550px;
}
 .fw-map2 #singleMap , .fw-map2{
     height:500px;
}
 .hidden-map-container {
     display:none;
     background:#fff;
     overflow:hidden;
}
 #singleMap , .fw-map-small-map {
     height:420px;
     margin-bottom:30px;
}
 .hidden-map-container #singleMap {
     height:500px;
     margin-bottom:15px;
}
 .map-container.column-map.right-pos-map {
     right:0;
}
 .map-container.column-map.left-pos-map {
     left:0;
}
 .map-container #map-main{
     position: absolute;
     top:0;
     left:0;
     height: 100%;
     width:100%;
     z-index: 990;
     overflow:hidden;
}
 .map-container.column-map {
     width:calc(100% - 900px);
     position: absolute;
     overflow:hidden;
}
 .map-close {
     position:absolute;
     left:365px;
     top:10px;
     z-index: 1100;
     cursor: pointer;
     width: 43px;
     height: 43px;
     line-height: 43px;
     border-radius:4px;
     -webkit-transform: translate3d(0,0,0);
     display:none;
     background: #fff;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
 .controls-mapwn {
     position:absolute;
     background: #fff url(../images/search-icon.png) right no-repeat;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
     width:350px;
     z-index:1000;
     border:none;
     padding:20px;
     border-radius:4px;
}
 .controls {
     margin: 10px 0 0 10px;
}
 #singleMap {
     width:100%;
     position: ;
     height:300px;
     float:left;
     margin-bottom:30px;
}
 .box-widget #singleMap {
     margin-bottom:10px;
}
 .mapzoom-in , .mapzoom-out{
     position: absolute;
     z-index:100;
     top:50%;
     cursor:pointer;
     width:40px;
     height:40px;
     line-height:40px;
     right:12px;
     margin-top:-84px;
     -webkit-transform: translate3d(0,0,0);
     background: #fff;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
 .mapzoom-out {
     margin-top:-42px;
     border-bottom-left-radius:8px;
     border-bottom-right-radius:8px;
}
 .mapzoom-in{
     border-top-left-radius:8px;
     border-top-right-radius:8px;
}
 #singleMap .mapzoom-in , #singleMap .mapzoom-out {
     margin-top:0;
}
 #singleMap .mapzoom-in {
     margin-top:-42px;
}
 .mapzoom-in:before , .mapzoom-out:before{
     font-family: "Font Awesome 5 Free";
     content: "\f068";
     font-size:10px;
     font-weight:600;
}
 .mapzoom-in:before{
     content: "\f067";
}
 .mapnavigation {
     position:absolute;
     bottom:50px;
     right:20px;
     z-index:1030;
     width:140px;
     border-radius:4px;
     box-shadow:0px 0px 0px 4px rgba(255,255,255,0.3);
     overflow:hidden;
}
 .mapnavigation:before {
     content:'';
     position:absolute;
     left:50%;
     width:1px;
     height:100%;
     z-index:10;
     background:#000;
     opacity:0.2;
}
 .mapnavigation a {
     width:70px;
     padding:10px 0;
     color:#fff;
     float:left;
     font-size:11px;
     background: #346cb0;
}
 .mapnavigation a i {
     padding:0 5px;
     font-size:13px;
     position:relative;
     top:1px;
}
 .mapnavigation a:hover i {
     color:#fff;
}
 .cluster img{
     display:none
}
 .cluster{
     width:40px!important;
     height:40px!important;
}
 .cluster div{
     text-align:center;
     font-size:15px!important;
     color:#fff!important;
     font-weight:600;
     border-radius:100%;
     width:40px!important;
     height:40px!important;
     line-height:38px!important;
     box-shadow: 0px 0px 0px 4px rgba(6,27,65,0.3);
     border:2px solid #fff;
     z-index:100;
     -webkit-transition: all 300ms linear;
     transition: all 100ms 3inear;
     animation:cluster-animation 1.5s infinite;
}
 .cluster div:hover {
     background:#5d6275;
}
 @keyframes cluster-animation{
    0%,100%{
        box-shadow: 0px 0px 0px 4px rgba(6,27,65,0.3);
    }
    50%{
        box-shadow: 0px 0px 0px 9px rgba(6,27,65,0.1);
    }
}
 .map-view-wrap {
     position: absolute;
     z-index:211;
     left:0;
     width:100%;
     height:1px;
     top:0;
}
 .map-view-wrap_item {
     position:relative;
     float:left;
     width:350px;
     border-radius:6px;
     background:#fff;
     padding:25px 30px;
     top:80px;
}
 .map-view-wrap .container {
     height:1px;
}
 .mar-top {
     margin-top:30px !important;
}
 .top50 {
     top:50px !important;
}
/*------listing------------------------------------------------*/
 .grey-blue-bg {
     background: #ECF6F8;
}
 .col-list-wrap {
     position:relative;
     width:900px;
     float:left;
     background:#ECF6F8;
     min-height: 100vh;
     z-index:50;
     left:0;
     box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.17);
     transition: all .2s ease-in-out;
     padding-bottom:40px;
}
 .fw-col-list-wrap {
     width:100% !important;
     box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.27);
     background:none;
     padding-bottom:0;
}
 .fw-col-list-wrap .list-main-wrap-opt {
     padding:0 8px;
     margin-top:0;
}
 .fh-col-list-wrap , .center-col-list-wrap {
     width:100%;
}
 .filter-sidebar {
     padding:25px 30px;
     border-radius:10px;
     background:#fff;
     border:1px solid #eee;
     z-index:120;
}
 .filter-sidebar .col-list-search-input-item {
     margin-bottom:25px;
}
 .filter-sidebar .col-list-search-input-item:last-child {
     margin-bottom:0;
}
 .filter-sidebar .col-list-search-input-item label {
     margin-bottom:15px;
}
 .filter-sidebar .col-list-search-input-item .filter-tags label {
     margin-bottom:0;
}
 .filter-sidebar .col-list-search-input-item .header-search-button{
     top:0;
     left:0;
}
 .list-wrap-search {
     padding:25px 0;
     background:#fff;
     z-index:60;
     margin-bottom:10px;
}
 .list-wrap-search.lisfw {
     margin-bottom:50px;
     border-radius:10px;
}
 .search-opt-wrap {
     margin-top:20px;
}
 .range-slider-wrap {
     margin-top:6px;
}
 .search-opt-container .filter-tags li{
     float:left;
     width:100%;
     margin-bottom:10px;
     text-align:left;
     font-size:11px;
}
 .filter-tags .listing-rating i{
     padding-right:3px;
     font-size:10px;
}
 .four-star-rating .listing-rating i:nth-child(5) , .three-star-rating .listing-rating i:nth-child(4) , .three-star-rating .listing-rating i:nth-child(5) {
     color:#ccc;
}
 .filter-tags .listing-rating span {
     color:#999;
     padding-left:6px;
}
 .leave-rating-title {
     margin-right:10px;
     font-weight:500;
     font-size:14px;
     color:#666;
     position:relative;
     top:-3px;
}
 .leave-rating input[type="radio"] {
     display: none;
}
 .leave-rating label {
     font-size: 12px;
     float: right;
     letter-spacing: 4px;
     color: #FACC39;
     cursor: pointer;
     transition: 0.3s;
}
 .leave-rating-holder .leave-rating {
     float:left;
     margin-top:6px;
}
 .leave-rating label:hover:before , .leave-rating label.selected:before , .leave-rating label.min-star:before {
     font-weight:bold;
}
 .leave-rating:hover input[type="radio"]:checked~label:before , .leave-rating input[type="radio"]:checked~label:before , .leave-rating label:hover~label:before{
     font-weight:bold;
}
 .hidden-listing-filter {
     padding:25px 20px 0;
     margin-top:25px;
     border-top:1px solid #eee;
     display:none;
}
 .hidden-listing-filter-vis {
     opacity:1
}
 .hidden-listing-filter h4 {
     float: left;
     width: 100%;
     text-align: left;
     margin-bottom: 15px;
     color: #878C9F;
     font-size: 10px;
     font-weight: 600;
     text-transform: uppercase;
}
 .show-more-filters {
     position: absolute;
     right:0;
     bottom:-53px;
     text-align:left;
     cursor:pointer;
     padding:8px 17px;
     color:#fff;
     border-bottom-left-radius:4px;
     border-bottom-right-radius:4px;
     font-size:11px;
     font-weight:600;
     z-index:20;
     transition: all .2s ease-in-out;
}
 .show-more-filters i {
     padding-right:10px;
     font-size:9px;
     position:relative;
     top:0;
     font-weight:600;
}
 .show-more-filters.active-hidden-opt-btn i {
     padding-right:10px;
     top:3px;
     color:#fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .list-main-wrap-title {
     padding:20px 0;
     margin-top:10px;
     border-bottom:1px solid #e3e3e3;
}
 .list-main-wrap-title.single-main-wrap-title {
     margin-top:0;
     padding-top:0;
     margin-bottom:40px;
     border-bottom:1px solid #eee;
}
 .fw-col-list-wrap .list-main-wrap-opt .list-main-wrap-title {
     padding:0 0 10px 0;
     margin-top:0;
     margin-bottom:10px;
}
 .list-main-wrap-title h2 {
     text-align:left;
     font-weight: 500;
     font-size: 18px;
     float:left;
     font-family: 'Montserrat', sans-serif;
     color: #888DA0;
}
 .list-main-wrap-opt {
     margin-top:20px;
}
 .fw-col-list-wrap .list-main-wrap-opt .list-main-wrap-title.col-title {
     margin-bottom:20px;
}
 .list-main-wrap-opt-sb {
     margin-top:0;
}
 .half-tags {
     width:50%;
}
 .price-opt , .price-opt ul , .price-opt-title , .price-opt ul li{
     float:left;
}
 .price-opt {
     position:relative;
     top:10px;
}
 .price-opt-title {
     color:#666;
     font-size: 11px;
     text-transform: uppercase;
     font-weight: 700;
     float:left;
}
 .price-opt .listsearch-input-item {
     float:left;
     margin-left:20px;
     position:relative;
     top:-15px;
     width:200px;
}
 .price-opt .listsearch-input-item .nice-select {
     background:#fff;
     width:100%;
}
 .grid-opt {
     float:right;
}
 .grid-opt li {
     float:left;
     margin-left:10px;
}
 .grid-opt li span {
     float:left;
     font-size:14px;
     font-weight:900;
     color:#ccc;
     background:#fff;
     width:36px;
     height:36px;
     border-radius:100%;
     border:1px solid #eee;
     line-height:36px;
     cursor:pointer;
}
 .listing-item-container {
     margin-top:20px;
     overflow: hidden;
}
 .listing-item {
     float:left;
     width:50%;
     padding:0 8px 0 0;
     margin-bottom:12px;
     position:relative;
}
 .listing-item:nth-child(even) {
     padding:0 0 0 8px;
}
 .three-columns-grid .listing-item {
     width:33.3%;
     padding:0 8px !important;
}
 .listing-item.has_one_column , .slick-slide-item .listing-item {
     width:100%;
}
 .listing-item.has_one_column {
     padding:0!important;
}
 .listing-item.has_one_column .geodir-category-listing {
     padding-left:13px !important;
}
 .listing-item.has_one_column .geodir-category-img {
     width:40%;
     border-radius: 10px;
     top:12px;
}
 .listing-item.has_one_column .hotel-card .geodir-category-img {
     width:100%;
     border-radius: 10px;
     top:0;
}
 .three-columns-grid .listing-item.has_one_column .geodir-category-listing {
     padding-left:0 !important;
}
 .three-columns-grid .listing-item.has_one_column .geodir-category-img {
     top:0px;
}
 .listing-item.has_one_column .geodir-category-content {
     width:60%;
}
 .slick-slide-item .listing-item {
     padding:0 10px;
     margin-bottom:0;
}
 .geodir-category-listing {
     border-radius:10px;
     background:#fff;
     border:1px solid #eee;
     min-height:225px;
}
 .geodir-category-content {
     padding:20px;
     z-index:2;
}
 .geodir-category-img {
     float:left;
     width:100%;
     position:relative;
     overflow:hidden;
     z-index:1;
     border-radius:10px 10px 0 0;
}
 .geodir-category-img .listing-counter {
     top:20px;
     left:20px;
}
 .geodir-category-img .listing-counter strong {
     padding-left:4px;
}
.geodir-category-img img{
    max-height:200px;
    object-fit: cover;
}
 .geodir-category-img img , .gallery-item img{
     width:100%;
     height:auto;
     -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.latestSale .geodir-category-img img{
    max-height: 200px;
}
.latestSale .geodir-category-location{
    top: 15px;
}
 .geodir-category-img:hover img , .gallery-item:hover img{
     -webkit-transform: scale(1.15);
     -moz-transform:scale(1.15);
     transform: scale(1.15);
}
 .listing-avatar {
     position:absolute;
     top:20px;
     left:20px;
     z-index:4;
}
 .listing-avatar img {
     width:34px;
     height:34px;
     border-radius:100%;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}
 .avatar-tooltip {
     position:absolute;
     top:2px;
     margin-top:20px;
     opacity:0;
     left:100%;
     margin-left:20px;
     min-width:150px;
     visibility: hidden;
     padding:9px 0;
     border-radius:4px;
     background: #346cb0;
     color:#fff;
     font-size:11px;
     font-weight:600;
     text-align: center;
     transition: all .2s ease-in-out;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}
 .listing-avatar:hover .avatar-tooltip {
     margin-top:0;
     opacity:1;
     visibility:visible;
}
 .geodir-category-content p {
     text-align:left;
     font-size:12px;
     color:#999;
}
 .geodir-category-content h3 , .cart-details_text .geodir-category-content-title-item h3 {
     float:left;
     text-align:left;
     font-weight:600;
     font-size:14px;
     margin-bottom:10px;
     margin-right: 15px;
}
 .geodir-category-content h3 a{
     color: #46A5DC;
}
 .geodir-category-content-tags {
     margin-top:10px;
}
 .category-name {
     float:left;
     margin-right:10px;
     position:relative;
     color:#999;
     top:-2px;
     border-radius:2px;
     background:#eee;
     padding: 4px 14px;
}
 .geodir-category-opt {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     z-index:3;
     padding:10px 20px;
     cursor:pointer;
}
 .geodir-category-opt h4 {
     float:left;
     width:100%;
     text-align:left;
     font-size:16px;
     font-weight:600;
     margin-bottom:1px;
}
 .geodir-category-opt h4 a{
     color:#fff;
}
 .geodir-category-opt .listing-rating{
     float:left;
     position:relative;
     top:10px;
}
 .geodir-category-opt .listing-rating i {
     font-size:10px;
     margin-right:4px;
}
 .geodir-category-opt .rate-class-name{
     float:right;
     position:relative;
     top:-6px;
}
 .geodir-category-opt .rate-class-name .score {
     float:left;
     color: #fff;
     margin-right:10px;
     font-size:11px;
}
 .geodir-category-opt .rate-class-name .score strong {
     display:block;
     text-align:right;
     margin:5px 0 2px;
     font-style:normal;
     color:#fff;
     font-size:13px;
     font-family: 'Montserrat', sans-serif;
     font-weight:500;
}
 .geodir-category-opt .rate-class-name span {
     background: #346cb0;
     color:#fff;
     float:left;
     font-weight:600;
     border-radius: 5px 5px 5px 0;
     padding: 12px;
     box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.2);
}
 .geodir-category-content-title {
     margin-bottom:10px;
     border-bottom:1px dotted #ccc;
}
 .geodir-category-content-title:before {
     font-family: "Font Awesome 5 Free";
     content: "\f59f";
     position:absolute;
     color:#ccc;
     top:0;
     right:0;
     font-size:25px;
     font-weight:900;
     z-index:-1;
     opacity:0.5;
}
 .geodir-category-content-title-item {
     float:left;
     width:100%;
     position:relative;
     z-index:1;
}
 .facilities-list {
     margin:12px 0 12px;
     list-style:none;
}
 .facilities-list li {
     float:left;
     margin-right:14px;
     cursor:pointer;
     position:relative;
}
 .facilities-list li i {
     color:#ADC7DD;
     font-size:16px;
}
 .facilities-list li i:hover {
     font-weight:800;
}
 .facilities-list li span {
     position:absolute;
     opacity:0;
     left:-20px;
     top:-34px;
     height:26px;
     line-height:26px;
     min-width:90px;
     color:#fff;
     font-size:11px;
     visibility: hidden;
     border-radius:4px;
     text-align:center;
     background: #346cb0;
}
 .facilities-list li:hover span {
     visibility:visible;
     opacity:1;
}
.text-white{
  color:#fff;
}
 .geodir-category-footer{
     margin:4px 0 0 0;
     padding:18px 130px 0 0;
}
 .geodir-category-price {
     float:left;
     font-size:11px;
     color:#999;
     font-weight:600;
     background: #F7F9FB;
     padding:9px 12px;
     border-radius:4px;
     border:1px dotted #e4e4e4;
     text-transform:uppercase;
}
 .geodir-category-price span{
     font-weight:600;
     margin-top:6px;
     font-size:13px;
     color:#5ECFB1;
}
 .geodir-category-location a{
     float:left;
     text-align:left;
     color:#999;
     font-weight:600;
     font-size:11px;
     min-height:20px;
}
 .geodir-category-location a i {
     padding-right:6px;
}
 .geodir-title-h{
     min-height:35px;
}
 .geodir-opt-list {
     position:absolute;
     right:25px;
     width:130px;
     top:-5px;
     text-align:center;
}
 .geodir-opt-list a {
     float:right;
     width:36px;
     height:36px;
     margin-left:5px;
     background: #ECF6F8;
     line-height:40px;
     position:relative;
     color:#999;
     border-radius:4px;
     font-size:15px;
}
 .geodir-opt-list a:hover i , .show-search-button:hover i{
     transition: all .2s ease-in-out;
     animation: bounce 1s;
     color:#fff;
}
 @keyframes bounce {
     0%, 20%, 60%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
    }
     80% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
}
 .geodir-opt-link {
     padding-right:6px;
}
 .geodir-opt-link a {
     float:left;
     height:36px;
     line-height:36px;
     color: #fff;
     background: #ECF6F8;
     width:100%;
     font-weight:500;
     border-radius:4px;
     text-align:left;
     padding-left:20px;
}
 .geodir-opt-link a:hover{
     background: #346cb0;
}
 .geodir-opt-link a i {
     position:absolute;
     right:0;
     width:40px;
     height:36px;
     line-height:36px;
     top:0;
     font-size:8px;
     border-left: 1px solid rgba(255,255,255,0.21);
     text-align: center;
}
 .geodir-opt-link a:hover {
     color:#fff;
}
 .geodir-opt-tooltip {
     position:absolute;
     opacity:0;
     right:0;
     top:-40px;
     height:30px;
     line-height:30px;
     min-width:100px;
     margin-left:-75px;
     color:#fff;
     font-size:11px;
     visibility: hidden;
     border-radius:4px;
}
 .geodir-opt-tooltip strong {
     color:#fff;
     padding-left:6px;
}
 .geodir-opt-list a:hover .geodir-opt-tooltip {
     opacity:1;
     visibility:visible;
}
 .sale-window {
     position:absolute;
     right:20px;
     top:20px;
     z-index:3;
     background:#5ECFB1;
     padding:8px 18px;
     border-top-right-radius:4px;
     border-bottom-right-radius:4px;
     font-size:11px;
     color:#fff;
     -webkit-transform: translate3d(0,0,0);
}
 .sale-window:before , .sale-window:after {
     content: '';
     position:absolute;
     width: 0;
     height: 0;
     left:0;
}
 .sale-window:after {
     border-bottom: 14px solid #5ECFB1;
     border-left: 16px solid transparent;
     margin-left: -16px;
     margin-top: 6px;
}
 .sale-window:before {
     border-top: 14px solid #5ECFB1;
     border-left: 16px solid transparent;
     margin-left: -16px;
     margin-top: -8px;
}
 .sale-window.big-sale:after {
     border-bottom: 14px solid #3AACED;
}
 .sale-window.big-sale:before {
     border-top: 14px solid #3AACED;
}
 .sale-window.big-sale {
     background:#3AACED;
}
 .map-popup-wrap {
     display:block;
     width:300px !important;
     position:relative;
}
 .map-popup {
     display:block;
     width:100%;
     position:relative;
     overflow:hidden;
     border-radius:10px;
     background:#fff;
     box-shadow: 0 9px 16px rgba(58, 87, 135, 0.15);
}
 .map-popup-wrap:before {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     margin-top:-1px;
     z-index:20;
}
 .map-popup-wrap:before {
     border-color: transparent;
     border-top-color: #fff;
     border-width: 15px;
     margin-left: -15px;
}
 .map-popup img {
     width: 200px;
     height:auto;
}
 .listing-content {
     background:#fff;
     padding:20px 20px;
     z-index:20;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
}
 .listing-content:before {
     font-family: "Font Awesome 5 Free";
     content: "\f35d";
     position:absolute;
     color:#ccc;
     top:20px;
     right:20px;
     font-size:25px;
     font-weight:900;
     z-index:-1;
     opacity:0.5;
}
 .listing-title h4 {
     font-size:16px;
     text-align:left;
     font-weight:500;
}
 .map-popup-location-price {
     position:absolute;
     left:10px;
     bottom:-10px;
     padding:3px;
     font-size:11px;
     z-index:200;
     font-weight:700;
     border-radius:4px;
     overflow:hidden;
}
 .map-popup-location-price strong {
     color:#fff;
     float:left;
     width:100%;
     margin-bottom:4px;
     font-size:11px;
     font-weight:400;
}
 .map-popup-location-info {
     float:left;
     width:100%;
     margin-top:10px;
     color: #878C9F;
     font-weight: 500;
     font-size: 12px;
     text-align:left;
}
 .map-popup-location-info i{
     padding-right:6px;
}
 .map-card-rainting {
     position:absolute;
     left:0;
     width:100%;
     top:-40px;
     padding:15px 20px;
     z-index:2;
}
 .map-popup-location-price:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     background: #061B41;
     opacity: 0.5;
}
 .map-card-rainting i {
     float:left;
     margin-right:4px;
}
 .infoBox-close {
     position:absolute;
     width:36px;
     height:36px;
     line-height:36px;
     top:30px;
     right:20px;
     color:#fff;
     border-radius:6px;
     z-index:20;
     cursor:pointer;
     -webkit-transition: all 300ms;
     transition: all 300ms;
}
 .infoBox-close:hover , .header-search-button:hover i , .contact-btn:hover i , .header-sec-link a:hover i{
     animation: bounce 1s;
}
 .pagination {
     margin-top:30px;
     text-align:center;
     float:left;
     width:100%;
}
 .pagination a {
     display:inline-block;
     width:44px;
     height:44px;
     line-height:44px;
     border-radius:6px;
     border:1px solid #eee;
     box-sizing:border-box;
     position:relative;
     font-size:13px;
     color:#888DA0;
     background:#fff;
     letter-spacing:1px;
}
 .pagination a.current-page, .pagination a:hover {
     color:#fff;
}
 .pagination a i {
     font-size:12px;
}
 .back-to-filters {
     position:absolute;
     right:-40px;
     width:40px;
     height:40px;
     top:15px;
     font-size:14px;
     color:#fff;
     line-height:40px;
     z-index:-1;
     background: #346cb0;
     border-top-right-radius:6px;
     border-bottom-right-radius:6px;
}
 .back-to-filters span {
     visibility:visible;
     position:absolute;
     height:40px;
     min-width:150px;
     line-height:40px;
     visibility:hidden;
     opacity:0;
     top:0;
     font-size:12px;
     left:-150px;
     margin-top:20px;
     -webkit-transition: all 300ms;
     transition: all 300ms;
     font-weight:500;
     border-top-left-radius:6px;
     border-bottom-left-radius:6px;
     background: #346cb0;
}
 .back-to-filters:hover span {
     margin-top:0;
     visibility:visible;
     opacity:1;
}
 .back-to-filters:hover i , .wishlist-link:hover i{
     animation: bounce 1s;
}
 .slideshow-container {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:110%;
     z-index:1;
}
 .slideshow-item , .slideshow-container .slick-slide{
     position:relative;
     float:left;
     width:100%;
     height:100%;
}
 .slick-dots {
     position:absolute;
     bottom:120px;
     width:100%;
     left:0;
     z-index:100;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 3px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 6px;
     height: 6px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: rgba(255,255,255,0.41);
     border-radius:100%;
}
 .map-modal-wrap {
     position:fixed;
     top:0;
     left:0;
     bottom:0;
     right:0;
     z-index:1000;
     display: none;
     overflow:auto;
     -webkit-transform: translate3d(0,0,0);
}
 .map-modal-wrap-overlay {
     position:fixed;
     top:0;
     left:0;
     top:0;
     left:0;
     bottom:0;
     right:0;
     z-index:1;
     background: rgba(0,0,0,0.41);
     -webkit-transform: translate3d(0,0,0);
}
 .map-modal-item {
     position:relative;
     max-width:650px;
     margin:0 auto;
     top:25%;
     z-index:2;
}
 .map-modal-container{
     padding:0;
     background:#fff;
     border-radius:10px;
     overflow:hidden;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
 .map-modal-container h3 {
     float:left;
     text-align:left;
     font-size:15px;
     font-weight:600;
     margin:25px 0;
     color:#666;
     padding-left:30px;
}
 .map-modal-container h3 i {
     padding-right:10px;
}
 .map-modal #singleMap {
     margin-bottom:0;
}
 .map-modal-close {
     position:absolute;
     right:30px;
     bottom:16px;
     width:36px;
     height:36px;
     line-height:38px;
     border-radius:4px;
     color:#fff;
     z-index:10;
     cursor:pointer;
}
 .list-single-hero {
     padding:250px 0 0;
     overflow:hidden;
}
 .list-single-hero-title {
     z-index:2;
     padding:40px 0 30px;
}
 .list-single-hero-title , .map-card-rainting , .geodir-category-opt , .listing-item-cat , .ajax-modal-title {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,27,65,0)), color-stop(100%,rgba(6,27,65,0.95)));
     background: -webkit-linear-gradient(top, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
     background: -o-linear-gradient(top, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
     background: -ms-linear-gradient(top, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
     background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgba(6,27,65,0.95) 100%);
}
 .list-single-hero-title h2 {
     text-align:left;
     float:left;
     width:100%;
     z-index:2;
     color:#fff;
     font-size:44px;
     font-weight: 600;
     position:relative;
     font-family: 'Montserrat', sans-serif;
}
 .list-single-hero-title h2:before {
     content:'';
     position:absolute;
     left:0;
     bottom:-20px;
     width:40px;
     height:4px;
     border-radius:4px;
}
 .listing-rating-wrap{
     float:left;
     margin-bottom:10px;
}
 .list-single-hero-title .listing-rating i {
     font-size: 15px;
     margin-right: 4px;
}
 .listing-rating-wrap .listing-rating , .listing-rating-wrap span {
     float:left;
}
 .listing-rating-wrap span {
     color:#fff;
     padding-right:20px;
     font-size:13px;
     font-weight:600
}
 .list-single-header-contacts {
     margin-top:40px;
}
 .list-single-header-contacts li{
     float:left;
     margin-right:18px;
}
 .list-single-header-contacts li a {
     color:#fff;
     font-size:12px;
}
 .list-single-header-contacts li i {
     padding-right:10px;
}
 .list-single-hero-details {
     margin-top:6px;
}
 .list-single-hero-rating {
     float:right;
     position:relative;
     z-index:1;
}
 .list-single-hero-rating .rate-class-name {
     float:right;
     cursor:pointer;
}
 .list-single-hero-rating .rate-class-name span {
     background: #346cb0;
     color: #fff;
     float: left;
     font-weight: 600;
     border-radius: 7px 7px 7px 0;
     padding: 22px;
     font-size:24px;
     border: 1px solid rgba(34,34,48,.12);
     text-shadow: 0px 2px 5px rgba(34,34,48,.12);
}
 .list-single-hero-rating .score {
     float:left;
     color:#fff;
     text-align:right;
     padding-right:15px;
     margin-top:20px;
}
 .list-single-hero-rating .score strong {
     width:100%;
     float:left;
     padding-bottom:4px;
}
 .list-single-hero-rating-list {
     position:absolute;
     bottom:100%;
     margin-bottom:20px;
     right:0;
     z-index:10;
     background:rgba(6,27,65,0.45);
     padding:15px;
     overflow:hidden;
     border-radius:4px;
     transition: all .2s ease-in-out;
     visibility:hidden;
     opacity:0;
}
 .list-single-hero-rating:hover .list-single-hero-rating-list {
     visibility: visible;
     opacity:1;
     margin-bottom:10px;
}
 .list-single-hero-rating-list .rate-item {
     margin-bottom:10px;
}
 .flat-hero-container {
     background:#fff;
     padding: 25px 30px 30px;
     border-radius:4px;
}
 .flat-hero-container .listing-rating-wrap{
     margin:0;
     top:11px;
     position:relative;
}
 .flat-hero-container .box-widget-item-header {
     margin-bottom:10px;
     padding-bottom:30px;
}
 .flat-hero-container .box-widget-item-header h3 {
     font-size:18px;
}
 .flat-hero-container .list-single-hero-price , .list-single-hero-header .list-single-hero-price{
     color:#666;
     font-size:14px;
     margin-top:0;
     margin-bottom:15px;
     border-bottom:1px solid #eee;
     padding:5px 0 20px;
     text-align:left;
}
 .list-single-hero-header .list-single-hero-price {
     padding:25px 30px;
     margin-bottom:0;
     border:none;
     background: #ECF6F8;
     color: #999;
     border-radius: 4px;
     text-transform: uppercase;
     font-size: 11px;
}
 .list-single-hero-header .list-single-hero-price span {
     padding-left:50px;
}
 .flat-hero-container .list-single-hero-price:before , .list-single-hero-header .list-single-hero-price:before{
     font-family: "Font Awesome 5 Free";
     content: "\f4c0";
     position: absolute;
     color: #ccc;
     top: 1px;
     font-size: 35px;
     right: 0px;
     opacity: 0.4;
     font-weight: 500;
}
 .list-single-hero-header .list-single-hero-price:before {
     top: 1px;
     font-size: 55px;
}
 .list-single-hero-header .geodir-category-location{
     margin-top:15px;
}
 .flat-hero-container .review-score-detail {
     width:100%;
     padding:0;
}
 .flat-hero-container .rate-class-name-wrap {
     margin-bottom:20px;
     border-bottom:1px solid #eee;
     padding:0px 0 20px;
}
 .flat-hero-container .rate-class-name-wrap a {
     float:right;
     width:40%;
     padding:14px 0;
     border-radius:4px;
     font-size:11px;
     position:relative;
     top:18px;
     color: #fff;
     font-weight:400;
}
 .flat-hero-container .rate-class-name-wrap a i {
     padding-left:10px;
}
 .flat-hero-container .rate-class-name {
     float:left;
     width:60%;
}
 .flat-hero-container .rate-class-name span {
     background: #346cb0;
     color: #fff;
     float: left;
     font-weight: 600;
     border-radius: 7px 7px 7px 0;
     padding: 22px;
     font-size: 24px;
     border: 1px solid rgba(34,34,48,.12);
     text-shadow: 0px 2px 5px rgba(34,34,48,.12);
     margin-right:10px;
}
 .flat-hero-container .rate-class-name .score {
     text-align:left;
     padding-left:18px;
     color:#666;
     font-size:12px;
}
 .flat-hero-container .rate-class-name .score strong{
     display:block;
     padding:18px 0 6px 0;
}
 .flat-hero-container .reviews-score-wrap{
     padding: 0 0 15px;
     margin-bottom:10px;
}
 .review-score-detail-list .rate-item {
     margin-bottom:11px;
}
 .rate-item-title {
     margin-bottom:6px;
     text-align:left;
     color:#fff;
     font-size:12px;
}
 .review-score-detail-list .rate-item-title , .review-score-detail-list .rate-item-percent {
     color:#666;
}
 .rate-item-bg {
     height:6px;
     background:#fff;
     border-radius:8px;
     float:left;
     width:calc(100% - 30px);
     overflow:hidden;
}
 .review-score-detail-list .rate-item-bg {
     background:#eee;
     height:10px;
}
 .rate-item-line {
     float:left;
     height:6px;
     border-radius:4px;
}
 .review-score-detail-list .rate-item-line{
     height:10px;
}
 .rate-item-percent {
     position:absolute;
     top:14px;
     right:0;
     color:#fff;
}
 .list-single-hero-links {
     float:right;
     position:relative;
     top:80px;
}
 .lisd-link {
     float:left;
     margin-left:10px;
     padding:10px 20px;
     border:1px dashed rgba(255,255,255, 0.21);
     background:rgba(255,255,255, 0.11);
     color:#fff;
     border-radius:4px;
     cursor:pointer;
     font-size:12px;
}
 .lisd-link i {
     padding-right:10px;
}
 .lisd-link:hover {
     border-color:transparent;
}
 .list-single-main-container {
     padding-left:60px;
}
 .list-single-main-item {
     padding:30px 30px;
     background:#fff;
     margin-bottom:20px;
     border-radius:4px;
     border:1px solid #f2f2f2;
}
 article .list-single-main-item , article.post-article .list-single-main-item:last-child{
     margin-bottom:0;
}
 article.post-article .list-single-main-item {
     margin-bottom:20px;
}
 .list-single-main-item-title h3{
     color: #183c7d;
     text-align: left;
     font-size: 18px;
     font-weight: 600;
}
 .list-single-main-item-title h3 a{
     color: #334e6f;
}
 .list-single-main-item-title {
     margin:0 0 25px 0;
     padding-bottom:25px;
     border-bottom:1px solid #eee;
}
 .list-single-hero-header .list-single-main-item-title {
     border-bottom:0;
     margin-bottom:0;
     padding-bottom:0;
}
 .list-single-main-item-title .listing-rating {
     float:left;
     margin-top:10px;
}
 .list-single-hero-header .list-single-main-item-title h3 {
     font-size:24px;
}
 .list-single-main-item-title:before {
     font-family: "Font Awesome 5 Free";
     content: "\f0d7";
     position: absolute;
     right: 0;
     top: 2px;
     color: #ADC7DD;
}
 .list-single-hero-header .list-single-main-item-title:before {
     display:none;
}
 .list-single-main-item-title.no-dec-title {
     border:none;
     margin-bottom:0;
     padding-bottom:15px;
}
 .list-single-main-item-title.no-dec-title:before {
     display:none;
}
 .list-single-main-item p {
     text-align:left;
     color:#878C9F;
}
 .listing-features li{
     float:left;
     width:33.3%;
     text-align:left;
     margin-bottom:15px;
     font-size:13px;
     color: #888DA0;
     font-weight: 600;
     position:relative;
     padding-left:30px;
}
 .listing-features li i {
     position:absolute;
     left:0;
     top:0;
}

.faq-features li{
  font-weight: normal;
    text-align:left;
    margin-bottom:15px;
    color: #888DA0;
    position:relative;
    padding-left:30px;
}
.faq-features li i {
    position:absolute;
    left:0;
    top:0;
}
 .tags-stylwrap a{
     float:left;
     padding:10px 25px;
     border-radius:2px;
     color: #888DA0;
     font-size: 12px;
     background: #ECF6F8;
     font-weight:500;
     margin-right:6px;
     margin-bottom: 6px;
}
 .tags-stylwrap.sb-tags a {
     color:#fff;
     margin-bottom:6px;
}
 .box-widget-item {
     margin-bottom:30px;
}
 .box-widget-item-header {
     padding: 0 0 20px;
     margin: 0 0 25px;
     float:left;
     width:100%;
     border-bottom: 1px solid #eee;
     position:relative;
}
.content-wysiwyg{
    display:block;
    text-align:left;
    color: #878C9F;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.content-wysiwyg li{
    font-weight: normal;
    text-align:left;
    margin-bottom:5px;
    position:relative;
    padding-left:20px;
}
.content-wysiwyg li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    color: #3AACED;
    font-style: normal;
    font-weight: normal;
    position:absolute;
    left:0;
    top:0;
}
 .box-widget-item-header:before {
     font-family: "Font Awesome 5 Free";
     content: "\f061";
     position:absolute;
     right:0;
     top:2px;
     color: #ADC7DD;
}
 .box-widget-item-header h3 {
     text-align: left;
     font-size: 16px;
     font-weight: 600;
     color: #183c7d;
}
 .box-widget-item-header h3 i {
     padding-right:12px;
     font-size:16px;
     color:#999;
}
 .box-widget {
     background:#fff;
     border-radius:4px;
     border:1px solid #eee;
     float:left;
     width:100%;
}
 .no-bor-rad {
     border-radius:0;
}
 .box-widget-content {
     float:left;
     width:100%;
     position:relative;
     padding:25px 30px 30px;
}
 .box-widget-content.no-pad-bottom {
     padding-bottom:0;
}
 #weather-widget {
     float:left;
     width: 100%;
     border-radius:4px;
     overflow:hidden;
}
 .box-widget-list {
     display:block;
}
 .box-widget-list i {
     padding-right:10px;
}
 .box-widget-list li {
     border-bottom:1px solid #eee;
     padding-bottom:15px;
     margin-bottom:15px;
     color:#666;
     float:left;
     position:relative;
     width:100%;
     text-align:left;
     font-size:12px;
}
 .box-widget-list li span {
     min-width: 80px;
     float:left;
}
 .box-widget-list li a {
     color: #878C9F;
}
 .list-widget-social {
     float:left;
     margin-top:10px;
}
 .list-widget-social li{
     float:left;
     margin-right:10px;
}
 .list-widget-social li a {
     float:left;
     width:36px;
     height:36px;
     line-height:36px;
     border-radius:4px;
     color:#fff;
     font-size:12px;
     font-weight:300;
}
 .banner-wdget {
     overflow:hidden;
     border-radius:6px;
}
 .banner-wdget .overlay {
     opacity:0.3;
}
 .banner-wdget-content {
     padding:90px 30px 70px;
     z-index:10;
}
 .banner-wdget-content h4 {
     font-weight:500;
     color:#fff;
     font-size:18px;
}
 .banner-wdget-content h4 span{
     color:#5ECFB1;
     font-weight:400;
}
 .banner-wdget-content a {
     font-weight: 600;
     color:#fff;
     padding:12px 30px;
     display:inline-table;
     margin-top:15px;
     border-radius: 6px;
     cursor: pointer;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
 .banner-wdget-content a:hover{
     background: #24324F;
}
 .banner-wdget-content .countdown-item {
     width:25%;
     float:left;
     color:#fff;
}
 .banner-wdget-content .countdown-item p {
     font-size:10px;
     color:#fff;
}
 .banner-wdget-content .countdown-item span {
     font-size:24px;
     font-weight:700;
     font-style:italic;
}
 .banner-wdget-content .countdown {
     margin-top:15px;
}
 .list-single-main-media {
     overflow:hidden;
     margin-bottom:20px;
}
 .box-widget-author-title {
     border-bottom:1px solid #eee;
     margin-bottom:10px;
     padding:0 0 40px 80px;
}
 .box-widget-author-content {
     padding:10px 0 0;
     margin-bottom:10px;
     border-bottom:1px solid #eee;
}
 .box-widget-author-content p {
     text-align:left;
}
 .box-widget-author:before {
     font-family: "Font Awesome 5 Free";
     content: "\f4fc";
     position:absolute;
     color:#ccc;
     top:10px;
     font-size:35px;
     right:0px;
     opacity:0.4;
     font-weight:500;
}
 .box-widget-author-title a {
     float:left;
     text-align:left;
     color:#666;
     position:relative;
     font-size:14px;
     margin-top:10px;
     padding-bottom:6px;
}
 .box-widget-author-title span {
     float:left;
     width:100%;
     font-size:10px;
     text-align:left;
     color:#999;
     text-transform:uppercase;
}
 .box-widget-author-title-img {
     position:absolute;
     left:0;
     width:60px;
     top:0;
     height:100%;
}
 .box-widget-author-title-img img {
     width:60px;
     height:60px;
     border-radius:100%;
}
 .box-widget.widget-posts li {
     padding: 8px 0;
     margin-bottom:19px;
     border-bottom:1px solid #eee;
}
 .box-widget.widget-posts li:last-child {
     margin-bottom:0;
}
 .box-widget.widget-posts .widget-posts-img {
     float:left;
     width:28%;
}
 .box-widget.widget-posts .widget-posts-img img{
     border-radius:4px;
     width:100%;
     height:auto;
}
 .box-widget.widget-posts .widget-posts-descr{
     float:left;
     width:66%;
     margin-left:6%;
     text-align:left;
     padding:10px;
     background:#f9f9f9;
     border-radius:4px;
}
 .box-widget.widget-posts .widget-posts-descr a{
     font-size:13px;
     font-weight:500;
     padding-bottom:20px;
     color: #878C9F;
}
 .box-widget.widget-posts .widget-posts-date {
     float:left;
     width:100%;
     margin-top:14px;
     font-weight: 600;
     color: #999;
     font-size:11px;
}
 .box-widget.widget-posts .widget-posts-date i {
     padding-right:10px;
}
 .box-image-widget {
     float:left;
     width:100%;
     position:relative;
     margin-bottom:20px;
     padding-bottom:10px;
     border-bottom:1px solid #eee;
}
 .box-image-widget:last-child {
     margin-bottom:0;
}
 .box-image-widget-media {
     float:left;
     width:35%;
}
 .box-image-widget-media a{
     float:left;
     width:100%;
     margin-top:8px;
     padding:8px 0;
     color:#fff;
     border-radius:2px;
     font-size:11px;
}
 .box-image-widget-details {
     float:left;
     width:65%;
     padding-left:18px;
     text-align:left;
}
 .box-image-widget-details h4 {
     padding-bottom:6px;
     color:#666;
}
 .box-image-widget-details h4 span {
     color: #5ECFB1;
     font-size:11px;
     padding-left:20px;
}
 .box-image-widget-details p {
     font-size:12px;
}
 .box-image-widget-media img {
     width:100%;
     height:auto;
}
 .pricerange span{
     float:left;
     margin-right: 20px;
     color: #878C9F;
     font-weight:700;
}
 .pricerange {
     font-size:14px;
     text-align:left;
     font-weight:600;
     color: #5ECFB1;
}
 .claim-widget-link {
     padding-top:20px;
     margin-top:20px;
     border-top:1px solid #eee;
}
 .claim-widget-link span , .claim-widget-link a {
     float:left;
     text-align:left;
     font-weight:500;
}
 .claim-widget-link a:hover{
     color: #24324F;
}
 .claim-widget-link span {
     color: #878C9F;
     margin-right:20px;
}
 .rooms-item {
     margin-bottom:25px;
     border-bottom:1px solid #eee;
}
 .rooms-item:last-child {
     margin-bottom:0;
}
 .rooms-media {
     float:left;
     width:40%;
     position:relative;
     overflow:hidden;
     border-radius:6px 6px 6px 0;
}
 .rooms-media img{
     width:100%;
     height:auto;
}
 .rooms-details {
     float:left;
     width:60%;
     padding:5px 0 10px 20px;
}
 .rooms-details-header {
     text-align:left;
     padding-bottom:20px;
}
 .rooms-price {
     position:absolute;
     right:0;
     top:0;
     color:#5ECFB1;
     font-size:19px;
     font-weight: 600;
}
 .rooms-price strong {
     padding-left:3px;
     font-size:10px;
     color:#999;
}
 .rooms-details-header h3 {
     color: #334e6f;
     padding-bottom:6px;
     font-size:16px;
     font-weight:700;
}
 .rooms-details-header h5 {
     font-size:11px;
     font-weight:700;
}
 .rooms-container {
     margin-top:20px;
}
 .rooms-details .facilities-list{
     margin-top:20px;
     margin-bottom:0;
}
 .facilities-list .btn{
     float:right;
     margin:0;
     top:-18px;
     height:40px;
     line-height:40px;
}
 .facilities-list .btn i {
     height:40px;
     line-height:40px;
}
 .list-single-facts {
     background:#fff;
}
 .single-facts {
     margin-top:20px;
     padding-top:20px;
     border-top:1px solid #eee;
}
 .single-facts .inline-facts-wrap {
     width:25%;
     float:left;
     padding:15px;
}
 .single-facts .inline-facts {
     position:relative;
     padding:20px 30px;
     background: #ECF6F8;
     border-radius:6px;
}
 .single-facts .inline-facts i {
     font-size:54px;
     position:absolute;
     right:10px;
     top:10px;
     opacity:0.4;
     z-index:1;
}
 .single-facts .inline-facts .num {
     font-size:34px;
     color:#999;
     font-weight:700;
     text-align:left;
}
 .single-facts .inline-facts h6 {
     text-align:left;
     color: #888DA0;
     font-weight:300;
     padding-top:10px;
}
 .home-facts .inline-facts .num , .single-facts .inline-facts h6 {
     position:relative;
     z-index:2;
}
 .home-facts {
     float:left;
     width:25%;
     padding:0 25px;
}
 .home-facts .num {
     color:#fff;
     font-family: 'Montserrat', sans-serif;
     font-size:44px;
}
 .home-facts h6 {
     color: rgba(255,255,255,0.71);
     font-size: 13px;
     font-weight:500;
}
 .home-facts h6 {
     margin-top:20px;
     font-size:15px;
     font-weight:500;
     position:relative;
     color: rgba(255,255,255,0.91);
}
 .home-facts h6:before {
     content:'';
     position:absolute;
     top:-12px;
     left:50%;
     height:1px;
     background:#fff;
     margin-left:-25px;
     opacity:0.4;
     width:50px;
}
 .list-single-facts .inline-facts-wrap {
     width:25%;
     float:left;
     padding:20px 0;
     border-left:1px solid #e2e2e2;
     box-sizing:border-box;
     background:#f9f9f9;
}
 .list-single-facts .inline-facts-wrap:first-child {
     border:none;
}
 .list-single-facts .inline-facts-wrap i {
     font-size:34px;
     width:100%;
     padding-bottom:10px;
}
 .list-single-facts .inline-facts-wrap .milestone-counter , .list-single-facts .inline-facts-wrap h6 {
     display:inline-block;
     color:#666;
}
 .list-single-facts .inline-facts-wrap h6 {
     padding-left:4px;
     color:#999;
     font-size:12px;
}
 .cart-detai ls {
     background:#f9f9f9;
}
 .cart-details_text {
     float:left;
     width:100%;
     border:1px solid #eee;
     border-top:none;
}
 .cart-details_header {
     border:1px solid #eee;
     display:inline-table;
     padding:15px 20px;
}
 .cart-details_text .geodir-category-content-title-item h3 a {
     color:#666;
}
 .cart_list li{
     text-align:left;
     padding:15px 20px;
     color:#666;
     font-size:12px;
     border-bottom:1px solid #eee;
}
 .cart_list li:last-child {
     border-bottom:0;
}
 .cart_list li span , .cart-total strong {
     float:right;
}
 .cart_list li span strong{
     padding-left:6px;
     color: #5ECFB1;
}
 .cart-total {
     padding:15px 20px;
     background: #F7F9FB;
     float:left;
     width:100%;
     border:1px solid #eee;
     border-radius:6px;
}
 .cart-details {
     margin-bottom:15px;
}
 .cart-total span {
     float:left;
     color: #878C9F;
     font-size: 16px;
     font-weight: 600;
     position:relative;
     top:2px;
}
 .cart-total strong {
     font-size: 20px;
     font-weight: 400;
}
 #progressbar {
     margin-bottom: 30px;
     counter-reset: step;
     width:100%;
     float:left;
     box-sizing:border-box;
}
 #progressbar li {
     list-style-type: none;
     color:#666;
     font-size:12px;
     width: 33.3%;
     float: left;
     text-align:left;
     position: relative;
     padding:0 0 25px;
}
 #progressbar li span {
     padding-right:10px;
}
 #progressbar li:after {
     content: '';
     position:absolute;
     bottom:0;
     width:100%;
     left:0;
     height:4px;
     border-radius:4px;
     background:#eee;
     z-index:1;
}
 #progressbar li:before {
     content: '';
     position:absolute;
     bottom:0;
     width:0;
     left:0;
     height:4px;
     z-index:2;
     border-radius:4px;
     transition: all 200ms linear;
}
 #progressbar li.active:before {
     width:99%;
}
 .bookiing-form-wrap .custom-form form fieldset:not(:first-of-type) {
     display: none;
}
 .next-form, .pay-form {
     float:right;
}
 .previous-form {
     float:left;
     padding: 0 30px 0 80px;
     height: 44px;
     line-height: 44px;
     border-radius: 4px;
     color: #fff;
     font-weight: 600;
     font-size: 12px;
     text-align: left;
     position: relative;
     overflow: hidden;
}
 .previous-form i {
     position: absolute;
     left: 0;
     width: 50px;
     height: 44px;
     line-height: 44px;
     border-right: 1px solid rgba(255,255,255,0.21);
     text-align: center;
     top: 0;
}
 .previous-form:hover:after {
     width:100%;
}
 .previous-form:after {
     content: '';
     position: absolute;
     width: 50px;
     height: 100%;
     background: rgba(255,255,255,0.2);
     z-index: 0;
     left: 0;
     top: 0;
     transition: all 200ms linear;
}
 .success-table-header {
     text-align:left;
     color:#666;
     font-size:16px;
     font-weight:400;
     padding:10px 0 0 70px;
}
 .success-table-header i.decsth {
     color:#5ECFB1;
     position:absolute;
     font-size:54px;
     left:0;
     top:0;
}
.success-table-header i.decstimes {
    color:#dc3545;
    position:absolute;
    font-size:54px;
    left:0;
    top:0;
}
 .success-table-header h4 , .success-table-header p {
     float:left;
}
 .success-table-header a {
     font-size:12px;
     color:#fff;
     padding:12px 25px;
     float:right;
     border-radius:30px;
     position:relative;
     top:-14px;
}
 .success-table-header a i {
     padding-right:8px;
     font-size:15px;
}
 .log-massage {
     padding:10px 0;
     text-align:left;
     font-size:12px;
     color:#666;
}
/*------ Reviews------------------------------------------------*/
 .reviews-score-wrap{
     padding:0 0 25px;
     border-bottom:1px solid #eee;
     margin-bottom:20px;
}
 .list-single-hero-header .reviews-score-wrap {
     padding:0;
     border-bottom:none;
     margin-bottom:0;
}
 .review-score-total , .review-score-detail {
     float:left;
     width:25%;
}
 .review-score-total span {
     background: #346cb0;
     color: #fff;
     float: left;
     font-weight: 600;
     border-radius: 7px 7px 0 7px;
     padding: 22px 0;
     width:100%;
     font-size: 34px;
     border: 1px solid rgba(34,34,48,.12);
     text-shadow: 0px 2px 5px rgba(34,34,48,.12);
}
 .review-score-total a {
     float:left;
     width:100%;
     padding:10px 0;
     color:#fff;
     margin-top:10px;
     border-radius:4px;
}
 .review-score-total span strong {
     display:block;
     font-size:14px;
     font-weight: 500;
     padding-top:6px;
}
 .review-score-detail {
     width:75%;
     padding-left:20px;
}
 .reviews-comments-wrap {
     display: inline-table ;
     margin-top:30px;
}
 .reviews-comments-item-text .review-score-user{
     float:right;
     position:relative;
     top:-12px;
}
 .reviews-comments-item-text .review-score-user span {
     background: #346cb0;
     color: #fff;
     float: right;
     font-weight: 600;
     border-radius: 3px 3px 0 3px;
     width:40px;
     height:40px;
     line-height:40px;
     font-size: 12px;
     border: 1px solid rgba(34,34,48,.12);
     text-shadow: 0px 2px 5px rgba(34,34,48,.12);
}
 .reviews-comments-item-text .review-score-user strong {
     margin-right:12px;
     font-size:11px;
     color:#666;
     position:relative;
     top:10px;
}
 .reviews-comments-item {
     padding:0 0 30px 110px;
     position:relative;
     float:left;
     margin-bottom:40px;
     width:100%;
     border-bottom:1px solid #eee;
}
 .reviews-comments-item.reply-comment-item {
     width:90%;
     margin-left:10%;
     padding:30px 20px 30px 110px;
     border-radius:6px;
}
 .reviews-comments-item.reply-comment-item .review-comments-avatar {
     top:30px;
}
 .reviews-comments-item.reply-comment-item:before {
     content:'';
     position:absolute;
     top:0;
     left:-10%;
     margin-left:30px;
     width:40px;
     height:40px;
     border-left:1px solid #eee;
     border-bottom:1px solid #eee;
}
 .reviews-comments-item:last-child {
     border:none;
     margin-bottom:0;
}
 .review-comments-avatar {
     position:absolute;
     top:0;
     left:10px;
     width:80px;
     height:80px;
}
 .review-comments-avatar:before {
     content: '';
     position: absolute;
     top: 100%;
     margin-top:20px;
     left: 0;
     margin-left: 38px;
     width: 40px;
     height: 40px;
     border-left: 1px solid #eee;
     border-bottom: 1px solid #eee;
}
 .review-comments-avatar img {
     width:80px;
     height:80px;
     float:left;
     border-radius:100%;
}
 .reviews-comments-item-text {
     float:left;
     width:100%;
     position:relative;
     padding:30px 20px;
     background:#f9f9f9;
     border-radius:6px;
}
 .reviews-comments-item-text .new-dashboard-item {
     top:0;
}
 .reviews-comments-item-text h4 {
     text-align:left;
     padding-bottom:25px;
     float:left;
     font-size:16px;
     font-weight:600;
     color:#666;
}
 .reviews-comments-item-text h4 a {
     color:#666;
}
 .reviews-comments-item-text p {
     text-align:left;
}
 .reviews-comments-item-date {
     float:left;
     margin-top:18px;
     font-weight:500;
     color:#999;
     width:100%;
     text-align:left;
     padding-top:18px;
     font-size:12px;
     border-top:1px solid #eee;
}
 .reviews-comments-item-date span {
     float:left;
}
 .reviews-comments-item-date a {
     float:right;
     font-weight:600;
     color:#666;
}
 .reviews-comments-item-date span i , .reviews-comments-item-date a i {
     margin-right:10px;
}
 .leave-rating , .leave-rating-title {
     float:left;
}
 .leave-rating-wrap {
     float:left;
     margin:30px 0 30px 0;
     width:100%;
}
 .leave-rating-title {
     margin-right:10px;
     font-weight:500;
     font-size:14px;
     color:#666;
     position:relative;
     top:-3px;
}
 .review-score-form {
     margin-top:10px;
}
 .review-total , .review-range-container{
     float:left;
}
 .review-total {
     width:30%;
     background: #F7F9FB;
     padding:35px 0;
     border:1px solid #eee;
     box-sizing:border-box;
     border-radius:4px;
}
 .review-total strong {
     float:left;
     width:100%;
     margin-top:10px;
     color:#666;
}
 .custom-form .review-total span input{
     font-size:34px;
     border:none;
     padding:0;
     text-align:center;
     font-weight:600;
     margin-bottom:0;
     line-height:1px;
}
 .review-range-container {
     width:70%;
     padding-right:20px;
}
 .review-range-item {
     display:block;
     margin-bottom:10px;
}
 .review-range-item .range-slider-title {
     width:30%;
     margin-bottom:0;
}
 .review-range-item .range-slider-wrap{
     width:70%;
     margin-top:0;
     position:relative;
     top:-24px;
}
 .review-range-item .range-slider-title , .review-range-item .range-slider-wrap {
     float:left;
}
/*------ Grid Gallery------------------------------------------------*/
 .listing-item-cat {
     position:absolute;
     left:0;
     right:0;
     bottom:0;
     padding:30px 35px 15px;
     z-index:10;
     text-align:left;
     overflow:hidden;
     border-radius:0 0 10px 10px;
}
 .listing-counter {
     position:absolute;
     left:35px;
     top:40px;
     color:#fff;
     z-index:10;
     font-size:11px;
     border-radius: 4px;
     background: #346cb0;
     color: #fff;
     padding: 9px 12px;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}
 .listing-item-cat h3 {
     font-size:18px;
     float:left;
     font-family: 'Montserrat', sans-serif;
     padding-bottom:10px;
}
 .listing-item-cat p {
     color:rgba(255,255,255,0.71);
}
 .listing-item-cat h3 a {
     color:#fff;
}
 .weather-grid {
     float:left;
     position:relative;
     top:2px;
     margin-left:20px;
}
 .grid-item-holder , .gallery-items{
     float:left;
     width:100%;
     height:auto;
     position:relative;
     overflow:hidden;
}
 .grid-item-holder {
     padding:10px;
}
 .grid-small-pad .grid-item-holder{
     padding:0 4px 4px 0;
}
 .gallery-item {
     width: 33.3%;
     position:relative;
     float:left;
}
 .gallery-items.home-grid .gallery-item .listing-item-grid {
     border-radius:6px;
     overflow:hidden;
     position:relative;
}
 .gallery-item-second, .grid-sizer-second {
     width: 66.6%;
}
 .four-column .gallery-item{
     width:25%;
}
.one-column .gallery-item{
    width:100%;
}
 .four-column .gallery-item.gallery-item-second{
     width:50%;
}
 .gallery-item img {
     position:relative;
     z-index:1;
}
 .list-single-main-item .gallery-items .gallery-item {
     overflow:hidden;
}
 .gallery-item .box-item {
     border-radius:0;
}
 .more-photos-button {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     height:40px;
     line-height:40px;
     padding:0 60px 0 20px;
     text-align:left;
     color:#fff;
     font-size:10px;
     z-index:10;
     text-transform:uppercase;
     cursor:pointer;
}
 .more-photos-button span {
     padding:0 2px;
     font-style:italic;
     font-size:9px;
     color:rgba(255,255,255,0.61)
}
 .more-photos-button i {
     position:absolute;
     right:0;
     top:0;
     height:40px;
     line-height:40px;
     width:50px;
     border-left: 1px solid rgba(34,34,48,.12);
     text-align:center;
}
/*-------------Ajax modal---------------------------------------*/
 .ajax-modal-container {
     position:fixed;
     top:0;
     right:-550px;
     width:550px;
     height:100%;
     z-index:119;
     overflow: hidden;
     overflow-y: auto;
     opacity:0;
     background:#fff;
}
 #ajax-modal {
     overflow:hidden;
     background:#fff;
}
 .ajax-modal-wrap {
     opacity:0;
}
 .ajax-modal-media {
     border-radius:20px 0 0 0;
}
 .ajax-modal-media img{
     width:100%;
     height:auto;
}
 .ajax-modal-details {
     padding:30px 45px;
     margin-top:20px;
}
 .ajax-modal-details p {
     text-align:left;
}
 .ajax-modal-details h3 {
     text-align:left;
     color: #334e6f;
     padding-bottom: 26px;
     font-size: 16px;
     font-weight: 700;
}
 .ajax-modal-details-box {
     width:100%;
     float:left;
     margin-bottom:30px;
     padding-bottom:20px;
     border-bottom:1px solid #eee;
}
 .ajax-modal-title {
     color: #fff;
     padding: 20px 0 25px;
     cursor: pointer;
     font-size: 18px;
     font-weight: 500;
     position: absolute;
     bottom: 0;
     width: 100%;
}
 .ajax-modal-photos-btn {
     position:absolute;
     right:30px;
     top:30px;
     z-index:5;
     padding:10px 20px;
     cursor:pointer;
     border-radius:4px;
     color:#fff;
     background: #346cb0;
     font-size:11px;
     box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}
 .ajax-modal-photos-btn span {
     padding:0 4px;
}
 .ajax-modal-list {
     border-bottom:1px solid #eee;
     background: #f9f9f9;
}
 .ajax-modal-list li {
     float:left;
     width:25%;
     padding:12px 0;
     border-left:1px solid #e2e2e2;
     box-sizing:border-box;
}
 .ajax-modal-list li:first-child {
     border:none;
}
 .ajax-modal-list li h5 {
     font-size:11px;
     color:#999;
}
 .ajax-modal-list li h5 span{
     color:#666;
     padding-left:4px;
}
 .ajax-modal-list li i {
     font-size:28px;
     padding-bottom:10px;
}
 .ajax-modal-close{
     position: absolute;
     left:40px;
     width: 40px;
     height: 40px;
     top:25px;
     font-size: 14px;
     color: #fff;
     line-height: 40px;
     z-index:20;
     background: #346cb0;
     border-radius:6px;
     cursor:pointer;
}
 .ajax-modal-overlay {
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1000;
     overflow: auto;
     display:none;
     z-index:118;
     -webkit-transform: translate3d(0,0,0);
     background:rgba(0,0,0,0.41);
}
 .ajax-loader {
     z-index:100;
}
/*------ Video ------------------------------------------------*/
 .video-box {
     overflow: hidden;
     border-radius: 10px;
     -webkit-transform: translate3d(0,0,0);
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
 .video-box img {
     width:100%;
     height:auto;
}
 .video-box-btn {
     position: absolute;
     width: 60px;
     height: 60px;
     line-height: 60px;
     margin: -30px 0 0 -30px;
     background: #fff;
     color: #fff;
     z-index: 20;
     left: 80px;
     bottom:30px;
     box-shadow: 0px 0px 0px 12px rgba(255,255,255,0.4);
     border-radius: 100%;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
}
 .video-box-btn:hover {
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.4);
}
 .video-box-title {
     position:absolute;
     bottom:43px;
     left:140px;
     color:#fff;
     font-size:12px;
     z-index:21;
     background: rgba(6,27,65,0.45);
     padding:10px 20px;
     border-radius:4px;
}
 .media-container {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
}
 .video-container {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     line-height: 0;
     z-index: 1;
}
 .video-container video {
     width: 100%;
}
 .video-iframe{
     position: absolute;
     width: 100%;
     height: 100%;
     display: block;
     overflow: hidden !important;
     top: 0;
     left: 0;
     padding: 0 !important;
}
 .video-iframe iframe {
     position: absolute;
     top: -75px;
     left: 50%;
     width: 100%;
     height: 100%;
     display: block;
}
 .media-container.video-parallax {
     height:120%;
     top:-10%;
}
 .resp-video {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     margin-bottom:20px;
}
 .resp-video iframe, .resp-video object, .resp-video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .video-mask {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
}
 .video-holder iframe {
     position: absolute;
     top: -75px;
     left: 50%;
     width: 100%;
     height: 100%;
     display: block;
     z-index:1;
}
 .mob-bg {
     display:none;
}
/*-------------Sliders---------------------------------------*/
 .slideshow-container {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:110%;
     z-index:1;
}
 .slideshow-item , .slideshow-container .slick-slide{
     position:relative;
     float:left;
     width:100%;
     height:100%;
}
 .sw-btn{
     position:absolute;
     top:50%;
     width:36px;
     height:36px;
     line-height:36px;
     border-radius:100%;
     color:#fff;
     font-size:10px;
     z-index:120;
     cursor:pointer;
     margin-top:-18px;
     box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.4);
}
 .sw-btn.swiper-button-prev {
     left:50px;
}
 .sw-btn.swiper-button-next {
     right:50px;
}
 .sw-btn:hover {
     background: #2C3B5A;
}
 .single-carousel .slick-dots , .listing-carousel .slick-dots, .brand-carousel .slick-dots, .partner-carousel .slick-dots {
     bottom:-40px;
}
 .single-carousel .slick-dots li button , .listing-carousel .slick-dots li button, .brand-carousel .slick-dots li button {
     background:#BDCBDB;
}
 .list-carousel {
     padding: 0 30px;
}
 .list-single-carousel-wrap {
     height:500px;
     background: #24324F;
}
 .fw-carousel .slick-slide-item {
     width:auto;
     height:500px !important;
     float:left;
     cursor: w-resize;
}
 .fw-carousel .slick-slide-item img {
     width:auto ;
     height:100% !important;
}
 .list-single-carousel-wrap .slick-slide-item .box-item {
     height:100%;
     z-index:20;
}
 .list-single-carousel-wrap .slick-slide-item .box-item:before {
     display:none;
}
 .list-single-carousel-wrap .swiper-slide:first-child {
     padding-left:0px;
}
 .list-single-carousel-wrap .slick-slide-item .box-item a.gal-link {
     top:-100px;
     left:inherit;
     right:50px;
}
 .list-single-carousel-wrap .slick-slide-item .box-item:hover a.gal-link {
     top:50px;
}
 .list-single-carousel-wrap .sw-btn , .single-slider-wrapper .sw-btn {
     top:50%;
}
 .list-carousel .sw-btn.swiper-button-prev {
     left:8px;
}
 .list-carousel .sw-btn.swiper-button-next {
     right:8px;
}
 .single-slider-wrapper img , .inline-carousel img {
     width:100%;
     height:auto;
}
 .single-slider-wrapper .slider-nav .slick-slide-item {
     position: relative;
     cursor:pointer;
     opacity:0.7;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
}
 .single-slider-wrapper .slider-nav .slick-current .slick-slide-item , .single-slider-wrapper .slider-nav .slick-slide-item:hover {
     opacity:1;
}
 .slick-dots {
     position:absolute;
     bottom:40px;
     left:0;
     width:100%;
}
 .inline-carousel .slick-dots {
     bottom:20px;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 3px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 6px;
     height: 6px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: rgba(255,255,255,0.81);
     border-radius:100%;
}
 .partner-carousel-wrap{
    z-index:999
}
/*-------------scroll-nav-wrapper---------------------------------------*/
 .scroll-nav-container {
     padding-top:110px;
}
 .scroll-nav-wrapper {
     background:#fff;
     border-bottom:1px solid #eee;
     padding:14px 0;
     -webkit-transform: translate3d(0,0,0);
     position:absolute;
     top:0;
     left:0;
     z-index:100;
}
 .scroll-nav-wrapper .scroll-nav li {
     float:left;
     position:relative;
     overflow:hidden;
}
 .scroll-nav-wrapper .scroll-nav li a {
     padding:0 30px;
     float:left;
     height:100%;
     height:40px;
     line-height:40px;
     position:relative;
     font-weight:700;
     color:#888DA0;
     font-size:12px;
     background: #ECF6F8;
}
 .scroll-nav-wrapper .scroll-nav li:last-child {
     border-radius:0 4px 4px 0 ;
}
 .scroll-nav-wrapper .scroll-nav li:first-child {
     border-radius:4px 0 0 4px;
}
 .scroll-nav-wrapper .scroll-nav li a.act-scrlink {
     color:#fff;
}
 .scroll-nav-wrapper .show-hidden-map {
     float:right;
     position:relative;
     color: #fff;
     border-radius:4px;
     height:40px;
     line-height:40px;
     padding:0 25px;
     font-size:12px;
     font-weight:600;
     background: #346cb0;
}
 .scroll-nav-wrapper .show-hidden-map:hover {
     background: #346cb0;
}
 .scroll-nav-wrapper .show-hidden-map:hover i , .scroll-nav-wrapper .show-hidden-map:hover {
     color:#fff;
}
 .scroll-nav-wrapper .show-hidden-map i {
     padding-left:10px;
}
 .collage-image {
     position:relative;
     width:352px;
     margin:0 auto;
     height:300px;
}
 .collage-image .main-collage-image {
     position:absolute;
     right:-20px;
     bottom:-400px;
}
 .images-collage-title {
     position:absolute;
     left:-70px;
     width:200px;
     padding:12px 0;
     z-index:10;
     top:70px;
     border-radius:6px;
     font-weight:800;
     font-size:18px;
     color: #fff;
     font-family: 'Montserrat', sans-serif;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
     animation: bounce 4s ease-in-out infinite;
}
 .images-collage-title span {
     color:#fff;
     margin-left:5px;
}
 .collage-image:before {
     content:'';
     position:absolute;
     width:250px;
     height:250px;
     top:50%;
     left:50%;
     margin-top:-125px;
     margin-left:-325px;
     border:2px dotted #fff;
     z-index:-1;
     opacity:0.6;
     border-radius:100%;
}
 .collage-image-min {
     position:absolute;
     z-index:10;
}
 .collage-image-min:before {
     top:63px;
     left: 90%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: transparent;
     border-top-color: #fff;
     border-width: 14px;
     margin-left: 18px;
     z-index:20;
}
 .collage-image-min.cim_1 {
     bottom:70px;
     left:80px;
}
 .collage-image-min.cim_2 {
     bottom:190px;
     right:80px;
}
 .collage-image-min.cim_2 img {
     animation:cluster-animation 2.5s infinite;
}
 .collage-image-min.cim_1 img {
     animation:cluster-animation 3.5s infinite;
}
 .collage-image-min.cim_3 {
     bottom:110px;
     right:130px;
}
 .collage-image-min img{
     position:absolute;
     width:67px;
     height:67px;
     border:8px solid #fff;
     border-radius:100%;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.21);
}
 .collage-image-input {
     position:absolute;
     bottom:-40px;
     right:-90px;
     width:190px;
     padding:0 40px 0 16px;
     background:#fff;
     border-radius:6px;
     z-index:10;
     text-align:left;
     font-size:12px;
     color:#999;
     height:40px;
     line-height:40px;
     font-weight:300;
     box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.1);
}
 .collage-image-btn{
     color:#fff;
     position:absolute;
     top:40px;
     right:-20px;
     padding:12px 25px;
     border-radius:4px;
     font-size:10px;
     box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.1);
}
 .collage-image-input i {
     position:absolute;
     width:30px;
     height:40px;
     line-height:40px;
     right:0;
     top:0;
}
/*------sahre------------------------------------------------*/
 .fixed-scroll-column {
     width:50px;
     position:absolute;
     left:15px;
     top:0;
     z-index:20;
}
 .share-holder.hid-share {
     float:left;
     position:relative;
     z-index:20;
}
 .fc-button {
     width:50px;
     height:50px;
     float:left;
     position:relative;
     line-height:50px;
     background: #fff;
     cursor:pointer;
     border-radius:4px;
     margin-bottom:4px;
}
 .fc-button span {
     position:absolute;
     left:100%;
     margin-left:12px;
     background: #346cb0;
     opacity:0;
     visibility: hidden;
     top:8px;
     color:#fff;
     width:120px;
     height:auto !important;
     line-height:1;
     font-size:12px;
     padding:12px 0;
     border-radius:22px;
}
 .fc-button:hover span {
     opacity:1;
     visibility:visible;
}
 .fixed-scroll-column-share-container {
     display:block;
}
 .fixed-scroll-column-share-container {
     display:none;
     float:left;
     width:100%;
     background: #f9f9f9;
     padding:10px 0;
     margin-bottom:4px;
}
 .visshare {
     visibility:visible;
     opacity:1;
}
 .share-container .share-icon {
     display:inline-block;
     width:26px;
     height:26px;
     line-height:26px;
     margin:4px 0;
     position:relative;
     font-size:13px;
     color: #888DA0;
     font-weight:400;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
}
 .fixed-scroll-column-share-container .share-container .share-container .share-icon{
     float:left;
     width:50px;
     height:50px;
     color:#ccc;
}
 .share-holder.hid-share .share-container.visshare , .bl-opt .share-holder.hid-share .share-container.visshare{
     top:-35px;
     opacity:1;
     visibility:visible;
}
 .share-icon:before {
     font-family: Font Awesome\ 5 Brands;
}
 .share-icon-digg:before {
     content: "\f1a6";
}
 .share-icon-email:before {
     content: "\f003";
}
 .share-icon-flickr:before {
     content: "\f16e";
}
 .share-icon-foursquare:before {
     content: "\f180";
}
 .share-icon-rss:before {
     content: "\f09e";
}
 .share-icon-facebook:before {
     content: "\f39e";
}
 .share-icon-twitter:before {
     content: "\f099";
}
 .share-icon-tumblr:before {
     content: "\f173";
}
 .share-icon-linkedin:before {
     content: "\f0e1";
}
 .share-icon-vimeo:before {
     content: "\f27d";
}
 .share-icon-instagram:before {
     content: "\f16d";
}
 .share-icon-pinterest:before {
     content: "\f231";
}
 .share-icon-googleplus:before {
     content: "\f0d5";
}
 .share-icon-in1:before {
     content: "\f08c";
}
 .share-icon-stumbleupon:before {
     content: "\f1a4";
}
/* --------- clients - terstimonials--------------------------------------*/
 .text-carousel .text-carousel-item {
     padding: 30px 65px;
     background: #fff;
     border: 1px solid #eee;
     border-radius: 4px;
     margin: 0 10px;
     float: left;
     width: 100%;
     position: relative;
     margin-top: 70px;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
}
 .text-carousel .text-carousel-item:before, .text-carousel .text-carousel-item:after {
     font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight:900;
     text-decoration: inherit;
     position: absolute;
     color: #ccc;
     opacity: 0.4;
     font-size: 34px;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
}
 .text-carousel .text-carousel-item {
     padding: 30px 65px;
     background: #fff;
     border: 1px solid #eee;
     border-radius: 4px;
     margin: 0 10px;
     float: left;
     width: 100%;
     position: relative;
     margin-top: 70px;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
}
 .text-carousel .text-carousel-item:before, .text-carousel .text-carousel-item:after {
     font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight:900;
     text-decoration: inherit;
     position: absolute;
     color: #ccc;
     opacity: 0.4;
     font-size: 34px;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
}
 .text-carousel-item:before, .pr-list-det:before {
     content: "\f10e";
     top: 20px;
     left: 15px;
}
 .text-carousel-item:after, .pr-list-det:after {
     content: "\f10e";
     bottom: 20px;
     right: 15px;
}
 .text-carousel .slick-item {
     padding: 0 20px;
}
 .text-carousel .slick-current .text-carousel-item {
     background: #ECF6F8;
     border-color:transparent;
}
 .text-carousel .slick-dots {
     margin-top: 40px;
     bottom:-50px;
}
 .text-carousel .slick-dots li {
     display: inline-block;
     margin: 0 3px;
}
 .text-carousel .slick-dots li button:before {
     background: #ccc;
}
 .text-carousel .slick-dots li.slick-active button {
     border-color: #ccc;
}
 .text-carousel-wrap {
     margin: 0 0 50px 0;
}
 .text-carousel-item p {
     font-size: 13px;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
     text-align: left;
}
 .text-carousel-item a.testim-link {
     float: left;
     margin-top: 20px;
     font-weight: 400;
     font-size: 12px;
     position: relative;
     color:#666;
}
 .text-carousel-item a.testim-link:before {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 0;
     width: 100%;
     height: 1px;
     border-bottom: 1px dotted #ccc;
}
 .text-carousel-item .listing-rating {
     float: right;
     width: 100%;
     margin-bottom: 12px;
}
 .text-carousel-item .listing-rating i {
     float: right;
     margin-left: 10px;
     font-size: 11px;
}
 .popup-avatar {
     position: absolute;
     left: 70px;
     z-index: 10;
     width: 80px;
     height: 80px;
     z-index: 20;
     border-radius: 100%;
     -webkit-transition: all 400ms linear;
     transition: all 400ms linear;
     opacity: 0.5;
     top: -40px;
     -webkit-transform: scale(0.7);
     -moz-transform:scale(0.7);
     transform:scale(0.7);
}
 .text-carousel .slick-current .popup-avatar {
     opacity: 1;
     -webkit-transform: scale(1.0);
     -moz-transform:scale(1.0);
     transform:scale(1.0);
}
 .popup-avatar:before {
     content: '';
     position: absolute;
     border-radius: 100%;
     left: -8px;
     bottom: -8px;
     right: -8px;
     top: -8px;
     border: 1px solid #eee;
     z-index: 1;
     background: #fff;
}
 .popup-avatar img {
     width: 80px;
     height: 80px;
     border-radius: 100%;
     position: relative;
     z-index: 2;
}
 .review-owner {
     margin: 0 0 15px 0;
     float: left;
     margin-top: 20px;
     font-weight: 800;
     font-size: 12px;
     text-align: left;
     color: #666;
     font-family: 'Poppins', sans-serif;
}
 .review-owner span {
     color: #999;
}
 .text-carousel-wrap .sw-btn{
     top:100%;
     margin-top:26px;
}
 .text-carousel-wrap .sw-btn.swiper-button-prev {
     left:50%;
     margin-left:-105px;
}
 .text-carousel-wrap .sw-btn.swiper-button-next {
     right:50%;
     margin-right:-100px;
}
/*------Dasboard------------------------------------------------*/
 .dasboard-wrap {
     padding-left:290px;
}
 .dasboard-sidebar {
     position:absolute;
     left:0;
     width:250px;
     z-index:20;
     top:-50px;
}
 .dasboard-sidebar-content {
     padding:40px 0 44px 0;
     border-radius:6px;
     z-index:20;
     overflow:hidden;
}
 .log-out-btn {
     position:absolute;
     width:100%;
     left:0;
     height:44px;
     bottom:0;
     line-height:44px;
     color:#fff;
     font-size:10px;
     text-transform:uppercase;
     text-align: center;
}
 .log-out-btn i {
     padding-left:10px;
}
 .dasboard-avatar {
     overflow:hidden;
     padding:0 55px;
     position:relative;
}
 .dasboard-avatar img {
     width:100%;
     height:auto;
     border-radius:4px;
}
 .dasboard-sidebar-item {
     margin:30px 0 20px;
}
 .dasboard-sidebar-item:before {
     content:'';
     position:absolute;
     left:50%;
     width:30px;
     bottom:-10px;
     height:2px;
     margin-left:-15px;
     border-radius:2px;
     background:rgba(255,255,255,0.21);
}
 .dasboard-sidebar-item h3 {
     color:#fff;
     font-size:18px;
}
 .dasboard-sidebar-item h3 span {
     float:left;
     width:100%;
     padding-bottom:10px;
     font-size:11px;
}
 .ed-btn {
     display:inline-block;
     padding:8px 17px;
     margin:10px 0;
     color:#fff;
     font-size:11px;
     border-radius:30px;
     z-index:2;
     border:2px solid;
     background:rgba(255,255,255,0.11);
}
 .dasboard-menu , .dasboard-menu li{
     float:left;
     position:relative;
}
 .dasboard-menu {
     top:2px;
}
 .flat-header {
     padding-top:140px;
     padding-bottom:0;
}
 .adm-header {
     z-index:100;
}
 .dasboard-menu-btn {
     float:left;
     padding:14px 20px;
     color:#fff;
     cursor:pointer;
     width:100%;
     border-radius:6px 6px 0 0;
     display:none;
}
 .dasboard-menu-btn i {
     padding-left:10px;
}
 .dasboard-menu li ul {
     position:absolute;
     left:0;
     top:100%;
     background:#fff;
     padding:10px 20px;
     width:150px;
     z-index:2;
     border:1px solid #eee;
     border-top:none;
     opacity:0;
     visibility:hidden;
}
 .dasboard-menu li:hover ul {
     opacity:1;
     visibility:visible;
}
 .dasboard-menu li ul li {
     float:left;
     width:100%;
     padding:8px 0;
     position:relative;
}
 .dasboard-menu li ul li span {
     position:absolute;
     top:50%;
     right:0;
     width:16px;
     height:16px;
     margin-top:-8px;
     line-height:16px;
     border-radius:100%;
     font-size:9px;
     color:#fff;
}
 .dasboard-menu li a {
     padding:13px 20px;
     float:left;
     font-size:12px;
     border-radius:4px 4px 0 0;
     color:#fff;
     position:relative;
}
 .dasboard-menu li ul li a {
     padding:0;
     color:#666 !important;
     border-radius:0;
}
 .dasboard-menu li a i {
     padding-right:6px;
}
 .dasboard-menu li a span {
     display: inline-block;
     width: 16px;
     height: 16px;
     top: -1px;
     line-height: 16px;
     background: #98AAB8;
     color: #fff;
     position:relative;
     margin-left:4px;
     border-radius: 100%;
     text-align: center;
     font-weight: 300px;
     font-size: 9px;
}
 .dasboard-menu li a.user-profile-act , .dasboard-menu li a:hover {
     background:#fff !important;
     color:#666 !important;
     box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.07);
}
 .dasboard-menu li ul li a:hover {
     box-shadow:none;
}
 .user-stats {
     margin-top:10px;
     border-top: 1px solid rgba(34,34,48,.12);
}
 .user-stats:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -2;
     border-radius: 6px;
     opacity: 0.14;
}
 .user-stats li {
     float:left;
     width:33.3%;
     padding:15px 0;
     color:#fff;
     font-size:11px;
     box-sizing:border-box;
     border-left: 1px solid rgba(34,34,48,.12);
}
 .user-stats li:first-child {
     border:none;
}
 .user-stats li span {
     float:left;
     width:100%;
     padding-top:10px;
     font-size:14px;
}
 .tfp-btn {
     position:absolute;
     right:0;
     top:-110px;
     background:#fff;
     padding:12px 40px 12px 30px;
     border-radius:4px;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
     z-index:10;
     color:#666;
     font-size:12px;
     cursor:pointer;
}
 .tfp-btn strong {
     padding-left:5px;
}
 .tfp-btn:before {
     font-family: "Font Awesome 5 Free";
     content: "\f0d7";
     position: absolute;
     color: #fff;
     top:50%;
     font-size: 13px;
     right: 11px;
     margin-top:-7px;
     font-weight: 800;
     transition: all .2s ease-in-out;
}
 .tfp-btn.rot_tfp-btn:before {
     -webkit-transform: rotateX(180deg);
     transform: rotateX(180deg);
}
 .tfp-det {
     position:absolute;
     top:-70px;
     right:0;
     z-index:11;
     padding:15px 30px;
     background:#fff;
     border:1px solid #eee;
     border-radius:4px;
     opacity:0;
     visibility:hidden;
     margin-top:10px;
     transition: all .2s ease-in-out;
}
 .tfp-det-btn {
     float:right;
     padding:6px 12px;
     color:#fff;
     font-size:11px;
     border-radius:4px;
     margin-top:3px;
}
 .tfp-det.vis_tfp-det {
     opacity:1;
     visibility: visible;
     margin-top:0;
}
 .dasboard-breadcrumbs {
     position:absolute;
     top:-100px;
     left:0;
     z-index:1;
}
 #myChartLegend {
     float:right;
}
 .chart-header {
     margin-bottom:20px;
}
 .chart-header .listsearch-input-item {
     width:150px;
}
 [class="0-legend"] {
     cursor: pointer;
     list-style: none;
     padding-left: 0;
     float:right;
}
 [class="0-legend"] li {
     float: left;
     padding: 14px 25px;
     border-radius: 2px;
     color: #888DA0;
     font-size: 12px;
     background: #ECF6F8;
     font-weight: 500;
     margin-left:10px;
}
 [class="0-legend"] li.hidden-lable {
     text-decoration: line-through;
}
 [class="0-legend"] li span {
     border-radius: 5px;
     display: inline-block !important;
     height: 10px;
     margin-right: 10px;
     width: 10px;
}
 .dashboard-list-box {
     border:1px solid #eee;
     border-radius:10px;
     overflow:hidden;
}
 .mat-top{
     margin-top:50px;
}
 .dashboard-header {
     padding:20px 30px;
     border-bottom:1px solid #eee;
}
 .dashboard-header h3 {
     font-size:16px;
     font-weight:600;
     text-align:left;
     color:#fff;
}
 .dashboard-list {
     float:left;
     padding:25px 30px;
     position:relative;
     border-bottom:1px solid #eee;
     width:100%;
}
 .dashboard-list:nth-child(2n+1) {
     background: #f9f9f9;
}
 .dashboard-list:last-child {
     border:none;
}
 .dashboard-message-avatar {
     float:left;
     width:50px;
     height:50px;
}
 .dashboard-message-text .btn {
     margin-top:10px;
     float:left;
     background: #5ECFB1 !important;
     padding:12px 20px;
     font-weight:500;
     font-size:12px;
}
 .dashboard-message-text .btn:hover{
     color:rgba(255,255,255,0.71)
}
 .dashboard-message-avatar img {
     width:50px;
     height:50px;
     border-radius:100%;
}
 .dashboard-message-text {
     margin-left:30px;
     text-align:left;
     padding-left:50px;
     top:6px;
     position:relative;
}
 .dashboard-message-text h4 , .dashboard-listing-table-text h4{
     font-weight:600;
     font-size:16px;
     padding-bottom:20px;
     color:#50596E;
}
 .dashboard-message-text h4 span {
     font-weight:500;
     font-size:12px;
}
 .reply-mail {
     text-align:left;
     font-weight:500;
}
 .reply-mail a {
     font-weight:400;
}
 .reply-mail a:hover {
     color:#999;
}
 .new-dashboard-item{
     position:absolute;
     right:30px;
     top:28px;
     padding:6px 15px;
     border-radius:4px;
     color:#fff;
     background:#5ECFB1;
     z-index:10;
}
 .dashboard-listing-table-image {
     float:left;
     padding:0 30px 0 0;
}
 .dashboard-listing-table-image img {
     width:100%;
     height:auto;
     border-radius:6px;
     max-height: 200px;
     object-fit: cover;
}
 .dashboard-listing-table-text {
     float:left;
     text-align:left;
     width:70%;
}
 .dashboard-listing-table-text h4 a {
     color:#50596E;
}
 .dashboard-listing-table-address {
     float:left;
     padding-bottom:10px;
}
 .dashboard-listing-table-address a {
     font-weight:600;
     color:#999;
     font-size:10px;
     text-transform:uppercase;
}
 .dashboard-listing-table-address i {
     padding-right:10px;
}
 .dashboard-listing-table-opt li {
     float:left;
     margin-right:10px;
}
 .dashboard-listing-table-opt {
     margin-top:15px;
}
 .dashboard-listing-table-opt li a {
     color:#fff;
     padding:9px 22px;
     border-radius:4px;
     background: #5ECFB1;
     float:left;
     font-size:12px;
}
 .dashboard-listing-table-opt li a i {
     padding-left:10px;
}
.dashboard-listing-table-opt li a.upgrade-btn {
    background:#3AACED;
}

 .dashboard-listing-table-opt li a.del-btn:hover {
     background:#f91942;
}
 .profile-edit-header h4 span{
     color: #5ECFB1;
}
 .notification {
     padding:18px 20px;
     border-radius:4px;
     margin-bottom:40px;
}
 .notification p {
     color:#fff;
     text-align:left;
     padding-bottom:0;
}
 .notification p a {
     color: rgba(255,255,255,0.71);
     font-weight:600;
     padding:0 5px;
}
 .notification.success {
     background: #5ECFB1;
}
 .notification.waitforreview{
     background:#FBC54F;
}
 .notification.reject{
     background:#EA4D37;
}
 .notification-close {
     position:absolute;
     top:50%;
     right:20px;
     height:20px;
     margin-top:-10px;
     color:rgba(255,255,255,0.71);
}
 .notification-close:hover {
     color:#fff;
}
 .dashboard-list-box.activities .dashboard-list {
     padding-left:0;
}
 .dashboard-list-box.activities .dashboard-message-text {
     padding-left:0;
}
 .dashboard-list-box.activities .dashboard-message-text i {
     padding-right:20px;
}
 .dashboard-list-box.activities .new-dashboard-item {
     cursor:pointer;
}
 .profile-edit-container {
     margin:10px 0;
     float:left;
     width:100%;
}
 .profile-edit-container .custom-form label {
     float:left;
     text-align:left;
     margin-bottom:10px;
     font-weight:500;
}
 .profile-edit-container .custom-form label i {
     top:42px;
}
 .custom-form.no-icons input , .custom-form.no-icons textarea {
     padding-left:10px;
}
 .pass-input-wrap span {
     position:absolute;
     right:20px;
     cursor:pointer;
     bottom:36px;
     z-index:10;
}
 .profile-edit-container.add-list-container {
     margin-top:30px;
     padding-bottom:30px;
     border-bottom:1px solid #eee;
     float:left;
     width:100%;
}
 .profile-edit-container.add-list-container:first-child {
     margin-top:0;
}
 .add-list-media-header {
     float:left;
     width:100%;
     padding:15px 20px 3px;
     background: #F7F9FB;
     border:1px solid #eee;
}
 .add-list-media-header span {
     text-align:left;
     float:left;
}
 .booking-details {
     padding:6px 0;
     font-size:12px;
}
 .booking-details:last-child {
     padding-bottom:12px;
     margin-bottom:10px;
     border-bottom:1px solid #eee;
}
 .booking-title {
     color:#999;
     padding-right:10px;
}
 .booking-text , .booking-text a{
     color:#666;
}
 .done-paid {
     color:#5ECFB1;
     text-decoration:underline;
}
 .chat-box {
     padding:50px 30px 60px;
     min-height:300px;
}
 .chat-message {
     padding-left:70px;
     margin-bottom:30px;
}
 .chat-message:last-child {
     margin-bottom:0;
}
 .chat-message p{
     float:left;
     padding:15px 20px;
     background:#fff;
     border-radius:10px;
     width:100%;
     text-align:left;
     position:relative;
}
 .chat-message p:before{
     font-family: "Font Awesome 5 Free";
     content: "\f0d9";
     position: absolute;
     top: 12px;
     left: -9px;
     font-size: 31px;
     color:#fff;
     font-weight:bold;
}
 .chat-message.chat-message_user p:before {
     content: "\f0da";
     left:inherit;
     right:-9px;
}
 .massage-date {
     float:left;
     font-size:11px;
     color:#999;
     margin-bottom:11px;
}
 .massage-date span{
     position:relative;
     padding-left:10px;
}
 .massage-date span:before {
     content:'';
     position:absolute;
     left:2px;
     width:4px;
     height:4px;
     top:4px;
     z-index:5;
     border-radius:100%;
}
 .chat-message.chat-message_user .massage-date {
     float:right;
}
 .chat-message .dashboard-message-avatar{
     position:absolute;
     left:0;
     top:20px;
}
 .chat-message.chat-message_user .dashboard-message-avatar {
     left:inherit;
     right:0;
}
 .chat-message .dashboard-message-avatar span {
     font-size:11px;
     color:#666;
     display:inline-block;
     margin-top:6px;
}
 .chat-message.chat-message_user {
     padding-left:0;
     padding-right:70px;
}
 .message-input {
     float:left;
     width:100%;
     position:relative;
     border-right:1px solid #eee;
}
 .message-input textarea{
     position:relative;
     width:100%;
     border:none;
     background:#fff;
     z-index:1;
     resize: vertical;
     min-height:60px;
     padding:25px 140px 0 30px;
}
 .message-input button {
     position:absolute;
     right:20px;
     border-radius:36px;
     width:100px;
     height:36px;
     line-height:36px;
     background:none;
     border:none;
     font-size:14px;
     top:12px;
     z-index:2;
     color:#fff;
     cursor:pointer;
}
 .chat-contacts-item {
     float:left;
     width:100%;
     position:relative;
     padding:20px 20px 20px 70px;
     border-bottom:1px solid #eee;
     box-sizing:border-box;
}
 .chat-contacts-item .dashboard-message-avatar{
     position:absolute;
     top:15px;
     left:0;
}
 .chat-contacts-item .chat-contacts-item-text p {
     height: 26px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     font-size: 12px;
     color: #888;
}
 .chat-contacts-item .chat-contacts-item-text h4 {
     text-align:left;
     font-size:12px;
     color:#666;
     padding-bottom:4px;
}
 .chat-contacts-item .chat-contacts-item-text span {
     position:absolute;
     right:20px;
     top:21px;
     font-size:9px;
     color:#999;
}
 .message-counter {
     position:absolute;
     left:0;
     bottom:-2px;
     z-index:10;
     width:20px;
     height:20px;
     line-height:20px;
     font-size:11px;
     color:#fff;
     border-radius:100%;
}
 .nopadding {
     padding: 0 !important;
     margin: 0 !important;
}
 .chat-contacts-item:after {
     content:'';
     position:absolute;
     right:0;
     width:6px;
     height:0;
     z-index:-1;
     top:0;
     transition: all .2s ease-in-out;
}
 .chat-contacts-item_active:before {
     content:'';
     position:absolute;
     right:0;
     top:0;
     bottom:0;
     left:-30px;
     background:#ECF6F8;
     z-index:-2;
}
 .chat-contacts-item.chat-contacts-item_active:after , .chat-contacts-item:hover:after {
     height:100%;
}
 .dashboard-list-box .reviews-comments-wrap {
     padding:0 30px;
}
 .add-button{
     float:left;
     padding:10px 15px;
     border-radius:4px;
     color:#fff;
     font-size:11px;
     cursor:pointer;
}
 .hotel-facts input{
     width:45% !important;
     padding-left:10px !important;
     margin-right:1%;
}
.hotel-facts button, .hotel-facts2 button{
  margin-top:3px;
}
.hotel-facts2 input{
    width:90% !important;
    padding-left:10px !important;
    margin-right:1%;
}
 .act-widget-header {
     float: left;
     width: 100%;
     position: relative;
     border-radius: 6px;
     background: #F7F9FB;
     padding: 10px 20px;
     border: 1px solid #eee;
     margin-bottom: 15px;
}
 .act-widget h4 {
     float: left;
     position: relative;
     font-size: 12px;
     font-weight: 400;
     top: 16px;
     color:#999;
}
 .act-widget-header .onoffswitch {
     float: right;
     top: 6px;
}
 .error_message , #success_page h3 {
     text-align:left;
     margin-bottom:10px;
     font-size:12px;
     font-weight:800;
     text-transform:uppercase;
}
 #success_page p {
     margin-top:10px;
}
/*------ to-top------------------------------------------------*/
 .to-top {
     position:fixed;
     bottom:120px;
     right:20px;
     width:40px;
     height:40px;
     color:#fff;
     line-height:40px;
     font-size:17px;
     z-index:116;
     cursor:pointer;
     display:none;
     border-radius:3px;
     box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.2);
     -webkit-transform: translate3d(0,0,0);
}
 .to-top:hover {
     background: #346cb0;
     color:#fff;
}
/*------FAQ------------------------------------------------*/
 .faq-nav {
     margin-bottom:30px;
}
 .faq-nav li {
     text-align:left;
     width:100%;
     float:left;
     border-bottom:1px solid #eee;
}
 .faq-nav li a {
     color:#666;
     float:left;
     width:100%;
     padding:14px 12px;
     position:relative;
     font-size:12px;
}
 .faq-nav li a:hover {
     color:#999;
}
 .faq-nav li a:before {
     font-family: "Font Awesome 5 Free";
     content: "\f105";
     position: absolute;
     top: 12px;
     right: 10px;
     font-size: 12px;
     color:#ccc;
}
 .process-item {
     padding:20px 30px;
     background:#fff;
     border-radius:4px;
     position:relative;
     border:1px solid #eee;
}
 .process-item:before {
     content:'';
     position:absolute;
     top:50%;
     right:-100px;
     height:1px;
     width:100px;
     z-index:-1;
     background:#eee;
}
 .process-item.nodecpre:before {
     display:none;
}
 .big-pad-pr-item {
     padding:30px 30px;
}
 .process-item h4 {
     font-size: 16px;
     font-weight: 600;
     padding:10px 0;
}
 .process-item h4 , .process-item h4 a{
     color: #183c7d;
}
 .time-line-icon {
     position:relative;
     z-index:0;
     overflow:hidden;
}
 .time-line-icon:before {
     content:'';
     position:absolute;
     width:70px;
     height:70px;
     border-radius:100%;
     left:-20px;
     top:-50px;
     background:#ECF6F8;
     opacity:0.7;
     z-index:1;
}
 .time-line-icon i{
     font-size:54px;
     position:relative;
     z-index:2;
     padding-bottom:10px;
}
/*------404------------------------------------------------*/
 .error-wrap h2{
     font-size:134px;
     color:#fff;
     font-weight:900;
     letter-spacing:10px;
}
 .error-wrap p {
     color:rgba(255,255,255,0.91);
     font-size:14px;
}
 .error-wrap form {
     margin:30px auto 20px;
     max-width:550px;
     overflow:hidden;
     border-radius:6px;
     position:relative;
     box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
 .error-wrap form input {
     float: left;
     width: 100%;
     border: none;
     background: #fff;
     height: 50px;
     padding: 0 100px 0 20px;
     z-index: 1;
}
 .error-wrap form .search-submit {
     position: absolute;
     top: 0;
     right: 0;
     width: 100px;
     height: 50px;
     line-height: 50px;
     z-index: 2;
     color: #fff;
     border: none;
     cursor:pointer;
}
 .error-wrap a.btn {
     display:inline-table;
     margin-top:10px;
}
 .city-bg {
     height:325px;
     top:inherit;
     bottom:0;
     opacity:0.8;
     background:url(../images/city.png) repeat-x;
}
 .wave-bg.wave-bg2 {
     background:url(../images/pattern.png) repeat;
     opacity:0.1;
}
 .cloud-anim {
     z-index:1;
     font-size:54px;
     opacity:0.8;
     color:#fff;
     position:absolute;
}
 .cloud-anim-bottom {
     bottom:350px;
     right:150px;
     -webkit-animation: animateCloud2 20s linear infinite;
     animation: animateCloud2 20s linear infinite;
}
 .cloud-anim-top {
     top:120px;
     left:150px;
     -webkit-animation: animateCloud 35s linear infinite;
     animation: animateCloud 35s linear infinite;
}
 @keyframes animateCloud {
     0% {
         left: -110px;
    }
     100% {
         left: 100%;
    }
}
 @keyframes animateCloud2 {
     0% {
         right: -110px;
    }
     100% {
         right: 100%;
    }
}
 @keyframes animateCloud3 {
     0% {
         left: 20px;
    }
     50% {
         left: 90%;
    }
     100% {
         left: 20px
    }
}
 @keyframes animateCloud4 {
     0% {
         right: 50px;
    }
     50% {
         right: 80%;
    }
     100% {
         right: 50px;
    }
}
 @keyframes animateStars {
     0% {
         bottom: -10px;
         opacity:0.5
    }
     50% {
         bottom: 80%;
         opacity:0.2
    }
     100% {
         bottom: -10px;
         opacity:0.5
    }
}
 @keyframes animateStars2 {
     0% {
         top: -10px;
         opacity:0.5
    }
     50% {
         top: 80%;
         opacity:0.2
    }
     100% {
         top: -10px;
         opacity:0.5
    }
}
/*------ price tables------------------------------------------------*/
 .price-item {
     float:left;
     width:33.3%;
     position:relative;
     z-index:1;
}
 .price-item:hover , .best-price {
     box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.07);
     z-index:2;
}
 .best-price {
     top:-30px;
     transform: scale(1.05);
}
 .price-item:hover {
     z-index:3;
}
 .price-head {
     float:left;
     width:100%;
     padding:22px 20px;
     position:relative;
     border-top-left-radius:10px;
     border-top-right-radius:10px;
     overflow:hidden;
}
 .price-head:before , .price-head:after {
     content: '';
     position: absolute;
     bottom: -150px;
     right: -60px;
     width: 200px;
     height: 200px;
     background: #fff;
     border-radius: 100%;
     opacity: 0.2;
}
 .price-head:after{
     bottom: 20px;
     right: inherit;
     left: -200px;
     width: 300px;
     height: 300px;
}
 .price-head-decor {
     position:relative;
     width:100%;
     display:inline-table;
     margin-bottom:20px;
     padding:20px 0;
}
 .price-head-decor i {
     font-size:74px;
     color:#fff;
     -webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.2)));
}
 .price-item:hover .price-head-decor i{
     animation: bounce 2s ease-in-out infinite;
}
 .price-item:hover .price-head-decor:before {
     -webkit-animation: animateCloud3 12s ease-in-out infinite;
     animation: animateCloud3 12s ease-in-out infinite;
}
 .price-item:hover .price-head-decor:after {
     -webkit-animation: animateCloud4 15s ease-in-out infinite;
     animation: animateCloud4 15s ease-in-out infinite;
}
 .price-head-decor:before , .price-head-decor:after {
     font-family: "Font Awesome 5 Free";
     content: "\f0c2";
     position:absolute;
     color:#fff;
     font-size:25px;
     font-weight:500;
     z-index:120;
     opacity:0.5;
}
 .price-head-decor.stars-dec:before , .price-head-decor.stars-dec:after{
     content: "\f005";
}
 .price-head-decor.cloud-2:before , .price-head-decor.cloud-2:after{
     font-weight:800;
}
 .price-item:hover .price-head-decor.stars-dec:before {
     -webkit-animation: animateStars 3s ease-in-out infinite;
     animation: animateStars 3s ease-in-out infinite;
}
 .price-item:hover .price-head-decor.stars-dec:after {
     -webkit-animation: animateStars2 5s ease-in-out infinite;
     animation: animateStars2 5s ease-in-out infinite;
}
 .price-head-decor:before {
     left:20px;
     bottom:-10px;
}
 .price-head-decor:after {
     top:-10px;
     right:50px;
}
 .best-price .price-head , .price-num.col-dec-2:before{
     background: #5ECFB1;
}
 .price-head h3 {
     color:#fff;
     position:relative;
     z-index:2;
     padding-bottom:10px;
     margin-bottom:10px;
     font-size:18px;
     font-weight:500;
     display:inline-table;
     border-bottom:1px dotted rgba(255,255,255,0.81);
}
 .price-num {
     padding:20px 15px 0;
     overflow:hidden;
}
 .price-num:before {
     content:'';
     position:absolute;
     left:50%;
     top:-35px;
     width:50px;
     height:50px;
     margin-left:-25px;
     border-radius:100%;
     z-index:10;
     -webkit-transform: translate3d(0,0,0);
}
 .price-num span.curen {
     position:relative;
     top:-32px;
     padding-right:7px;
     font-weight:400;
     font-size:17px;
}
 .price-num-desc {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style:italic;
     color: #999;
     display: inline-table;
     font-size:12px;
     margin-top:6px;
     font-weight:300;
     position:relative;
     overflow:hidden;
}
 .mouth-cont {
     z-index:1;
     opacity:1;
     position:relative;
}
 .year-cont {
     position:absolute;
     left:0;
     opacity:0;
     top:0;
     z-index:2;
}
 .year-cont , .year-sale , .price-item{
     -webkit-transition: all 300ms ease-out;
     transition: all 300ms ease-out;
}
 .year-sale {
     position:absolute;
     top:60px;
     right:30px;
     font-size:36px;
     font-weight:300;
     color:rgba(255,255,255,0.41);
     opacity:0;
}
 .year-mont .year-sale {
     opacity:1;
     top:80px;
}
 .year-mont .mouth-cont {
     opacity:0;
}
 .year-mont .year-cont {
     opacity:1;
}
 .year-mont .price-num-item .year-cont {
     left:-30px;
}
 .price-num-item {
     font-size:55px;
     position:relative;
     font-weight:600;
     color:#666;
     display:inline-table;
}
 .price-desc{
     padding:20px 0 30px;
}
 .price-desc ul li {
     float:left;
     width:100%;
     padding:18px 0;
     color:#666;
     font-weight:500;
     font-size:12px;
     border-bottom:1px solid #eee;
}
 .price-desc ul li:nth-child(2n+1) {
     background: #f9f9f9;
}
 .price-desc ul li:first-child {
     border-top:1px solid #eee;
}
 .price-link {
     display:inline-table;
     padding:15px 20px;
     color:#fff;
     border-radius:6px;
     font-size:12px;
     margin-top:30px;
     font-weight:400;
}
 .price-content {
     background:#fff;
     border:1px solid #eee;
     border-top:none;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
}
 .recomm-price {
     margin-top:40px;
     font-weight:400;
     color:#999;
     font-size:12px;
}
 .recomm-price i {
     width:40px;
     height:40px;
     line-height:40px;
     color:#fff;
     font-size:16px;
     border-radius:100%;
     margin-bottom:10px;
}
 .pricing-wrap {
     margin:60px 0 30px;
}
 .pricing-switcher {
     text-align: center;
     position:relative;
}
 .pricing-switcher:before {
     content:'';
     position:absolute;
     left:50%;
     width:1px;
     height:80px;
     z-index:-1;
     bottom:-53px;
     background:#eee;
}
 .pricing-switcher .fieldset {
     display: inline-block;
     position: relative;
     padding: 2px;
     border-radius:30px;
     margin-bottom:30px;
}
 .pricing-switcher input[type="radio"] {
     position: absolute;
     opacity: 0;
     left:-1000px;
}
 .pricing-switcher label {
     position: relative;
     z-index: 1;
     display: inline-block;
     float: left;
     width: 110px;
     height: 36px;
     line-height: 36px;
     cursor: pointer;
     font-weight:600;
     font-size:11px;
     color:#fff;
     -webkit-transition: all 400ms ease-out;
     transition: all 400ms ease-out;
}
 .pricing-switcher .switch {
     position: absolute;
     top: 5px;
     left: 5px;
     height: 30px;
     width: 110px;
     background: #fff;
     border-radius: 30px;
     -webkit-transition: all 300ms ease-out;
     transition: all 300ms ease-out;
}
 .pricing-switcher input[type="radio"]:checked + label + .switch, .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
     -webkit-transform: translateX(104px);
     transform: translateX(104px);
}
 .pricing-switcher input[type="radio"]:checked + label {
     color:#999;
}
/*------Blog------------------------------------------------*/
 .article-masonry {
     width:50%;
     float:left;
     padding:0 10px;
     margin-bottom:20px;
}
 .card-post {
     float:left;
     width:100%;
     position:relative;
     overflow:hidden;
     border-radius:6px;
     background:#fff;
}
 .card-post .btn {
     margin-bottom:20px;
}
 .post-article {
     margin-bottom:30px;
     float:left;
     width:100%;
     position:relative;
}
 .post-article .list-single-main-media , .card-post .list-single-main-media {
     margin:0;
}
 .post-article-title {
     padding:30px;
}
 .card-post-img img{
     float:left;
     width:100%;
     height:auto;
}
 .card-post-content {
     padding:15px 20px 0;
     border:1px solid #eee;
}
 .card-post-content h3 {
     float:left;
     width:100%;
     text-align:left;
     color:#666;
     font-size:16px;
     font-weight:700;
     padding:15px 0;
     border-bottom:1px solid #eee;
     margin-bottom:15px;
}
 .card-post-content h3:before {
     font-family: "Font Awesome 5 Free";
     content: "\f0d7";
     position: absolute;
     right: 20px;
     top: 30px;
}
 .card-post-content h3 a {
     color: #666;
}
 .card-post-content p {
     text-align:left;
}
 .home-posts {
     margin-bottom:40px;
}
 .card-post-content .post-opt {
     border-top:1px solid #eee;
     width:100%;
     padding:15px 0;
     margin:20px 0 5px;
}
 .post-nav {
     margin-top:20px;
     margin-bottom:10px;
}
 .post-nav:before {
     content:'';
     position:absolute;
     left:50%;
     height:50px;
     top:50%;
     margin-top:-25px;
     width:1px;
     background:#eee;
}
 .post-link {
     position:relative;
     font-size:15px;
     font-weight:400;
     color: #999;
}
 .post-link span {
     color: #999;
     font-size:12px;
     font-weight:600;
}
 .post-link i {
     width:40px;
     height:40px;
     position:absolute;
     top:0;
     line-height:40px;
     font-size:22px;
}
 .post-link:hover i {
     -webkit-transform: rotateX(360deg);
     transform: rotateX(360deg);
}
 .post-link.prev-post-link {
     float:left;
     padding-left:40px;
     text-align:left;
}
 .post-link.next-post-link {
     float:right;
     padding-right:40px;
     text-align:right;
}
 .post-link.prev-post-link i {
     left:0;
     text-align:left;
}
 .post-link.next-post-link i {
     right:0;
     text-align:right;
}
 .post-author {
     float:left;
     margin-right:20px;
     margin-top:10px;
}
 .post-author img {
     width:40px;
     height:40px;
     border-radius:100%;
     float:left;
     margin-right:20px;
}
 .post-author span {
     font-weight:600;
     position:relative;
     top:14px;
     color:#666;
     font-size:12px;
}
 .post-opt {
     padding-top:24px;
}
 .post-opt , .post-opt li {
     float:left;
}
 .post-opt li {
     margin-right:20px;
}
 .post-opt li span , .post-opt li a {
     font-weight:500;
     font-size:12px;
}
 .post-opt li i {
     padding-right:6px;
}
 .search-widget input {
     float:left;
     width:100%;
     border:none;
     background: #ECF6F8;
     height:50px;
     padding:0 80px 0 20px;
     z-index:1;
     border-radius:4px 0 0 4px;
}
 .search-widget .search-submit{
     position:absolute;
     top:0;
     right:0;
     width:80px;
     height:50px;
     line-height:50px;
     z-index:2;
     color:#fff;
     border:none;
     cursor:pointer;
     border-radius:0 4px 4px 0 ;
}
 .jr-insta-thumb {
     float:left;
     width:100%;
     margin-bottom:15px;
}
 .jr-insta-thumb ul {
     list-style:none;
}
 .jr-insta-thumb li {
     float:left;
     width:33.3%;
     padding:5px;
     overflow:hidden;
}
 .jr-insta-thumb li img {
     width:100%;
     height:auto;
     border-radius:6px;
}
 .jr-insta-thumb li a , .post-link i {
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .jr-insta-thumb li a:hover {
     opacity:0.6;
}
 .cat-item li{
     float:left;
     width:100%;
     padding-bottom: 8px;
     margin-bottom: 15px;
     text-align:left;
     position:relative;
}
 .cat-item li:last-child {
     margin-bottom:0;
}
 .cat-item li:before {
     content:'';
     position:absolute;
     bottom:6px;
     width:100px;
     height:1px;
     background:#eee;
     left:50%;
     margin-left:-25px;
}
 .cat-item li a{
     float:left;
     font-size:12px;
     color:#666;
     font-weight:400;
}
 .cat-item li span {
     float:right;
     color:#999;
     font-size:12px;
}
 .fixed-bg .overlay {
     opacity:0.6;
}
 .mob-bg , .mobile-list-controls {
     display:none;
}
 .vishidelem {
     display:block !important;
}
/*------responsive------------------------------------------------*/
 @media only screen and (max-width: 1224px) {
     .text-carousel .slick-item {
         padding: 0 5px;
    }
     .col-list-wrap {
         width:800px;
    }
     .map-container.column-map {
         width: calc(100% - 800px);
    }
     .three-columns-grid .listing-item.has_one_column .geodir-category-listing {
         padding-left:13px !important;
    }
     .three-columns-grid .listing-item.has_one_column .geodir-category-img {
         top:12px;
    }
}
 @media only screen and (max-width: 1064px) {
     .mobile-list-controls {
         display:block;
    }
    .twoColumn{
      columns: 1 !important;
      -webkit-columns: 1 !important;
      -moz-columns: 1 !important;
    }
    #timeline .info {
      width: 100% !important;
    }
     .col-list-wrap .mobile-list-controls {
         margin-top:20px;
    }
     .mlc {
         padding:15px 0;
         width:50%;
         color:#fff;
         float:left;
         border-radius:0 4px 4px 0;
         font-size:12px;
         cursor:pointer;
    }
     .mlc:first-child {
         border-right:1px solid rgba(34,34,48,.12);
         box-sizing:border-box;
         border-radius: 4px 0 0 4px;
    }
     .mlc.fl-wrap {
         width:100%;
         border-radius:4px;
    }
     .mlc i {
         padding-right:10px;
    }
     .col-list-search-input-item .quantity-item {
         margin-right:15px;
         width:auto;
    }
     .col-list-search-input-item {
         margin-bottom:15px;
    }
     .map-container.column-map.right-pos-map , .map-container.fw-map.big_map.hid-mob-map {
         width: 100%;
         right:-100%;
         position: absolute;
         z-index:100 !important;
         -webkit-transform: translate3d(0,0,0);
    }
     .fixed-mobile {
         position:fixed !important;
         top:110px !important;
    }
     .map-close {
         display:block;
    }
     .nav-button-wrap , .mob-bg {
         display: block;
    }
     .logo-holder{
         margin-left:10px;
    }
     .fixed-footer {
         position:relative !important;
         float:left;
    }
     .main-menu nav ul , video.bgvid , .process-item:before , .back-to-filters , .lws_mobile{
         display:none;
    }
     .process-item {
         margin-bottom:20px;
    }
     .main-menu{
         position: absolute ;
         top:50px;
         left:-20px;
         width:300px;
         z-index:50;
         padding:15px 10px ;
         background:#fff;
         border-bottom-right-radius:6px;
         border-right:1px solid #eee;
         border-bottom:1px solid #eee;
         visibility:hidden;
         opacity:0;
         -webkit-transition: all 0.4s ease-in-out;
         transition: all 0.4s ease-in-out;
    }
     .vismobmenu {
         opacity:1;
         left:0;
         visibility:visible;
    }
     .menusb {
         display:block;
         float:left;
         position:relative;
         width:100%;
         overflow:hidden;
    }
     .main-menu .menusb ul {
         display:block;
         float:left;
         position:relative;
         width:100%;
    }
     .menusb li {
         margin: 0;
         float: left;
         width:100%;
         position:relative;
         overflow:hidden;
         padding:0 20px;
    }
     .menusb li i {
         position:absolute;
         right:18px;
         top:10px;
    }
     .menusb a {
         float:left;
         width:100%;
         padding:8px 5px;
         position:relative;
         font-weight: 600;
         font-size: 12px;
         color: #50596E;
         line-height:14px;
         text-align:left;
    }
     .menusb a i{
         transform: rotate(-90deg);
    }
     .menusb a.back{
         padding-left:24px;
    }
     .menusb a.back:before{
         font-family: "Font Awesome 5 Free";
         content: "\f177";
         font-size:14px;
    }
     .main-header .container {
         width:100%;
    }
     .home-grid .gallery-item {
         width:50%;
    }
     .home-grid .gallery-item .listing-counter {
         top:20px;
         left:15px;
    }
     .home-grid .gallery-item.gallery-item-second .listing-counter {
         left: inherit;
         right:15px;
         z-index:100;
         top:10px;
    }
     .home-grid .gallery-item .listing-item-cat{
         padding: 30px 15px 10px;
    }
     section.hero-section {
         padding:100px 0;
    }
     .light-carousel-wrap , .fw-col-list-wrap .list-main-wrap-opt .list-main-wrap-title.col-title {
         margin-top:30px;
    }
     .single-facts .inline-facts-wrap {
         width:100%;
         padding:5px 0;
    }
     .collage-image {
         margin-top:40px;
         float:left;
    }
     .images-collage-title {
         left:10px;
    }
     .pad-top-column-text {
         padding:0;
    }
     .footer-carousel-title {
         top:0;
    }
     .footer-social {
         margin-bottom:30px;
    }
     .contact-btn , .mar-bot-cont {
         margin-top:0;
         margin-bottom:20px;
    }
     .subfooter-lang {
         float:left;
         width:100%;
         margin:15px 0;
    }
     .subfooter-lang-tooltip {
         right:inherit;
         left:0;
         width:200px;
    }
     .subfooter-nav {
         float:left;
         margin-right:0;
    }
     .card-post , .video-box , .team-box , .tags-stylwrap a , .price-item {
         margin-bottom:15px;
    }
     .best-price {
         top: 0;
         transform: scale(1.0);
    }
     .pricing-wrap {
         margin:0;
    }
     .team-box , .three-columns-grid .listing-item {
         width: 50%;
    }
     .success-table-header a {
         top:0;
         margin-top:15px;
         float:left;
    }
     .success-table-header p , #footer-twiit p.tweet , .contact-btn {
         width:100%;
    }
     .dasboard-wrap {
         padding-left: 0;
    }
     .dasboard-sidebar {
         position: relative;
         float:left;
         width: 100%;
         z-index: 10;
         top: 0;
         margin-bottom:20px;
    }
     .dasboard-avatar {
         width:30%;
         float:left;
    }
     .dasboard-sidebar-item {
         width:70%;
    }
     .dasboard-sidebar-item {
         padding:0 10px 0 0;
         text-align:left;
    }
     .dasboard-sidebar-item:before {
         left:0;
         margin-left:0;
    }
     .log-out-btn {
         background:#F9B90F !important
    }
     .ed-btn {
         float:left;
    }
     .flat-header {
         padding-top: 140px;
    }
     .dasboard-sidebar-content {
         padding: 20px 0 44px 0;
    }
     .dasboard-sidebar-content:before {
         position: absolute;
         font-family: "Font Awesome 5 Free";
         content: "\f085";
         color: #fff;
         right:70px;
         top:70px;
         opacity:0.4;
         font-size:54px;
    }
     .header-search-button {
         margin-top:10px;
    }
     .col-list-wrap , .search-input-item , .search-input-item.midd-input , .search-input-item.small-input , #footer-twiit .timePosted a , .price-item , .three-columns-grid .listing-item.has_one_column {
         width:100%;
    }
     .list-single-main-container {
         padding-left:0;
    }
     .fixed-scroll-column {
         position:relative !important;
         float:left;
         left:0;
         width:100%;
         top:-20px;
    }
     .list-single-hero-rating {
         float:left;
         margin-top:20px;
    }
     .list-single-hero-links {
         float:left;
         top:15px;
    }
     .lisd-link {
         margin-left:0;
         margin-right:10px;
    }
     .list-single-hero-rating .score {
         float:right;
         text-align: left;
         padding-right:0;
         padding-left:15px;
    }
     .list-single-hero {
         padding: 100px 0 0;
    }
     .fc-button {
         margin-right:5px;
    }
     .fc-button span {
         left:0;
         top:-60px;
    }
     .fixed-scroll-column-share-container {
         position:absolute;
         top:70px;
         left:0;
         background:#346cb0;
         padding-left:20px;
         width:180px;
         border-radius:6px;
    }
     .share-container .share-icon {
         float:left;
         width: 20px;
         height: 20px;
         line-height: 20px;
         margin-right:6px;
    }
     .list-single-carousel-wrap , .fw-carousel .slick-slide-item {
         height:400px !important;
    }
}
 @media only screen and (max-width: 768px) {
     .home-grid .gallery-item , .article-masonry , .main-search-input-item , .main-search-button , .listing-item , .rooms-media , .rooms-details {
         width:100%;
    }
     .show-lang span, .show-currency-tooltip span, .show-lang i, .show-currency-tooltip i,.review-comments-avatar:before , .grid-opt , .scroll-nav{
         display: none;
    }
     .lang-tooltip span, .currency-tooltip span{
         display: none;
    }
     .lang-tooltip , .currency-tooltip {
         width:52px;
    }
     .show-lang , .show-currency-tooltip{
         width:52px;
    }
     .show-lang img {
         margin-right:-4px;
    }
     .show-search-button {
         width: 120px;
    }
     .add-hotel {
         padding: 0 20px;
    }
     .show-reg-form {
         margin-right:20px;
    }
     .header-search-input-item {
         margin-bottom:15px;
    }
     .header-search-input-item .quantity-item, .col-list-search-input-item .quantity-item {
         width: auto;
    }
     .header-search-button {
         top:5px;
    }
     .header-search {
         padding: 20px 30px 10px;
    }
     .main-search-input-item {
         margin-bottom:10px;
    }
     .main-search-input-item input , .main-search-input-item , .main-search-button {
         border-radius:6px;
    }
     .main-search-input {
         padding:0;
         background:rgba(255,255,255,0.3);
    }
     .main-search-button , .scroll-nav-wrapper .show-hidden-map{
         position:relative;
         float:left;
    }
     .qty-dropdown {
         z-index:100;
    }
     .home-intro h2 {
         font-size:34px;
    }
     .list-carousel .sw-btn{
         top:26%;
    }
     .light-carousel .slick-slide-item {
         padding:10px 0;
    }
     .light-carousel .slick-slide-item .hotel-card {
         padding:0 10px;
    }
     .text-carousel .slick-item {
         padding: 0 25px 0 5px;
    }
     .slider-container .slider-item{
         padding:80px 0 100px;
    }
     .slider-container-wrap .sw-btn {
         top:100%;
    }
     .reviews-comments-item {
         padding: 0 0 30px 0;
    }
     .review-comments-avatar {
         top: -25px;
         left: 25px;
         z-index:30;
         width:50px;
         height:50px;
    }
     .review-comments-avatar img {
         width:50px;
         height:50px;
    }
     .post-nav a{
         margin-bottom:20px;
    }
     #progressbar li{
         width:48%;
         margin-bottom:10px;
    }
     .ed-btn {
         margin-left:30%;
    }
     .listing-item , .listing-item:nth-child(even){
         padding:0;
    }
     .listing-features li , .list-single-facts .inline-facts-wrap {
         width:50%;
    }
     .rooms-details {
         padding-left:0;
    }
     .list-single-hero-header .list-single-hero-price , .rooms-details{
         margin-top:15px;
    }
     .job_type::before {
         top: 8px !important;
    }
     #timeline .listing img, .info, .job_type {
         display: block!important;
    }
     .job_title {
         font-size: 1em !important;
    }
     #timeline .image_wrapper {
         float:left;
         margin-right:10px;
         width: 70px !important;
    }
     #timeline .image_wrapper img{
         width: 70px !important;
    }
     .job_info {
         font-size:1em;
    }
     .job_type {
         float:right !important;
         width: auto !important;
    }
     .vertical-job-header h4 {
         font-size: 1em !important;
    }
     .skill-tag a {
         font-size:0.9em !important;
    }
     .down-btn {
         float: none !important;
         margin-right: 0 !important;
    }
     span.pull-right.vacancy-no {
         right: 15px !important;
         top: 40px !important;
    }
     .skill-tag{
         padding:9px 12px;
    }
     .geodir-opt-list {
         top: -10px;
    }
     .logo-holder {
         top: 7px !important;
         height:45px !important;
    }
}
 @media only screen and (max-width: 540px) {
     .home-btn , .show-search-button span{
         display:none;
    }
     .nav-button-wrap {
         margin-left:10px;
    }
     .show-search-button {
         width: 60px;
    }
     .show-search-button i {
         padding-left: 0;
    }
     .home-intro h2 , .home-intro-card h3 , section.parallax-section .section-title.big-title h2 , .list-single-hero-title h2 {
         font-size:24px;
    }
     section.hero-section {
         padding:50px 0 100px;
    }
     .list-carousel {
         padding: 0;
    }
     .collage-image .main-collage-image , .collage-image-input {
         right:10px;
    }
     .controls-mapwn {
         width:250px;
         padding: 0 20px;
         height:43px;
         line-height:43px;
    }
     .map-modal-item , .main-register-holder {
         padding:0 10px;
    }
     .daterangepicker {
         width: 303px !important;
    }
     .team-box , #progressbar li , .previous-form , .next-form , .list-single-header-contacts li {
         width: 100%;
    }
     .list-single-header-contacts li {
         text-align:left;
         padding:5px 0;
    }
     .next-form , .list-single-hero-price {
         float: left;
         margin-top:15px;
    }
     .success-table-header {
         padding: 10px 0 0 0;
    }
     .success-table-header i.decsth {
         position:relative;
         float:left;
         margin-bottom:10px;
    }
     .map-view-wrap {
         position:relative;
         height:auto;
         float:left;
    }
     .map-view-wrap_item {
         top: 0;
    }
     .map-view-wrap_item , .dasboard-avatar , .dasboard-sidebar-item , .dashboard-message-avatar , .price-opt , .half-tags , .three-columns-grid .listing-item , .list-single-main-media .gallery-item , .listing-features li , .list-single-facts .inline-facts-wrap , .review-total , .review-range-container , .facilities-list .btn , .review-score-detail , .review-score-total {
         width: 100%;
    }
     .facilities-list .btn {
         margin-top:40px;
    }
     .review-score-total {
         margin-bottom:10px;
    }
     .dasboard-avatar , .review-range-container , .review-score-detail {
         padding:0;
    }
     .dasboard-avatar img {
         width:80px;
         height:80px;
    }
     .list-single-facts .inline-facts-wrap {
         border-top:1px solid #e2e2e2;
         border-left:none;
    }
     .dasboard-sidebar-item {
         padding:0 10px 0 0;
         text-align: center;
    }
     .dasboard-sidebar-item:before {
         left:50%;
         margin-left:-25px;
    }
     .dasboard-sidebar-content {
         padding: 40px 0 44px 0;
    }
     .ed-btn {
         float: none;
    }
     .tfp-btn {
         top: -70px;
         right:inherit;
         left:0;
    }
     .tfp-det {
         top:-30px;
    }
     .tfp-det-btn {
         float:none;
         display:inline-block;
    }
     .dasboard-sidebar-content:before {
         top:20px;
         right:20px;
    }
     .ed-btn {
         margin-left:0;
    }
     .dasboard-menu , .dasboard-menu li{
         width:100%;
    }
     .dasboard-menu-btn {
         display:block;
    }
     .dasboard-menu ul.dasboard-menu-wrap {
         display:none;
         background:#fff;
         float:left;
         width:100%;
         padding:10px 20px;
         margin-bottom:20px;
    }
     .dasboard-menu li ul {
         position: relative;
         top:0;
         background: none;
         padding:0;
         width: auto;
         z-index:2;
         border: none;
         opacity:1;
         display:block;
         visibility: visible;
         float:left;
         width:100%;
    }
     .dasboard-menu li ul li {
         float:left;
         width:100%;
         padding:0;
         position:relative;
    }
     .dasboard-menu li ul li span {
         position:absolute;
         top:50%;
         right:0;
         width:16px;
         height:16px;
         margin-top:-8px;
         line-height:16px;
         border-radius:100%;
         font-size:9px;
         color:#fff;
    }
     .dasboard-menu li a i {
         display:none;
    }
     .dasboard-menu li a {
         padding:10px 0 !important;
         background:none !important;
         color:#666 !important;
    }
     .dasboard-menu li a.user-profile-act , .dasboard-menu li a:hover {
         color:#3AACED !important;
         box-shadow:none;
    }
     #myChartLegend {
         float:left;
         margin-top:10px;
    }
     #myChartLegend li {
         margin-left:0;
         margin-right:10px;
    }
     .dashboard-message-text {
         margin-left:15px;
    }
     .new-dashboard-item {
         padding:6px 10px;
         right:15px;
    }
     .dasboard-menu {
         top:0;
    }
     .dashboard-message-text {
         margin-left: 0;
         text-align: left;
         padding-left: 0;
    }
     .dashboard-message-avatar img , .review-total {
         float:left;
         margin-bottom:20px;
    }
     .chat-message , .chat-message.chat-message_user .massage-date {
         padding-left:0;
         padding-right:0 !important;
    }
     .chat-message .dashboard-message-avatar {
         position:relative;
         top:0;
    }
     .chat-message .dashboard-message-avatar span {
         float:left;
         margin: 10px 0 0 12px;
    }
     .chat-message.chat-message_user .massage-date {
         float:left;
    }
     .massage-date{
         margin:10px 0;
    }
     .chat-message p:before {
         display:none;
    }
     .map-close {
         width:43px;
         height:43px;
         left:260px;
         line-height:43px;
         font-size:12px;
    }
     .list-single-carousel-wrap , .fw-carousel .slick-slide-item {
         height:300px !important;
    }
     .to-top {
         right: 10px;
    }
     .ajax-modal-container {
         width: 500px;
    }
     .ajax-modal-details {
         padding: 20px 25px;
    }
     .ajax-modal-list li {
         width:50%;
    }
     .error-wrap h2 {
         font-size:74px;
    }
}
 @media only screen and (max-width: 420px) {
     .collage-image-btn{
         right:10px;
    }
     .add-hotel {
         display:none;
    }
     .show-reg-form {
         margin-right:30px;
    }
     .wishlist-wrap {
         width:300px;
         padding: 25px 10px 0;
    }
     .header-user-name {
         font-size: 11px;
    }
     .header-user-name:before{
         bottom:-1px;
         right:-20px
    }
     .header-user-menu {
         margin-right: 30px;
    }
     .ajax-modal-container {
         width: 400px;
    }
}
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
     .bg {
         background-attachment: scroll !important;
         -webkit-background-size:cover;
         background-position:center;
    }
}
/* ================= Clients ==================== */
 .brands{
    padding: 50px 0;
}
 .pad20{
    padding: 20px 0;
}
 .pad5{
    padding: 5px 0;
}
 .single-brand-item {
     position: relative;
     display: block;
     padding:10px;
     text-align: center;
     margin: 0 5px 30px 5px;
     float:left;
     border: 1px solid #f0eef9;
     transition: all 700ms ease;
     opacity:0.9;
}
 .single-brand-item img{
     height: 100%;
     width: 100%;
}
 .single-brand-item:hover{
     opacity:1;
     -webkit-box-shadow: 0px 2px 10px 3px #f0eef9;
     box-shadow: 0px 2px 10px 3px #f0eef9;
}
 .partner-carousel{
     margin: 0 15px;
}
 .single-partner-item {
     position: relative;
     display: block;
     padding:3px;
     text-align: center;
     margin: 0 5px 30px 5px;
     float:left;
     border: 1px solid #f0eef9;
     background: #fff !important;
     transition: all 700ms ease;
     opacity:0.8;
}
 .single-partner-item img{
     height: 100%;
     width: 100%;
}
 .single-partner-item:hover{
     opacity:1;
     -webkit-box-shadow: 0px 2px 10px 3px #f0eef9;
     box-shadow: 0px 2px 10px 3px #f0eef9;
}
 .message-item {
     margin-bottom: 25px;
     margin-left: 30px;
     position: relative;
}
 .message-item .message-inner {
     border-radius: 3px;
     position: relative;
     text-align:left;
}
 .message-item .message-inner .heading {
     padding-top:10px;
}
 .message-item .message-inner .content {
     font-weight:normal;
}
 .message-item:before {
     border-radius: 2px;
     bottom: -30px;
     box-shadow: 0 0 3px rgba(52, 108, 176,0.2);
     content: "";
     height: 100%;
     left: -28px;
     position: absolute;
     width: 3px;
}
 .message-item:after {
     border: 2px solid #346cb0;
     border-radius: 50%;
     box-shadow: 0 0 5px rgba(52, 108, 176,0.1);
     content: "";
     height: 15px;
     left: -36px;
     position: absolute;
     top: 10px;
     width: 15px;
}
 #timeline{
     width: 100%;
     position: relative;
     list-style: none;
     padding: 0;
     text-align:left;
}
 #timeline a {
     text-decoration: none;
}
 #timeline:after {
     content: "";
     width: 1px;
     background: 1px #e6e7e9;
     height: 90%;
     position: absolute;
     top: 3em;
     left: 3em;
     z-index: 0;
}
 #timeline .listing{
     background-color: white;
     border: 1px solid #e6e7e9;
     border-radius: 0.3em;
     padding: 1em;
     margin-bottom: 1em;
     position: relative;
     z-index: 1;
     display: table;
     width: 100%;
     transition: all .3s ease-in-out;
}
 #timeline .listing:hover{
     cursor: pointer;
     box-shadow: 0px 2px 40px 0 rgba(0,0,0,0.1);
}
 #timeline .listing img,.info,.job_type{
     display: table-cell;
     vertical-align: middle;
     font-size: 0.9em;
     color: #74718f;
}
 #timeline .image_wrapper{
     width: 100px;
}
 #timeline .image_wrapper img{
     width: 100px;
     display : block;
     margin : 0 auto;
     border-radius: 0.25em;
}
#timeline .info{
     line-height: 1.80;
     padding-left: 5px;
     width: 75%;
}
 .job_title{
     font-weight: 700;
     font-size: 1.5em;
     color: #34324b;
}
 .job_info{
     color:#74718f;
     display: block;
     font-weight: 500;
}
 .job_info span{
     margin: 0 .75em;
}
 .job_type{
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.85em;
     position: relative;
     white-space: nowrap;
     padding-top: .6em;
     width: 100px;
}
 .job_type:before{
     content: " ";
     background-color: #fd7576;
     width:10px;
     height: 10px;
     border-radius: 100%;
     position: absolute;
     left:-20px;
     top:27px;
}
 .remote{
     color: #637373;
}
 .remote:before{
     background-color:#637373;
}
 .internship{
     color: #ff9a76;
}
 .internship:before{
     background-color:#ff9a76;
}
 .full_time{
     color: #fd7576;
}
 .full_time:before{
     background-color:#fd7576;
}
 .part_time{
     color: #fec85d;
}
 .part_time:before{
     background-color:#fec85d;
}
 .freelance{
     color: #4db8de;
}
 .freelance:before{
     background-color:#4db8de;
}
 .contract{
     color: #a378fc;
}
 .contract:before{
     background-color:#a378fc;
}
 .date{
     display: inline-block;
     padding: 1em 0;
     width: 100px;
     background-color: white;
     border: 1px solid #e6e7e9;
     border-radius: 3em;
     font-weight: 700;
     font-size: .75em;
     text-align: center;
     z-index: 2;
     position: relative;
     margin : 1em 0 2em 0;
     color: #34324b;
}
 .job-browse-btn {
     font-size: 12px;
}
 .full-type {
     color: #0fb76b!important;
}
 .part-type {
     color: #feb801!important;
}
 .internship-type {
     color: #f21136!important;
}
 .freelancer-type {
     color: #ff9800!important;
}
 .job-like {
     position: absolute;
     top: 20px;
     right: 35px;
}
 .job-featured {
     position: absolute;
     top: 0;
     right: 0;
     width: 38px;
     height: 38px;
     background: url(../images/job-featured.png) no-repeat;
     background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
}
 .job-verticle-list {
     text-align:left;
     display: block;
     width: 100%;
     margin-top: 3px;
     background: #fff;
     overflow: hidden;
     position: relative;
     border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     padding: 0 15px;
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104,0.08);
     -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104,0.08);
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104,0.08);
}
 .vertical-job-card {
     width: 100%;
}
 .vertical-job-body {
     border-top: 1px solid #eaeff5;
     border-bottom: 1px solid #eaeff5;
     padding: 15px 0;
     width: 100%;
}
 .vertical-job-header {
     display: inline-block;
     width: 100%;
     padding: 12px 0 10px;
     align-items: center;
}
 .vrt-job-cmp-logo {
     width: 100px;
     float: left;
}
 .vrt-job-cmp-logo img{
     width: 100px;
     display: block;
     margin: 0 auto;
}
 .com-tagline {
     margin-left: 110px;
}
 .vertical-job-header h4 {
     margin-left: 110px;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 0;
     line-height: 1;
     margin-top: 7px;
}
 .vertical-job-header h4 a{
     color:#46A5DC;
}
 .vertical-job-header .com-tagline {
     font-size: 13px;
     margin-bottom: 2px;
     display: block;
}
 .vertical-job-card ul {
     margin: 0;
     padding: 0;
}
 .vertical-job-card ul li {
     list-style: none;
}
 .vertical-job-body ul li {
     padding: 8px 0;
}
 .btn-job {
     display: inline-block;
     min-width: 140px;
     text-align: center;
     border-radius: 50px;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
     padding: 6px 20px;
     border: 1px solid transparent;
     margin: 6px auto;
}
 .cmp-job-rating .rating-counter , .cmp-job-review ul li i {
     margin-left: 10px;
}
 .vertical-job-footer {
     padding: 15px 0;
}
 .skill-tag a{
     float:left;
     font-size:11px;
     color:#999;
     font-weight:500;
     background: #F7F9FB;
     padding:9px 12px;
     border-radius:4px;
     border:1px dotted #e4e4e4;
}
 .cmp-job-review {
     float: right;
}
 span.pull-right.vacancy-no {
     position: absolute;
     right: 15px;
     top: 30px;
}
 span.pull-right.vacancy-no span.sponsored {
     background: rgba(255, 124, 57, 0.1);
     color: #ff7c39;
     width: 100px;
     height: 30px;
     display: inline-block;
     border-radius: 5%;
     -moz-border-radius: 5%;
     -webkit-border-radius: 5%;
     margin-left: 4px;
     border: 1px solid #ff7c39;
     text-align: center;
     font-size: 13px;
     font-weight: 600;
     line-height: 28px;
}
 span.pull-right.job-type {
     position: absolute;
     right: 25px;
     top: 25px;
     padding: 1px 22px;
     border-radius: 50px;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
     border: 1px solid #eaeff5;
     box-shadow: 1px 0 5px rgba(0,0,0,.07);
     -moz-box-shadow: 1px 0 5px rgba(0,0,0,.07);
     -webkit-box-shadow: 1px 0 5px rgba(0,0,0,.07);
     font-size: 11px;
}
 .mar30{
     margin: 30px 0 0;
}
 .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
     color: #3c763d;
}
 .has-success .formOto {
     border-color: #3c763d;
}
 .has-success .formOto:focus {
     border-color: #2b542c;
}
 .has-success .input-group-addon {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #3c763d;
}
 .has-success .formOto-feedback {
     color: #3c763d;
}
 .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
     color: #8a6d3b;
}
 .has-warning .formOto {
     border-color: #8a6d3b;
}
 .has-warning .formOto:focus {
     border-color: #66512c;
}
 .has-warning .input-group-addon {
     color: #8a6d3b;
     background-color: #fcf8e3;
     border-color: #8a6d3b;
}
 .has-warning .formOto-feedback {
     color: #8a6d3b;
}
 .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
     color: #a94442;
}
 .has-error .formOto {
     border-color: #a94442;
}
 .has-error .formOto:focus {
     border-color: #843534;
}
 .has-error .input-group-addon {
     color: #a94442;
     background-color: #f2dede;
     border-color: #a94442;
}
 .has-error .formOto-feedback {
     color: #a94442;
}
 .has-feedback label ~ .formOto-feedback {
     top: 25px;
}
 .has-feedback label.sr-only ~ .formOto-feedback {
     top: 0;
}
 .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 10px;
     color: #737373;
     text-align:left;
     font-weight:normal;
}
 .button--loading {
     cursor: wait;
}
 .button--loading:before {
     margin: -13px 0 0 -13px;
     width: 24px;
     height: 24px;
     position: absolute;
     left: 50%;
     top: 50%;
     content: '';
     -webkit-border-radius: 24px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 24px;
     -moz-background-clip: padding;
     border-radius: 24px;
     background-clip: padding-box;
     border: rgba(255, 255, 255, 0.25) 2px solid;
     border-top-color: #fff;
     -webkit-animation: animation-rotate 750ms linear infinite;
     -moz-animation: animation-rotate 750ms linear infinite;
     -o-animation: animation-rotate 750ms linear infinite;
     animation: animation-rotate 750ms linear infinite;
}
 .button--loading span, .button--loading:hover span, .button--loading:active span {
     color: transparent;
     text-shadow: none;
}
 @-webkit-keyframes animation-rotate {
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @-moz-keyframes animation-rotate {
     100% {
         -moz-transform: rotate(360deg);
    }
}
 @-o-keyframes animation-rotate {
     100% {
         -o-transform: rotate(360deg);
    }
}
 @keyframes animation-rotate {
     100% {
         transform: rotate(360deg);
    }
}
 .border {
     border: 1px solid #e5e5e5;
}
 .border-left {
     border-left: 1px solid #e5e5e5;
}
 .border-right {
     border-right: 1px solid #e5e5e5;
}
 .border-top {
     border-top: 1px solid #e5e5e5;
}
 .border-bottom {
     border-bottom: 1px solid #e5e5e5;
}
 .mega-dropdown {
     position: static !important;
}
 .mega-dropdown-menu > li > ul > li > a {
     display: block;
     padding: 3px 0;
     clear: both;
     font-weight: normal;
     line-height: 1.428571429;
     color: #999;
     white-space: normal;
}
 .mega-dropdown-menu > li > ul > li > a:hover {
     color: #F9B90F;
     text-decoration: none;
}
 .mega-dropdown-menu .dropdown-header {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 700;
     border-bottom: 1px solid #f1f1f1;
     margin: 10px 0;
     color: #000;
}
 .nice-select.chosen-select.open{
     z-index:9999;
}

/* scroller-status
------------------------- */

.page-load-status {
  display: none; /* hidden by default */
  position: relative;
}

.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}
.kapak-modal-wrap {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1000;
    display: none;
    overflow:auto;
    -webkit-transform: translate3d(0,0,0);
}
.kapak-modal-wrap-overlay {
    position:fixed;
    top:0;
    left:0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1;
    background: rgba(0,0,0,0.41);
    -webkit-transform: translate3d(0,0,0);
}
.kapak-modal-item {
    position:relative;
    max-width:1000px;
    margin:0 auto;
    top:25%;
    z-index:2;
}
.kapak-modal-container{
    padding:0;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
.logo-modal-wrap {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1000;
    display: none;
    overflow:auto;
    -webkit-transform: translate3d(0,0,0);
}
.logo-modal-wrap-overlay {
    position:fixed;
    top:0;
    left:0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:1;
    background: rgba(0,0,0,0.41);
    -webkit-transform: translate3d(0,0,0);
}
.logo-modal-item {
    position:relative;
    max-width:500px;
    margin:0 auto;
    top:25%;
    z-index:2;
}
.logo-modal-container{
    padding:0;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
.checkbox-input {
  display: none;
}

.checkbox-label, .checkbox-text, .checkbox-text--description {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.checkbox-label {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding:10px;
  margin-bottom:30px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 400;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: inset 0 0 0 0 #3AACED;
  text-align:left;
}
.checkbox-label:before {
  content: "";
  position: absolute;
  top: 75%;
  right: 16px;
  width: 40px;
  height: 40px;
  opacity: 0;
  background-color: #3AACED;
  background-image: url(../images/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.checkbox-text--title {
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 0px !important;
}

.checkbox-text--description {
  font-size: 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
  text-align:center;
  vertical-align:middle;
}

.checkbox-text--description-contact{
  font-size: 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
  text-align:left;
  vertical-align:middle;
  line-height:20px;
  width: 100%;
  height: 150px;
}

.checkbox-text--description-contact span{
  display:block;
}

.checkbox-text--description img{
	max-width:100%;
	max-height:100%;
	height: auto;
	width: 100%;
	margin:0 auto;
}
.checkbox-input:checked + .checkbox-label {
  border-color: #3AACED;
  box-shadow: inset 0 -5px 0 0 #3AACED;
}
.checkbox-input:checked + .checkbox-label:before {
  top: 0;
  opacity: 1;
}
.checkbox-input:checked + .checkbox-label .checkbox-text--description {
  border-color: #eee;
}

.selectBox select {
  background-color: #2D5890;
  color: white;
  padding: 5px;
  margin-bottom:10px;
  width: 100%;
  border: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}

.selectBox select option:disabled {
  font-weight: bold;
  color:#eee;
}

.selectBox:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}
.no-height{
  height:auto !important;
}
.status-controls {
    padding: 0;
    margin: 0;
}

.status-controls li {
    float: left;
    margin: 0;
}

.status-controls li a {
    float: left;
    padding: 10px 13px 9px 13px;
    display: inline-block;
    position: relative;
}

.status-controls li a:hover {
    background-color: #f2f2f2;
}

.status-controls li a:focus {
    box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75) !important;
    outline: none;
    border-radius: 1px;
    z-index: 999;
}

.status-controls li:first-child a:focus {
    box-shadow: 0 0 1px 2px rgba(229, 151, 0, .75) !important;
    outline: none;
    outline-color: #e59700;
    border-radius: 1px;
    z-index: 999;
}

.status-controls li a .fa {
    color: #b3b7bd;
    font-size: 16px;
    line-height: 17px;
    padding-top: 3px;
}

.likeButton {
  --color: #F6F8FF;
  --color-hover: #F6F8FF;
  --color-active: #fff;
  --icon: #E1E6F9;
  --icon-hover: #ECEFFC;
  --icon-active: #fff;
  --background: #404660;
  --background-hover: #393E57;
  --background-active: #275EFE;
  --shadow: rgba(0, 17, 119, 0.1);
  display: block;
  outline: none;
  cursor: pointer;
  position: relative;
  border: 0;
  background: none;
  padding: 4px 10px 4px 14px;
  border-radius: 5px;
  line-height: 27px;
  font-family: inherit;
  font-weight: 600;
  font-size: 12px;
  color: var(--color) !important;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.2s linear;
}
.likeButton:hover {
  --icon: var(--icon-hover);
  --color: var(--color-hover);
  --background: var(--background-hover);
}
.likeButton:active {
  --scale: .95;
}
.likeButton:not(.liked):hover {
  --hand-rotate: 8deg;
  --hand-thumb-1: -12deg;
  --hand-thumb-2: 36deg;
}
.likeButton.liked {
  --span-x: 2px;
  --span-d-o: 1;
  --span-d-x: 0;
  --icon: var(--icon-active);
  --color: var(--color-active);
  --background: var(--background-active);
  --hand-name: hand;
}
.likeButton:after {
  content: "";
  min-width: 103px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  transition: background 0.2s linear, transform 0.2s, box-shadow 0.2s linear;
  transform: scale(var(--scale, 1)) translateZ(0);
  background: var(--background);
  box-shadow: 0 4px 8px var(--shadow), 0 8px 20px var(--shadow);
}
.likeButton .hand {
  width: 11px;
  height: 11px;
  border-radius: 2px 0 0 0;
  background: var(--icon);
  margin: 10px 8px 0 0;
  transform-origin: -5px -1px;
  transition: transform 0.25s, background 0.2s linear;
  transform: rotate(var(--hand-rotate, 0deg)) translateZ(0);
  -webkit-animation: var(--hand-name, none) 0.5s linear;
          animation: var(--hand-name, none) 0.5s linear;
}
.likeButton .hand:before, .likeButton .hand:after {
  content: "";
  background: var(--icon);
  position: absolute;
  transition: background 0.2s linear, box-shadow 0.2s linear;
}
.likeButton .hand:before {
  left: -5px;
  bottom: 0;
  height: 12px;
  width: 4px;
  border-radius: 1px 1px 0 1px;
}
.likeButton .hand:after {
  right: -3px;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 0 2px 2px 0;
  background: var(--icon);
  box-shadow: -0.5px 4px 0 var(--icon), -1px 8px 0 var(--icon), -1.5px 12px 0 var(--icon);
  transform: scaleY(0.6825);
  transform-origin: 0 0;
}
.likeButton .hand .thumb {
  background: var(--icon);
  width: 10px;
  height: 4px;
  border-radius: 2px;
  transform-origin: 2px 2px;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.25s, background 0.2s linear;
  transform: scale(0.85) translateY(-0.5px) rotate(var(--hand-thumb-1, -45deg)) translateZ(0);
}
.likeButton .hand .thumb:before {
  content: "";
  height: 4px;
  width: 7px;
  border-radius: 2px;
  transform-origin: 2px 2px;
  background: var(--icon);
  position: absolute;
  left: 7px;
  top: 0;
  transition: transform 0.25s, background 0.2s linear;
  transform: rotate(var(--hand-thumb-2, -45deg)) translateZ(0);
}
.likeButton .hand,
.likeButton span {
  z-index: 1;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.likeButton .hand span,
.likeButton span span {
  opacity: var(--span-d-o, 0);
  transition: transform 0.25s, opacity 0.2s linear;
  transform: translateX(var(--span-d-x, 4px)) translateZ(0);
}
.likeButton > span {
  transition: transform 0.25s;
  transform: translateX(var(--span-x, 4px)) translateZ(0);
}

@-webkit-keyframes hand {
  30% {
    transform: rotate(-14deg) translateZ(0);
  }
  65% {
    transform: rotate(7deg) translateZ(0);
  }
  100% {
    transform: rotate(0deg) translateZ(0);
  }
}

@keyframes hand {
  30% {
    transform: rotate(-14deg) translateZ(0);
  }
  65% {
    transform: rotate(7deg) translateZ(0);
  }
  100% {
    transform: rotate(0deg) translateZ(0);
  }
}
.favorite i {
  animation: bounce 1.1s ease-in-out;
  color: rgb(255, 224, 102);
}
.searchBar a.toggle{
  padding: 8px 20px 8px 10px !important;
  font-size: 12px !important;
}
.searchBar .accordion-inner{
  padding: 10px 10px 10px !important;
}
.facilities-list li.dates, .facilities-list li a {
    float:right;
    color:#999;
    font-weight:600;
    font-size:11px;
}
.afterBeforeNone::after, .afterBeforeNone::before{
  display: none;
}

.wallImages {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 250px 150px;
  grid-auto-flow: dense;
}

.wallImages .box-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wallImages .box-item:first-child {
  grid-area: 1 / 1 / span 2 / span 2;
}


.image-wrap {
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
}
.image-wrap:before {
    content:'';
    position:absolute;
   l top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:2;
    background:rgba(51,51,51,0.41);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.image-wrap a.gal-link{
    position:absolute;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:100%;
    color:#fff;
    font-size:8px;
    z-index:10;
    top:40%;
    left:50%;
    margin:-20px 0 0 -20px;
    opacity:0;
    box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.4);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.image-wrap:hover a.gal-link {
    top:50%;
    opacity:1;
}
.image-wrap:hover:before {
    opacity:1;
}

ul.likedUl {
  display:flex;
  list-style-type:none;
}

.likedUl > li:first-child {
    margin-right:auto;
    line-height:40px;
}
.timelineFront .post-author .logos {
  display: block;
  width: 70px;
  user-select: none;
  float:left;
  text-align:left;
}
.timelineFront .post-author img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.timelineFront .post-author .logos span {
  position:relative;
  float:right;
  text-align:left;
  top: 7px !important;
}

.timelineFront .post-opt li span, .post-opt li a {
  font-weight: 700;
}


.timelineFront .card-post-img img{
  object-fit: cover;
}

.timeline .single-carousel .slick-dots {
    bottom: -20px;
}

.twoColumn{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


.table_container th h1 {
	  font-weight: bold;
	  font-size: 1.3em;
  text-align: left;
  color: #f9f9f9;
}

.table_container td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #f9f9f9;
	   -moz-box-shadow: 0 2px 2px -2px #f9f9f9;
	        box-shadow: 0 2px 2px -2px #f9f9f9;
}

.table_container {
	  text-align: left;
	  overflow: hidden;
	  width: 100%;
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
}

.table_container td, .table_container th {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;
}

/* Background-color of the odd rows */
.table_container tr:nth-child(odd) {
	  background-color: #f5f5f5;
}

/* Background-color of the even rows */
.table_container tr:nth-child(even) {
	  background-color: #dedede;
}

.table_container th {
	  background-color: #1F2739;
}

.table_container td:first-child { font-weight: bold;}

.table_container tr:hover {
   background-color: #464A52;
  -webkit-box-shadow: 0 6px 6px -6px #0E1119;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
          color:#fff;
}

.table_container td:hover {
  background-color: #FFF842;
  color: #403E10;
  font-weight: bold;

  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);

  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}

@media (max-width: 800px) {
.table_container td:nth-child(4),
.table_container th:nth-child(4) { display: none; }
}

.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px); /* 5px is the size of the arrow */
  pointer-events: none;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 10px 18px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px; /* CSS triangle */
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element,
                              the transition effects for the
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transform: translate(-50%, -5px) scale(1);
}
/*
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transform: translateX(-50%) scaleY(1);
}
/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}