/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/






@font-face {
    src: url("fonts/Montserrat-Regular.ttf");
    font-family: 'Montserrat';
}

@font-face {
    src: url("fonts/Montserrat-Medium.ttf");
    font-family: 'Montserrat-Medium';
}


:root {
    --color: #FCD87D;
    --family :'Montserrat';
    --family-bold :'Montserrat-Medium';
}

body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
    color: #000;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #000;
    font-family: var(--family) !important;
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
.display-product a.quick-view,
a.quick-view.quick-view-added {
    display: none;
}

/*******************************/

.bk-language li {
    float: left;
    list-style: none;
    padding: 0px 5px;
}

.bk-language li a span {
    font-size: 0px;
}

.bk-language li a img {
    width: 20px;
}

.html_topbar_left p {
    color: #fff;
    font-size: 15px;
}
.html_topbar_left p span {
    padding-right: 10px;
}

.header:not(.transparent) .header-nav-main > li {
    padding: 5px 15px;
}
.header:not(.transparent) .header-nav-main > li a {
  color: #000;
  font-size: 15px;
  font-family: var(--family)!important;
}

.header:not(.transparent) .header-nav-main > li:hover{
    background: var(--color);
    border-radius: 5px;
}


.nav-dropdown-default {
    padding: 0px;
    border: 0px;
    margin-top: 25px;
}
.nav-dropdown  li {
   border-bottom: 1px solid #eaeaea;
   padding: 5px 0px;

}
.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 5px 20px;
    display: block;
    border-bottom: 0px;
    font-weight: 500;
    color: #000;
    font-family: var(--family) !important;
}

.nav-dropdown li:hover {
    background: var(--color);
}

/*.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #fff;
}*/

.nav-dropdown-default li>a:before {
    content: "\f054";
    font-family: "FontAwesome";
    position: absolute;
    left: 7px;
    background: var(--color);
    width: 15px;
    height: 15px;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 5px;
    text-align: center;
}


.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}

.nav-dropdown>li.nav-dropdown-col{display:block}

.nav-dropdown{border:1px solid #ddd; padding:0;}

.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{
    font-weight:normal !important;
  text-transform:none !important;
  font-size:15px;
   font-weight:500
}


.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid #d2d2d2;
    margin-top:-30px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}

.nav-dropdown .nav-dropdown-col .menu-item-has-children {
   margin-top: 0px;
}

.nav-dropdown .nav-dropdown-col>ul li a{
    padding:10px;  text-transform: none;color:black
}

.nav-column.nav-dropdown-default li.menu-item-has-children ul{
    border: 1px solid #d2d2d2;
    margin-top: -40px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}
.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}



.header-button a {
    background: var(--color);
}

.sidebar-menu.no-scrollbar {
    background: #fff;
}

.sidebar-menu.no-scrollbar li a {
    color: #000;
    font-family: var(--family) !important;
}


/****************************/

.title-home h2 {
   font-family: var(--family-bold)!important;
   font-size: 50px;
   font-weight: 700;
   text-transform: uppercase;
}
.title-home h4 {
   font-family: var(--family-bold)!important;
   font-size: 35px;
   margin-bottom: 0px;
   font-weight: 500;
   text-transform: uppercase;
}

.sec-about .content-about p {
    text-align: justify;
    font-weight: 400;
    margin-bottom: 5px !important;
}


.sec-room .home-room .box-text .box-text-inner{
   background: rgba(255, 205, 75, 0.7);
   display: inline-block;
   padding: 15px 70px 15px 15px;
   text-align: left;
} 
.sec-room .home-room .box-text .box-text-inner h4 {
    color: #000;
    margin-bottom: 15px;
}

.sec-room .home-room .box-text .price-room ins {
    font-size: 18px;
    display: block;
    font-family: var(--family-bold) !important;
}

.sec-where .title-home h2 {font-size: 36px;}

/*.sec-map .col,
.sec-where .col {
	padding: 0px;
}*/



.sec-map .cot-7,
.sec-where .cot-6-1 {
	padding-right: 0px;
}

.sec-map .cot-5,
.sec-where .cot-img {
	padding-left: 0px;
}

.sec-where .cot-6-1 .col-inner {
	padding: 40px 30px;
	height: 100%;
	background: var(--color);
}

