@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600');

/**/

@font-face {
  font-family: "scopello";
  src:url("fonts/scopello.eot");
  src:url("fonts/scopello.eot?#iefix") format("embedded-opentype"),
    url("fonts/scopello.woff") format("woff"),
    url("fonts/scopello.ttf") format("truetype"),
    url("fonts/scopello.svg#scopello") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {font-family: "scopello" !important;content: attr(data-icon);}

[class^="icon-"]:before,[class*=" icon-"]:before {font-family: "scopello" !important;}
.icon-facebook:before {content: "\66";}
.icon-instagram:before {content: "\69";}
.icon-mobile:before {content: "\6d";}
/*.icon-smartphone:before {content: "\73"; pointer-events: none;  cursor: default;}*/
.icon-telefono:before {content: "\63";}
.icon-twitter:before {content: "\74";}
.icon-phone:before {content: "P"}

/** INIZIO RESET AND CUSTOM **/
BODY {font-family: 'Cabin', sans-serif; font-size:90%; color: #554B41; margin: 0;padding:0;text-align:justify;line-height:1.23}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear}
a:link, a:visited {color: #43ADDC;}
a:hover {text-decoration:none;color:#344D8D}
header, main, footer, figure, blockquote {display:block;margin:0}
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;}
p {margin-bottom:10px; text-align: justify;}
.imgdx {float:right;margin:5px 0 0 5px}
.imgsx {float:left;margin:8px 15px 0 0}
h1,h2, h3, h4 {font-family: 'Cabin', sans-serif;margin:0;color:#43ADDC}
b, strong {font-weight: 700}
img {border:0}
form {margin:0}
*:focus {outline:none}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
.contatti > div {float:left;width:44%;margin:0 3% 3% 3%}
.contatti > div input[type="text"], .contatti > div input[type="email"] {width:100%}
.contatti > p {width:94%;margin:3%}
textarea {width: 100%;border: 1px solid #e1e1e1;font-family: cabin; font-size: 14px; padding: 10px; color: #aaa;}
.home input[type="text"],.home input[type="email"]{border: none;padding: 11px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; color: #534B3F;font-family: 'Cabin', sans-serif; font-weight: 300; font-size: 14px;}
.home input[type="submit"]{display: block;margin: 0 auto;cursor: pointer;border: none;padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; background-color: #534B3F;color:#FFF; font-family: 'Cabin', sans-serif; font-weight: 700; font-size: 14px;}
.home input[type="submit"]:hover{ background-color: #534B3F;}
.social .icon-instagram:hover::before{color: #BD3381;}
.social .icon-facebook:hover::before{color:#4867AA}
.social .icon-twitter:hover::before{color: #1DA1F2;}
.social .icon-instagram:hover,.social .icon-twitter:hover,.social .icon-facebook:hover{background-color: #FFF !important}
.icon-phone {pointer-events: none;  cursor: default;}
.inputs.red input {border: 2px solid red !important;}

/** FINE RESET AND CUSTOM **/

/** INIZIO HEADER **/
a#toggle {width: 40px; height: 40px; text-align: center; display: none; transition: all ease-out 0.3s;}
a#toggle:before {float:left;display:block;font-family: "scopello";content: "\6d";font-size:20px; width:40px;height:40px;line-height:38px; color: #43ADDC; text-align:center}
.open-menu a#toggle:before {content:'e';color:#fff; font-size:20px}
#menu{display: flex;top: auto;left: auto;width: 100%;position: relative;flex-direction: column;}
.header-cat-img{width:100%; margin:0 0 15px; position:relative}
.header-cat-img img{width: 100%; height:auto; display: block}
.header-cat-img > .offers {position:absolute; right: 20px; top: 10px}

@media screen and (max-width: 767px) {
    .header-cat-img img {height: 200px; object-fit: cover}
}


/**HEADER**/
header .header-content{max-width:1200px; margin: 0 auto;padding:5px 10px;position:relative;}
header .header-content #logo{display:block;}
header .header-content #logo img{max-width:210px;width:100%; height:auto;display:block;}
header .header-content .mainmenu,header .header-content .mainlang,header .header-content .social{list-style-type:none;width:100%;padding:0;}
header .header-content .mainmenu li a,header .header-content .mainlang li a{color:#43ADDC; text-transform:uppercase;font-size:16px;}
header .header-content .mainlang li span{color:#344D8D; text-transform:uppercase;font-size:16px;}
header .header-content .mainlang li:first-child a:after,
header .header-content .mainlang li:first-child span:after {content: '/';  padding: 0 5px;  color: #43ADDC; }
header .header-content .mainlang {display: flex;width: 100%;justify-content:center}
header .header-content .mainmenu li a:hover,header .header-content .mainlang li a:hover{color:#344D8D}
header .header-content .icon-phone{color:#344D8D;width: 79%;display: flex;align-items: center;}
header .header-content .icon-phone span {margin-left: 10px}
header .header-content .icon-phone:hover span,header .header-content .icon-phone:hover::before{color:#43ADDC}
header .header-content .icon-phone:before{font-size:30px;}
header .header-content .social{display:flex;justify-content:flex-end;width: 12%;}
header .header-content .social .icon-facebook{ background-color:#4867AA; display:block;}
header .header-content .social .icon-twitter{ background-color:#1DA1F2; display:block;}
header .header-content .social .icon-instagram{ background-color:#BD3381; display:block;}
header .header-content .social a{width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 15px;}
header .header-content .social a::before{color:#FFF;}
header .header-content .social li {margin-left: 10px;}
header .header-content .social li:first-child {margin-left: 0;}
header .header-content #menu div:first-child{display:none;}
header .header-content a.icon-telefono{display:block;position: absolute;top: 0;bottom: 0;margin: auto;width: 20px;height: 26px;right: 10px;font-size: 22px;}
header .header-img{max-height:600px; overflow:hidden;position:relative;}
header .header-img img{width:100%;height:auto;}
header .header-img .header-caption{position:absolute; bottom:20px; margin:auto;left:0; right:0;z-index:2}
header .header-img .header-caption p{display:none;}
header > p{display:block; text-align:center; font-size:16px; color:#344D8D; margin-bottom: 16px}
header > p span {padding-right: 3px}
header .header-img .header-caption a {margin: 0 auto;width:136px; height:40px;line-height:40px;border-radius: 100px;background-color: #FFF;color: #43ADDC;display: block; text-transform: uppercase;text-align: center;}
header .header-img .header-caption a:hover{background-color: #43ADDC;color: #FFF;}
header .dynamic {display:block; position:relative}


/**FINE HEADER**/

/**BODY**/
main{margin:0 auto;}
main .section [class^="box-"]{display:block;min-height:250px; overflow:hidden;margin:0 0 2px;position:relative}
main .section [class^="box-"] .title-box{background:rgba(0,0,0,0.5); color:#FFF;padding:8px 18px;position:absolute;font-size:20px;right:0;bottom: 20px;}
main .section [class^="box-"] .title-box::before {content: '';width: 4px;height: 100%;background: #43ADDC;display: inline-block;position: absolute;    left: -4px;top: 0;}
main .section .box-1{background:url("images/box1.jpg") center center;background-size:cover;}
main .section .box-2{background:url("images/box2.jpg") center center;background-size:cover;}
main .section .box-3{background:url("images/box3.jpg") center center;background-size:cover;}
main .section .box-4{background:url("images/box4.jpg") center center;background-size:cover;}
main .section .box-5{background:url("images/box5.jpg") center center;background-size:cover;}
.mobile-title {display: block;text-align: center;padding: 15px 0;font-size: 16px;}
main .section .two-box .caption-box,main .section .box-1 .caption-box{display:none;}
.home .content{max-width:1200px; padding:0 10px;margin:0 auto 30px;}
.content h2.title,main h2.title,.page h1.title{text-transform:uppercase;font-weight:normal; display:block; text-align:center;font-size:20px;margin:20px auto;}
.content p{font-size:18px;}
main .honey {display:block;background:url("images/honey.jpg") center center;background-size:cover;min-height:250px; width:100%;position:relative; }
.honey .caption-box p{display:none; font-size: 16px}
.honey .caption-box .title-box{text-transform:uppercase;background:rgba(0,0,0,0.5); color:#FFF;padding:8px 18px;position:absolute;font-size:20px;left:0;bottom: 20px;}
.honey .caption-box .title-box::before {content: '';width: 4px;height: 100%;background: #43ADDC;display: inline-block;position: absolute; right: -4px;top: 0;}
.view-all{display:none;}
.newsletter{width:100%; background:url("images/newsletter-img.jpg") center bottom;height:240px; margin-top: 50px}
.newsletter .color-overlay{background:rgba(51,51,51,0.60);width:100%; height:240px;}
.newsletter .color-overlay h2,.newsletter .color-overlay p{color:#FFF;text-align: center}
.newsletter .color-overlay input[type="text"],.newsletter .color-overlay input[type="submit"]{border-radius:155px;padding:8.5px 20px;}
.newsletter .color-overlay input[type="text"]::placeholder{color:#BBB; font-size:15px;font-style:italic;}
.newsletter .color-overlay input[type="text"]{width:220px;margin: 0 auto 10px;}
.newsletter .color-overlay input[type="submit"]{background:#43ADDC;text-transform: uppercase;font-weight: normal;width:220px;font-size: 18px;}
.newsletter .color-overlay .form{display:block;text-align: center;}
.newsletter .color-overlay .content {padding: 45px 0;text-align:center;}
/**FINE BODY**/

/**SLIDE NEWS**/

.news-box{display: flex;justify-content: space-between;max-width:1200px; margin:0 auto 30px;overflow:hidden;}
.news-box div img{display:block;width: 100%;height:auto;min-height:142px;}
.news-box div{display:inline-block;width: 100%;position:relative;}
.page .news-box{flex-wrap:wrap;}
.page .news-box div{margin-bottom:30px}
.news-box div p{display:none;}
.news-box div span{padding:8px 0;position:absolute;bottom:0; color:#FFF; background:rgba(51,51,51,0.70);font-size:18px;width: 100%;text-align: center;}
/**FINE SLIDE NEWS**/

/**FOOTER**/
footer{width:100%;background:#EEE;padding:0 10px;}
footer .footer-content{max-width:1200px; margin:0 auto;padding:48px 0;}
footer .footer-content .footer-row span h3{margin-bottom:10px;font-size:17px;color:#264B8B; font-weight:500;text-transform:uppercase;}
footer .footer-content .footer-row span ul{padding:0; margin:0; list-style-type:none;}

.footer-row span .icon-phone li span{color:#43ADDC; text-transform: uppercase;margin-left: 15px;}
.footer-row span .icon-phone li{display: flex; justify-content: space-between;line-height: 21px;}
.footer-row .social{display:flex;justify-content:flex-end;list-style-type:none;width:110px;padding:0;margin: 0 auto;}
.footer-row .social .icon-facebook{ background-color:#4867AA; display:block;}
.footer-row .social .icon-twitter{ background-color:#1DA1F2; display:block;}
.footer-row .social .icon-instagram{ background-color:#BD3381; display:block;}
.footer-row .social a{width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 15px;}
.footer-row .social a::before{color:#FFF;}
.footer-row .social li {margin-left: 10px;}
.footer-row .social li:first-child {margin-left: 0;}
.footer-row.credits span{display: block;width: 100%;}
.footer-row.credits span p{font-size: 14px; color:#666;text-align: center;}
.footer-row.credits{margin: 20px 0 0;}
.footer-row span .icon-phone:before {font-size: 50px;float: left;display: block;color:#264B8B;width:47px;margin: -2px 0 0 -8px; transform: rotate(45deg)}
footer .footer-content .container .content-one{display: flex; justify-content: space-between;}
footer .footer-content .container .content-two .two li{display: inline;}
footer .footer-content .container .content-one,
footer .footer-content .container .content-two,
footer .footer-content .container .content-three{margin: 0 auto 20px}
footer .footer-content .container .content-two{max-width:320px;}
footer .footer-content .container .content-two h3,footer .footer-content .container .content-two ul,footer .footer-content .container .content-three h3{text-align:center;}
footer .footer-content .container .content-two .two li a::before{content:"/ "}
footer .footer-content .container .content-two .two li:first-child a::before{content:""}
footer .footer-content .container.new {display: flex;max-width: 320px;justify-content: center;margin: 20px auto 0;}
.footer-row.img img{width:100%; height:auto;}
/**FINE FOOTER**/

/**MENU SCHEDA**/
.menu-scheda {background:#43ADDC; margin:-4px 0 0;}
.menu-scheda .content-menu{margin:0 auto; max-width:1200px;}
.content-menu ul {padding: 0;margin: 0;display: flex;list-style-type: none;align-items: center;justify-content:space-around;}
.content-menu ul li a{display:block;height:60px;color:#FFF;line-height:60px;position:relative;}
.content-menu ul li a span {display: none;}
.content-menu ul li a::before{font-family:scopello;font-size:30px;}
.content-menu ul li.overview a::before{content:'u'}
.content-menu ul li.location a::before{content:'z'}
.content-menu ul li.features a::before{content:'y'}
.content-menu ul li.amenities a::before {content:'g'}
.content-menu ul li.prices a::before{content:'q'}
.content-menu ul li.enquire a::before{content:'B'}
.scheda-villa .struttura-header{display:flex;align-items:center;justify-content:center;}
.scheda-villa .struttura-header a{display: block;background: #43ADDC;color: #FFF;text-align: center;text-transform: uppercase;padding: 6px;border-radius: 4px;margin: 15px 20px 5px;}
.scheda-villa .struttura-header a:hover {background: #264B8B;}
.scheda-villa h1 {display:block; text-align: center;font-size:25px;font-weight:200; margin:15px 0 5px; line-height:19px;}
.scheda-villa .location-title {display: block;text-align: center;font-size: 17px; color: #666;margin: 0 0 15px;}
.scheda-villa .grey-box{background:#f5f5f5; padding:20px 5px 15px;}
.scheda-villa .grey-box .title{display:block; text-align:center; font-family:'Kaushan Script';color:#43ADDC; font-size:25px;margin: 0 0 20px;}
.scheda-villa .grey-box ul{list-style-type:none;text-align:center;}
.scheda-villa .grey-box ul li::before{margin-right:2px;font-family:scopello; content:'A';color:#43ADDC;font-style:initial;font-size:16px}
.scheda-villa .grey-box ul li{color:#264B8B;font-style:italic;font-size:15px;}
.scheda-villa .content{margin:20px 0 0;padding:0 10px}
.scheda-villa .content .inside-outside ul {display:block;padding:0;list-style-type:none;}
.scheda-villa .content .inside-outside ul li{display:inline-block;}
.scheda-villa .content .inside-outside ul li a{ text-transform:uppercase;color:#999; font-size:20px}
.scheda-villa .content .inside-outside ul li.active a {color:#43ADDC;}
.scheda-villa .content .inside-outside ul li:first-child a::after {content:'/';color:#999;margin:0 10px;}
.scheda-villa .content .inside-outside h3{display:none;}
.scheda-villa .tab-content{display: none;}
.scheda-villa .tab-content.active{display: inherit;}
.scheda-villa .hidden{display:none}
.scheda-villa #scheda-menu li a.active::after{content:'';position:absolute;width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #ffffff transparent; bottom: 0;right: 0; left: 0;margin: auto;}
.scheda-villa .menu-scheda.fixed{margin:0;width:100%; position:fixed;top:0;z-index:2}
.scheda-villa #location h2, .scheda-villa #features h2, .scheda-villa #amenities h2, .scheda-villa #prices h2, .scheda-villa #enquire h2, .scheda-villa #similar h2 {
    display: block;width: 100%; background: #f5f5f5;color: #264B8B; text-transform: uppercase;padding: 10px 15px;font-size: 20px;font-weight: normal;}
.scheda-villa .section h2::before{margin-right:5px; font-family:scopello; color:#43ADDC;font-weight:normal; text-transform:lowercase;font-size:28px;display: inline-block; vertical-align: sub;}
.scheda-villa .section .content {padding:0 20px}
.scheda-villa #map {height:300px;}
.scheda-villa .section .content h3{color:#264B8B;text-transform:uppercase;font-size:20px; font-weight:normal;}
.scheda-villa .section .content .distance {list-style-type:none;padding:0;}
.scheda-villa .section .content .distance li{font-size:16px;margin:4px 0; color:#666}
.scheda-villa .section .content .distance li span{color:#264B8B;}
.scheda-villa .section .content .guide{display: block; background: #43ADDC; color: #FFF; text-align: center; text-transform: uppercase; padding: 10px; border-radius: 4px; margin: 20px auto; width: 75%;}
.scheda-villa .section .content .guide:hover{background:#264B8B;}
#location h2::before{content:'z';}
#features h2::before{content:'y'}
#amenities h2::before{content:'g';}
#prices h2::before{content:'q';}
#enquire h2::before{content:'B';text-transform: uppercase;}
#similar h2::before{content:'w'}


#amenities .content .list-amenities{list-style-type:none; padding:0 20px;}
#amenities .content .list-amenities li span{font-size: 13px; line-height: 30px;position:relative;width:90%;display:block;}
#amenities .content .list-amenities li span::after{font-family:scopello;font-size:20px;content:'h';position:absolute;right:0;}
#amenities .content .list-amenities li span.yes::after {color:#264B8B;}
#amenities .content .list-amenities li span.no::after {color:#999}
#amenities .content .list-amenities li span.opt::after {color:#C89730}


#features ul{list-style-type:none; padding:0; display:flex; justify-content:space-between;flex-wrap:wrap;align-items:center;}
#features ul li{color:#999; width:50%;}
#features ul li span{color:#264B8B;margin:0 5px}
#features ul li::before,ul.first-icon li:before {font-family: scopello;font-size: 26px;color:#43ADDC;display:inline-block; vertical-align:middle;}
ul.first-icon li:before{margin-right:10px;}
ul.first-icon{display:flex; justify-content:space-around; align-items:center; padding:0;list-style-type:none}
ul.first-icon li:first-child{margin-left:0;}
ul.first-icon li{margin-left:20px;}
ul.first-icon li.sleep::before{content:'n'}
ul.first-icon li.rooms::before {content: 'd'}
ul.first-icon li.bathrooms::before{content:'b'}

#features ul li.parking::before{content:'l'}
#features ul li.pool::before{content:'p'}
#features ul li.overview::before{content:'x'}
#features ul li.garden::before{content:'v'}
#features ul li.children::before{content:'j'}
#features ul li.pets::before,#features ul li.pets span{content:'o';}
.scheda-villa #features .content, .scheda-villa #enquire .content, .scheda-villa #prices .content {
    padding: 20px 10px;
}
.scheda-villa #prices table{width:100%;}
.scheda-villa #prices table tr td {padding: 5px 0;width: 50%;}
.scheda-villa #prices table tr th {text-transform:uppercase;color:#43ADDC; font-weight:normal; white-space: nowrap; padding: 0}

.scheda-villa .lg-prev::after,.scheda-villa .lg-next::before{font-family:scopello;font-size:40px; color:#FFF;display:block}
.scheda-villa .lg-prev::after{content:'a' !important;-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);  transform: rotate(-180deg)}
.scheda-villa .lg-next::before {content: 'a' !important; }
.scheda-villa .lg-close::after{content:'e' !important;color:#FFF;display:block;font-family:scopello;font-size:26px;}
.quickEsito {margin-bottom:40px}
.quickEsito p {text-align:center; color:#8BC34A}

.elenco .enquiry .inputs.two .intl-tel-input, .scheda-villa .enquiry .inputs.two .intl-tel-input { width: 30%; margin-bottom: 10px; height: 36px; padding: 0 10px; border: 1px solid #e1e1e1;}
.intl-tel-input .selected-flag .iti-arrow::after {content: 'a';font-family: scopello;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);color: #43ADDC;position: absolute;top: 0;right: 20px;bottom:  0;width: 11px;z-index:-1;}

.scheda-villa .enquiry {text-align:center;}
.scheda-villa .enquiry .inputs input[type="text"]{font-family: Cabin;border:1px solid #e1e1e1;color:#aaa;margin-bottom:10px;padding:0 10px;width:100%;height:36px;font-size:14px;}
.scheda-villa .enquiry .inputs input::placeholder,.scheda-villa .enquiry .inputs input::-moz-placeholder, .scheda-villa .enquiry .inputs select {font-size: 14px;font-family: Cabin;color: #aaa;width: 100%;z-index: -1;background: transparent;}
.scheda-villa .enquiry .inputs.two{display:flex;align-items:center; justify-content:space-between;}
.scheda-villa .enquiry .inputs.two > input {overflow: hidden;}
.scheda-villa .enquiry .inputs.two .input-phone{margin-left:10px;}
.scheda-villa .enquiry .inputs.two .input-adults,.scheda-villa .enquiry .inputs.two .input-children{width:48.5%;}
.scheda-villa .enquiry .inputs.two .input-date{border:none;margin:0;}
.scheda-villa .enquiry input[type="checkbox"]{border:1px solid #e1e1e1;display: inline-block;vertical-align: middle;}
.scheda-villa .enquiry .inputs.two .style-date{border:1px solid #e1e1e1;color:#aaa;font-family: Cabin;margin-bottom:10px;position:relative;height:36px;width:48.5%;}
.scheda-villa .enquiry .inputs.two .style-date input{background:transparent;width:100% }
.scheda-villa .enquiry .inputs.two .style-date::after {content: 'k'; color: #43ADDC;position: absolute;top: 0;right: 5px; bottom: 0; width: 20px;z-index: -1;font-family: scopello;height: 24px;margin: auto;font-size: 20px;}
.scheda-villa .enquiry .inputs.check span{font-size:11px;color:#999;margin:10px 0 5px;text-align:left;}
.scheda-villa .enquiry .inputs.check{text-align:left;margin: 8px 0 0;}
.scheda-villa .enquiry .inputs.red input[type="text"], .scheda-villa .enquiry .inputs.two .style-date.red {border: 1px solid red !important;}
.scheda-villa .enquiry .linksubmit {padding: 10px 60px; background: #43ADDC; color: #FFF;display: inline-block;margin:15px auto 0}
.scheda-villa .enquiry .linksubmit:hover{background:#264B8B}
.scheda-villa #similar{margin:30px 0;}
.scheda-villa #similar .content{padding:0; margin:0;}
.scheda-villa .newsletter{margin: 0 0 -4px}
.scheda-villa #similar .content figure{position:relative;}
.scheda-villa #similar .content figcaption {position: absolute; color: #FFF; bottom: 20px; text-align: center; display: block; margin: auto; left: 0; right: 0; font-size: 30px; font-weight: normal;}

/*CSS UI DATAPICKER*/
.scheda-villa div#ui-datepicker-div,.elenco div#ui-datepicker-div {width: auto;border: 1px solid #e1e1e1; background: #FFF;z-index:2!important}
.scheda-villa .ui-datepicker-header,.elenco .ui-datepicker-header  {display:flex; justify-content:space-around}
.scheda-villa .ui-datepicker-header a span,.elenco .ui-datepicker-header a span{display:inline-block;font-family:scopello;color:#43ADDC; vertical-align:middle; }
.scheda-villa .ui-datepicker-prev span,
.elenco .ui-datepicker-prev span{ -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.scheda-villa .ui-datepicker-header a,.elenco .ui-datepicker-header a  {height:20px;width:10px}
.scheda-villa .ui-datepicker-calendar tr th,.elenco .ui-datepicker-calendar tr th  {padding:5px;text-align:center}
.scheda-villa .ui-datepicker-calendar tr td,.elenco .ui-datepicker-calendar tr td {border: 1px solid #e1e1e1;padding:5px; text-align:right;}
/*CSS UI SLIDER*/

/*ELENCO VILLE*/
.elenco h1{display:block; font-weight:normal; text-align:center;}
.elenco .content{max-width:1200px; margin:0 auto; padding:0 10px;}
.elenco .list-ville .villa{margin-bottom:10px;position:relative;}
.elenco .list-ville .villa a h2{position:absolute;display:block;width:100%;color:#FFF;bottom:20px; text-align:center;font-weight:normal;z-index:2}

.elenco .list-ville .villa .excerpt-villa{background:#f5f5f5; padding:15px 10px;}
.elenco .list-ville .villa .info-villa{display: flex;/* flex-wrap: wrap; */justify-content: space-between;align-items:  center;font-size:  24px;}
.elenco .list-ville .villa .info-villa span{font-size:13px;display:inline-block;vertical-align:  text-top;}
.elenco .list-ville .villa .info-villa .price-villa{text-align:right;color:#264B8B;}
.elenco .list-ville .villa .features{list-style-type:none; padding:0;  display: flex;  flex-wrap: wrap;  justify-content: space-between;}
.elenco .list-ville .villa .features li::before{font-family:scopello;color:#43ADDC;font-size: 26px;margin-right:10px;display:  inline-block;vertical-align:  middle;}
.elenco .list-ville .villa .features .shower::before{content:'b'}
.elenco .list-ville .villa .features .bed::before{content:'d'}
.elenco .list-ville .villa .features .people::before{content:'n'}
.elenco .list-ville .villa .features li span{color:#264B8B;display: inline-block;vertical-align: middle;}

.elenco .list-ville .villa a::after {
    content:'';
    width:100%;
    height:150px;
    display:block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.elenco .list-ville .villa .offerta{background: rgba(191, 0, 0, 0.8);color:#fff;text-transform:uppercase;position: absolute;left: 0;top: 10%;padding: 16px;font-weight: 500;font-size: 16px;}

.elenco .enquiry {text-align:center;border:1px solid #DDD;}
.elenco .enquiry h3{display:block; text-align:left;margin-bottom:20px;font-weight:normal}
.elenco .enquiry .inputs input[type="text"],.contact-form .inputs input[type="text"],.login input[type="text"],.login input[type="password"]{font-family: Cabin;border:1px solid #e1e1e1;color:#aaa;margin-bottom:10px;padding:0 10px;width:100%;height:36px;font-size:13px;}
.elenco .enquiry .inputs-group{display:flex; justify-content:space-between; flex-wrap: wrap;}
.elenco .enquiry .inputs input::placeholder,
.elenco .enquiry .inputs input::-moz-placeholder,
.elenco .enquiry .inputs input::-webkit-input-placeholder,
.elenco .enquiry .inputs.two .style-select select {font-size: 13px;font-family: Cabin;  color: #aaa;width: 100%;z-index: -1;background: transparent;}
.elenco .enquiry .inputs.two{display:flex;align-items:center; justify-content:space-between;}
.elenco .enquiry .inputs.two .input-phone{margin-left:10px;}
.elenco .enquiry .inputs.two .input-adults,.elenco .enquiry .inputs.two .input-children{width:48.5%;}
.elenco .enquiry .inputs.two .input-date{border:none;margin:0;}
.elenco .enquiry input[type="checkbox"]{border:1px solid #e1e1e1;display: inline-block;vertical-align: middle;}
.elenco .enquiry .inputs.two .style-date{border:1px solid #e1e1e1;color:#aaa;font-family: Cabin;margin-bottom:10px;position:relative;height:38px;width:48.5%;}
.elenco .enquiry .inputs.two .style-date input{background:transparent;width:100% }
.elenco .enquiry .inputs.two .style-date::after {content: 'k'; color: #43ADDC;position: absolute;top: 0;right: 5px; bottom: 0; width: 20px;z-index: -1;font-family: scopello;height: 24px;margin: auto;font-size: 20px;}
.elenco .enquiry .inputs.check span{font-size:14px;color:#aaa;margin:10px 0 5px;text-align:left;}
.elenco .enquiry .inputs.check{text-align:left;margin: 4px 0 0;}
.elenco .enquiry .inputs.red input[type="text"], .elenco .enquiry .inputs.two .style-date.red {border: 1px solid red !important;}
span.inputs.red {color:red !important}
.elenco .enquiry .linksubmit,.contact-form input[type="submit"] {padding: 10px 60px;background: #43ADDC;color: #FFF;display: inline-block;margin: 6px 0 0;}
.contact-form input[type="submit"]{border:0 !important;cursor:pointer;}

.elenco .enquiry .linksubmit:hover, .contact-form input[type="submit"]:hover{background: #264B8B;}
.elenco .enquiry .inputs.comments{width:100% !important;}
.elenco .enquiry .inputs.comments textarea{height:80px;}
.elenco .enquiry .inputs.check span{color:#aaa;margin:10px 0 5px;text-align:left;}

.slide-box {position:relative; height:50px;max-width: 250px; margin: 0 auto;}
.slide-box label{color: #AAA;font-size:12px; display: block;margin: 0 0 5px;}
.slide-box #min,.slide-box #max{color: #AAA;position: absolute;font-size: 11px;}
.slide-box #min {bottom: 5px;left: -5px;}
.slide-box #max {bottom: 5px;right: -5px;}

.elenco .enquiry-button {
    display: inline-block;
    color: #FFF;
    background: #43addc;
    width: auto;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: normal;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    max-width: 280px;
}
.elenco .content{text-align:center;}
/*.elenco .list-ville .villa a:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}*/
.elenco .close {
    position: absolute;
    top: -16px;
    right: -12px;
    display: block;
    padding: 5px;
    background: #FFF;
    border: 2px solid #DDD;
}
.elenco .close:before{content:'e';font-family:scopello;}

.page .content {max-width:1200px; margin:0 auto; padding:0 10px;}
.page .guide-box-top,.page .guide-box-bottom{max-width:1200px;}

.page .guide-box-top {margin-top:50px;}
.page .guide-box-bottom{margin-bottom:50px}
.page .guide-box-top .box-1 {background-image: url('images/scopello-box.jpg'); }
.page .guide-box-top .box-2 { background-image: url('images/food-box.jpg'); background-position: center;  }
.page .guide-box-bottom .box-1 {background-image: url('images/Getsicily-box.jpg'); }
.page .guide-box-bottom .box-2 {background-image: url('images/sicilianmust-box.jpg');     background-position: center; }
.page [class^="box-"]{display:block;min-height:142px; overflow:hidden;margin:0 0 2px;position:relative}
.page [class^="box-"] .caption-box{background:rgba(0,0,0,0.5); color:#FFF;padding:8px 18px;position:absolute;font-size:20px;right:0;bottom: 20px;}
.page [class^="box-"] .caption-box::before {content: '';width: 4px;height: 100%;background: #43ADDC;display: inline-block;position: absolute; left: -4px;top: 0;}

#prices .content span{color:#000}
#prices .content th span, #prices .content p:first-child span {color:#43ADDC}
#prices .content ul{padding-left:20px;}
#prices .content .prezzi ul{list-style:none; padding:0}
#prices .content .tax-and-fees {margin: 30px 0}
#prices .content .tax-and-fees p span {font-size: 14px}
.page .two-columns{display:flex; justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}


.page .two-columns div:first-child{-webkit-flex: 2 0 0; flex: 2 0 0;}
.page .two-columns div{-webkit-flex: 1 0 0;flex: 1 0 0;}
.contactdx .group.check div {margin-bottom:15px;}
 .contactdx > div{margin-bottom:8px;}
.page.services .two-columns .imgdx {width: 100%; max-width: 368px; height: auto;}

.slide-carousel {padding: 0}
.slide-carousel {margin-top: 30px}
.slide-carousel .owl-nav {margin:auto; position: absolute; z-index: 5; top: 0;  bottom: 0; width: 100%;height:40px;}
.slide-carousel .owl-nav div {font-family: scopello; color: #FFF;  z-index: 5;font-size: 32px;}
.slide-carousel .owl-nav div {color: #43ADDC;}
.slide-carousel .owl-nav .owl-prev, .slide-carousel .owl-nav .owl-next {position:absolute}
.slide-carousel .owl-nav .owl-prev {transform:rotate(180deg)}
.slide-carousel .owl-nav .owl-next {right:0}
.page.weddings .two-columns > div{-webkit-flex: auto;flex: auto;width:100%; margin-top:10px;background: #fff; padding: 60px;}
.page.weddings .two-columns:first-child > div p:first-child{margin-top:0}
.page.weddings .two-columns:first-child {margin-top:0}
.page.weddings .two-columns > div:first-child{background:transparent;padding: 0}
.page.weddings .two-columns:first-child > div {padding: 0 !important}
.login {max-width: 1200px; margin: 50px auto; text-align: center;}
.login {
    max-width: 1200px;
    margin: 50px auto;
    text-align: center;
}
.login { max-width: 1200px; margin: 50px auto; text-align: center;}
.login > div{padding:30px 50px; min-width:320px;max-width:800px;margin:auto;}
.login input[type="text"], .login input[type="password"]{font-size:15px;}
.login input[type="submit"]{cursor:pointer;background: #43ADDC;text-transform: uppercase;font-weight: normal;font-size: 18px;border: none;color: #FFF;padding: 10px 60px;margin: 10px 0 0;}
.login input[type="submit"]:hover{background: #344D8D;color: #FFF;}
#similar .owl-nav {position: absolute;  top: 0;  bottom: 0;  margin: auto;  width:100%;height: 30px; color: #FFF;}
#similar .owl-nav .owl-prev,#similar .owl-nav .owl-next{font-family:scopello;position:  absolute;font-size:22px;}
#similar .owl-nav .owl-prev{left:0;transform: rotate(180deg);}
#similar .owl-nav .owl-next{right:0}

/*MEDIA QUERY CUSTOM*/

@media screen and (max-width: 380px) {
	.elenco .list-ville .villa .info-villa .price-villa {font-size: 20px}
}


@media screen and (min-width: 480px) {
	header .header-content #logo img {max-width: 280px;}
    .page .news-box div{width:48%;}
}

@media screen and (min-width: 520px) {
	.scheda-villa .grey-box ul {list-style-type: none; display: flex; justify-content: space-between; margin: 0 auto; padding: 0;}
}

@media screen and (min-width: 580px) {
    header .header-img .header-caption p span{font-size:30px;display:block; }
	header .header-img .header-caption p{font-family:Raleway; font-size:30px; color:#FFF; display:block;text-align:center;}
	header .header-img .header-caption a{width: 199px;height: 40px;border-radius: 155px;font-size: 18px;line-height: 40px;margin: 20px auto 0;}
	header .header-img .header-caption {bottom: 0;margin: auto;left: 0;right: 0;top: 0;height:200px;}
	header > p{display:none}
	.home main .section{margin:70px auto;max-width:1200px;}
    .elenco .list-ville{padding:0 10px;}

}

@media screen and (max-width: 639px){
    .elenco .enquiry .inputs-group > div, .elenco .enquiry .inputs-group.vertical, .elenco .enquiry .inputs-group.vertical > div {width: 100%;}
    .elenco .enquiry .group.check .send {margin: 0 0 5px;  width: 100%;}

}

@media screen and (min-width: 640px) {
    .elenco .enquiry .inputs-group > div, .elenco .enquiry .inputs-group.vertical > div, .elenco .enquiry .group.check .send {width: 48.5%;}
    .elenco .enquiry .group.check .send {margin: 0 auto 5px;}
}

@media screen and (max-width: 767px) {
    .popup {background: rgba(0, 0, 0, 0.8); position: fixed;display: none;z-index: 5000;height: 100%; width: 100%; left: 0; top: 0; }

        .popup > div {
            position: fixed;
            background: #FFFFFF;
            padding: 15px;
            width: 94%;
            max-width: 767px;
            z-index: 5001;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            text-align: center;
            height:95%;
        }

    .scheda-villa .section .content .distance li, .scheda-villa #nearby h3 {
        text-align: left
    }

    .elenco .enquiry {
        padding: 20px;
        height: 100%;
        overflow-y: scroll;
    }

    .page .guide-box-top .box-1,
    .page .guide-box-bottom .box-2,
    .page .guide-box-top .box-2,
    .page .guide-box-bottom .box-1 {
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        min-height: 250px;
        overflow: hidden;
        margin: 0 0 2px;
        position: relative;
		background-position: center center;
		background-size: cover
    }

	.page .content h1 {text-align: center}

    .elenco .list-ville .villa .features {margin: 0 0 5px; min-width: 150px;}
    #nearby{margin-top:20px;}
    #amenities {margin-bottom:20px;}
    .intl-tel-input {width:18%;}

    .unique-section #similar {width:100%}
    .elenco .list-ville .villa a{display: block;  background-size: contain; background-repeat: no-repeat; width: 100%;   height: 0;position:relative;padding-top:66.66%}

	.page .content{margin-bottom:20px;}
	.page.weddings .two-columns div:first-child {margin: 0}


    }

@media screen and (min-width: 768px) {
    main {text-align: center;}
    .home main .section{display:flex;justify-content:space-between;height:585px;}
	.home main .section .three-box{width:70%;}
	.home main .section .two-box{width:30%;position:relative;}
	.home main .section .three-box{display:flex;flex-flow:column;height: 585px;}
	.mobile-title{display:none;}
	.status {height: 255px;display:flex;justify-content:space-between;}
	.home main .section .box-1{max-height: 328px;min-height:auto;margin:0 2px 2px 0;height: 100%;}
	.home main .section .box-3,
	.home main .section .box-2{height:100%; max-height:255px;min-height:auto;width:100%;margin:0 2px 0 0}
	.home main .section .box-4,
	.home main .section .box-5{min-height:auto;height: 50%;margin:0;}
	.home main .section .box-1 .caption-box{position:absolute;bottom:0;color:#FFF;display:block;padding:18px 34px; background:rgba(95,186,225,0.80);font-size:18px;}
    .home main .section .two-box .caption-box {color: #FFF;display: block;padding: 18px 34px; background: rgba(95,186,225,0.80);font-size: 15px;  position: absolute; margin: auto; z-index: 1; line-height: 18px; top: 50%; transform: translateY(-50%);}
	.home main .section .box-1 .title-box,main .section .box-4 .title-box{bottom:auto; top:30px;}
	.content h2.title,main h2.title,.page h1.title{font-size:30px;}
	.content h2.title::after,main h2.title::after,.page h1.title::after {content: '';margin: 15px auto 30px;height: 5px;text-align: center;background: #555;display: block;width: 60px;}
	.content p{font-size:19px; }
	.content{margin:0 auto 60px;}
	main .honey {height:400px; width:100%; min-height:auto;}
	.honey .caption-box p{display:block;}
	.honey .caption-box {height: 400px;color: #FFF;display: block;background: rgba(95,186,225,0.80);font-size: 16px;position: absolute;margin: auto;z-index: 1;line-height: 19px;}
	.honey .caption-box .title-box{background: transparent;left: auto;bottom: auto;position: relative;padding: 0;text-align:center;font-size:30px;margin-bottom: 30px;display: block;}
	.honey .caption-box .title-box::before {display:none;}
	.news-box{margin:0 auto 50px;}
    .page .news-box div,.news-box div{width:32.3%;max-width: 360px;}
	.news-box div span{display: block;text-align: center;margin: 15px 0;height: 43px;font-size: 15px;text-transform: uppercase;position: inherit;background: transparent;color: #43ADDC;}
	.news-box div p{display:block;color:#666; text-align:justify;font-size:15px;padding:0 5px}
    .view-all:hover {background: #344D8D;}
    .view-all {display: inline-block; background: #43ADDC;border-radius: 155px;color: #fff !important; text-transform: uppercase; font-size: 18px;    margin: 0 auto 50px;   padding: 15px 50px; }
    .newsletter .color-overlay input[type="submit"]:hover{background: #FFF;color: #43ADDC}
	.newsletter .color-overlay h2{font-size: 22px; }
	.newsletter .color-overlay p {font-size: 16px;}
	.footer-row.img{display: block; position: relative;margin-top: 14px}
	.footer-row.img:first-child{margin-top:0;}
    .content-menu ul li a span {text-transform: uppercase;display: inline-block;font-size: 18px;margin-left: 10px;vertical-align: top;}
    header .dynamic::after,header .dynamic::before{font-family:scopello;font-size:40px; color:#FFF;position:absolute;top:0; bottom:0; margin:auto;height:50px;}
    header .dynamic::after{content:'a';right:20px}
    header .dynamic::before {content: 'a'; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);  transform: rotate(-180deg);left: 20px}
    .scheda-villa .enquiry .inputs-group{display:flex; justify-content:space-between; flex-wrap: wrap;}
    .scheda-villa .enquiry .inputs-group .style-select{width:62px}
    .scheda-villa .enquiry .inputs-group .style-select select{width:100px}

    .scheda-villa .ville-top {max-width:1200px; margin:0 auto;}
    .scheda-villa .content .inside-outside ul li:first-child a::after{display:none;}
    .scheda-villa .content .inside-outside ul{display:flex; justify-content:space-between;}
    .scheda-villa .content .inside-outside ul li {width:48.5%;text-align:left;}
    .scheda-villa .content .inside-outside ul li a {color: #43ADDC;pointer-events: none;  cursor: default;}
    .scheda-villa .tab-content{display:block;width:48.5%;}
    .scheda-villa .content-inside-outside{display:flex; justify-content:space-between;}
    .scheda-villa .content .inside-outside.section{margin:20px auto 50px;max-width:1200px;}
    .scheda-villa #location h2, .scheda-villa #features h2, .scheda-villa #amenities h2, .scheda-villa #prices h2, .scheda-villa #enquire h2, .scheda-villa #similar h2{margin:0 0 20px;text-align:left;}
    .scheda-villa .section .content .distance li, .scheda-villa #nearby h3 {text-align: left;}
    .scheda-villa .section#location .content{display:flex; justify-content:space-between; flex-wrap:wrap;padding:0;}
    .scheda-villa .section#location .content #map{flex:2 0 0;}
    .scheda-villa .section#location .content #nearby{flex:1 0 0; margin-left:30px;}
     main .section {margin: 0 auto;}
    .scheda-villa .section#features {margin: 0 auto 30px;}
    .scheda-villa .section#features ul,#amenities .content .list-amenities{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content:space-between;}
    .scheda-villa .section#features ul li, #amenities .content .list-amenities li {text-align: left;  width: 25%;}
    .scheda-villa .section#features ul::after, #amenities .content .list-amenities::after {  content: ""; -webkit-box-flex: 1;-ms-flex: auto;   flex: auto; }

     .elenco .list-ville .villa a{display: block;  background-size: cover; background-repeat: no-repeat; width: 100%;height: 340px;position:relative;}

    .elenco .list-ville {display: flex;flex-wrap: wrap; justify-content: space-between; max-width: 1200px;margin: 70px auto 0;}
    .elenco .list-ville .villa{width:48%; margin-bottom: 40px;}
    .elenco .list-ville .villa .features{margin: 0 0 5px;min-width:165px;}
    .elenco .list-ville .villa .excerpt-villa{text-align:justify;font-size: 13px;padding: 12px 15px;min-height: 110px;}
    .elenco .list-ville .villa a h2 {text-align:left; padding: 0 0 0 20px; font-size: 30px;}
    .elenco .enquiry{margin-bottom:30px;padding:30px 30px 30px; }
    .elenco .enquiry .inputs.check span{font-size:12px}
    .elenco .enquiry-button {display:none;}

    .elenco .enquiry .group.check {display: flex;justify-content: space-between;align-items: flex-end;}
    .scheda-villa #prices table{text-align:left;}
    .scheda-villa .enquiry .send{width:100%;}
    .scheda-villa .enquiry .inputs.two {align-items: flex-start;}
    .scheda-villa .enquiry .inputs.check {margin:0; }
    .scheda-villa .enquiry .inputs input[type="text"] {margin-bottom: 21px;}
    .scheda-villa .enquiry .linksubmit{padding:10px 0;width:100%;font-size:20px;}
    .scheda-villa .enquiry input[type="checkbox"]{margin:0 5px 0 0}
    .scheda-villa .enquiry .inputs.check:first-child{margin-bottom:6px;}
    .scheda-villa .enquiry .inputs.comments {width:100%}
    .scheda-villa .enquiry .inputs.comments textarea{height:100px;}
    .scheda-villa .enquiry .group.check {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap:wrap}
    .scheda-villa .enquiry{    border: 1px solid #DDD; padding: 28px 30px;}
    .scheda-villa .enquiry .inputs-group > div{width:31%;}
    .elenco .enquiry .inputs-group > div{width:48.5%;}
    .elenco .enquiry .inputs-group.vertical {width:74.5%}
    .elenco .enquiry .inputs-group.vertical > div{width:31.6%}
    .elenco .enquiry .group.check .send{margin:0 0 5px;width:23.6%;}
    .elenco .close {display:none;}
    .page .content{margin-bottom:50px;}
    .page .content h1 {display: block; text-align: left; font-size: 40px; font-weight: normal; margin: 50px 0 25px;}
    .page .guide-box-top,.page .guide-box-bottom{ display:flex; align-items:center;flex-wrap:wrap;justify-content:space-between;}
    .page .guide-box-bottom{margin:2px auto 50px;}
    .page .guide-box-top{margin:50px auto 0;}
    .page .guide-box-top .box-1,
    .page .guide-box-bottom .box-1,
    .page .guide-box-top .box-2,
    .page .guide-box-bottom .box-2 {display: block;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
    .page .guide-box-top .box-1,
    .page .guide-box-bottom .box-2{width: 66.5%;}
    .page .guide-box-top .box-2,
    .page .guide-box-bottom .box-1{width: 33.2%}
    .page .guide-box-top .box-1,.page .guide-box-top .box-2{height:560px}
    .page .guide-box-bottom .box-1,.page .guide-box-bottom .box-2{height:350px}
    #amenities .content .info-graf p:first-child {font-size: 18px}
    #amenities .content .specs li::before {font-family: scopello;font-size: 20px;padding-right:10px;}
    #amenities .content .specs li{width:auto;font-size:12px;    display: flex;  align-items: center;}
    #amenities .content .specs li span{text-transform:uppercase;}
    #amenities .content .specs .yes::before { color:#264B8B;content:'h'}
    #amenities .content .specs .no::before { color:#999; content:'e';font-size:15px}
    #amenities .content .specs .opt::before {color:#C89730;content:'h'; }
    #amenities .content .info-graf {display:flex; justify-content:space-between; align-items:center}
    #amenities .content .info-graf i {-webkit-flex: 2 0 0; flex: 2 0 0; text-align:left;font-size:14px;}
    #amenities .content .info-graf .specs {width:44%; }
    #location, #features, #amenities, #prices, .unique-section {max-width:1200px;padding: 0 10px;}
    #location .content,#amenities .content,#prices .content{margin-bottom:20px;}
    .unique-section{display:flex;justify-content:space-between; align-items:baseline;max-width:1200px; margin:0 auto;}
    .unique-section #enquire .content,#prices .content, #amenities .content .list-amenities{padding:0;}
    .unique-section #enquire{flex: 2 0 0;margin: 0 25px 0 0;}
    .unique-section #similar{flex:1 0 0;padding:0;max-width:380px}
    #prices .content{display:flex; text-align:left; justify-content:space-between;}
    #prices .content ul li,#prices .content div i{line-height:22px;}
    .scheda-villa #similar .content figure{height:276px; overflow:hidden;}
    .contactdx{display:flex; justify-content:space-between;flex-wrap:wrap;}
    .contactdx > div{width:48%}
    .contactdx > .group.check{width:100%}
    .page.services .two-columns {flex-wrap: nowrap; }
	.page.weddings .two-columns > div p:first-child {margin-top: 0}

}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.honey .caption-box {width: 300px;left: 0;padding: 20px;}
	.honey .caption-box .title-box {line-height: 1.0}
    .unique-section {flex-direction: column;}
}


@media screen and (min-width: 800px) {
  .newsletter .color-overlay .content div{padding: 0 10px 0 0;}
  .newsletter .color-overlay h2,.newsletter .color-overlay p{text-align: left;}
  .newsletter .color-overlay h2{font-size: 28px}
  .newsletter .color-overlay p {font-size: 16px;}
  .newsletter .color-overlay .content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
  .newsletter{height:200px;}
  .newsletter .color-overlay{height:200px;}
  .newsletter .color-overlay input[type="text"],.newsletter .color-overlay input[type="submit"]{border-radius:155px;padding:16px 20px;}
  .newsletter .color-overlay input[type="text"]::placeholder{font-size:20px;}
  .newsletter .color-overlay input[type="text"]{width:350px;margin: 0 10px 0 0;}
  .newsletter .color-overlay .form{display:flex;justify-content:space-between;}
  .newsletter .color-overlay input[type="text"]::placeholder{font-size:20px;}
  .newsletter .color-overlay .form,.footer-row.credits span p{text-align: left;}
  .newsletter .color-overlay .content {padding: 60px 10px;margin:0 auto;}
 }





@media screen and (max-width: 834px) {

    footer .footer-content .container .content-one {
        max-width: 320px;
    }
    footer .footer-content .container .content-three{max-width:220px;}


}

  @media screen and (min-width: 835px) {
    .footer-row.credits{align-items:center;}
    .footer-row.credits span {width: 80%;}
    .footer-row,footer .footer-content{display: flex; justify-content: space-between;}
    footer .footer-content .container .content-one .one{width: 100%;}
    footer .footer-content .container .content-one {width:50%;margin: 0;}
    footer .footer-content .container:first-child{width: 80%;}
    footer .footer-content .container .content-two,footer .footer-content .container .content-three {margin: 0;}


    footer .footer-content .container .content-two{width:20%;}
    footer .footer-content .container .content-three{width:25%}
    footer .footer-content .container .content-three .three {display: block;width: 92%;float: right;}
    footer .footer-content .container .content-two .two li{display: block;}
    .footer-row .social{margin: 0}
    footer .footer-content .container .content-two .two li a::before{display:none;}
    .footer-row span .icon-phone li span{margin-left: 5px}
    footer .footer-content .container .content-two h3,footer .footer-content .container .content-two ul,footer .footer-content .container .content-three h3{text-align:left;}
    footer .footer-content .container.new {display: block;width: auto;justify-content: space-between;margin: 0;}
    footer .footer-content .container .content-three h3,
	footer .footer-content .container .content-three .icon-phone li {font-size:12px}

  }


@media screen and (min-width: 860px) {
    .elenco .list-ville .villa .excerpt-villa{font-size:15px}
}


@media screen and (min-width: 900px) {

	header .header-img .header-caption p span{font-size:55px}
	header .header-img .header-caption p{font-size:40px}
	header .header-img .header-caption a{height: 50px; line-height: 50px;}

	main section,main .honey {margin:70px auto;}
    main .section .box-1 .title-box,
    main .section .box-2 .title-box,
    main .section .box-3 .title-box,
   .page [class^="box-"] .caption-box {
        font-size: 30px;
        padding: 18px 32px;
    }
	main .section .box-4 .title-box,main .section .box-5 .title-box {padding:18px 32px;}
	.news-box div span{font-size: 18px;}



    main .section .box-1:hover .title-box,
    main .section .box-2:hover .title-box,
    main .section .box-3:hover .title-box,
    main .section .box-4:hover .title-box,
    main .section .box-5:hover .title-box,
    .page [class^="box-"]:hover .caption-box
    {background:rgba(67, 173, 220, 0.80);    }
    main .section [class^="box-"]:hover .title-box::before,.page [class^="box-"]:hover .caption-box::before {background:#FFF}

}


@media screen and (min-width: 960px) {


  header .header-content{padding:15px 10px }
  footer .footer-content .container .content-three h3{font-size:17px}
  footer .footer-content .container .content-three .icon-phone li {font-size:14px}
  .scheda-villa .grey-box ul li{font-size:15px;}
      .scheda-villa .ville-top{display:flex; justify-content:space-between;padding:0 10px}
    .scheda-villa .ville-top div:first-child{padding-top:20px;}
    .scheda-villa .ville-top div{width:100%; height:180px;}
    .scheda-villa .struttura-header{padding:0!important;height:auto!important;margin-bottom:5px;border-bottom:2px solid #f5f5f5;justify-content:space-between;}
    .scheda-villa .ville-top h1 {text-align:left;font-size:50px;margin: 15px 0 0;line-height:inherit;}
    .scheda-villa .struttura-header a{padding:10px 15px;}
    .scheda-villa .location-title{text-align:left;}
    .scheda-villa .ville-top .grey-box .title{font-size:40px;text-align:left;}
    .scheda-villa .ville-top .grey-box {padding: 45px 5px;}
     ul.first-icon {justify-content:flex-start}


}


@media screen and (min-width: 990px) {
    .elenco .enquiry .inputs-group > div {width: 23.5%;}
    .elenco .enquiry .inputs.check span{font-size:14px;}
    .contactdx > div{width:24%;}
    .scheda-villa .section#features ul li, #amenities .content .list-amenities li {width: 16.6%;}
}


@media screen and (min-width: 1040px) {
	main .section .two-box .caption-box {font-size:17px}
    .scheda-villa .ville-top .grey-box{padding:45px 40px;}

}

@media screen and (max-width: 1099px) {
    #amenities .content .specs{display:none;}
}
@media screen and (min-width: 1100px) {
   header .header-content .mainmenu li a,header .header-content .mainmenu li a{font-size:16px}
  .newsletter .color-overlay h2{font-size: 30px}
  .newsletter .color-overlay p {font-size: 20px;}
  .footer-row.credits span {width:100%;}
  .footer-row span .icon-phone li span{margin-left: 15px}
  #amenities .content .specs {display:flex; justify-content:space-between; align-items:center}
}

@media screen and (max-width: 1199px) {
  .overlaybg {height:100%;width:100%;position:fixed;left:0;top:0;z-index:4 !important;background: rgba(67,173,220,0.9);}
  /* push menu*/
  #menu {-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;position: fixed;  overflow: hidden; overflow-y: auto;height: 100%; top: 0; right: -220px;  background-color: #fff; z-index: 10; width: 220px; opacity: 1;text-align:left}
  #menu ul {list-style: none; margin: 0;padding: 20px;text-align: center;}
  #menu .mainmenu li{line-height:30px; }
  a#toggle {position:absolute; top:0px; right:35px; bottom: 0; margin: auto;display: block;z-index:5 }
  a#toggle span {position: absolute; top: -999999px; left: -999999px;}
  html.open-menu { overflow: hidden;}
  html.open-menu nav#menu {z-index: 4; right:0}
  html.open-menu a#toggle {right:230px}

}

@media screen and (min-width: 1112px)  {

    .scheda-villa .enquiry .inputs.comments {
        width: 65.5%
    }
    .scheda-villa .enquiry .send {
        width: 31%;
    }
}

    @media screen and (min-width: 960px) and (max-width: 1199px) {
        header .header-content #logo {
            margin: 0 auto;
        }
    }

    @media screen and (max-width:1199px){
        .dynamic {padding-top: 66.66%; background-size: contain;      width: 100%;       height: 0;   background-repeat: no-repeat;  }
        #enquire .content {margin-bottom: 0}
    }




    @media screen and (min-width: 1200px) {
        .overlaybg {
            display: none !important;
        }

        header .header-content {
            padding: 15px 0;
        }

        .content.news-box div p, .scheda-villa .section#location .content, .scheda-villa .section#amenities .content, #amenities, .unique-section, footer, .page .content, #location, #features, #amenities, #prices, #enquire, .scheda-villa .ville-top {
            padding: 0;
        }

        .newsletter .color-overlay .content {
            padding: 60px 0;
        }

        footer .footer-content {
            padding: 48px 0
        }

        .content-menu ul {
            justify-content: space-between;
        }

        header .header-content {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-end;
        }

            header .header-content #menu div:first-child {
                display: flex;
            }

            header .header-content #menu div {
                order: 2;
                height: auto;
                margin: 0;
                display: flex;
                justify-content: flex-end;
            }

            header .header-content .mainmenu {
                display: flex;
                width: 80%;
                margin: 0;
                justify-content: space-between;
            }

            header .header-content .mainlang {
                margin: 0;
                width: 10%;
                justify-content: flex-end;
            }

            header .header-content .mainmenu li a, header .header-content .mainmenu li a {
                font-size: 16px;
            }

            header .header-content a.icon-telefono {display: none;}
             .dynamic {background-size: cover;width: 100%;height: 520px; background-repeat: no-repeat;background-position: center center; }

			 .content p {font-size: 22px}

	.honey .caption-box {width: 400px;left: 100px;padding: 72px 20px;}
	.honey .caption-box .title-box {margin-bottom: 56px}

	.elenco .list-ville .villa .info-villa .price-villa span:nth-child(2) {font-size: 19px}

    }

/*** New Offers page/Top Sicilian Must Sees/Immagini-Testo ***/
.offers-container {max-width: 1200px; margin: 0 auto;}
.offers-container .specialsBox-offers:nth-child(n+2), .general-container .general-box:nth-child(n+2) {margin-top: 50px}
.general-container .general-box-text div:nth-child(n+2) {margin-top: 20px}
.general-box-text div h2 {text-align: left}
.offers-container .cont-off {margin-top: 35px}
.offers-container .cont-off h2 {text-align:left; margin-bottom: 20px; font-size: 25px}
.specialsBox-offers,  .general-container .general-box {display: flex}
.specialsBox-offers > div, .general-container .general-box > div {width: 100%}
.specialsBox-offers > .img-offer > img , .general-box > .img-box > img {max-width: 100%; height: auto; display: block}
.specialsBox-offers > .img-offer, .general-box > img-box {text-align: left}
.specialsBox-offers > .text-box h2, .general-box > .text-box h2 {font-size: 25px; text-align: center}
.specialsBox-offers > .text-box p, .two-columns div p, .offers-container .cont-off p, .general-box > .text-box p, .general-box-text div p {font-size: 18px}

/*** Rates (Scheda Ville) ***/
#prices .content .tariffe ul {padding: 0}
#prices .content .tariffe ul li {list-style: none; font-size: 14px}
#prices .content .prezzi h3 {color: #43ADDC; font-size: 16px}
#prices .content .prezzi ul li {line-height: 1.6}
#prices .content .tariffe p, #prices .content .prezzi p {font-size: 16px}
#prices .content .prezzi > p {margin-top: 0}
#prices .content .tariffe th p, #prices .content .tariffe td p {margin: 0}
#prices .content .tariffe td p {font-size: 94%!important}

@media screen and (max-width: 367px) {
	#prices .content .tariffe, #prices .content .prezzi {font-size: 14px}
}

@media screen and (max-width: 767px) {
	.page .two-columns div:first-child {margin-bottom: 25px}
	.header-cat-img .offers img {display: none}
}

@media screen and (min-width: 768px) {
	/*** Rates (Scheda Ville) ***/
	#prices .content div {width: 48%}
	#prices .content div:first-child {margin-right: 2%}
}

@media screen and (max-width: 859px) {
	.specialsBox-offers.right, .general-box.right {flex-direction: column}
	.specialsBox-offers.left, .general-box.left {flex-direction: column-reverse}
	.specialsBox-offers > .text-box, .general-box > .text-box {margin-bottom: 25px}
	.offers-container .cont-off h2 {text-align: center}
	.general-box.f-right p {display: flex; flex-direction: column-reverse}
	.general-box.f-right p img {margin-top: 25px; height: auto; width: 100%;}

	.top-sicilian-must-sees-page .content h1 {text-align: center; margin-bottom: 20px}

	.content .text-title {margin-bottom: 30px}
}

@media screen and (min-width: 860px) {
	.specialsBox-offers > div, .general-box > div {width: 50%}
	.specialsBox-offers.left > .img-offer, .specialsBox-offers.right > .text-box, .general-box.left > .img-box, .general-box.right > .text-box  {margin-right: 30px}

	.top-sicilian-must-sees-page .content h1, .content .text-title {margin-bottom: 50px}

	.general-box.f-right p img {float: right; max-width: 48%; margin-left: 30px}
}

@media screen and (min-width: 768px) and (max-width: 899px) {
   /*.specialsBox-offers > .text-box p, .two-columns div p, .offers-container .cont-off p, .general-box > .text-box p {font-size: 17px}*/
   	.header-cat-img .offers img {width: 180px; height: auto}
}

@media screen and (max-width: 899px) {

	/* Wedding */
	.page.weddings .general-container {margin: 40px 0}
	#romantic-title {margin: 30px; text-align: center;}

}

@media screen and (min-width: 900px) {
	.header-cat-img .offers img {width: 200px; height: auto}

	/* Wedding */
	.page.weddings .general-container {margin: 70px 0 0 0}

}

/*@media screen and (min-width: 900px) and (max-width: 1000px) {
	.specialsBox-offers > .text-box p, .two-columns div p, .offers-container .cont-off p, .general-box > .text-box p {font-size: 20px}
}*/


@media screen and (max-width: 1000px) {
    .offers-container .specialsBox-offers:nth-child(n+2), .general-container .general-box:nth-child(n+2)  {margin-top: 40px}
}

@media screen and (min-width: 1001px) {
	.offers-container .specialsBox-offers:nth-child(n+2)  {margin-top: 50px}
 }

@media screen and (max-width: 1199px) {
	.offers-container {padding: 0 10px}

}

@media screen and (min-width: 1200px) {
	.general-box-text div h2 {font-size: 25px}
	.specialsBox-offers > .text-box p, .two-columns div p, .offers-container .cont-off p, .general-box > .text-box p, .general-box-text div p {font-size: 22px}
	.general-container .general-box-text div:nth-child(n+2) {margin-top: 50px}

}

@media screen and (min-width: 1200px) and (max-width: 1359px) {
	.header-cat-img .offers img {width: 250px; height: auto}

}

@media screen and (min-width: 1360px) {
   .header-cat-img .offers img {width: 300px; height: auto}
}

/*** Wedding ***/
.page.weddings .general-container .general-box > .img-box > img {height: 100%}
#romantic-title {font-size: 30px}

/*** Contact ***/
.contact .enquiry {margin-top: 30px}
.contact-info {margin: 20px 0}
.contact-info .footer-row {justify-content: flex-start}
.contact-info .footer-row h2 {margin-right: 20px}
.contact-info div h2,.contact-info div ul, .contact-info > div > div{text-align: left}
.contact-info div ul {list-style: none; padding-left: 0; margin: 15px 0}
.contact-info .child ul li:nth-child(n+2) {margin-top: 5px}
.contact-info > div > div, .contact-info .footer-row {margin: 15px 0}
.contact-info div ul li > span,.contact-info > div > div span  {font-weight: 700; font-size: 17px}
.contact-info > div > div {font-size: 17px}