.circle-yes {
    border-radius: 50%;
    background-clip: inherit;
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
    text-align: center;
    margin-top: 2px;
}

.index_slide_middle {
	position: absolute;
    z-index: 9;
	width:100%;
	text-align:center;
    margin:0 auto;
}
.index_slide_scroll
 {
	position: absolute;
    z-index: 9;
	width:100%;
	text-align:center;
    margin:0 auto;
	bottom:120px;
}
@media all and (min-width: 1200px) {
.nav_right:after {
  /*content: "│";*/
  padding-left:12px;
  color: #cccccc;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
}
.mobile_location {position:relative; border-top: 1px solid #43455f; width:95%; padding-top:30px; margin:30px auto;}
.mobile_location ul{position:relative; max-width:240px; width:100%; margin:0 auto;}
.mobile_location li{ float:left; line-height: 48px; min-width:80px;}
.mobile_location li a{color:#d5ae6d; font-size:13px; font-weight:600; padding:8px 0;}
.mobile_location li a:hover{border-bottom:2px solid #d5ae6d}


.mobile_langue{position:relative; width:95%; padding-top:30px; margin:30px auto;}
.mobile_langue ul{position:relative; max-width:240px; width:100%; margin:0 auto; ;}
.mobile_langue li{ float:left; line-height: 48px; min-width:80px; color:#fff;  }
.mobile_langue li a{color:#555555; font-size:13px; font-weight:600; padding:8px 0;}
.mobile_langue li a:hover{border-bottom:2px solid #d5ae6d}
.mobile_langue li .active{border-bottom:2px solid #d5ae6d; color:#FFF;}




#index_datepicker_wrapper{ background:#e8e8e8; padding:30px 0 20px 0;}
#index_datepicker { display:block; margin:0 auto;}

#index_datepicker .title { float:right; padding-top:6px;}
#index_datepicker p {
	font-size: 24px;
    font-weight: bold;
    color: #000;
    display: block;
    float: left;
    margin-right: 50px;}
#index_datepicker p span {
	font-size: 14px;
    font-weight: bold;
    color: #aeaeae;
    font-family: "Century Gothic";
    display: block;}
#index_datepicker ul {
	padding-top: 5px;}
#index_datepicker li{
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px #cccccc solid;
    text-align: center;
    height: 50px;}
#index_datepicker li input {	
	background-color: transparent;
    border: none;
	font-size: 18px;
    font-weight: bold;
    color: #b7955c !important;
    font-family: "Century Gothic";
    text-align: center;
    width: 100%;	}
#index_datepicker li select {	
	background-color: transparent;
    border: none;
	font-size: 18px;
    font-weight: bold;
    color: #b7955c !important;
    font-family: "Century Gothic";
    }
#index_datepicker li span {
	font-size: 10px;
    font-weight: bold;
    color: #000000;
    font-family: "Century Gothic";
    display: block;}
#index_datecheck {
	width: 35px;
    height: 35px;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    background: transparent;
    background-image: url(../img/datepicker_check.png);
    background-repeat: no-repeat;
	}
/*index  brian*/@media (max-width: 991px) {
#index_datepicker .title { float: none; text-align:center; width:100%;}
#index_datepicker p { float: none;  margin-right:0px;}
#index_datepicker p span { float: none;}
#index_datepicker li{
	float:none;
    display: block;
	padding:25px 15px;
	border-right: none;
    border-bottom: 1px #cccccc solid;
	width:50%;
	margin:0 auto;
    text-align: center;
    height:100px;}
}
	


.owl-carousel .item {
	max-width:220px;
	text-align:center;
	padding:0 15px;

}
@media (max-width: 6001px) {
	.owl-carousel .item {
	max-width:100%;

}}

.owl-carousel .item span{
	font-size:12px;
	line-height:400%;

}
.owl-carousel .item h4{
	color:#00000;
	font-size:16px;
	line-height:150%;

}

