/*
Theme Name: Os2
Theme URI: http://www.os2.it
Author: Os2
*/

/*** font ***/
@font-face {
font-family: 'htm';
src: 	 url('fonts/htm.woff') format('woff');
	font-display:swap;
}
@font-face {
font-family: 'palatino';
src: 	 url('fonts/palatino.woff') format('woff');
	font-display:swap;
}

@font-face {
font-family: 'capture';
src: 
	 url('fonts/Captureit.woff') format('woff');
	font-display:swap;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 100% !important;
}

/*** Reset  ***/
html{margin:0!important; padding:0!important}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-family: "Times New Roman", Times, serif; }
body{line-height:1; font-size:12px; background:#385C79 /*url(images/bg.png) repeat*/; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input[type="button"],input[type="submit"]{cursor:pointer}
/**, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}*/

/*** general ***/
body{min-width:320px;}
a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover{text-decoration:underline}
nav.menu ul li{/*float:left;*/ display: inline-block;}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
h2{font-size:28px; text-transform:uppercase}
.italic{font-size:14px; line-height:17px; font-style:italic; }
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.subtitle{font-size:18px!important; letter-spacing:10px; text-transform:uppercase;  /*text-align:center; */display:block; margin:5px 1px}
.text-white{color:#fff}
.text-blue{color:#1f4c6c}
.overlay { background-color: #000; height: 100%;  left: 0;  opacity: 0.7; position: fixed; top: 0; width: 100%;z-index: 2000 !important;}
#showmenu{display:none; }
#showmenu:hover{text-decoration:none;}
.container{ position:relative; max-width:1200px; margin:0 auto}
.capolettera{color:#599446; font-size: 40px;}
.space{display:block;}
.current-menu-item > a, .current-menu-parent-primary > a,  .current-menu-parent > a{ color: #E3010F!important}
/*.current-menu-parent-primary.current-post-parent a{ color:inherit!important }*/
.col100, .col50l, .col50r{float:left; }
.col100{width:100%}
.col50l, .col50r, .col50l-ltr, .col50r-ltr{width: 49%; }
.col50l, div.col50lr > *.col100:nth-child(odd){margin:10px 1% 0 0}
.col50r, div.col50lr > *.col100:nth-child(even){margin:10px 0 0 1%}
.col50lr > *{float:left; width:49%}
.col50l-ltr{margin: 0 1% 10px 0 }
.col50r-ltr{margin: 0 0 10px 1%}
.p1 h2{margin:30px 0 10px 0}
.only-mobile{display:none}
.only-desktop{display:block}
.rotate90 figure.only-mobile{width:300px; margin:10px auto}
figure.only-mobile{text-align:center; margin:10px 0}
#hdcnt{max-width:350px; display:inline-block}
.masonry-section #hdcnt{max-width:100%}
.absolutehidden{position:absolute; top:-9999px!important; left:-9999px!important}

/*** header ***/
.header{border-top:8px solid #385C79; max-height: 600px; min-height: 100px; max-width:1920px;}
.header > *{position:absolute; top: 0; z-index:1}
.header a{text-transform:uppercase; color:#fff; font-size:16px; text-shadow: 0px -1px 1px rgba(50, 50, 50, 1); font-weight:600;}
.header a:hover, .header a:focus, .header a:active{color:#E3010F!important}
.header .menu ul li{ padding:5px 15px; position:relative }
.header .menu ul li:after{content:"|"; display:inline-block; position:relative; left:15px; color:#fff; font-size:18px; line-height: 0;}
.header .menu ul li:last-child:after{content:""}
.header .menu ul li ul, .header .menu ul li ul.sub-menu li:after{display:none}
.header .menu ul li ul.sub-menu{padding:10px; background: rgba(255, 255, 255, 0.6); position:absolute; left:0; top:25px; min-width:210px}
.header .menu ul li ul.sub-menu li{display:block; text-align:left; padding: 10px 20px 5px 0;}
.header .menu ul li ul.sub-menu li a{color:#1f4c6c; padding:5px 0 5px 3px ; font-size:12px; text-shadow:none}

.header #logo{left:70px; top:45px;}
.header #logo img{max-width:220px}
.header #logo img:nth-child(2){display:none}
.header #lang-menu{left:20px; margin: 10px 0; z-index:2}
.header #text-menu{left:0; right:0; margin:10px auto; /*width:700px*/ text-align:center}
.header #ribbon{right:40px; top:-8px; }
.header #ribbon img:nth-child(2){display:none}
.header #ribbon + .italic{display:none}
.header .header-image{z-index:0; position:relative; overflow: hidden;}
.header .header-image > figure{text-align:center}
.header .header-image img{height:auto;}
.header .header-image .attachment-featured-image{opacity:1!important}
.header .header-image figcaption,
.header > .italic{background: #fff none repeat scroll 0 0; bottom: 30px; color: #385c79;font-size: 18px; height: auto;line-height: 22px; opacity: 0.8; padding: 21px 30px 30px; position: absolute; right: 0; text-align: left;width: 360px;}
.header > .italic{top:initial!important}
.header .header-image figcaption:after,
.header > .italic:after{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;   color: #fff; content: "r";  cursor: pointer;  font-family: "htm";font-size: 18px; font-style: initial; height: 50px;  line-height: 50px; padding: 4px;position: absolute;  right: 5px; text-align: center; top: 20%; width: 20px;}
.header .header-image figcaption > *{display: inline-block; width: 350px;}
.header .header-image figcaption.active, .header > .italic.active{ background:transparent;}
.italic.active #hdcnt{visibility:hidden}
.header .header-image figcaption.active:after, .header > .italic.active:after{content:"l"; visibility:visible;}
.header #certificates{bottom:30px; top:initial}
.header #certificates figure,
.header #certificates .tripadvisor{top:initial; float:left; position:relative }
/*.header #certificates > figure*/.header #certificates .tripadvisor{left:0; margin:0 0 0 70px}
.header #certificates > figure img{margin-right:10px; max-height:72px; }
.header #CDSSCROLLINGRAVE.narrow{padding: 14px 10px;}

/*** masonry section ***/
.masonry-section a, .masonry-section .block{float: left; overflow:hidden; max-width: 100%;}
.masonry-section figure{position:relative;}
.masonry-section figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.masonry-section > div .col100 figure img{max-width:600px;}
.masonry-section > div [class*="col50"] figure img{max-width:310px;}
.masonry-section figure:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.masonry-section figure figcaption{position:absolute; z-index:1}
.masonry-section figure h2{margin-bottom:10px}
.masonry-section figure h2 > p{display:inline-block; text-align:center}
/*.masonry-section figure h2 > p .subtitle{display:inline-block}*/
.masonry-section figure.bottom figcaption{bottom:0;}
.masonry-section figure.top figcaption{top:0;}
.masonry-section figure.left figcaption{left:0;}
.masonry-section figure.right figcaption{right:0;}
.masonry-section figure.blue figcaption{background: rgba(31,76,108,0.6); }
.masonry-section figure.blue figcaption > div{border: 1px solid transparent; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0); /*outline-color: rgba(255, 255, 255, .5);*/}
.masonry-section figure.blue figcaption div > span{border-right:2px solid #fff; }
.masonry-section figure.white figcaption{background: rgba(255,255,255,0.6); }
.masonry-section figure.white figcaption > div{border: 1px solid transparent; box-shadow: inset 0 0 20px rgba(31,76,108,0); /*outline-color: rgba(31,76,108,.5);*/}
.masonry-section figure.white figcaption div > span{border-right:2px solid #1f4c6c; }
.masonry-section .col100 figure{max-height:234px;  max-width:600px;}
.masonry-section .col100 figure figcaption{width:50%; height:100%; overflow:hidden}
.masonry-section > .col50l{margin:10px 0.5% 0 0; width:49.5%}
.masonry-section > .col50r{margin:10px 0 0 0.5%; width:49.5%}
.masonry-section > div > a[class*="col50"] figure{max-height: 460px}
.masonry-section > div > a[class*="col50"] figure figcaption{width:100%; height:50%}
.masonry-section > div [class*="col50"].owl-carousel{width:49%}
.masonry-section > div figure figcaption > div{margin:4%; padding: 4%; position: absolute; top:0; left:0; bottom:0; right:0; z-index: 1; outline-offset: 0px; outline: 1px solid; text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); border:1px solid transparent;}
.masonry-section > div a:hover figure figcaption > div{border: 1px solid; outline-color: rgba(255, 255, 255, 0);outline-offset: 15px; }
.masonry-section > div figure div > span{position:absolute; bottom:10px; left:10px; padding-right:3%; width:87%}
.masonry-section .text-block, .masonry-section .image-block{height:70px; display:block; position:relative; float:left; background: rgba(255,255,255,0.4);}
.masonry-section .text-block span{font-size:20px; line-height:22px; line-height:26px; font-weight:500;}
.masonry-section .text-block > span{display:block; margin:4%; padding:4%; border:1px solid #fff; height:32%; text-align:center;}
.masonry-section .text-block:hover {color:#1f4c6c; background:#fff; text-decoration:none}
.masonry-section .text-block:hover > span{border:1px solid #1f4c6c}
.masonry-section > div.block > [class*="col50"] figure figcaption:before{content:""; height:100%; width:100%; display:inline-block; background:#000; opacity: 0.25;filter: alpha(opacity =25);}
.masonry-section > div.block > [class*="col50"] figure figcaption{height:100%; width:100%;}
.masonry-section > div.block > [class*="col50"] figure.  figcaption div{height:80%}
.masonry-section > div.block > [class*="col50"] figure h2{position:absolute; bottom:0; left:0; right:0; text-align:center}
.masonry-section > div.block > [class*="col50"].owl-carousel  figure h2{position:initial; text-align:left}
.masonry-section > div.block > .homenews-single  figure h2{top:0; bottom:initial; text-align:left; padding:10px}
.masonry-section #homenews-mob{display:none}
.homenews-single h2, #homenews h2{font-size:22px}
.masonry-section .col100lr h1{text-transform:uppercase; margin:15px 0 50px; text-align:center; font-size:40px; font-weight:500; font-family: palatino;}
.masonry-section .col100lr h1 .fat{font-weight:bold; font-size:55px}

.all .col50lr > *{float:left; width:49.5%}
.all .col50lr > *.col100:nth-child(odd){margin:10px 0.5% 0 0}
.all .col50lr > *.col100:nth-child(even){margin:10px 0 0 0.5%}
.all .masonry-section .col100{margin:1% 0}
.all .masonry-section > .col50l{margin:0 0.5% 0 0; width:49.5%}
.all .masonry-section > .col50r{margin:0 0 0 0.5%; width:49.5%}
.all .masonry-section > div.block > a[class*="col50"] figure{height:100px}

.all .masonry-section > .title-in-cat.col50l{margin:10px 0.5% 0 0}
.all .masonry-section > .title-in-cat.col50r{margin:10px 0 0 0.5%}
.title-in-cat.col50r h1{text-transform: uppercase; margin: 15px 0 50px;text-align: center; font-size: 40px; font-weight: 500; font-family: palatino;}
.title-in-cat.col50r h1 .fat{font-weight:bold; font-size:55px}

/*** paragraph ***/
.all .masonry-section h2 > span{display:inline-block; text-align:center}
.all .masonry-section h2 span.italic{font-size:22px}
.all .masonry-section .gallery{display:none}
.all .p1{padding: 2% 4%; clear:both; text-align:center; font-size: 23px; line-height:28px; width:92%!important}
.all .p1.align-left{text-align:left}
.all .p1 .capolettera{position: relative;top: 5px;}
.all .p1 a{float:none}
.all .text-white ul{position:relative; left:20px; display:inline-block; }
.all .text-white ul li{padding:5px 0}
.all .text-white a{color:#fff; text-decoration:underline}
/*.all .p1 iframe{max-width:500px; width:100%;}*/

/*** foreground section ***/
.foreground-section h1{text-transform:uppercase; margin:15px 0 50px; text-align:center}
.foreground-section h1, .foreground-section h1 span{font-size:40px; font-weight:500}
.foreground-section h1, .foreground-section h1 *{ font-family: palatino}
.foreground-section h1 .fat{font-weight:bold; font-size:55px}
.foreground-section figure{overflow:hidden}
/*.foreground-section > div:first-child{position:relative}*/
.foreground-section > div:first-child figure{position:absolute; margin:0 100px auto; top:-90px; left:10px; right:0; background:#fff; padding:5px; max-width:480px; -webkit-box-shadow: 0 0 5px 15px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0 0 5px 15px rgba(50, 50, 50, 0.2);box-shadow: 0 0 5px 15px rgba(50, 50, 50, 0.2); z-index:1}
.foreground-section > div:first-child figure img{display:block}
.foreground-section.rotate90 > div:first-child figure{max-width:300px}
.foreground-section > div:nth-child(2) figure {max-width:350px; margin:0 auto}
.foreground-section > div:nth-child(3) figure {position:relative; z-index:0; overflow:hidden}
.foreground-section > div:nth-child(3) figure figcaption div{margin:1%; padding: 4%; position: absolute; top:0; left:0; bottom:0; right:0; z-index: 1; outline-offset: 0px; outline: 1px solid; text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); border:1px solid transparent;}
.foreground-section figure span.video iframe, .foto-gallery iframe, .photo-and-video iframe{width:250px; height:250px; margin: 0 1.1px;}

.meeting .foreground-section h1{text-align:center}
/*.meeting .foreground-section h1, .meeting .foreground-section h1 *{font-weight:900; text-transform:initial}*/
.meeting .foreground-section > div:nth-child(2) figure {max-width:100%;}
.meeting .foreground-section > div:nth-child(2) figure {position:relative; z-index:0; overflow:hidden}
.meeting .foreground-section > div:nth-child(2) figure figcaption div{margin:1%; padding: 4%; position: absolute; top:0; left:0; bottom:0; right:0; z-index: 1; outline-offset: 0px; outline: 1px solid; text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); border:1px solid transparent;}

.piatti .foreground-section > div:first-child figure{max-width:300px; margin:0 180px auto; top:-55px}
.foreground-section .gallery, .foto-gallery .masonry-section .p1, .photo-and-video .masonry-section .p1{width:1033px; margin:0 auto; clear:both; float:none}
.foreground-section .gallery li{margin:3px}
.foreground-section .gallery ul{list-style-type:none}
.foreground-section .gallery li, .foto-gallery iframe, .foto-gallery .p1 p, .photo-and-video iframe, .photo-and-video .p1 p {display:inline-block}
.foto-gallery .p1 p, .photo-and-video .p1 p{float:left; margin:1px 3px}


/*.raggiungerci .foreground-section h1, .raggiungerci .foreground-section h1 *{font-weight:500!important; text-transform:initial}*/
.raggiungerci .masonry-section .p1{text-align:left}

/*** contatti ***/
.contatti main .masonry-section:nth-child(1) > .col50l:nth-child(1){width:45%; margin:3% 0 0 5%}
.contatti main .masonry-section:nth-child(1) > .col50r:nth-child(2){width:45%; margin:3% 5% 0 0 }
.contatti main .masonry-section:nth-child(1) div.col50r:nth-child(2) *{text-align:right; color:#fff; float:none;}
.contatti main .masonry-section:nth-child(1) div.col50r h1{font-size:34px; font-weight:400; font-family:palatino}
.contatti main .masonry-section:nth-child(1) div.col50r h1 .capolettera{font-size:50px; font-weight:600;  font-family:palatino}
.contatti main .masonry-section div.col50r p{margin:20px 0; font-size:14px; }
.contatti main .masonry-section div.col50r a{font-family:"Times New Roman", Times, serif;}
.contatti main .masonry-section div.col50l a{max-width:450px; }
.contatti main .masonry-section div.col50l figure{max-height:190px}
.contatti main .masonry-section div.col50l figure figcaption{width:100%}
.contatti main .masonry-section:first-child div.col50l figure figcaption > div{margin:2%; padding:2%}

/*** footer ***/
body > footer{background:#889DAE; border-top:1px solid #fff; margin:30px auto 0 auto; padding:30px 0 80px}
body > footer *{ font-family:Arial, Helvetica, sans-serif;  font-size:14px; color:#fff; line-height:20px}
body > footer .col3{width:33.33%; float:left}
body > footer .col3 p.icon a:before{width:45px; height:45px; text-align:center; line-height:42px; font-family:htm; background:#325774; margin-right: 10px; display:inline-block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-transform:initial; font-size:22px; float:left}
body > footer .col3.address p{float:left; padding:10px}
body > footer .col3.address a{color:#fff; text-transform:uppercase; font-size:18px;line-height:45px}
body > footer .col3.address p.email a:before{content:"e"; }
body > footer .col3.address p.tel a:before{content:"t"; }
body > footer .col3.address p.fax a:before{content:"f"; }
body > footer .col3.logo{text-align:center}
body > footer .col3.logo img{max-width:110px}
body > footer .col3.copyright p{font-size:14px}
body > footer .col3.copyright p a{color:#333}
body > footer .col3.social{text-align:right}
body > footer .col3.social p{display:inline-block; padding:10px}
body > footer .col3.social p.facebook{/*margin-bottom:10px;*/ line-height: 45px;}
body > footer .col3.social p.facebook a{color:#fff; text-transform:uppercase; font-size:18px;}
body > footer .col3.social p a{ color:#333}
body > footer .col3 p.facebook a:before{content:"F";}
body > footer .col3.social > figure img {max-height: 50px;max-width: 120px;}

/*** pagina 404 ***/
.error404{height:100vh; position:relative;}
.error404 > header, .error404 > main, .error404 > footer{position:absolute;  width:100%}
.error404 > header{top:0; }
.error404 > footer{bottom:0;}
.error404 > main{top:0; bottom:0; left:0; right:0; margin:auto; display:block; height:60px}
.error404 > main h1{margin:0}
.error404 > footer{display:none}


/*** cookie bar ***/
body #cookie-law-info-bar{padding:15px 0; min-height:24px; font-size:16px; opacity: 0.90; filter: alpha(opacity =90); line-height: 20px; z-index:2; position:relative}
body	#cookie-bar a.cb-enable{margin-left: 5px;}

/*** booking ***/
.booking-wrap{position:fixed; /*display:none;*/ left:0; bottom:0; /*height:42px;*/ padding:10px 0; width:100%; background:#900; z-index:1; text-align:center; font-size:18px; opacity: 0.95; filter: alpha(opacity =95); color:#fff; text-shadow: 0px 0px 20px rgba(255, 255, 255, 1); text-align:center}
.booking-wrap form{display:inline-block; }
.booking-wrap .toggle:after{font-size:14px; content:"r"; color:#fff; font-family:"htm"; display:none; position:absolute; bottom:15px; right:15px; z-index:2}
.booking-wrap.active .toggle:after{visibility:visible; color:#fff; content:"l"; background:#900; text-align:left; padding:10px; /*width:140px*/ width:85px}
.booking-wrap.active .toggle > span{top:initial!important; left:initial!important; bottom:15px; right:15px; z-index:3; visibility:visible;  padding:10px; text-transform:uppercase; font-size:14px; curso:pointer}
.booking-wrap .form-group{/*float:left; */line-height:40px}
.booking-wrap .form-group .label{text-align:center; margin-bottom:2px; min-width:85px; text-transform:uppercase}
.booking-wrap .form-group .date_picker,
.booking-wrap .form-group .select select,
.booking-wrap .form-group input[type="text"],
.booking-wrap .form-group input[type="password"]{width:60px; height:20px; margin-right:20px; padding-left: 2px; border: 1px solid #aaa; text-align:center; font-size:11px}
.booking-wrap .form-group#cancella{margin-left:10px}
.booking-wrap .form-group#cancella a{color:#fff; font-size: 12px; display:inline-block}
.booking-wrap .form-group .select select{/*width:60px; */height:24px}
.booking-wrap input, .booking-wrap .select{display:inline-block; border:none;}
.booking-wrap .form-group .children-age-for{display:none}
.booking-wrap .form-group.submit{margin-left:10px; text-align:right}
.booking-wrap .button{margin-right:0; text-transform:uppercase; padding:5px; cursor:pointer; font-size:15px; font-weight:bold}
.booking-wrap .button:hover{box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.2);}
body .booking-wrap .form-group.show{display:inline-block}
body .booking-wrap .room{ display:flex; align-items: center}
body .booking-wrap .room.hidden_room{  display: none; }
body .booking-wrap .hidden_age, body .booking-wrap .hidden_age .select{  display: none; }
body .booking-wrap .hidden_age.show .grouped{display:flex; flex-wrap: wrap; margin-left: 5px;}
.booking-wrap .hidden_age.show .grouped .select{margin-right:5px}
.booking-wrap .form-group .show{display:inline-block}
.booking-wrap .hide{display:none}

/*** IE8+ ***/
@media screen\0 {
	body .header > *{top: auto;}
	.header .header-image figcaption.active{visibility:visible; padding:16px 12px;}
	.header .header-image figcaption.active,
	.header .header-image figcaption.active *{height:0; width:0; font-size:0}
	.header .header-image figcaption::after, .header > .italic::after{font-style:normal;}
	/*.owl-carousel + #certificates, #ribbon + .italic{bottom:20px}*/
	.owl-carousel .owl-item img{width:auto}
	.foreground-section > div:first-child figure{left:auto; right:auto}
	
	#homenews figure h2{top:10px; padding:0 10px}
}

@media screen and (max-width:639px){	
	.booking-wrap .form-group .date_picker, .booking-wrap .form-group .select select, .booking-wrap .form-group input[type="text"], .booking-wrap .form-group input[type="password"]{margin:0; width:70px;}
	.booking-wrap .form-group#search{clear:both}
	.booking-wrap .form-group#cancella{width:100%; margin:0}
}

@media screen and (min-width:640px) and (max-width:989px){
	
	.booking-wrap{height:120px}
	.booking-wrap .form-group .label{width:105px}
	.booking-wrap .form-group .date_picker, .booking-wrap .form-group .select select, .booking-wrap .form-group input[type="text"], .booking-wrap .form-group input[type="password"]{margin:0; width:80px;}
	.booking-wrap .submit .button{margin:24px 0 0}
	.booking-wrap .form-group#cancella a{margin-top:40px}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		
		.booking-wrap .submit .button{margin:35px 0 0; line-height:25px!important}
	  	.booking-wrap .form-group .label{font-size:17px!important}
		
	}
	
}
@media screen and (min-width:320px) and  (max-width:359px){

	/*** masonry section ***/
	.masonry-section.container.clearfix > div h2{font-size:13px}
	.masonry-section.container > div figure figcaption > div h2{max-width: 110px; margin-bottom:0; }
	.masonry-section.clearfix .text-block > span{ font-size:13px;}
	
	/*** foreground section ***/
	.foreground-section h1, .foreground-section h1 span{font-size:20px;}
	.foreground-section h1 .fat{font-weight:bold; font-size:35px}
	
}
@media screen and (max-width:479px){

	/*** masonry section ***/
	.masonry-section.container > div h2{font-size:18px}
	.masonry-section.container > div.clearfix > [class*="col"] figure { max-height: 160px;}
	.masonry-section.container > div figure figcaption > div{margin:2%; padding:0;}
	.masonry-section.container > div figure figcaption > div:after{margin-bottom: 140px;}
	.masonry-section.container > div figure figcaption > div h2{max-width: 130px; margin-bottom:0; }
	.masonry-section .text-block > span{ font-size:14px;}
	
	.home .masonry-section > div.clearfix:nth-child(2){ height:175px!important;}
	.home .masonry-section > div.clearfix figure{max-height:160px!important}
	.home .masonry-section > div.clearfix:nth-child(1) a:nth-child(1){top:0; }
	.home .masonry-section > div.clearfix:nth-child(1) a:nth-child(2){top:175px}
	.home .masonry-section > div.clearfix:nth-child(1) a:nth-child(3){top:190px; float:right}
	.home .masonry-section > div.clearfix:nth-child(2) a:nth-child(1){top:20px;}
	.home .masonry-section > div.clearfix:nth-child(2) a:nth-child(2){top:-330px;}
	.home .masonry-section > div.clearfix:nth-child(2) a:nth-child(3){top:-315px}
	
	.all .p1{font-size:18px; line-height:25px; margin:15px 0}

	.camere .masonry-section > div.clearfix:nth-child(2){ height:175px;}
	.camere .masonry-section > div.clearfix figure{max-height:160px!important}
	.camere .masonry-section > div.clearfix:nth-child(1) a:nth-child(1){top:0}
	.camere .masonry-section > div.clearfix:nth-child(2) a:nth-child(1){float:right; top:-185px;}
	.camere .masonry-section > div.clearfix:nth-child(2) a:nth-child(2){top:-10px}
	.camere .masonry-section > div.clearfix:nth-child(2) a:nth-child(3){float:right; top:-186px}

	/*** foreground section ***/
	.foreground-section.container > div:first-child{height:auto}
	.foreground-section > div:first-child figure{position:relative; top:0; left:0; right:0;}

	.foreground-section.container.clearfix .gallery li, .all.foto-gallery .masonry-section.clearfix .p1 p, .all.photo-and-video .masonry-section.clearfix .p1 p{width:48%; margin:0.7%}
	.all.foto-gallery .masonry-section.clearfix .p1 p, .all.photo-and-video .masonry-section.clearfix .p1 p{margin:0.8%}

	/*** contatti ***/
	.contatti .masonry-section.container > div.clearfix > [class*="col"] figure{min-height:100%}


	.category-camere.category figure figcaption .subtitle{font-size: 12px;}

	/*** booking ***/
	.booking-wrap .form-group span.label{font-size:12px}
	
}
@media screen and (min-width:480px) and  (max-width:559px){

	h2{font-size:19px!important}
	.masonry-section > div.block h2{font-size:16px!important}
}
@media screen and (min-width:480px) and  (max-width:767px){

	.home .masonry-section:first-child > div:nth-child(2){height:245px;}
	.home .masonry-section > div:nth-child(1).clearfix a:nth-child(1){top:0}
	.home .masonry-section > div:nth-child(1).clearfix a:nth-child(2){top:247px; float:right}
	.home .masonry-section > div:nth-child(1).clearfix a:nth-child(3){top: 260px; float:right}
	.home .masonry-section > div:nth-child(2).clearfix a:nth-child(1){top:16px}
	.home .masonry-section > div:nth-child(2).clearfix a:nth-child(2){top:-478px; float:right}
	.home .masonry-section > div:nth-child(2).clearfix a:nth-child(3){top:-465px}
	.home .masonry-section > div:nth-child(5) a:nth-child(2),
	.home .masonry-section > div:nth-child(6) a:nth-child(2){float:right}
	
	.masonry-section .text-block > span{font-size:16px}

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

	/*** masonry section ***/
	.masonry-section.container > div > [class*="col"]{width:47%; margin:0 1.5%; max-width: 300px;}
	.masonry-section.container.clearfix > div.block > [class*="col50"]{width:100%; max-width:94%; margin:10px 3%; float:none}
	.masonry-section #homenews-mob > div{line-height:23px; padding:10px;}
	.masonry-section .text-block > span{padding:2%!important;}
	.masonry-section .col100lr h1{font-size:28px}

	.category .masonry-section.container > div > [class*="col"]{margin:1.5%;}

	.foreground-section.clearfix .gallery li, .foto-gallery .masonry-section.clearfix .p1 p, .photo-and-video .masonry-section.clearfix .p1 p{width:31%; margin:0.8%}
	.foto-gallery .masonry-section.clearfix .p1 p, .photo-and-video .masonry-section.clearfix .p1 p{margin:0.9%}
	
	.camere .masonry-section.container > div figure figcaption > div h2{max-width:139px}
	.camere .masonry-section.container > div:nth-child(n+3) figure figcaption > div h2{max-width:100%}
	.camere .masonry-section.container > div > [class*="col"]{margin: 8px 1.5%;}

	.all .p1 iframe{max-width:600px; margin:0 auto; width:100%}
	
	/*** footer ***/
	body > footer{padding:30px 0 180px}
	body > footer.clearfix .col3 { float: none !important;  margin: 0 auto;width: 245px;}
	body > footer.clearfix .col3 p.icon a::before{font-size: 11px;height: 20px;  line-height: 20px;width: 20px; margin-right:5px}
	body > footer.clearfix .col3.address a{font-size:13px}
	body > footer.clearfix .col3.social p.facebook{text-align:center; font-size:12px}
	body > footer.clearfix .col3.social p{text-align:center; padding:30px 3px 0}
	body > footer.clearfix .col3.social p.facebook a, body > footer .col3.social > figure{text-align:center}
	body > footer .col3.social > figure{margin:30px 0 0 10px}


	/*** booking ***/
	.booking-wrap{height:250px; padding-bottom:90px}
	.booking-wrap.active{visibility:hidden} 
	.booking-wrap .toggle:after{display:block; cursor:pointer}
	.booking-wrap .container form{display: block; margin: 0 auto; /*max-width: 290px;*/ padding: 0 15px;}
	.booking-wrap .form-group .label, .booking-wrap .form-group .date_picker{text-align:left!important; margin:0 auto}
	.booking-wrap .container .form-group{/*width:33.33%;*/ /*height: 50px;*/ min-height:50px}
	.booking-wrap .button{margin:10px 0}
	.booking-wrap .form-group .date_picker, .booking-wrap .form-group .select select{margin:auto; width:80px}
	.booking-wrap .form-group.submit{margin:0 auto; float:none; width:100%}

}
@media screen and (min-width:640px){
	
	/*** booking ***/
	.booking-wrap.active .toggle > span{visibility:hidden}
	
}
@media screen and (min-width:640px) and (max-width:767px){

	/*** general ***/
	h2{font-size:24px;}

	/*** masonry section ***/
	.masonry-section > div figure figcaption > div h2{max-width:205px; font-size: 24px; margin-bottom:0}
	.masonry-section.container > div > [class*="col"]{margin: 0 5%; max-width: 300px; width: 40%;}
	.masonry-section.container > div.block > [class*="col"]{/*margin: 5px 3.5%;*/margin: 5px 5% !important; max-width: 300px; width: 40% !important;}
	.masonry-section #homenews-mob > div{line-height: 30px;  padding:10px; text-align: center}
	.masonry-section .text-block > span{font-size:16px}
	.category .masonry-section.container > div > [class*="col"]{margin:1% 5%;}

	.camere .masonry-section.container > div > [class*="col"]{margin: 8px 3.5%;}

	/*** footer ***/
	body > footer.clearfix .col3 p.icon a::before{font-size: 13px;height: 25px;  line-height: 25px;width: 25px;}
	body > footer.clearfix .col3.copyright p{font-size:11px; line-height:15px}
	body > footer.clearfix .col3.address p{padding:8px}
	body > footer.clearfix .col3 a, body > footer.clearfix .col3.social p.facebook a{font-size:11px}

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

	/*** general ***/
	h2{font-size:22px;}
	.subtitle{letter-spacing:5px; font-size:10px!important}

	/*** header section ***/
	.header .header-image{margin-top:70px}
	.header #logo{width: 145px; top:10px;}
	.header #logo img{max-width:145px}
	.header #certificates{display:none}

	/*** masonry section ***/
	.masonry-section.container > div figure figcaption div > span{display:none}
	.masonry-section.container > div.block h2, .masonry-section.container > div.block .text-block > span{text-align:left!important;  height:25px; line-height:27px}
	.masonry-section.container > div > [class*="col"] figure{max-width:300px}
	.masonry-section.container.clearfix > div.block{float:none}
	.masonry-section.container > div.block > [class*="col50"]{width:43%}
	.masonry-section > div figure figcaption > div{position: absolute; top: 0;bottom: 0;left: 0;right: 0; text-align:center}
	.masonry-section > div figure figcaption > div:after{content: ''; display: inline-block;vertical-align: middle; margin-bottom: 195px;}
	.masonry-section > div figure figcaption > div h2 { display: inline-block; vertical-align: middle; max-width:180px}
	.masonry-section > div.block figure figcaption > div h2{max-width:100%}
	.masonry-section > div.block h2{font-size:16px; left:3%!important; top:20%}

	.title-in-cat.col50r h1{margin: 10px 0 15px!important; font-size: 18px; font-weight: 500;}
	.title-in-cat.col50r h1 .fat{font-weight:bold; font-size:32px}
	
	.home .masonry-section > div a{position:relative;}

	.camere .masonry-section > div:nth-child(2){height:245px;}
	.camere .masonry-section > div a{position:relative;}
	.camere .masonry-section > div:nth-child(2){height:245px;}
	.camere .masonry-section > div:nth-child(1) a:nth-child(1){top:0}
	.camere .masonry-section > div:nth-child(1) a:nth-child(2){float:right}
	.camere .masonry-section > div:nth-child(2) a:nth-child(1){float:right; top:-264px;}
	.camere .masonry-section > div:nth-child(2) a:nth-child(2){top:-10px}
	.camere .masonry-section > div:nth-child(2) a:nth-child(3){float:right; top:-260px}

	.foreground-section h1 {margin: 10px 0 15px!important;}
	.foreground-section h1 .fat {font-size: 32px;font-weight: bold;}
	.foreground-section h1, .foreground-section h1 span {font-size: 18px;  font-weight: 500;}
	.foreground-section > div:nth-child(3) figure figcaption div{border: 1px solid transparent; bottom: 0; left: 0; margin: 3%; outline: 2px solid;outline-offset: 0;  padding: 4%; position: absolute;right: 0; text-shadow: none;  top: 0;   transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s; z-index: 1;}

	
	/*** foreground ***/
	.meeting .foreground-section h1{text-align:center}

	/*** paragraph ***/
	.all .masonry-section h2 > span{display:block}
	.all .p1{font-size:16px}

	/*** contatti ***/
	.contatti main .masonry-section:first-child > .col50l:nth-child(1){ width:98%; margin: 0 1%; position:relative; min-height:254px}
	.contatti main .masonry-section:first-child > .col50l:nth-child(1) a{position:absolute; top:0; bottom:0;left:0; right:0; margin:auto; height: 190px;}
	.contatti main .masonry-section div.col50l a,
	.contatti main .masonry-section > div > [class*="col"],
	.contatti main .masonry-section > div > [class*="col"] figure{width:100%; max-width:600px}
	.contatti main .masonry-section div.col50l figure figcaption > div{padding:1%; margin:1%}
	.contatti main .masonry-section:first-child > .col50r:nth-child(2){width:98%; margin: 0 1%;}
	.contatti main .masonry-section:first-child div.col50r:nth-child(2) *{text-align:center}
	.contatti main .masonry-section:nth-child(1) > .col50r.clearfix:nth-child(2){margin:0 5% 3% 0}

	/*** footer ***/
	footer.container .col3,
	footer.container .col3.addresses,
	footer.container .col3.copyright{margin:0 auto; float:none; width:100%; padding:15px 0 0}
	footer.container .col3.logo figure,
	footer.container .col3.copyright p{padding:0}
	footer.container .col3.copyright, footer.container .col3.logo figure{text-align:center}
	footer.container .col3.addresses{position:relative; max-width: 251px;}
	footer.container .col3.addresses p{margin:5px 0}
	footer.container .col3.addresses p *{font-size:12px}
	footer.container .col3.addresses p span:first-child{width:70px}
	footer.container .col3.social{width:130px}
	footer.container .col3.social img:nth-child(n+3){display:initial; max-height:40px; padding:0 5px}
	footer.container .col3.social img:nth-child(-n+2){display:none}
	body > footer.clearfix .col3.address a, body > footer.clearfix .col3.social p.facebook{line-height:initial}
	

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

	.masonry-section #homenews-mob > div{line-height: 40px; text-align: center}

}

@media screen and (min-width:768px) and (max-width:989px){

	/***  header ***/
	.header #certificates { bottom: 30px;display: block; left: 0; margin: auto;position: absolute;right: 0;width: 570px;}
	.header #certificates > figure{margin:0}
	.header .header-image{margin-top:150px}
	.header > figure{top:40px;}
	.header #logo{width: 195px;}

	/*** masonry-section ***/
	.masonry-section.container > div > [class*="col"]{width:31.33%; margin:0 1%; }
	.masonry-section > div.block h2{font-size:16px; top:21px}
	.category .masonry-section.container > div > [class*="col"]{width:48%; margin:1%; }
	.masonry-section .text-block > span{font-size:16px}
	
	/*** contatti ***/
	.contatti main .masonry-section:first-child div:first-child > [class*="col"]{max-width:320px; width:100%}

	/*** footer ***/
	body > footer.clearfix .col3 p.icon a::before{width:35px; height:35px; line-height:35px; font-size:18px}
	body > footer.clearfix .col3.copyright p{font-size:11px; line-height:15px}
	body > footer.clearfix .col3.address p{padding:8px}
	body > footer.clearfix .col3 a, body > footer.clearfix .col3.social p.facebook a{font-size:11px}

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

	/*** general ***/
	body{background:#fff}
	.container{max-width:100%}
	#showmenu{display:block; position:absolute; left:10px; top:20px; z-index:9999}
	#showmenu:after{content:"m"; font-family: "htm"; font-size:24px; color:#919191}
	#showmenu span{position:absolute; left:-9999px; top:-9999px; }
	#showmenu.show{left:240px;}
	#showmenu.show:after{ color:#fff}
	.only-mobile{display:block}
	.only-desktop{display:none}

	/*** header  ***/
	.header{max-height:690px}
	.header > figure{right:0; margin:0 auto;}
	.header #ribbon{right:10px; left:initial}
	.header #logo{left:0px;}
	.header #logo img:first-child,
	.header #ribbon img:first-child{display:none}
	.header #logo img:nth-child(2),
	.header #ribbon img:nth-child(2){display:block;}
	.header .menu{display:none}
	.header .menu ul li{padding:0}
	.header .menu ul li::after{left:0;}
	.header > .italic{display:none}
	.header #lang-menu,
	.header #text-menu{background:#fff;  width:200px; padding:10px; margin: 20px 0; border-bottom:1px solid #919191}
	.header #lang-menu{margin:0; top:0; left:0; z-index:9998}
	 /*.header #lang-menu ul{margin:0 auto; display:block;width:105px}*/
	.header #lang-menu ul{text-align:center}
	.header #lang-menu ul li::after{padding:0}
	.header #text-menu{right:initial; top:16px}
	.header #text-menu ul li{float:none; text-align:center; text-shadow:none; position:relative; width:100%; line-height: 15px; padding:3px 0}
	.header #text-menu ul li::after{/*content:"";*/ /*padding: 10px 0;*/}
	.header #lang-menu ul li::after{color:#385C79}
	.header #text-menu ul li a,
	.header #lang-menu ul li a{color:#1f4c6c; padding:0 14.5px; font-size:15px; text-shadow:none; }
	.header #text-menu ul li a{display:block}
	.header  .menu.show{z-index:9998; display:block;}
	.header .header-image figure img{max-width:100%}
	.header .header-image figure figcaption{display:none}
	/*.header .menu ul li.menu-item-has-children:before{content:"l"; position:absolute; right:0; color:#000; cursor:pointer; z-index:9999; font-size:10px; font-family:htm; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color:#1f4c6c; width:20px; height:14px; text-align:center}
	.header .menu ul li.menu-item-has-children ul.sub-menu{padding:15px 0; top:0; min-width:auto; position:relative; font-size:12px; }*/

	/*** masonry section ***/
	/*.masonry-section .text-block,
	.masonry-section .image-block{display:none; height:0;}*/
	.masonry-section > div > a[class*="col50"] figure figcaption{height:100%}
	.masonry-section > div.block{margin:0 0 10px 0}
	.masonry-section > div.block > [class*="col50"]{width:48%; display:block; height:45px; background:#1f4c6c}
	.masonry-section > div.block > [class*="col50"]:hover{ background:#fff;}
	.masonry-section > div.block > [class*="col50"]:hover h2{color:#1f4c6c }
	.masonry-section > div.block > [class*="col50"] figure{height:40px, }
	.masonry-section > div.block > [class*="col50"] figure img{display:none}
	.masonry-section > div.block div.text-white{border:none; outline:none; line-height:0; margin:0; padding:0}
	.masonry-section > div.block a:hover figure figcaption > div{border:none}
	.masonry-section > div.block > [class*="col50"] figure figcaption{min-height: 40px;}
	.masonry-section #homenews, .masonry-section > div.block > .homenews-single {display:none!important}
	.masonry-section #homenews-mob{display:block}
	.masonry-section.container > div{width:100%;}
	.masonry-section.container > div{margin: 10px 0 0}
	.masonry-section.container > div > [class*="col"] figure{max-height: 234px;}
	.masonry-section > div figure.blue .text-white{color:#1f4c6c}
	.masonry-section .col100 figure figcaption{width:100%; height:100%}
	.masonry-section figure.bottom figcaption{top:0; bottom:initial}
	.masonry-section figure.blue figcaption{background: rgba(255,255,255,0.6); }
	.masonry-section figure.blue figcaption > div{border: 1px solid transparent; box-shadow: inset 0 0 20px rgba(31,76,108,0); outline-color: rgba(31,76,108,.5);}
	.masonry-section figure.blue figcaption div > span{border-right:4px solid #1f4c6c; }
	.masonry-section > div.block > [class*="col50"] figure figcaption::before{background:none}
	.masonry-section .text-block > span{text-transform:uppercase; font-weight:bold; padding:3%; margin:0; border:0; line-height:20px}
	.masonry-section .text-block:hover > span{border:none}
	.masonry-section > div.block .text-block span .italic{font:inherit}
	.masonry-section .col100lr h1{color:#1f4c6c}

	.all .masonry-section > .col50l,
	.all .masonry-section > .col50r,
	.all .masonry-section > .col50lr{width:100%; margin:1% 0}
	.all .masonry-section > div.block figure figcaption > div{margin:0}
	.all .masonry-section > div.block > a[class*="col50"] figure{height:45px}
	.all .masonry-section > .col50l, .all .masonry-section > .col50r{margin:1% 0;}

	.title-in-cat.col50r h1{color:#1f4c6c; }
	.all .masonry-section > .title-in-cat.col50r{margin:0}
	.title-in-cat.col50l{display:none}
	
	/*** foreground section ***/
	.foreground-section {background:/*#1f4c6c*/ #fff}
	.foreground-section.rotate90 > div:first-child{height:440px}
	.foreground-section > div:first-child{height: 200px;}
	.foreground-section > div{width:100%;}
	.foreground-section figure img{max-width:100%; height:auto}
	.foreground-section figure span.video{display: inline-block; position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; height: 100%; padding: 50%; text-align: center; width: 0%;}
	.foreground-section figure span.video iframe{bottom: 0;height: 100%;  margin: auto; position: absolute; right: 0; height:100%; width:100%}
	.foreground-section h1{margin: 15px 0 30px;}
	.foreground-section .col50l{display:none}
	.foreground-section h1, .foreground-section h1 span {color: #385c79;}

	.meeting .foreground-section > div:first-child{height:auto}

	.foreground-section .gallery{width:100%}
	.foto-gallery .masonry-section .p1, .photo-and-video .masonry-section .p1{width:100%!important; padding:0; margin:0}
	.foreground-section .gallery li, .foto-gallery .p1 > p, .photo-and-video .p1 > p{width:23%; margin:0.8%}
	.foto-gallery .masonry-section .p1 p, .photo-and-video .masonry-section .p1 p{margin:0.9%}
	.foto-gallery .masonry-section .p1 > p iframe, .photo-and-video .masonry-section .p1 > p iframe{width:100%; height:100%; margin:0}
	.foto-gallery .masonry-section .p1 > span:first-child, .photo-and-video .masonry-section .p1 > span:first-child{display:block; margin-bottom:30px}
	
	.raggiungerci .foreground-section{padding: 0 20px/*60px*/;}

	/*** contatti ***/
	.contatti main .masonry-section:nth-child(1) > .col50r:nth-child(2){margin:2% 5% 0 0}
	.contatti main .masonry-section:nth-child(1) div.col50r:nth-child(2) *{color:#385c79}
	.contatti main .masonry-section br{display:none}

	/*** paragraph ***/
	.all .p1, .wp-singular .text-white.italic.p1 {color:#385C79}
	

	/*** footer ***/
	/*body > footer *{font-size:12px!important}*/

	/*** booking ***/
	.booking-wrap .form-group{line-height:initial}
	.booking-wrap .form-group .label{display:block; font-size:16px}
	.booking-wrap .submit .button{font-size:13px; line-height:30px}
	.booking-wrap .form-group .date_picker, .booking-wrap .form-group .select select{width:80px}
	body .booking-wrap .hidden_age.show .grouped select, body .booking-wrap .hidden_age.show .grouped .select{width:40px}

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

	/*** masonry section ***/
	.all .masonry-section > div.block figure figcaption > div{display:table; margin:2%; padding:2%; height: 76%; width: 91%;}
	.all .masonry-section > div.block figure figcaption > div h2{display:table-cell; vertical-align:middle; position:relative; }
	
	/*** booking ***/
	body .booking-wrap .form-group.show{display:flex}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:990px) {
	.all .masonry-section > div.block figure figcaption > div{height: 90%; width:92%}

	::i-block-chrome, .all .masonry-section > div.block figure figcaption > div {
		margin: 8% 4%;height: 83%;width: 93%;
	}

}
@media screen and (min-width:990px) and (max-width:1199px){

	/*** general ***/
	h2{font-size:24px;}
	.container{max-width:990px}

	/*** slideshow section ***/
	.header{max-width:1920px}
	.header #certificates > figure{margin: 0 0 0 30px}
	.header #certificates > figure img{max-height:60px}
	.header .header-image figure figcaption{padding:30px 20px}
	.header .header-image figure figcaption.italic{font-size:16px}
	.header #CDSSCROLLINGRAVE.narrow{padding:7px 5px}

	/*** masonry section ***/
	.masonry-section .col100 figure{max-width:495px}
	.masonry-section .text-block > span{height: 30%; margin: 4%;padding: 6%;}
	.masonry-section .image-block{background:#fff}
	.masonry-section .image-block img{max-width:100%; margin: 7px 0;}
	.masonry-section figure h2 > p > span.subtitle{margin-left: 10px; text-align:center; font-size:13px !important}

	.homenews-single h2, #homenews h2{font-size:20px}
	.all .masonry-section > div.block figure figcaption > div{height: 79%;}
	.masonry-section .area-marina.text-block > span{font-size:18px}

	/*** foreground section ***/
	.foreground-section .gallery{width:913px; margin:0 auto; clear:both; float:none}
	.foreground-section .gallery img{width:220px}
	.foreground-section > div:first-child figure,.foreground-section > div:first-child figure img{max-width:400px; }
	.foreground-section figure img{max-width:100%; height:auto}
	.foreground-section figure .video{max-width:220px; max-height:220px}
	.foreground-section figure span.video iframe, .foto-gallery iframe, .photo-and-video iframe{height:220px; width:220px}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  	.all .masonry-section > div.block figure figcaption > div{height: 90%;}
	}

	.category-camere.category figure figcaption .subtitle, .category-rooms-and-suites.category figure figcaption .subtitle{font-size: 15px;}
	.foto-gallery .masonry-section .p1, .photo-and-video .masonry-section .p1{width:913px!important; padding:0}
	.foto-gallery .masonry-section .p1 p, .photo-and-video .masonry-section .p1 p{float: left; height: 220px;  margin: 4px;width: 220px;}

	/*** footer ***/
	body > footer.clearfix .col3 p.icon a:before{width:35px; height:35px; text-align:center; line-height:35px; font-family:htm;  font-size:15px}
	body > footer.clearfix .col3 a, body > footer.clearfix .col3.social p.facebook a{ font-size:14px;}

	/*** booking ***/
	.booking-wrap .form-group .label{font-size:18px}
}
@media screen and (min-width:1200px){
	.foto-gallery .masonry-section .p1, .photo-and-video .masonry-section .p1{width:1033px!important; line-height:initial; padding:0; }
}

/*** for admin ***/
.admin-bar .header{border-top:40px solid #385c79}
.admin-bar #showmenu{top:52px}

@media screen and (max-width:783px) {
	.admin-bar .header{border-top:54px solid #385c79}
	.admin-bar #showmenu{top:66px}
}

.default-format.all .p1 p, .default-format.all .p1 ol{text-align:left!important; margin:10px 0!important}
.default-format.all .p1 ol li{margin:5px 30px}

.area-marina > span{font-family:"capture"!important}
.dove-siamo .foreground-section div figure figcaption div, .where-we-are .foreground-section div figure figcaption div{outline:none; z-index:-1}
.category-camere figure figcaption .subtitle, .category-rooms-and-suites figure figcaption .subtitle{font-size: 18px; line-height:10px}
.category-camere .masonry-section .col50lr .col100:nth-child(5) figcaption h2 > p,
.category-camere .masonry-section .col50lr .col100:nth-child(7) figcaption h2 > p,
.category-rooms-and-suites .masonry-section .col50lr .col100:nth-child(5) figcaption h2 > p,
.category-rooms-and-suites .masonry-section .col50lr .col100:nth-child(7) figcaption h2 > p{text-align:left}
.category-camere .masonry-section .col50lr .col100:nth-child(5) figcaption h2 > p span.subtitle,
.category-rooms-and-suites .masonry-section .col50lr .col100:nth-child(5) figcaption h2 > p span.subtitle{margin-left:0}
#cookie-law-info-again{display:none}

.navlinks{margin:20px auto;  text-align:center; padding:20px 4%;}
.navlinks a{color:#fff; }
.navlinks a:hover{text-decoration:underline}
.navlinks .prev,.navlinks .next{display:inline-block; color:#fff; font-size:18px;}
.navlinks .prev{float:left}
.navlinks .next{float:right}
.navlinks .prev:before{font-family:"htm"; content:"l"; float:left; margin-right:10px}
.navlinks .next:after{font-family:"htm"; content:"r"; float:right; margin-left:10px}
.navlinks .next:empty:after, .navlinks .prev:empty:before{content:""}

[id*="gallery-"]{display:none}
.inviaci-le-tue-foto, .popup-inviaci-le-tue-foto input[type="submit"]{ text-decoration:none!important; background: #889dae none repeat scroll 0 0; border: 1px solid #fff; border-radius: 3px; color: #fff; margin:20px auto; float:none; width:200px; text-align:center; display:block font-size: 18px; padding: 10px 15px; display:block }
.inviaci-le-tue-foto:hover, .popup-inviaci-le-tue-foto input[type="file"]:hover, .popup-inviaci-le-tue-foto input[type="submit"]:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); }

.h1-centered main > section:first-of-type > [class*="col50"]:nth-of-type(2){width:100%!important; margin:0!important; text-align:center}

.free {background: #900 none repeat scroll 0 0;border: 0 none !important; font-size: 16px; height: 91px;  left: initial !important;  line-height: 150px; position: absolute !important;  right: -80px !important;  text-align: center; text-transform: uppercase;  top: -25px;  transform: rotate(45deg);  width: 200px !important; color:#fff; z-index:2; font-family:"arial"}
@media screen and (max-width:639px){
	.free{right:-70px !important; font-size:12px; top:-36px; width:155px !important}
	div.booking-wrap div.container div.col100 form div.form-group.submit {clear:both}
}

@media screen and (max-width:989px) {
	.header > .italic {display:none !important}
}

/*** correzione bookin footer ***/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	div.booking-wrap div.container div.col100 form div.form-group.submit .button{
		/*height:30px;*/
	}
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:639px){
	::i-block-chrome, div.booking-wrap div.container div.col100 form div.form-group.submit {
		clear:both
	}
	::i-block-chrome, .booking-wrap .container .form-group{
		height:43px
	}
}
/*@media only screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 480px), only screen and (max-device-width: 480px) {
	.booking-wrap .container .form-group{
		height:43px
	}
}*/


.col30, .col70{float:left; }
.col30{width:20%}
.col70{width:80%}
#secure-payments-banner{ background: #900 none repeat scroll 0 0; color: #fff; font-size: 18px;  padding: 5px 2px 2px;  text-align: center; min-width: 470px;}
#secure-payments-banner div.col70{padding:10px 0}
#secure-payments-banner div.col30{padding:3px 0}
#secure-payments-banner .tel{font-size:12px; color:#fff; font-weight:initial; text-shadow:none; text-transform:initial }
#secure-payments-banner .tel:before{content:"t"; font-size:18px; margin:0 auto; line-height:18px; font-family:"htm"; border-radius:50%; border:1px solid #fff; display:block; padding:5px; width:20px}
.header #certificates a:hover, .header #certificates a:focus, .header #certificates a:active{color:#fff!important}

.ermes.booking-wrap{height:auto}
.ermes.booking-wrap .form-group .date_picker, 
.ermes.booking-wrap .form-group .select select,
.ermes.booking-wrap .form-group input[type="text"], 
.ermes.booking-wrap .form-group input[type="password"]{font-size:11px}

@media screen and (max-width:639px){
	.ermes.booking-wrap{/*height:160px*/}
	.ermes.booking-wrap .form-group.submit{clear:both}
}
@media screen and (min-width:640px) and (max-width:989px){
	.ermes.booking-wrap .submit .button{margin:4px 0 0}
	.ermes.booking-wrap{/*height:50px*/}
}
.page-id-1240.all .text-white ul {display: block;}

.cocktail-bar{letter-spacing:5px}