.sec-where .button.primary {
    position: absolute;
    color: #C90000;
    top: 85%;
}

.sec-map .title-home h2 {font-size: 24px;}

.sec-map .cot-5 .col-inner {
	padding: 40px 30px;
	background: var(--color);
	height: 93%;
}


.home-customer .item {
	background: rgba(255, 205, 75, 0.7);
	padding: 85px 60px;
	text-align: center;
	z-index: -999;
	margin-top: 30px;
}

.home-customer .item .content {
	color: #000;
	z-index: 9999;
}
.home-customer .item .content span {
	display: block;
	font-weight: 700;
	font-family: var(--family-bold) !important;
}

.owl-nav {display: none;}

.owl-dots {
    position: absolute;
    margin: 0px auto;
    text-align: center;
    left: 50%;
    margin-top: -40px;
}
.owl-dot {
	float: left;
}
.owl-dot span {
	height: 10px;
	width: 10px;
	float: left;
	margin: 0px 3px;
	border-radius: 50%;
	background: #fff;
}

.owl-dot.active span {
	background: var(--color);
}

.sec-sevice .box-shade .box-text {
	bottom: 35% !important;
}
.sec-sevice .box-shade .box-text h4 {
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 15px;
}
.sec-sevice .box-shade .box-text .bottom-bt{
	background: var(--color);
	height: 2px;
	width: 60px;
	margin-bottom: 10px;
}
.sec-sevice .box-shade .box-text p {
	text-transform: uppercase;
	font-size: 20px;
}

.sec-sevice .col-inner {
	height: 100%;
}

.sec-sevice .title-home h2 {
	font-size: 30px;
}

.sec-sevice .cot-4 .col-inner {
	padding: 15px;
}
.sec-sevice .content-service {
	background: #fff;
	height: 100%;
	padding-top:30%;
}

.sec-spa-clock .col.large-4 .col-inner,
.sec-map-contact .col.large-4 .col-inner{
    background: var(--color);
    height: 100%;
    padding: 15px;
}

.sec-spa-clock .button.primary {
    width: 100%;
    padding: 10px 0px;
    font-size: 17px;
    text-align: center;
    background: #fff;
    color: var(--color);
}
.sec-spa-clock .button.primary:hover {
    background: var(--color);
    color: #fff;
    border: 1px solid #fff;
}

.sec-spa-clock .button.primary i {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    background: var(--color);
    color: #fff;
}

.sec-spa-clock .button.primary:hover i {
    background: #fff;
    color: var(--color);
}

.sec-spa-clock .col.large-4 h4,
.sec-spa-clock .col.large-4 p,
.sec-map-contact .col.large-4 h3,
.sec-map-contact .col.large-4 h4,
.sec-map-contact .col.large-4 p {
    color: #fff;
}
.sec-spa-clock .col.large-4 p i,
.sec-map-contact .col.large-4 p i {
    margin-right: 10px;
}
.sec-map-contact .col.large-4 p a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    font-family: var(--family-bold) !important;
}
.sec-map-contact .row-form .col.large-8 .col.large-6 {
    padding: 0px 15px 0px;
}
.sec-spa-clock .col.large-8 .col-inner,
.sec-map-contact .row-form .col.large-8 .col-inner{
    background: #fff;
    padding: 15px;
}
.sec-map-contact .aside-contact-info .aside-contact-info-label {
    margin-right: 10px;
    font-weight: 600;
    font-family: var(--family-bold) !important;
}

.sec-map-contact .wpcf7-submit {
    background: var(--color);
    font-family: var(--family-bold) !important;
}

.nav-line>li.active>a:before, .nav-line>li:hover>a:before {
    opacity: 0;
}

.sec-price .nav.nav-line {
    background: #fff;
}

.sec-price .nav.nav-line li {
    padding: 0px 15px;
}

.sec-price .nav.nav-line li a {
    color: #000;
    font-family: var(--family) !important;
}
.sec-price .nav-line>li.active,
.sec-price .nav-line>li:hover{
    background: var(--color);
}
.sec-price .nav-line>li.active a,
.sec-price .nav-line>li:hover a {
    color: #fff;
}