.owl-carousel .item .imgTitle {
  /*position: relative;*/
  width:150px;
  height:150px;
  overflow:hidden;
  background-size:cover;
  border-radius:50%;
  margin:0 auto;
}
.owl-carousel .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
.owl-carousel .item .imgTitle img {
  height: 100%;
  width: auto;
}
.owl-carousel .item p {
  font-size: 16px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
}
.owl-carousel .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
.owl-carousel .item a:hover {
  text-shadow: 0 0 1px grey;
}
.owl-carousel button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
.owl-carousel button:hover {
  color: rgba(0, 0, 0, 0.8);
}
.customNavigation { position:absolute; top:50%; width:100%;left:0; padding:0 30px;}
.customNavigation a{ width:37px; height:37px;}
.customNavigation .prev{ float:left; background:url(../img/prev.png) center center no-repeat;}
.customNavigation .next{ float:right; background:url(../img/next.png) center center no-repeat;}

            <!-- Thumbnail Item Skin Begin -->
                /* jssor slider thumbnail navigator skin 14 css */
                /*
                .jssort14 .p            (normal)
                .jssort14 .p:hover      (normal mouseover)
                .jssort14 .pav          (active)
                .jssort14 .pav:hover    (active mouseover)
                .jssort14 .pdn          (mousedown)
                */
                .jssort14 .w, .jssort14 .phv .w
                {
                	cursor: pointer;
                	position: absolute;
                	WIDTH: 100%;
                	HEIGHT: 100%;
                	background-color: #c2b38f;
                }
                .jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w
                {
                	background-color: #422e2c;
                }
                .jssort14 .c
                {
                    color: #000;
                    font-size:13px;
                	/*background-color: #e6e0c8;      	
                	transition: background-color .6s;
                    -moz-transition: background-color .6s;
                    -webkit-transition: background-color .6s;
                    -o-transition: background-color .6s;        */  
                }
                .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c, .jssort14 .pav .c
                {
                	transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }
                .jssort14 .pav .c
                {
                /*	background-color:#ffab57;*/
					border-bottom:#d0a864 6px solid;
                }
                .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c
                {
                	/*background-color:#fc9835;*/
					border-bottom:#d0a864 6px solid;
                }

