body{max-width: 1920px !important; margin: 0 auto !important}

.champagne{font-family: Champagne}
.title-lg{font-family: Champagne; font-size: 40px; line-height: 40px}
.shadow{box-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.readonly{background-color: white !important; cursor: default !important}
.frame{border: 1px solid #dedede}
.no-border-top{border-top: none !important}
.uppercase{text-transform: uppercase !important}
.bolder{font-weight: bold !important}
a:not([href]){cursor: pointer}
p.ph{color: #444; font-size: 21px; font-weight: 400; line-height: 26px; text-decoration: none; margin-top:20px; margin-bottom:10px; line-height:1.1}
.alert-help{margin-top: 5px; margin-bottom: 10px; color: #b94a48;}
.position-relative{position: relative}
.font-size-34{font-size: 34px !important}
/*.home_price {position: absolute;left: 30px;top: 20px;background-color: aliceblue;padding: 5px 10px;font-size: 15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}*/

.frame-photo{position: relative;}
.home_price {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  z-index: 8;
  background: #1a2b48;
  border-radius: 0 3px 3px 0 !important;;
  padding: 6px 10px;
}


.no-margin-left{margin-left: 0 !important}
.no-margin-right{margin-right: 0 !important}

.no-scroll{overflow: hidden; height: 100%}

.bg-grey{background-color: #ededed}

.is-not-dispo{text-decoration:line-through; background-color:#d84a38}
.is-not-dispo:hover{background-color:#d84a38 !important}

.color-dark-red { color:#bb2113;}
.color-red { color:#e02222;}

.nav-tabs .logout{float: right; margin-right: 0 !important}
.nav-tabs .logout a{color: #e02222 !important; background-color: white !important; padding-right: 0 !important}
.nav-tabs .logout a:hover{border-color: white !important}

.frames{margin-bottom:20px}
.frames .frame-title{text-align:center; background-color:#f5f5f5; padding:15px 0; border: 1px solid #dedede; border-top: none}
.frames .frame-title.frame-title-mag{min-height: 110px}
.frames .frame-title h1,
.frames .frame-title h2,
.frames .frame-title h3{margin:0; margin-bottom:5px; padding:0 10px; font-size:22px}
.frames .frame-title h2 a{font-size: 22px; font-weight: 300; color: #0DA3E2}

.frames.frame-magazine .frame-title h3{font-size: 24px}

.tab-style-1 .tab-content{padding: 20px 0}

.btn-gold {
	background-color: #7F7752;
	border-color: #7F7752;
	color: #DEDEDE;
}

.my_list{
	background-color: transparent;
	border: none;
}
.my_list a{
	color: #fff !important;
	text-decoration: none;
}

.btn-group-ape{margin-top: 25px}
.btn-group-ape button{min-width: 220px}
.btn-group-ape button i{margin-left: 10px}
.btn-group-ape ul.dropdown-menu{min-width: 220px}

.btn-ape-our-villas{position: fixed; right: 100px; bottom: 50px; padding-left: 80px; padding-right: 80px; text-transform: uppercase; z-index: 1000}

.ape-par.back-white{background-color:#fff}
.ape-par.back-grey{ background-color:#62707f; background-size:100% auto; background-repeat:no-repeat}
.ape-par .container{text-align:center; padding:40px 0}

.ape-par.back-grey .container h1,
.ape-par.back-grey .container h2,
.ape-par.back-grey .container p{color:#fff}

.ape-par .container p,
.page-container .ape-intro{margin:20px auto; text-align:justify; font-size:16px; line-height:28px; padding: 15px}

.page-container .ape-social-footer {list-style: none; text-align: center; padding: 0}
.page-container .ape-social-footer li {margin: 0 20px; display: inline-block}
.page-container .ape-social-footer li i {font-size: 30px; display: inline-block}
.page-container .ape-social-footer li i.fa-facebook{color: #475993}
.page-container .ape-social-footer li i.fa-google-plus{color: #f34a38}
.page-container .ape-social-footer li i.fa-instagram{color: #c7348d}
.page-container .ape-social-footer li i.fa-twitter{color: #03a9f4}
.page-container .ape-social-footer li i.fa-pinterest{color: #bd081b}

.ape-par.back-img .container p{background-color: rgba(0, 0, 0, 0.3)}
.ape-par.back-img .container p a, .ape-par.back-grey .container p a{color: white; text-decoration: underline}
.ape-par.back-img .container p a:hover, .ape-par.back-grey .container p a:hover{color: white}
.ape-par .container .findvilla{text-align:center}
.ape-par .container .findvilla a{margin-top:20px; text-transform:uppercase}
.ape-par .container .findvilla a .fa{margin-left:8px}

.page-experience .experience-bloc{padding: 40px 0; border-bottom: 1px solid #dedede}
.page-experience .experience-bloc h2{font-family: 'Champagne'; font-size: 24px; margin-top: 0; line-height: 30px; letter-spacing: 1px}
.page-experience .experience-bloc p{margin: 20px 0; text-align: justify; font-size: 14px; line-height: 28px}
.page-experience .experience-bloc table{width: 100%; border: none}
.page-experience .experience-bloc thead tr th:first-child{background-color: #fff; border-right: 1px solid #000}
.page-experience .experience-bloc thead tr th{background-color: #f0f0f0; border: none; text-align: center; padding: 2px 0}
.page-experience .experience-bloc tbody tr td:first-child{background-color: #f0f0f0; font-weight: bold; border-right: 1px solid #000}
.page-experience .experience-bloc tbody tr td{background-color: #fff; border: none; text-align: center; padding: 2px 0}
.page-experience .experience-bloc .experience-bloc-action{text-align: center; margin-top: 40px}

.article-par{margin-top:40px; line-height:24px}
.article-par h2{font-size:20px; font-weight:600; margin-bottom:20px}
.article-par p{text-align:justify}

.people{position:relative; margin-top: 20px}
.people span{position:absolute; display:none; left:0; right:0; margin:0 auto; bottom:0;
             font-size:30px; color:#fff; padding:5px 0; text-align:center; background-color:#555}

.review-container{margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.review-container:last-child{border-bottom: none}
.review-container strong{display:block}
.review-container strong img{margin:0 !important; margin-right:5px !important}
.review-container a{display:block; color:#62707f}

.sitemap h2{margin-top:80px}
.sitemap h2:first-child{margin-top:40px}
.sitemap h3{margin:10px 0}
.sitemap ul{margin:0 0 20px; padding:0; list-style-type:none}
.sitemap ul:after{display:block; content:""; clear:both}
.sitemap ul li{float:left; width:230px}

.partner{margin-bottom:30px}
.partner h4{margin-bottom:3px}
.partner .partner-link{color:#999; font-size:12px}

.alert-danger-vn{text-align:center; font-size:14px; margin-top: 40px}
.alert-danger-vn h1{font-family:'Champagne'}
.alert-danger-vn h2{color:#b94a48}
.alert-danger-vn ul{list-style-type: none}

.customer-table{width:100%}
.customer-table .sepa{border-bottom: 1px solid #ccc}
.customer-table th{font-weight:normal; font-size:16px}
.customer-table td{vertical-align:top}
.customer-table td a{display:block}

.page-contrat .form-group,
.page-contrat-insurance .form-group,
.customer-assurance-form .form-group{margin-bottom: 0}

.customer-assurance-form .control-label,
.page-contrat .control-label,
.page-contrat-insurance .control-label,
.devis-reservation .control-label,
.confirmer-reservation .control-label{
    font-weight:600;
}

.page-contrat h2, .page-contrat-insurance h2, .page-paiement h2, .page-devis h2{margin-top: 60px; text-transform: uppercase}
.page-contrat .hr, .page-contrat-insurance .hr, .page-paiement .hr, .page-devis .hr{margin: 10px 0 20px; border-top: 1px solid #dedede; border-bottom: none}

.contrat-selection h3{margin:0}
.contrat-selection h4, .contrat-conditions h4{margin:20px 0 0; font-size:14px; font-weight:600}
.contrat-selection span{display:block; font-size:16px}
.contrat-selection strong{font-size:14px; font-weight:normal; display: block; margin-bottom: 60px}
.contrat-selection ul{padding:0; list-style-type:none}

.contrat-reservation h3{font-size: 16px; font-weight: 600; margin-bottom: 5px}

.insurance-row label{margin-bottom: 0}
.insurance-row .insurance-desc{font-style: italic; margin-left: 28px}

.rating-form h2{margin:40px 0; border-bottom: 1px solid #dedede}
.rating-form h3{font-size:16px; font-weight:600; margin-top: 40px}
.rating-form .table-rating{margin-bottom:20px}
.rating-form .table-rating th, .rating-form .table-rating td{text-align:center; width:100px}
.rating-form .table-rating td:first-child{text-align:left; width:400px}

.contactus h3{margin-top: 40px}
.contactus ul{padding:0; margin:0; list-style-type:none}
.contactus ul:after{display:block; content:""; clear:both}
.contactus ul li{float:left; width:300px}

.contact-ok .alert{font-size: 20px; text-align: center; text-transform: uppercase}

.contact-1{text-align:center; color:#fff}
.contact-1 h2{font-size:30px; color:#fff}
.contact-1 .contact-form{width:80%; margin:20px auto; opacity:0.95}
.contact-1 .contact-form ul.contact-1-nav{list-style-type:none; background-color:#808080; margin:0; padding:0}
.contact-1 .contact-form ul.contact-1-nav:after{display:block; content:""; clear:both}
.contact-1 .contact-form ul.contact-1-nav li{float:left; padding:10px 20px; text-transform:uppercase}
.contact-1 .contact-form ul.contact-1-nav li.selected{background-color:#fff; color:#000}
.contact-1 .search-results ul li{color:#222; text-align:left}
.contact-1 .contact-form .form{background-color:#fff; padding:20px}
.contact-1 .contact-form .form p{color:#222; font-size:16px}
.contact-1-footer h3{color:#fff; text-align:center; margin-bottom:40px}
.contact-1-footer img{margin-bottom:20px}

.header-readonly{background-color: #000; padding: 5px 20px; color: #fff}
.header-readonly img{margin-top: 2px}
.header-readonly .phone{text-align: right; font-size: 20px; font-family: Champagne}

.header-hamburger{display:none; background-color:#62707f; position:fixed; width:100%; height:100%; z-index:1000; color:#fff; top:0}
.header-hamburger ul{margin:0; padding:0; list-style-type:none}
.header-hamburger .ph{color:#fff}
.header-hamburger .dropdown-languages, .header-hamburger .dropdown-currencies, .dropdown-occupancies{min-width:100%}
.header-hamburger .header-hamburger-links{border-top:1px solid #fff; text-align:center; margin-top:20px; padding-top:20px}
.header-hamburger .header-hamburger-links a{display:block; text-align:center; color:#fff; font-size:16px; margin-bottom:10px; text-decoration:underline; text-transform:uppercase}
.header-ville{display:none; background-color:#62707f; position:fixed; width:100%; height:100%; z-index:1001; color:#fff; top:0}


.panel_vile_list {
  width: 100%;
}

.panel_vile_list h3 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  font-weight: 300;
}


a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: transparent;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.panel-body {
  background: transparent;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}

/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 24px;
  position: absolute;
  right: 5px;
  top: 10px;
  transform: rotate(90deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}



.mobile-popup{background-color:#62707f; position:fixed; width:100%; height:100%; z-index:2000; color:#fff; top:0;  left: 0; overflow:scroll}
.mobile-popup .btn-close-popup{color:#000}

.header-cookie{background-color:#ededed; font-size:12px; padding:5px 20px; margin:10px 0}
.header-cookie .btn-close-cookie{cursor:pointer}

.header-one{background-color: #000; padding: 10px 20px; font-size: 14px; text-transform: uppercase}
.header-one .header-nav{list-style-type: none; margin: 0; padding: 0; padding-top: 16px}
.header-one .header-nav > li{display: block; float: right; margin-left: 17px;}
.header-one .header-nav > li:first-child{margin-left: 0}
.header-one .header-nav > li a{color: #737277}
.header-one .header-nav > li a:hover {text-decoration:none;color: #7F7752}

.header-one .header-nav .nos-destinations{position:relative; float: left}
.header-one .header-nav .nos-destinations .nos-destinations-arrow{display: none; position:absolute; left: 15px; color: #ededed}
.header-one .header-nav .nos-destinations .nos-destinations-wrap{display: none; position:absolute; width:800px; left: -227px; z-index:1000;  padding-top: 13px}
.header-one .header-nav .nos-destinations .nos-destinations-body{background-color:#fff; box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); text-transform: capitalize}

.header-one .header-nav .nos-destinations .nos-destinations-body:after{display:block; content:""; clear:both}
.header-one .header-nav .nos-destinations-body .continents{float:left; width:202px}
.header-one .header-nav .nos-destinations-body .continents ul{list-style-type:none; padding:0; margin:0}
.header-one .header-nav .nos-destinations-body .continents ul li{display:block; font-size:16px; cursor:default; padding:10px}
.header-one .header-nav .nos-destinations-body .continents ul li a{color: #333}
.header-one .header-nav .nos-destinations-body .continents ul li.selected{background-color:#ededed}
.header-one .header-nav .nos-destinations-body .countries-cities{float:right; width:598px; min-height:250px; background-color:#ededed; padding:10px}
.header-one .header-nav .nos-destinations-body .countries-cities .countries{display:none}
.header-one .header-nav .nos-destinations-body .countries-cities .countries:first-child{display:block}
.header-one .header-nav .nos-destinations-body .countries-cities .countries p.ph{font-size:16px; font-weight:600; margin-bottom:0}
.header-one .header-nav .nos-destinations-body .countries-cities .countries p.ph:first-child{margin-top:0}
.header-one .header-nav .nos-destinations-body .countries-cities .countries p.ph a{color: #333}
.header-one .header-nav .nos-destinations-body .countries-cities .countries .cities a,
.header-one .header-nav .nos-destinations-body .countries-cities .countries .cities a:hover{color:#333}

.header-one .header-nav .contact-us{border:1px solid white; padding:6px 0; border-left:0; border-right:0}
.header-one .header-nav .contact-us:hover{text-decoration: none}

.header-one .btn-bars, .header-one .btn-phone{background-color:#000; color:#fff}
.header-one .btn-bars i, .header-one .btn-phone i{font-size:20px; margin-top: 4px}

.header-one .btn-group-currencies button,
.header-one .btn-group-lngs button,
.header-one .btn-group-currencies .dropdown-currencies,
.header-one .btn-group-lngs .dropdown-languages{background-color: black; color: #7F7752; border: none; margin-top: -6px; top: 110%}

.header-one .btn-group-currencies.open button{color: #fff; background-color: #000}

.header-one .btn-group-currencies .dropdown-currencies li a,
.header-one .btn-group-lngs .dropdown-languages li a{color: white}

.header-one .btn-group-currencies .dropdown-currencies li a:hover{color: #333}
.header-one .btn-group-lngs .dropdown-languages{min-width: 63px}
.header-one .btn-group-currencies .dropdown-currencies{min-width: 79px}

.header-one .phone{text-align: right; font-family: Champagne; font-size: 20px; color: white; margin-top: 3px}

.header-top{background-color: #000; padding: 10px 20px; font-size: 14px; text-transform: uppercase}
.header-top .header-nav{margin-top: 10px}
.header-top .header-nav a{color: #fff}
.header-top .logo-text{font-family: 'Champagne'; color: #fff; font-size: 28px; line-height: 28px; text-align: right}

.header-top .header-nav .nos-destinations{position:relative; float: left}
.header-top .header-nav .nos-destinations .nos-destinations-body{display:none; position:absolute; width:800px; left: -25%; z-index:1000; background-color:#fff; border:1px solid #ddd; box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); text-transform: capitalize}
.header-top .header-nav .nos-destinations .nos-destinations-body:after{display:block; content:""; clear:both}

.header-top .header-nav .nos-destinations-body .continents{float:left; width:200px}
.header-top .header-nav .nos-destinations-body .continents ul{list-style-type:none; padding:0; margin:0}
.header-top .header-nav .nos-destinations-body .continents ul li{display:block; font-size:16px; cursor:default; padding:10px}
.header-top .header-nav .nos-destinations-body .continents ul li a{color: #333}
.header-top .header-nav .nos-destinations-body .continents ul li.selected{background-color:#ededed}
.header-top .header-nav .nos-destinations-body .countries-cities{float:right; width:598px; min-height:250px; background-color:#ededed; padding:10px}
.header-top .header-nav .nos-destinations-body .countries-cities .countries{display:none}
.header-top .header-nav .nos-destinations-body .countries-cities .countries:first-child{display:block}
.header-top .header-nav .nos-destinations-body .countries-cities .countries p.ph{font-size:16px; font-weight:600; margin-bottom:0}
.header-top .header-nav .nos-destinations-body .countries-cities .countries p.ph:first-child{margin-top:0}
.header-top .header-nav .nos-destinations-body .countries-cities .countries p.ph a{color: #333}
.header-top .header-nav .nos-destinations-body .countries-cities .countries .cities a,
.header-top .header-nav .nos-destinations-body .countries-cities .countries .cities a:hover{color:#333}

.header-top .header-nav ul.menu{float: right; list-style-type: none; margin: 0; padding: 0}
.header-top .header-nav ul.menu li{float: left; margin-left: 10px}

.header-middle{background-color: #000; color: #fff; padding: 0 20px 20px}
.header-middle .villas-extras{font-family: "Champagne"; font-size: 16px; text-transform: uppercase; text-align: center; float: left; margin-left: 40px}

.header-middle .btn-group-currencies button,
.header-middle .btn-group-lngs button,
.header-middle .btn-group-currencies .dropdown-currencies,
.header-middle .btn-group-lngs .dropdown-languages{background-color: black; color: white}

.header-middle .btn-group-currencies .dropdown-currencies li a,
.header-middle .btn-group-lngs .dropdown-languages li a{color: white}

.header-middle .btn-group-currencies .dropdown-currencies li a:hover{color: #333}
.header-middle .btn-group-lngs .dropdown-languages{min-width: 65px}

.header-middle .phone{display: inline-block; font-family: Champagne; font-size: 16px; margin-left: 40px}

.container-absolute{position: absolute; top: 60%; left: 0; right: 0}

.slider{position: relative}
.slider .carousel-caption{font-family: Champagne; font-size: 40px; line-height: 40px; color: #fff; top: 20%}
.slider .carousel-control .glyphicon{top: 50%}
.slider .search-container{margin: 40px auto; background-color: #fff; border: 1px solid #fff}
.slider .search-container .search{border: none}

.index-villas-ex{display: none}

.title-split{text-align: left}
.title-split label{font-family: 'Arapey', serif; display: block; font-size: 50px}
.title-split strong{display: block; margin-left: 100px; font-weight: normal}

/* SEARCH BLOCK */

.search-container{background-color: whitesmoke; box-shadow: 0px 0px 6px black; z-index: 1000}
.search-container .no-back{background: none !important}
.search-container .search{border: 1px solid #dedede; border-radius: 2px}
.search-container .form-container{padding: 10px}
.search-container .form-container label{font-weight: 600}
.search-container .form-container input[type=text]{border: none; outline: none; cursor: text !important; font-size: 16px}
.search-container .form-container input[type=text]:focus{border-bottom: 1px solid #000}

.search-container .form-container .input-icon .search-input{padding-left: 0 !important;}
.search-container .form-container .input-icon .search-close{right:5px; cursor:pointer; color:#e02222}

.search-mobile .search-results, .search-wrapper .search-results, .search-container .search-results{display:none; width:445px; position:absolute; border:1px solid #999; z-index:200; margin-top:1px}
.search-mobile .search-results{width: 100%; border: none}
.search-mobile .search-results ul, .search-wrapper .search-results ul, .search-container .search-results ul{list-style-type:none; margin:0; padding:0}
.search-mobile .search-results ul li, .search-wrapper .search-results ul li, .search-container .search-results ul li{background-color:#fff; padding:5px 20px}
.search-mobile .search-results ul li{color: #222}
.search-wrapper .search-results ul li:hover, .search-container .search-results ul li:hover{cursor:default; background-color:#fafafa}

.search-mobile .last-search, .search-wrapper .last-search, .search-container .last-search{display: none; width: 445px; position: absolute; border: 1px solid #999; z-index: 200; margin-top: 1px; background-color: white}
.search-mobile .last-search{width: 100%; border: none}
.search-mobile .last-search h3, .search-wrapper .last-search h3, .search-container .last-search h3{font-size: 20px; margin: 20px 0 20px; padding: 0 0 0 20px; font-weight: 500}
.search-mobile .last-search ul, .search-wrapper .last-search ul, .search-container .last-search ul{list-style-type:none; margin:0; padding:0}
.search-mobile .last-search ul li, .search-wrapper .last-search ul li, .search-container .last-search ul li{background-color:#fff; padding:5px 20px; margin-bottom: 10px}
.search-wrapper .last-search ul li:hover, .search-container .last-search ul li:hover{cursor:default; background-color:#fafafa}
.search-mobile .last-search ul li a, .search-wrapper .last-search ul li a, .search-container .last-search ul li a{color: #222}
.search-wrapper .last-search ul li a:hover, .search-container .last-search ul li a:hover{text-decoration: none}
.search-mobile .last-search ul li strong, .search-wrapper .last-search ul li strong, .search-container .last-search ul li strong{font-weight: 500; display: block; font-size: 16px}
.search-mobile .last-search ul li span, .search-wrapper .last-search ul li span, .search-container .last-search ul li span{padding-left: 25px}

.search-container .form-container .daterange{display: table}
.search-container .form-container .daterange input{display: table-cell}
.search-container .form-container .daterange span{display: table-cell; padding: 3px 5px}
.search-container .form-container .daterange i.dates-reset{display: table-cell; color: #e02222; font-size: 16px; text-align: right; cursor: pointer}


.search-container .form-container.form-container-travelers{border-left: 1px solid #dedede; height: 54px; padding-top: 12px}
.search-container .form-container #travelers-popover{display: none}
.search-container .form-container #travelers-popover{}
.search-container .form-container .travelers-popover + .popover{width: 300px}
.search-container .form-container .travelers-popover + .popover .travelers-line{margin-bottom: 10px}
.search-container .form-container .travelers-popover + .popover .travelers-line label{width: 140px; font-size: 16px; line-height: 34px; font-weight: normal}
.search-container .form-container .travelers-popover + .popover .travelers-line span{display: block; margin-top: -15px}
.search-container .form-container .travelers-popover + .popover .travelers-line button{float: right; margin-left: 10px}
.search-container .form-container .travelers-popover{display: block; color: #333; padding: 3px; font-size: 16px; cursor: pointer}
.search-container .form-container .travelers-popover:hover, .search-container .form-container .travelers-popover:focus{text-decoration: none; border: none !important}
.search-container .form-container .travelers-popover span{margin-right: 10px}

.search-container .form-container .travelers-dropdown.open a{background-color: whitesmoke}
.search-container .form-container .travelers-dropdown .spinner-input{width: 41px; text-align: right; background-color: #fff !important; padding-right: 10px}
.search-container .form-container .travelers-dropdown .input-group-addon{border: none; background-color: #fff; padding-left: 0; font-size: 16px}
.search-container .form-container .travelers-dropdown input[type=text]:focus{border-bottom: none !important}


/* SECOND SEARCH BLOCK */

.slider .search-wrapper{margin: 0 auto}
.slider .search-wrapper .search{border: none}

.search-wrapper{z-index: 1000}
.search-wrapper div[class^='col-']{padding-left: 0}
.search-wrapper .no-back{background: none !important}
.search-wrapper .search{border: 1px solid #dedede; border-radius: 2px}
.search-wrapper .form-container{padding: 5px 10px; background-color: #fff}
.search-wrapper .form-container label{font-weight: 600}
.search-wrapper .form-container input[type=text]{border: none; outline: none; cursor: text !important; font-size: 14px}
.search-wrapper .form-container input[type=text]:focus{border-bottom: 1px solid #000}

.search-wrapper .form-container .input-icon .search-input{padding-left: 0 !important;}
.search-wrapper .form-container .input-icon .search-close{right:5px; cursor:pointer; color:#e02222}
.search-wrapper .form-container .input-icon-dates .dates-reset{right:5px; cursor:pointer; color:#e02222}
.search-wrapper .form-container .input-icon-dates .dates-reset{right:5px; cursor:pointer; color:#e02222}
.search-wrapper .form-container .input-icon-dates input#checkin{padding-left: 12px !important}

.search-wrapper .form-container .daterange{display: table}
.search-wrapper .form-container .daterange input{display: table-cell}
.search-wrapper .form-container .daterange span{display: table-cell; padding: 3px 5px}

.search-wrapper .form-container.form-container-travelers{padding: 8px 10px}
.search-wrapper .form-container #travelers-popover{display: none}
.search-wrapper .form-container #travelers-popover{}
.search-wrapper .form-container .travelers-popover + .popover{width: 300px}
.search-wrapper .form-container .travelers-popover + .popover .travelers-line{margin-bottom: 10px}
.search-wrapper .form-container .travelers-popover + .popover .travelers-line label{width: 140px; font-size: 16px; line-height: 34px; font-weight: normal}
.search-wrapper .form-container .travelers-popover + .popover .travelers-line span{display: block; margin-top: -15px}
.search-wrapper .form-container .travelers-popover + .popover .travelers-line button{float: right; margin-left: 10px}
.search-wrapper .form-container .travelers-popover{display: block; color: #333; padding: 4px; font-size: 14px; cursor: pointer}
.search-wrapper .form-container .travelers-popover:hover, .search-container .form-container .travelers-popover:focus{text-decoration: none; border: none !important}
.search-wrapper .form-container .travelers-popover span{margin-right: 10px}

.search-wrapper .form-container .travelers-dropdown.open a{background-color: #fff}
.search-wrapper .form-container .travelers-dropdown .spinner-input{width: 41px; text-align: right; background-color: #fff !important; padding-right: 10px}
.search-wrapper .form-container .travelers-dropdown .input-group-addon{border: none; background-color: #fff; padding-left: 0; font-size: 14px}
.search-wrapper .form-container .travelers-dropdown input[type=text]:focus{border-bottom: none !important}

.search-wrapper .form-container.last{padding: 0}
.search-wrapper .form-container.last button{padding: 12px 0; width: 100%}

/* MOBILE SEARCH BLOCK */
.search-mobile-wrapper{position: relative}
.search-mobile-wrapper .container{position: absolute; margin: 0 auto; left: 0; right: 0; top: 40%}
.search-mobile-wrapper .container .search-input{color: #bb2113}
.search-mobile-villas{padding:20px 0; background-color: whitesmoke; border-bottom: 1px solid #dedede; z-index: 100}
.search-mobile-villas .search-mobile-wrapper{margin-top: 0}

.search-mobile{z-index: 100; display: none; padding: 20px 0}
.search-mobile strong.search-mobile-title{display: block; font-size: 20px; font-weight: normal; margin-bottom: 20px; text-align: center}
.search-mobile .form-control{border: none}
.search-mobile .form-group-large .form-control{padding: 20px 12px}
.search-mobile .form-group-large .fa-search{margin-top: 12px}
.search-mobile .dates-reset-mobile{margin-bottom: 20px; color: #fff}
.search-mobile .travelers-total{text-align: center; font-size: 16px; font-weight: 600; margin: 10px 0}
.search-mobile .travelers-spinners{margin-bottom: 10px}
.search-mobile .travelers-spinners .spinner-label{float: left; margin-top: 5px; font-size: 16px}
.search-mobile .travelers-spinners .spinner-controls{float: right; width: 120px}
.search-mobile .travelers-spinners .spinner-input{text-align: center; color: #fff; background-color: #62707f !important; border: none; font-size: 16px}
.search-mobile.search-mobile-villas .travelers-spinners .spinner-input{background-color: whitesmoke !important}
.search-mobile .search-mobile-controls .badge{color:#333; background-color:#fff}

.index-villas-ex{padding:20px 0; background-color:#62707f}
.index-villas-ex p{color:#fff; font-size:30px; text-transform:uppercase; text-align:center}

.discover-selection .container{margin: 40px auto; border-top: 1px solid #dedede; padding: 20px 0;}
.discover-selection h2{margin: 20px 0}
.discover-selection .selection{margin-bottom: 20px}
.discover-selection .selection label{font-family: Champagne; font-size: 23px; display: block; margin-bottom: 0}
.discover-selection .selection strong{font-size: 14px; font-weight: normal;color:#737277;margin-left: 6px }

.home-title {
    font-family: Champagne;
    font-size: 20px;
    line-height: 30px;
    background-color: #000000; 
    color: #737277;
    text-transform: uppercase;
    /* text-shadow: 1px 1px 1px #000; */
    padding: 10px;
    text-align: center;
    letter-spacing: 2px;
    border: 1px solid #7F7752;
}

.home-tab .container{margin: 40px auto; border-top: 1px solid #dedede; padding: 20px 0;}
.home-tab h2{margin: 20px 0}
.home-tab div{font-size: 14px}

.holidays{position: relative}
.holidays .container{border-top: 1px solid #dedede; padding: 20px 0}

.landing-section{position: relative}
.landing-section h3{position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; text-transform: uppercase; font-size: 40px; font-family: Champagne; color: #fff; text-shadow: 1px 1px #000}

.reviews-home .container{margin: 40px auto; border-top: 1px solid #dedede; padding: 20px 0}
.reviews-home h2{margin: 20px 0}
.reviews-home .review{margin-top: 20px}
.reviews-home .review label{font-family: Champagne; font-size: 30px; line-height: 30px; display: block}
.reviews-home .review strong{display: block; font-size: 16px; font-weight: normal; margin-bottom: 15px}
.reviews-home .review span{display: block; margin-top: 5px; font-size: 16px}
.reviews-home .review .stars{width: 60px; height: 12px; margin: 5px 0; background-image: url(../img/stars-o.png); background-repeat: repeat-x}
.reviews-home .review .stars .stars-red{background-image: url(../img/stars.png); background-repeat: repeat-x; height: 12px}
.reviews-home .review p{margin-top: 10px}

.concierge{position: relative}
.concierge .container{border-top: 1px solid #dedede; padding: 20px 0}

.destinations .container{margin: 40px auto; border-top: 1px solid #dedede; padding: 20px 0}
.destinations h2{margin: 20px 0}
.destinations .destination{margin-bottom: 20px}
.destinations .destination label{font-family: Champagne; font-size: 30px; display: block; margin-bottom: 0}

.home-h1{border-top: 1px solid #dedede; text-align: center}
.home-h1 h1{margin-bottom: 20px; font-family: Champagne}
.presse{padding-top: 40px; border-top: 1px solid #dedede}

/*** Footer ***/
.footer{padding: 40px 0; margin-top: 40px; border-top: 1px solid #dedede}
.footer p.ph{color: #444; font-size: 21px; font-weight: 400; line-height: 26px; text-decoration: none; margin-top:20px; margin-bottom:10px; line-height:1.1}
.footer ul{list-style-type:none; margin:0; padding:0}
.footer .landing li{display:inline-block; margin-right:20px}
.footer li{margin-bottom:3px}
.footer li a{text-decoration:none}
.footer li a:hover{text-decoration:underline}
.footer a{color: #0da3e2}
.footer.footer-contact{border-top: none; margin-top: 0; background-color: #808080}

.landing-footer{padding:40px 0; border-top: 1px solid #dedede}
.landing-footer h2{text-align:center; margin-top:0}

/*** Copyright ***/
.copyright {color: #fff; font-size: 12px; padding: 10px 0; background-color: #000}
.copyright p {color: #bbb; margin-top: 7px; margin-bottom: 0}
.copyright p a {color: #2298ca}
.copyright .social-footer {list-style: none; text-align: right; padding: 0}
.copyright .social-footer li {margin-left: 3px; display: inline-block}
.copyright .social-footer li i {color: #808e9c; font-size: 18px; display: inline-block}
.copyright .social-footer li i:hover {color: #fff; transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.copyright .social-footer li a:hover {text-decoration: none}
.copyright ul{list-style-type:none; margin:0 0 20px; padding:0; text-align:center}
.copyright ul li{display:inline; margin-right:20px}
.copyright ul li a{font-size:14px; color:#fff; text-decoration:none}
.copyright ul li a:hover{text-decoration:underline}


#manual .modal-body{position: relative}
#manual .modal-dialog{width: 1000px}
#manual .modal-body{padding: 0}
#manual .manual-container{position: absolute; top: 0; left: 0; width: 100%; padding: 40px}
#manual .manual-grid{position: relative; background-color: #fff; padding: 20px; text-align: center; height: 250px; opacity: 0.8}
#manual .manual-grid p{font-family: Champagne; font-size: 16px}
#manual .manual-grid img{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto}
#manual .manual-grid span{position: absolute; right: 0; bottom: -70px; font-family: Champagne; font-size: 100px}

.breadcrumb{margin-bottom: 0}
.bread-crumbs{font-size:14px}
.bread-crumbs:after{display:block;content:"";clear:both;}
.bread-crumbs > div{float:left}
.bread-crumbs > div span{margin:0 5px}
.bread-crumbs > div:first-child span{margin-left:0}

.bread-crumbs-mobile{font-size: 13px; text-align: center; margin-bottom: 20px}
.bread-crumbs-mobile div{float: none; display: inline-block}

.page-container{background-color: white}

.continents-pays{margin-bottom:20px}
.continents-pays .pays-title{text-align:center; background-color:#f5f5f5; padding:15px 0; border: 1px solid #dedede; border-top: none}
.continents-pays .pays-title h3{margin:0; margin-bottom:5px; font-size:30px}
.continents-pays .pays-title span{color:#222; font-size:16px}

.villas-page{margin-top: 20px}
.villas-page .btn-contact-us{position: fixed; width: 80%; bottom: 55px; text-align: center; display: none; z-index: 90; left: 0; right: 0; border-radius: 25px !important; margin: 0 auto; font-size: 16px; text-transform: uppercase}
.villas-page .filter-side-row{margin-top: 50px}
.villas-page .filter-side-row .villas-count{margin-bottom: 20px}

.filter-side{height:100%}
.filter-side .remove-filter{display: block; margin: 10px 0; text-align: center; color: #bb2413; font-size: 14px}
.filter-side .filter-titre{line-height:30px; margin-bottom:10px; margin-top:20px; text-align: center}
.filter-side .afilter{display:none; margin-top:10px; text-align: center}
.filter-side .afilter .ph{font-size:16px; padding:10px; margin:0; font-weight:300}

.filter-side .villas-zge{margin-top: 20px}
.filter-side .villas-zge .zge-photo{position: relative}
.filter-side .villas-zge .zge-photo span{position: absolute; left: 0; right: 0; font-family: Champagne; font-size: 19px; text-align: center; text-shadow: 1px 1px #222; letter-spacing: 1px; color: #fff; text-transform: uppercase}
.filter-side .villas-zge .zge-photo .zge-title{top: 20px; font-size: 22px}
.filter-side .villas-zge .zge-photo .zge-zone{bottom: 20px; font-size: 24px}
.filter-side .villas-zge .zge-contact{padding: 10px 0; text-align: center; font-size: 20px; border: 1px solid #dedede; border-top: none}


.filter-url-open{position: absolute; right: 5px}
.filter-url-open .fa.fa-times{color: #bb2413}

.filter-dests li,
.filter-equips li,
.filter-rooms li{position: relative}

.filter-dests ol li.readonly-li,
.filter-rooms ol li.readonly-li,
.filter-equips ol li.readonly-li{background-color:#fafafa; padding-left: 30px; font-weight: 600}

.filter-dests{margin-bottom:20px;}
.filter-dests h3{font-size:16px; padding:10px; margin:0; border-bottom:1px solid #ededed}
.filter-dests div{padding:10px 0}
.filter-dests ol{list-style-type:none; margin:0; padding:0; font-size:14px}
.filter-dests ol li{cursor:default; padding:2px 10px}
.filter-dests ol li:hover{background-color:#fafafa}

.filter-rooms{margin-bottom:20px}
.filter-rooms .ph{font-size:16px; padding:10px; margin:0; border-bottom:1px solid #ededed; font-weight:300}
.filter-rooms div{padding:10px 0}
.filter-rooms ol{list-style-type:none;  margin:0; padding:0; font-size:14px}
.filter-rooms ol li{cursor:default; padding:2px 10px}
.filter-rooms ol li:hover{background-color:#fafafa}

.filter-equips{margin-bottom:40px}
.filter-equips .ph{font-size:16px; padding:10px; margin:0; border-bottom:1px solid #ededed; font-weight:300}
.filter-equips div{padding:10px 0}
.filter-equips ol{list-style-type:none; margin:0; padding:0; font-size:14px}
.filter-equips ol li{cursor:default; padding:2px 10px}
.filter-equips ol li:hover{background-color:#fafafa}

.carts p{padding:10px}
.carts .ph{font-size: 16px; margin: 0; padding: 10px; font-weight:300}
.carts .ph span{float:right; margin-top:1px}
.carts ul{padding:0; margin:0; list-style-type:none}
.carts li{padding:10px; padding-right:30px; border-bottom:1px solid #ededed; position:relative}
.carts li:hover{background-color:#fafafa}
.carts li strong{font-size:16px; font-weight:normal; color:#428bca}
.carts li .cart-delete{position:absolute; font-size:14px; right:5px; top:20px; color:#e02222; cursor:pointer}

.villas-on-map{margin-top:10px; text-align:right}

.villas-sorter{margin-top:10px}
.villas-sorter .selected{background-color:#ededed}
.villa-sorter{display:none}

.villa-map .villa-img{position:relative}
.villa-map .villa-map-img img{width:100%}
.villa-map .villa-map-img h3{position:absolute; left:20px; top:20px; background-color:#fff; margin:0; padding:10px}
.villa-map .villa-map-img h3 a{color:#222}
.villa-map .villa-map-img h3 a:hover{text-decoration:none}
.villa-map .villa-map-left{padding:10px}
.villa-map .villa-map-left strong{font-weight:normal; display:block; font-size:20px}
.villa-map .villa-map-right{text-align:center}

/*.villa-map .villa-img{position:relative}
.villa-map .villa-map-img img{width:100%}
.villa-map .villa-map-img h3{position:absolute; left:20px; top:20px; margin:0; padding:10px}
.villa-map .villa-map-img h3 a{color:#222}
.villa-map .villa-map-img h3 a:hover{text-decoration:none; color:inherit}
.villa-map .villa-map-left{padding:10px}
.villa-map .villa-map-left strong{font-weight:normal; display:block; font-size:20px}
.villa-map .villa-map-right{text-align:center}*/

.villas .col-md-12{min-height: 0}
.villas .villa{margin-bottom: 20px}
.villas .is-sort:last-child .villa{margin-bottom: 0}
.villas .villa.show{display: block}
.villas .villa.hide{display: none}

.no-villas .no-villas-div{padding: 15px}
.no-villas p{font-family: 'Champagne'; font-size: 30px; text-align: center}

.mobile-prices{display:none; padding:10px}
.mobile-prices .wraper-prices .wrap-prices{display:none}
.mobile-prices .wraper-prices .wrap-prices:first-child{display:block}

/*.btn-submit-fix{display:none; position:fixed; bottom:0; left:0; width:100%; z-index:10; text-transform:uppercase}*/
.btn-submit-mobile{display:none; position: fixed; width: 50%; bottom: 55px; left: 0; right: 0; margin: 0 auto; z-index: 90; text-align:center; text-transform:uppercase; border-radius: 25px !important; font-size:16px}

.villa .villa-img{position:relative}
.villa .villa-img img{width:100%}
.villa .villa-img h3{position:absolute; left:20px; top:20px; background-color:#fff; margin:0; padding:10px}
.villa .villa-is-new{position:absolute; right:20px; top:20px; background-color: rgba(0, 0, 0, 0.6); margin:0; padding:10px 30px; font-size: 30px; letter-spacing: 3px; text-transform: uppercase; color: white}
.villa .villa-img .btn-plus{display:none; position:absolute; right:20px; top:20px}
.villa .villa-img .villa-price-m{display:none; position:absolute; right:20px; bottom:20px; padding:10px; background-color:#d84a38; color:#fff}
.villa .villa-img .villa-price-m a{color:#fff}
.villa .villa-img .villa-price-m a:hover{text-decoration:none}
.villa .villa-img .villa-price-m .villa-price-amount{display:block; text-align:right}
.villa .villa-img .villa-price-m .villa-price-per{font-size:14px}
.villa .villa-img h3 a{color:#222}
.villa .villa-img h3 a:hover{text-decoration:none; color:inherit}

.villa .villa-bottom{border: 1px solid #dedede; border-top: none}

.villa .villa-left{padding:10px; padding-right:0}
.villa .villa-left strong{font-weight:normal; display:block; font-size:20px}
.villa .villa-left p{margin-top:10px}

.villa .villa-right{padding:10px; padding-left:0; text-align:right}
.villa .villa-right .villa-price{display:block; font-size:36px; line-height:36px; text-align:right}
.villa .villa-right .villa-price-from{display:block;margin-bottom:10px}
.villa .villa-right .villa-no-price{display:block; font-size:20px; text-align:right; margin-bottom:10px}
.villa .villa-right .villa-no-price strong{display:block; font-weight:normal}
.villa .villa-right .btn.red{text-transform:uppercase}
.villa .villa-right .btn-selection{margin-right:10px}


.villa-page{position: relative}
.villa-page #ajax-modal-video{width: 1027px !important; height: 541px !important}
.villa-page .slider-wrapper{width: 100%; overflow: hidden; position: relative}
.villa-page .slider-wrapper .carousel-control, .villa-page .slider-wrapper-mobile .carousel-control{width: 50%}
.villa-page .slider-wrapper .carousel-control.right .glyphicon, .villa-page .slider-wrapper-mobile .carousel-control.right .glyphicon{right: 20%}
.villa-page .slider-wrapper .carousel-control.left .glyphicon, .villa-page .slider-wrapper-mobile .carousel-control.left .glyphicon{left: 20%}
.villa-page .villa-slider{position: relative; overflow: hidden}
.villa-page .villa-slider img{display: block; float: left; margin-right: 10px; cursor: pointer}
.villa-page .villa-slider img:last-child{margin-right: 0}
.villa-page > .container{margin-top: -160px}
.villa-page .villa-photo-video{text-align: center; margin-bottom: 20px}
.villa-page .villa-photo-video .btn{padding: 10px 16px; font-size: 18px}
.villa-page .villa-photo-video .btn i{font-size: 30px; margin-right: 5px}
.villa-page .villa-9{padding-right: 0}
.villa-page .villa-left{border: 1px solid #dedede}
.villa-page .villa-infos{background-color: white; padding: 20px}
/*.villa-page .villa-infos .villa-infos-header:after{display: block; height: 1px; clear: both}*/
.villa-page .villa-infos h1{text-align: center;font-family: Champagne}
.villa-page .villa-infos .villa-infos-header {text-align: center;}
.villa-page .villa-infos .villa-infos-header h1{float: left; font-family: Champagne; margin: 0; font-size: 34px; margin-right: 40px}
.villa-page .villa-infos .villa-infos-header a.btn-selection button{margin-top: 2px}
.villa-page .villa-infos .villa-infos-header a.btn-selection span{margin-left: 10px; font-size: 16px}
.villa-page .villa-infos .bread-crumbs{font-size: 14px; margin: 20px 0}
.villa-page .villa-infos label.occupancies{display: block; font-size: 20px; line-height: 20px; margin: 20px 0; font-family: Champagne; letter-spacing: 1px; border: 1px solid #dedede; border-left: none; border-right: none; padding: 12px 0; text-align: center}
.villa-page .villa-infos strong{display: block; font-size: 20px; line-height: 20px; font-weight: normal; font-family: Champagne}
.villa-page .villa-infos .villa-stars{font-family: "Open Sans"; margin-left: 30px; display: inline-block; font-size: 16px; float: right}
.villa-page .villa-infos .villa-stars .villa-stars-average{text-align: center; color: #e02222; font-size: 26px}
.villa-page .villa-infos .villa-stars .villa-stars-average span{font-size: 16px}
.villa-page .villa-infos .villa-stars .stars{width: 60px; height: 12px; margin: 5px auto; background-image: url(../img/stars-o.png); background-repeat: repeat-x}
.villa-page .villa-infos .villa-stars .stars .stars-red{background-image: url(../img/stars.png); background-repeat: repeat-x; height: 12px}
.villa-page .villa-infos .villa-stars span{text-align: center}
.villa-page .villa-infos p{font-family: Champagne; font-size: 20px; line-height: 20px; margin-top: 10px; letter-spacing: 1px}
.villa-page .villa-infos .mobile-total-price{display:none; padding:10px 20px 0 20px; font-size:30px; text-align:center}
.villa-page .villa-infos .mobile-total-price span{font-size:14px}

.villa-page .sticky-nav{z-index: 100}
.villa-page .villa-nav{padding:0; list-style-type:none; background-color:#000; z-index:1000}
.villa-page .villa-nav:after{display:block; clear:both; content:""}
.villa-page .villa-nav li{float:left; border-right:1px solid #ccc; width:170px}
.villa-page .villa-nav li a{display:block; padding:15px 20px; text-align:center; text-transform:uppercase; color:#fff}
.villa-page .villa-nav li:last-child{border-right:none}

.villa-page .villa-nav-mobile{text-align: center}
.villa-page .villa-nav-mobile .btn-group{width: 100%}
.villa-page .villa-nav-mobile .btn-group .btn, .villa-page .villa-nav-mobile .btn-group.open .btn{position: relative; width: 100%; font-size: 20px; color: white; background-color: black; border: none}
.villa-page .villa-nav-mobile .btn i{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 20px;}
.villa-page .villa-nav-mobile .dropdown-menu{width: 100%; text-align: center; background-color: black; padding: 10px 0}
.villa-page .villa-nav-mobile .dropdown-menu li a{color: white; font-size: 20px; font-family: "Open Sans"; padding: 10px 0}

.villanovo-nav-mobile{text-align: center}
.villanovo-nav-mobile .btn-group{width: 100%}
.villanovo-nav-mobile .btn-group .btn, .villanovo-nav-mobile .btn-group.open .btn{position: relative; width: 100%; font-size: 20px; color: white; background-color: black; border: none}
.villanovo-nav-mobile .btn i{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 20px;}
.villanovo-nav-mobile .dropdown-menu{width: 100%; text-align: center; background-color: black; padding: 10px 0}
.villanovo-nav-mobile .dropdown-menu li a{color: white; font-size: 20px; font-family: "Open Sans"; padding: 10px 0}

.villa-nav-content{padding:20px; margin-top:20px}
.villa-nav-content ul{margin:0; padding:0; list-style-type:none}
.villa-nav-content ul:after{display:block; content:""; clear:both}
.villa-nav-content p.ph{font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:0; color:#222}
.villa-nav-content ul li{float:left; width:273px}
.villa-nav-content #gmap{width:100%; height:400px; display:none}
.villa-nav-content .wraper-prices .wrap-prices{display:none}
.villa-nav-content .wraper-prices .wrap-prices.selected{display:block}

.villa-nav-content .switch-month{margin-bottom: 10px; text-align: center}
.villa-nav-content .switch-month a{color: #666; font-size: 30px}
.villa-nav-content .switch-month a.disabled{color: #ccc; font-size: 30px; cursor: default}
.villa-nav-content .calendar-frame:nth-child(n+3){display: none}
.villa-nav-content .calendar-month{margin-bottom: 40px; padding: 10px; border: 1px solid black}
.villa-nav-content .calendar-month .calendar-month-title{font-family: Champagne; font-size: 26px; text-align: center}
.villa-nav-content .calendar-month td{text-align: center}
.villa-nav-content .calendar-month table tbody td{border: none; font-size: 12px; color: white}
.villa-nav-content .calendar-month table tbody td.dispo{background-color: #35aa47}
.villa-nav-content .calendar-month table tbody td.not-dispo{background-color: #e02222}
.villa-nav-content .calendar-month table tbody td.ondemand{background-color: #fafafa; color: black}
.villa-nav-content .calendar-month table tbody td.passed{text-decoration: line-through; color: black}

.villa-nav-content.reviews .reviews-top{margin:40px 0 0; text-align:center}
.villa-nav-content.reviews .reviews-top strong{display:block; font-weight:normal; font-size:16px}
.villa-nav-content.reviews .reviews-average{text-align:center; margin-top:20px}
.villa-nav-content.reviews .reviews-average strong{font-size:16px; display:block; font-weight:normal}
.villa-nav-content.reviews .reviews-average{font-size:26px}
.villa-nav-content.reviews .reviews-note{float:right}
.villa-nav-content.reviews .reviews-stars{background: url(../img/stars-o.png) repeat-x; height:12px; width:60px; margin:10px auto;}
.villa-nav-content.reviews .reviews-stars div{background: url(../img/stars.png) repeat-x; height: 12px}
.villa-nav-content.reviews .reviews-bar-top label{font-size:14px; margin-bottom:0}
.villa-nav-content.reviews .reviews-bar-top label:first-child{float:left}
.villa-nav-content.reviews .reviews-bar-top label:last-child{float:right}
.villa-nav-content.reviews .reviews-bar-top:after{display:block; content:""; clear:both}
.villa-nav-content.reviews .reviews-bar .progress{height:10px; background-color:#ccc}
.villa-nav-content.reviews .review{margin:20px 0; padding-top:20px; border-top:1px solid #ccc}
.villa-nav-content.reviews .review i{float:left; margin:3px 20px 0 0}

.villa-nav-content .review .review-comment{overflow:auto; margin-bottom:10px}
.villa-nav-content .review .review-footer{margin-top:20px}
.villa-nav-content .review .review-footer:after{display:block; content:""; clear:both}
.villa-nav-content .review .review-footer{margin-top:20px}
.villa-nav-content .review .review-footer strong{float:left; margin-right:20px}
.villa-nav-content .review .review-footer strong img{margin-right:5px}

.review .review-footer .reviews-stars{float:right; margin:3px 0 0 20px}

.villa-page .villa-right{background-color: white}
.villa-page .villa-right .villa-sejour{padding:20px; margin-bottom:20px; border: 1px solid #dedede; border-left: none; background-color: #f7f7f7}
.villa-sejour .villa-sejour-title{font-size: 34px; font-family: Champagne; line-height: 34px; text-align: center; margin-bottom: 20px}
.villa-sejour input[type=text]{margin-bottom:1px}
.villa-sejour #checkin, .villa-sejour #checkout{display: table-cell}

.villa-sejour-mobile{display: none; padding: 20px 0}
.villa-sejour-mobile .form-control{border: none}
.villa-sejour-mobile .villa-sejour-title{display: block; font-size: 20px; font-weight: normal; margin-bottom: 20px; text-align: center}
.villa-sejour-mobile .dates-reset-mobile{color: #fff}
.villa-sejour-mobile .travelers-total{text-align: center; font-size: 16px; font-weight: 600; margin: 10px 0}
.villa-sejour-mobile .travelers-spinners{margin-bottom: 10px}
.villa-sejour-mobile .travelers-spinners .spinner-label{float: left; margin-top: 5px; font-size: 16px}
.villa-sejour-mobile .travelers-spinners .spinner-controls{float: right; width: 120px}
.villa-sejour-mobile .travelers-spinners .spinner-input{text-align: center; color: #fff; background-color: #62707f !important; border: none; font-size: 16px}
.villa-sejour-mobile .btn-group-rooms{margin: 30px 0}
.villa-sejour-mobile .villa-sejour-warning{text-align:center; font-size:14px; margin:10px 0; background-color: #f2dede; color: #b94a48; padding: 10px 0}
.villa-sejour-mobile .villa-price{padding:10px; background-color:#fff; margin:10px 0; text-align:center}
.villa-sejour-mobile .villa-price strong{display:block; font-weight:normal; font-size:30px}
.villa-sejour-mobile .villa-price > span{text-align:center; color: #222}
.villa-sejour-mobile .villa-no-price{padding:10px; background-color:#ededed; margin:10px 0; text-align:center; font-size:20px}
.villa-sejour-mobile .villa-no-price strong{display:block; font-weight:normal}
.villa-sejour-mobile .villa-no-price span{text-align:center}
.villa-sejour-mobile p{text-align:center; margin-top:10px}
.villa-sejour-mobile .btn-group-book{}
.villa-sejour-mobile .btn-group-book a{text-transform: uppercase; font-size: 12px}
.villa-sejour-mobile .btn-group-book .btn-book{border-left: 1px solid #62707f}

.villa-sejour .travelers-dropdown{width:100%;margin-bottom: 1px}
.villa-sejour .travelers-dropdown .travelers-popover{position:relative; width:100%; text-align:left}
.villa-sejour .travelers-dropdown .travelers-popover i{position:absolute; right:20px; top:10px}
.villa-sejour .travelers-dropdown .travelers-dropdown-menu{width:100%}

.villa-sejour .travelers-dropdown .travelers-dropdown-menu.open a{background-color: #fff}
.villa-sejour .travelers-dropdown .travelers-dropdown-menu .spinner-input{width: 41px; text-align: right; background-color: #fff !important; padding-right: 10px;border: none; outline: none; cursor: text !important; font-size: 16px}
.villa-sejour .travelers-dropdown .travelers-dropdown-menu .input-group-addon{border: none; background-color: #fff; padding-left: 0}
.villa-sejour .travelers-dropdown .travelers-dropdown-menu input[type=text]:focus{border-bottom: none !important}

.villa-sejour .btn-group-rooms{width:100%}
.villa-sejour .btn-group-rooms button{position:relative; width:100%; text-align:left}
.villa-sejour .btn-group-rooms button i{position:absolute; right:20px; top:10px}
.villa-sejour .btn-group-rooms ul{width:100%}
.villa-sejour .villa-not-dispo, .villa-sejour .villa-min-nights{text-align:center; font-size:14px; margin:10px 0}
.villa-sejour .villa-sejour-warning{text-align:center; font-size:14px; margin:10px 0}
.villa-sejour .villa-price{padding:10px; background-color:#fff; margin:10px 0; text-align:center; border:1px solid #ccc}
.villa-sejour .villa-price strong{display:block; font-weight:normal; font-size:30px}
.villa-sejour .villa-price span{text-align:center}
.villa-sejour .villa-no-price{padding:10px; background-color:#ededed; margin:10px 0; text-align:center; border:1px solid #ccc; font-size:20px}
.villa-sejour .villa-no-price strong{display:block; font-weight:normal}
.villa-sejour .villa-no-price span{text-align:center}
.villa-sejour p{text-align:center; margin-top:10px}
.villa-sejour .btn-group-book{}
.villa-sejour .btn-group-book a{text-transform: uppercase; font-size: 12px}
.villa-sejour .btn-group-book .btn-book{border-left: 1px solid white}

.advisor:after{display:block; clear:both; content:""}
.advisor .advisor-img{position:relative}
.advisor .advisor-img img{margin:0 auto}
.advisor .advisor-img label{position:absolute; left:0; right:0; bottom:10px; margin:0 auto; font-size:26px; text-align:center; background-color:#555; color:#fff; width:70%}
.advisor span{display:block; padding:10px 0; text-align:center; font-size:20px; border: 1px solid #dedede; border-top: none}
.villa-right .advisor span{border-left: none}

.villa-photos .villa-photos-header{text-align: center}
.villa-photos .villa-photos-header h1{margin-bottom:0}
.villa-photos .villa-photos-header strong{font-weight:normal; font-size:16px}
.villa-photos .villa-photos-links{margin:20px 0; text-align: center}
.villa-photos .villa-photos-links a{margin-right:20px; font-size:20px; color:#333}
.villa-photos-img .villa-photos-img-wrap{position:relative; margin-bottom:10px}
.villa-photos-img .villa-photos-img-wrap img{margin: 0 auto}
.villa-photos-img .villa-photos-img-wrap span{position:absolute; display:block; bottom:0; right:90px; color:#222; font-size:14px;
                                              height:30px; line-height:30px; padding:0 10px; opacity:0.6; background-color:#fff}

.villa-photos .villa-photo{position: relative; margin-bottom: 10px}
.villa-photos .villa-photo span{position: absolute; top: 40px; left: 40px; padding: 10px 20px; font-size: 30px; font-family: Champagne; background-color: white; color: #333}

.villa-photos .btn-photos-sejour{position: fixed; right: 100px; bottom: 50px; z-index: 100; padding-left: 80px; padding-right: 80px}
.villa-photos.container .btn-photos-sejour{right: 200px;}


.ddis .ddis-selection{margin-bottom:20px; position:relative; padding-left:30px}
.ddis .ddis-selection:last-child{margin:0}
.ddis .ddis-selection h3{font-weight:normal; font-size:16px; padding:0; margin:0}
.ddis .ddis-selection strong{font-weight:normal}
.ddis .ddis-selection i{position:absolute; left:0; top:6px; font-size:16px; cursor:pointer}

.book-villa{position: relative}
.book-villa .img-wrapper{width: 100%; overflow: hidden; position: relative}
.book-villa .container{text-align: center}
.book-villa .book-villa-absolute{position: absolute; left: 0; right: 0; bottom: 20px; width: 70%; background-color: #fff; color: #333; padding: 20px; border-radius: 15px !important; opacity: 0.9}
.book-villa .book-villa-absolute.book-villa-infos{margin: 0 auto}
.book-villa .book-villa-infos{text-align: center}
.book-villa .book-villa-infos h2{font-size: 30px; font-family: Champagne}
.book-villa .book-villa-infos strong{font-size: 26px; font-family: Champagne; font-weight: normal}

.book-form{margin-top: 20px}
.book-form .form-step{font-size: 24px; margin-bottom: 40px; color: #10a062}
.book-form .form-step span{font-family: Champagne; font-size: 34px; border-radius:50% !important; padding: 10px 20px; margin-right: 10px; background-color: #10a062; color: #fff}
.book-form .radio-inline .radio{min-height: 0}

.book-form .control-label{text-align: left !important}

.book-form .book-form-1 .spinner-buttons button{background-color: #ccc}
.book-form .book-form-1 .form-group-error .message-error{display: none; margin-top: 5px; margin-bottom: 10px; color: #b94a48}
.book-form .book-form-1 .form-group-error.is-error .message-error{display: block}

.book-form .book-form-2{background-color: #f6f6f6; margin-top: 20px; padding: 20px 0}
.book-form .book-form-2 .form-control-static{font-size: 16px; text-align: right}
.book-form .book-form-2 .book-form-title-sm{margin-left: -15px; margin-right: -15px; font-weight: 600; font-size: 16px}
.book-form .book-form-2 .checkbox-list .insurance-amount{float: right; text-align: right; font-size: 16px}
.book-form .book-form-2 .checkbox-list .insurance-desc{margin-left: 28px; margin-bottom: 15px; font-style: italic; font-size: 11px}
.book-form .book-form-2 .checkbox-list div.checker{margin-bottom: 2px}

.book-form .book-form-3{margin-top: 20px; padding: 20px 0}
.book-form .book-form-3 .site-ssl{margin: 60px 0; text-align: center}
.book-form .book-form-3 .important{background-color: #272727; color: white; padding: 20px; box-shadow: 0 0 10px black; border-radius: 10px !important;}
.book-form .book-form-3 .important h3{font-size: 24px; text-align: center; margin-bottom: 20px; font-weight: 500; color: white}
.book-form .book-form-3 .important p{font-size: 16px}

.book-form .book-conditions{background-color: #f6f6f6; margin-top: 20px; padding: 20px 0}
.book-form .book-conditions h3{font-size: 24px; font-weight: 500; margin-bottom: 20px}

.book-form .book-validate, .book-form .book-request{margin-top: 20px; padding: 20px 0}
.book-form .book-validate .validate, .book-form .book-request .request{margin-top: 20px; text-align: center}

.book-message{padding: 20px 0;  font-family: Champagne; font-size: 30px; text-align: center}
.book-message.info{background-color: #d9edf7; margin: 20px 0; color: #3a87ad}
.book-message.success{background-color: #dff0d8; margin: 20px 0; color: #468847}
.book-message.warning{background-color: #f2dede; margin: 20px 0; color: #b94a48}
.book-message-price{padding: 20px 0;  font-family: Champagne; font-size: 30px; text-align: center; background-color: #f2dede; margin: 20px 0; color: #b94a48}


/**** VOUCHER ****/
.book-voucher .book-voucher-main{position: relative; text-align: center; height: 320px; overflow: hidden}
.book-voucher .book-voucher-main img{position: absolute; top: -300px; right: 0; left: 0; margin: 0 auto}
.book-voucher .book-voucher-main .content{position: absolute; top: 60px; right: 0; left: 0}
.book-voucher .book-voucher-main .content label{display: block; color: white; text-transform: uppercase; margin-bottom: 20px}
.book-voucher .book-voucher-main .content label.title{font-size: 20px}
.book-voucher .book-voucher-main .content label.zone{font-size: 32px}
.book-voucher .book-voucher-main .content label.villa{font-size: 24px}
.book-voucher .book-voucher-main .content label.dates{font-size: 20px; text-transform: capitalize}

.book-voucher .book-voucher-main.nothd img{top: -100px}

.book-voucher .book-id{font-size: 16px; display: block; margin: 20px 0}

.book-voucher .book-voucher-section{padding: 20px; border: 1px solid #7f7f7f; margin-bottom: 2px}
.book-voucher-section:nth-of-type(odd){background-color: #7f7f7f; color: #fff;}
.book-voucher-section:nth-of-type(odd) a{color: #fff; text-decoration: underline}
.book-voucher .book-voucher-section .title{text-align: center; text-transform: uppercase; display: block; font-size: 26px}
.book-voucher .book-voucher-section .form-group{margin-bottom: 0}
.book-voucher .book-voucher-section .form-space{margin-bottom: 20px}
.book-voucher .book-voucher-section .control-label{font-weight: bold}

.voucher-ul .voucher-li:nth-of-type(odd){color: red}

.book-voucher .book-voucher-section.options strong{display: block; font-size: 18px; font-weight: 400; margin-bottom: 10px}
.book-voucher .book-voucher-section.options ul{margin-bottom: 40px}

.book-voucher .voucher-table{width: 100%}
.book-voucher .voucher-table tbody tr td:first-child{width: 30%; font-weight: bold; text-align: right; padding-right: 30px}
.book-voucher .voucher-table tbody tr td.space{padding: 10px}

.voucher-buttons{position:fixed; top:0; right:0; text-align:right; z-index: 100}
.voucher-buttons .btn{width:200px; position:relative; display:block; margin-bottom:5px}

.schedule{position: relative}
.schedule .table {border-collapse: separate}
.schedule .table td{border: none}
.schedule .table thead{background-color: white}
.schedule .table thead td{border-bottom: 1px solid #ddd; text-align: center; font-size: 16px; text-transform: uppercase}
.schedule .table tbody td{font-size: 16px; padding: 15px}
.schedule .table tbody td.day{text-align: center}
.schedule .table tbody tr.month td{padding-top: 40px; font-family: Champagne; font-size: 30px}
.schedule .table tbody tr.next td{padding-top: 40px; text-align: center}
.schedule .table tbody td.day-passed{color: #ccc}
.schedule .table tbody td.day-vn{background: linear-gradient(to bottom, #e02222 0, #e02222 33%, #fff 33%, #fff 67%, #e02222 67%, #e02222 100%); color: #e02222 !important; border: 1px solid #e02222;}
.schedule .table tbody td.day-booked,
.schedule .table tbody td.day-option{color: white; border-radius: 50% !important}
.schedule .table tbody td.day-booked{background-color: #e02222}
.schedule .table tbody td.day-booked.day-selected{background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #e02222 0px, #e02222 10px)}
.schedule .table tbody td.day-option{background-color: #ffb848}
.schedule .table tbody td.day-option.day-selected{background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #ffb848 0px, #ffb848 10px)}
.schedule .table tbody td.day-selected{border-radius: 50% !important; background: repeating-linear-gradient(135deg, #ccc, #ccc 5px, #fff 0px, #fff 10px);}

.schedule-container .container{z-index: 1}

.schedule-container .curtain{display: none; z-index: 2; position: fixed; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8}

.schedule-container .actions{display: none; z-index: 3; position: fixed; width: 100%; bottom: 0; background-color: #ededed; padding: 20px; text-align: center}
.schedule-container .actions.fullscreen{height: 100% !important}
.schedule-container .actions .form-dispo{display: none; text-align: left; margin-bottom: 20px}
.schedule-container .actions .form-dispo.form-bordered .form-group{border-bottom: 1px solid #ccc}
.schedule-container .actions .form-dispo .dispo-list label{padding: 10px; margin-bottom: 5px}
.schedule-container .actions .form-dispo .dispo-list label.white{background-color: white}
.schedule-container .actions .form-dispo .dispo-list label.red{background-color: #e02222; color: white}
.schedule-container .actions .form-dispo .dispo-list label.orange{background-color: #ffb848; color: white}

.schedule-container .warning-msg{display: none; z-index: 4; position: fixed; width: 100%; top: 0; color: white; background-color: #ffb848; padding: 20px; text-align: center; font-size: 30px; font-family: Champagne}

/*Styling Selectbox*/
.dropdown {width: 100%;display: inline-block;background-color: transparent;border-radius: 5px;transition: all .5s ease;position: relative;font-size: 14px;color: #474747;height: 34px;text-align: left}
.dropdown .select {cursor: pointer;display: block;padding: 7.5px}
.dropdown .select > i {font-size: 13px;color: #888;cursor: pointer;transition: all .3s ease-in-out;float: right;line-height: 20px}
.dropdown:hover {box-shadow: none}
.dropdown:active {background-color: #f8f8f8}
.dropdown.active:hover,.dropdown.active {box-shadow: none}
.dropdown.active .select > i {transform: rotate(-90deg)}
.dropdown .dropdown-menu {position: absolute;background-color: #fff;width: 100%;left: 0;margin-top: 1px;box-shadow: 0 1px 2px rgb(204, 204, 204);border-radius: 0 1px 5px 5px;overflow: hidden;display: none;max-height: 144px;overflow-y: auto;z-index: 9}
.dropdown .dropdown-menu li {padding: 10px;transition: all .2s ease-in-out;    cursor: pointer} 
.dropdown .dropdown-menu {padding: 0;list-style: none}
.dropdown .dropdown-menu li:hover {background-color: #f2f2f2}
.dropdown .dropdown-menu li:active {background-color: #e2e2e2}

.w-button{
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 52px;
  left: 10px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px !important;
  text-align: center;
  font-size: 30px;
  /* box-shadow: 2px 2px 3px #999; */
  z-index: 100;
}

.w-button i{
	margin-top:16px;
}