.silder-spa .box-text.text-right {
    bottom: 55px;
}
.silder-spa .gallery-info {
    background: rgba(255, 255, 255, .75);
    padding: 20px;
    text-align: left;
    display: inline-block;
    border: 5px solid var(--color);
}
.silder-spa .gallery-info h2 {
    color: var(--color);
    margin-bottom: 20px;
}

.silder-spa .gallery-info h2:after {
    display: block;
    height: 1px;
    width: 40%;
    background-color: var(--color);
    margin-top: 15px;
    content: '';
}
.silder-spa .gallery-info p {
    color: #000;
}



/*****************************************/

.padding-three {
	padding: 40px 0px;
}

.banner-taxonomy .title-banner {
    position: absolute;
    top: 35%;
    z-index: 2;
    width: 100%;
}
.banner-taxonomy .title-banner h1 {
    color: #fff;
    font-size: 40px;
}



.content-room,
section.list-room {
    background: #f5f5f5;
}

.list-room .box-text {
	background: #fff;
	padding: 15px;
}

.listing-item-title-group {
    border-bottom: 1px solid #350827;
    margin-bottom: 15px;
}

.listing-item-title-group h3 {
	height: 35px;
	font-size: 25px;
}
.listing-item-title-group h3:hover{
	color: var(--color);
}

.listing-item-features ul li {
	list-style: none;
	margin: 0px 0px 8px;
	font-size: 15px;
}

.listing-item-features ul li i {
	margin-right: 5px;
	font-size: 20px;
}

.listing-item-features span {
    display: inline-block;
    margin-right: 5px;
}
.listing-item-features span a {
	color: var(--color);
	text-decoration: underline;
}
.listing-item-feature-label {
    font-weight: 600;
    font-family: var(--family-bold) !important;
}

.price-room .text {
    margin-right: 5px;
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
}

.price-room  span.amount del {
    display: inline-block;
    color: darkgrey;
    font-size: 20px;
    font-family: var(--family-bold) !important;
    font-weight: 600;
    margin-right: 10px;
}

.price-room  span.amount ins {
	color: var(--color);
	font-family: var(--family-bold) !important;
    font-weight: 600;
    font-size: 30px;
}
span.amount ins span.woocommerce-Price-currencySymbol {
    padding-left: 5px;
}

.listing-item-text {
    margin: 5px 0px 25px 0px;
    font-size: 15px;
    height: 55px;
}
.wifi {margin-bottom: 15px;}
.wifi i {
    margin-right: 5px;
    font-size: 20px;
}

.listing-item-features {
	width: 100%;
	display: flow-root;
}

.meeting-room-type {
    float: left;
    margin: 0 5px;
    width: 15%;
    text-align: center;
}
.meeting-room-type .meeting-room-type-name {
	height: 90px;
}
.meeting-room-type .meeting-room-type-name img {
	display: block;
	text-align: center;
	margin: 0px auto;
	height: 35px;
	margin-bottom: 5px;
}

.btn-button a.btn-solid-purple:hover,
.btn-button a {
    border: 1px solid var(--color);
    color: var(--color);
    padding: 12px 20px 12px 20px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    text-align: center;
    margin-right: 10px;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
    font-weight: 600;
    background: #fff;
}

.btn-button a i {
	margin-left: 10px;
	height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
}

.btn-button a.btn-solid-purple:hover i,
.btn-button a.link i {
    background: var(--color);
    color: #fff;
}

.btn-button a.link:hover i,
.btn-button a.btn-solid-purple i {
	background: #fff;
	color: var(--color);
}


.btn-button a.link:hover,
.btn-button a.btn-solid-purple {
	background: var(--color);
	color: #fff;
}


.silder-libraray .owl-nav {
	display: block !important;

}
.silder-libraray .owl-nav .owl-prev,
.silder-libraray .owl-nav .owl-next {
   	position: absolute;
	top: 45%;
}
.silder-libraray .owl-nav .owl-prev {
	left: 0px;
}

.silder-libraray .owl-nav .owl-next {
	right: 0px;
}

.silder-libraray .owl-nav .owl-next i, .silder-libraray .owl-nav .owl-prev i {
    text-align: center;
    line-height: 60px;
    width: 45px;
    height: 65px;
    color: #fff;
    font-size: 25px;
    background-color: rgba(0, 0, 0, .6);
}
.page-title-taxonomy {
	color: var(--color) !important;
	font-size: 35px;
	text-transform: uppercase;
}
.page-title-taxonomy:after {
    content: '';
    display: block;
    width: 30%;
    height: 1px;
    background-color: #878787;
    margin-top: 25px;
    margin-bottom: 35px;
}