/*index experience brian*/
.experience_title {position:absolute; z-index:99999; left:45px; bottom:45px;}
.experience_title p{ color:#FFFFFF; font-size:13px; margin:0;}
.experience_title h2{color:#FFFFFF; font-size:24px; line-height:120%;}

/*index room brian*/
.indexroom { max-width:250px; margin:0 auto; margin-bottom:80px;}
.indexroom p{ height:100px; font-size:16px; }
@media (max-width: 767px) {
.indexroom p{ height:auto;  }
	}

/*index installation brian*/
.installation { max-width:360px; margin:0 auto; padding:0 15px; margin-bottom:50px;}


/*index footer brian*/
.footer-social { background:#323453; padding:45px 0;}
.footer-social .contact_info{ font-size:12px; color:#d0a864; margin-right:22px;line-height:30px;}
.footer-social .follow{ font-size:18px; color:#d0a864; text-align:right; padding:0; line-height:36px; }
.footer-social .icon{ text-align:left; padding-left:10px;}
.footer-container .copyright { font-size:12px; text-align:left} 
.footer-container .copyright span{ margin-right:21px;} 
.footer-container  .sub { line-height:45px;}
.footer_logo { text-align:right; float:right;}
.footer_logo li{ float:left; text-align:right; margin:0 11px}
.footer-container a { color:#d0a864;}

@media (max-width: 1200px) {
.footer-social .follow{ margin-right:15px;}
	.footer_logo ul{ width:335px; margin:0 auto; float:none;}
	.footer_logo ul li {max-width: 110px;}
}

@media (max-width: 767px) {
.footer-social { text-align:center;}
.footer-social .contact_info{ text-align:center; margin: 0 10px;}
.footer-social .follow{ margin-top:60px; text-align:center}
.footer-social .icon{ text-align:center}
.footer_logo { float:none;width:335px; margin:0 auto;}
.footer_logo ul{ width:335px; margin:0 auto; float:none;}
	.footer_logo ul li {max-width: 110px;}
.footer-container .copyright { text-align:center; margin-top:60px; clear: both;} 	
.footer-container .sub{ text-align:center; width:100%; } 	
}




/*NEWS*/
.news_list{ padding-bottom:15px;}



/*CONTACT*/
.contact_anchor { text-align:center; padding:20px 0; background:#FFF !important;}
.contact_anchor a { color:#000; padding:0 30px; border-right:#CCC 3px solid;}
.contact_anchor a:last-child { border-right:none;}
.contact_anchor a:hover { color:rgba(0,0,0,0.5)}

.news_booking { text-align:center; padding:100px 0 30px 0;}
.news_booking h4 { margin-bottom:30px;}
.news_booking span { display:inline-block; padding:15px 40px; margin-right:5px; background-color:#b7955c; border-bottom:none; color:#FFF; font-size:15px; font-weight:bold; margin-bottom:10px;}
.news_booking span a {color:#FFF;}

.news_way_tab { display:block; max-width:630px; margin:0 auto;}
.news_way_tab li { display:block; width:170px; height:170px;text-indent:-9999px !important;}
.news_way_tab li.news_way_tab01 { background:url(../img/contact_way_icon01.png) top; margin-right:60px;}
.news_way_tab li.news_way_tab02 { background:url(../img/contact_way_icon02.png) top; margin-right:60px;}
.news_way_tab li.news_way_tab03 { background:url(../img/contact_way_icon03.png) top;}
.news_way_tab li.active {  background-position:bottom;}


@media (max-width: 767px) {
.news_way_tab { display:block; max-width:340px; margin:0 auto;}
.news_way_tab li { display:block; width:100px; height:100px;text-indent:-9999px !important;}
.news_way_tab li.news_way_tab01 { background:url(../img/contact_way_icon01.png) top; background-repeat:no-repeat; background-size:100%; margin-right:20px;}
.news_way_tab li.news_way_tab02 { background:url(../img/contact_way_icon02.png) top; background-repeat:no-repeat; background-size:100%; margin-right:20px;}
.news_way_tab li.news_way_tab03 { background:url(../img/contact_way_icon03.png) top; background-repeat:no-repeat; background-size:100%;}
.news_way_tab li.active {  background-position:bottom;}
	}

.news_way_content {padding:0 80px !important;}
.news_way_content h4 { color:#d0a864; padding-bottom:35px;}


/*ROOMS*/
.rooms_area{ padding-top:80px;}
.rooms_list{ padding-bottom:0px;}
.rooms_area .feature-box { min-height:470px;}

.rooms_more_btn { display:block; text-align:center; padding:30px 0; clear:both;}
.rooms_more_btn p a:first-child { margin-right:30px;}


/*RESTAURANT*/
.restaurant_area{ padding-top:80px;}
.restaurant_list{ padding-bottom:0px;}
.restaurant_area .feature-box { min-height:470px;}


.food_booking { display:block; text-align:center; padding:100px 0 30px 0; clear:both;}
.food_booking span { display:inline-block; padding:15px 40px; margin-right:5px; background-color:#b7955c; border-bottom:none; color:#FFF; font-size:15px; font-weight:bold;}
.food_booking p.lead {  display:block;clear:both;}
.restaurant_menu ul li span { display:block; float:right;}

.r_banner { height:270px !important;}
.r_banner .project { height:270px !important;margin: 0px !important;}
.r_banner .hover-state { padding:30px; box-sizing:border-box;}
.r_banner .hover-state h1 { padding-top:20px;}
.r_banner .hover-state .align-vertical { padding:50px; box-sizing:border-box; border: #d0a864 solid 1px; height: 100%;}
.r_banner .hover-state a { color:#FFF;}



/*FACILITY*/
.facility_area{ padding-top:80px;}
.facility_list{ padding-bottom:45px;}
.facility_area .feature-box { min-height:450px;}



/*ABOUT*/
.about_anchor { text-align:center; padding:20px 0; background:#FFF !important; margin-bottom:50px;}
.about_anchor a { color:#000; padding:0 30px; border-right:#CCC 3px solid;}
.about_anchor a:last-child { border-right:none;}
.about_anchor a:hover { color:rgba(0,0,0,0.5)}

.about_area{ padding-top:0px;}
.about_list{ padding-bottom:45px;}
.about_area .feature-box { min-height:580px;}


.about_union_tab { display:block; max-width:900px; margin:0 auto;}
.about_union_tab li img { padding-bottom:35px;}

.about_union_more_tab { display:block; max-width:700px;}
.about_union_more_tab li img { padding-bottom:35px;}

.about_union_content {padding:0 80px !important;}
.about_union_content p { margin-top:60px;}

.about_union_more_content {}
.about_union_more_content p { margin-top:30px;}

.about_recruit { border:#d0a864 5px solid; padding:60px 20%; box-sizing:border-box; position:relative;}
.about_recruit h1 { display:block; background-color:#FFF; position:absolute;top: -105px; padding: 20px; left: 50%; margin-left: -90px;}
.about_recruit h5 { display:block; text-align:left; padding-bottom:15px; border-bottom:#000 1px solid; margin-top:35px;}
.about_recruit p.recruit_text { text-align:left; font-size:14px; line-height:2;}



/*EXPERIENCE*/
.experience_area{}


.experience_area .hover-state { padding:30px; box-sizing:border-box;}
.experience_area .hover-state .align-vertical { padding:50px; box-sizing:border-box; border: #d0a864 solid 1px; height: 100%;}
.experience_area .hover-state a { color:#FFF;}


.experience_area ul li span {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  bottom: 12px;
  padding-bottom:6px;
  border-bottom: 6px solid #D0A863;
}

.project380 {
  height:380px;
}







/*pop up*/
.popup {padding:5% 20%; box-sizing:border-box; /*border:#b7955c 10px solid;*/ overflow:hidden;}
.popup h1, .popup img {display: block;text-align:center;margin: 0 auto;}
.popup h1 { margin-bottom:30px;}


            /* vertical slider arrow navigator skin 08 css */
            /*
            .ver-sliderl              (normal)
            .ver-sliderr              (normal)
            .ver-sliderl:hover        (normal mouseover)
            .ver-sliderr:hover        (normal mouseover)
            .ver-sliderldn            (mousedown)
            .ver-sliderrdn            (mousedown)
            */
            .ver-sliderl, .ver-sliderr{
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a08.png) no-repeat;
                overflow:hidden;
                opacity: .4; filter:alpha(opacity=40);
            }
            .ver-sliderl { background-position: -5px -35px; opacity: 0; }
            .ver-sliderr { background-position: -65px -35px; opacity: 0; }
            .ver-sliderl:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
            .ver-sliderr:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
			.ver-sliderl.ver-sliderldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
			.ver-sliderr.ver-sliderrdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }
			.ver-sliderl.ver-sliderlds { background-position: -5px -35px; opacity: 0; pointer-events: none; }
			.ver-sliderr.ver-sliderrds { background-position: -65px -35px; opacity: 0; pointer-events: none; }


            .hor-sliderl, .hor-sliderr{
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a09.png) no-repeat;
                overflow:hidden;
                opacity: .4; filter:alpha(opacity=40);
            }
            .hor-sliderl { background-position: -5px -35px; opacity: 0; }
            .hor-sliderr { background-position: -65px -35px; opacity: 0; }
            .hor-sliderl:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
            .hor-sliderr:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
			.hor-sliderl.hor-sliderldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
			.hor-sliderr.hor-sliderrdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }
			.hor-sliderl.hor-sliderlds { background-position: -5px -35px; opacity: 0; pointer-events: none; }
			.hor-sliderr.hor-sliderrds { background-position: -65px -35px; opacity: 0; pointer-events: none; }



.show_list_hide{
	display:none;
}