.row-content .col.large-8 .col-inner{
    background: #fff;
    padding: 30px;
    height: 100%;
}

.row-content .col.large-4 .col-inner{
	background: var(--color);
	height: 100%;
	padding: 30px;
}

.main-left {
	text-align: justify;
	color: #000;
}

.main-left h2.title {
	color: var(--color);
	margin-bottom: 30px;
}

.main-left strong {
	font-family: var(--family-bold) !important;
	font-weight: 600;
}

.main-left img {
	width: 100%;
}

.main-right .btn-button a {
    width: 100%;
    display: block;
    text-align: center;
}

.aside-ctas h2,
.row-dinning .listing-item-features ul li a,
.row-dinning .listing-item-features ul li,
.main-right .price-room span.amount ins,
.main-right .price-room .text {
	color: #fff;
}

.main-right .price-room {
	margin-bottom: 15px;
}
.row-dinning .listing-item-features {
	margin-bottom: 35px;
}
.row-dinning .aside-ctas {
    margin: 0px 0px 20px 0px;
}

.aside-ctas {
    margin: 0px 0px 30px 0px;
}
.aside-ctas span ,
h3.social-shares-title {
    color: #fff;
}
.single-shares a {
	color: #fff;
    text-decoration: none;
    margin-right: 10px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 17px;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
    position: relative;
    overflow: hidden;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}
.main-right .btn-button a.link:hover {
	border: 1px solid #fff;
}

.main-metting li.meeting-room-type {
    width: 33.3%;
}
.list-post .listing-item-title-group h3 {
    height: 80px;
    font-size: 25px;
}
.list-post .blog-description {
    text-align: justify;
    font-size: 16px;
    overflow: hidden;
    height: 105px;
    margin-bottom: 20px;
}

/****************************************/
.footer {background: var(--color)}

.home-footer .col-inner {
	background: #fff;
	height: 100%;
	padding: 20px;
}

.home-footer .col.cot-8{
    padding-right: 0px;
}
.home-footer .col.cot-4 {
	padding-left: 0px;

}

.home-footer .col.cot-4 .col-inner {
		background: #FFF9E9;
}

.title-footer h3 {
	font-family: var(--family-bold) !important;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}
.share-footer {
	margin-bottom: 20px;
}
.share-footer a {
    background: #000;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    line-height: 23px;
    padding: 5px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
}
.share-footer a:hover{
	background: var(--color);
	border: 1px solid
}

.form-footer .wpcf7-text.wpcf7-email {
	width: 40%;
	float: left;
	height: 40px;
	background: #F0F0F0;
}

.form-footer .wpcf7-submit {
	background: #000;
	height: 40px;
	font-family: var(--family) !important;
}

.img-footer li {
    float: left;

    width: 50%;
}

.absolute-footer {display: none;}

@media only screen and (min-width: 991px){
   .mobile{display: none;}
}
@media only screen and (max-width: 991px){
   .PC{display: none;}
   .mobile{display: block;}
}
@media only screen and (max-width: 767px) {
    .sec-where .cot-6-1 {
        padding-right: 15px;
    }
    
}

@media only screen and (max-width: 500px) {
  .title-home h2 {font-size: 35px;}

  .sec-room .home-room .box-text {
    bottom: 25px;
  }

  .home-footer .col.cot-8,
  .sec-map .cot-7, .sec-where .cot-6-1 {
    padding-right: 15px;
  }
  .home-footer .col.cot-4,
  .sec-map .cot-5, .sec-where .cot-img {
    padding-left: 15px;
  }
  .sec-sevice .content-service {
    padding-top: 5%;
  }
  .form-footer .wpcf7-text.wpcf7-email {
    width: 70%;
  }
  .list-room .btn-button a {
    padding: 10px 5px 10px 5px;
    font-size: 11px;
  }
  .silder-libraray .owl-nav .owl-prev, .silder-libraray .owl-nav .owl-next {
    position: absolute;
    top: 20%;
  }
  .owl-dots {
    left: 45%;
    margin-top: -25px;
  }
  .banner-taxonomy .title-banner h1 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}