@charset "utf-8";
/* CSS Document */
@import url(/css/fonts/default.css);
@import url(/css/fonts/Harman.css);
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600&display=swap');



body {font-family:"Valcastagno"; color:#29282a; text-rendering: optimizeLegibility;}
.container { margin-left: auto; margin-right: auto;  }
.mobile {display:none;}
a {	color:#337AB7; text-decoration:none;
-moz-transition: all .25s ease-in-out; -webkit-all: color .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
a:hover {color:#AA040E;}
i, em {font-style:oblique;} b, strong {font-weight:700;}

h1,h2,h3,h4 {font-family:"Harman Retro"; font-weight:500;}
h3 {font-size:155%; font-weight:500; margin:0 0 1% 0;}
h3 a, h4 a {color:#29282a;}
h5,h6{font-family:"Harman Simple"; font-weight:500;}
.sans-serif {font-family:"Fira Sans", sans serif;}


.green {color:#629022} .red {color:#AA040E;} .pink {color:#BA6898;} .lavender {color:#CCC0DA;} .blue {color:#337AB7;}
hr.green {border-color:#629022; border-width:3px;}
hr.blue {border-color:#337AB7; border-width:3px;}
hr.pink {border-color:#BA6898; border-width:3px;}
hr.lavender {border-color:#CCC0DA; border-width:3px;}
.text-lavender {color:#A78EC4;}

nav.navbar {margin-bottom:0;}
.payoff { color:#629022; font-weight:100; font-style:italic; font-size:1.15rem; letter-spacing: -0.05rem; position:relative; left: 2.2rem; top: -1.5em; line-height: 1.3rem; }
.navbar-brand img.logo {min-width:280px;}
.navbar-brand img, .payoff {transition:all ease-in-out .2s; opacity:.95;}
.navbar-brand:hover img {transform:rotate(-1deg) scale(.95,.95); opacity:1; }
.navbar-brand:hover .payoff {font-size:1rem; letter-spacing: .04rem; font-weight:500; color:#859ede;}

h3.home {border-top:solid 3px #629022; margin:2% 0 0.5% 0; padding:1% 1% 0 2%; font-family: "Harman Retro";}
h3.home p {color:#629022; display:block; font-family:"Valcastagno"; font-size:80%; font-weight:100;}

h4.home {border-top:solid 3px #4C7A9F; margin:2% 0 0.5% 0; padding:1% 1% 0 2%;}
hr.home {border:none; border-top:solid 3px #839246; margin:2% 0 0.5% 0; padding:1% 1% 0 2%;}
h5 {font-weight:700; color:#839246;} h5 i.fa {margin-right:7px; font-size:75%;}

.hat {color:#fff; font-weight:500; font-size:0.95rem; background:#29282a; padding:.3rem 0;}
.hat h1 { font-family:"Valcastagno"; display:inline; font-style:oblique; font-size:14px; } 
.hat .social {text-align:right;}
.hat .social i {padding:0 1.5%;}
.hat .social .promo  i, .hat .social .booking i {padding:0;}
.hat .social .promo , .hat .social .booking {margin-right:5px;}
.hat .social a.promo:hover {color:#EFAED4}
.hat .social a.booking:hover {color:#9AD5ED}

html.lg div#menu.container .row {margin:6px 0;} html.md div#menu.container .row {margin:4px 0;}

.logo {text-align:center;}
.logo img {width:80%; margin:2% 0 0; max-width:300px;}
.logo span {display:block; position:absolute; margin:-5%; margin: -2% 2%; font-weight:700; font-size:85%; color:#839246; font-style:italic;}

.image img { display: block;  width: 100%;}

/* html.lg div.dateFlessibili, html.md div.dateFlessibili {padding-top:7%;} html.sm div.dateFlessibili {padding-top: 4%; text-align: right;} html.xs div.dateFlessibili {text-align:left;}*/

#valcastagnoMenu a {} #valcastagnoMenu a:hover {text-decoration:none;}
.m1, .m2 {font-family:"Harman Retro";  font-weight:500; border-left:solid 3px #fff; letter-spacing:1px;} .m2 {font-family:"Harman Retro"; font-size:.98rem; }
.m3 {font-family:"Harman Retro"; font-size:.8rem; letter-spacing:1px; border-left:solid 3px #fff;}
.m1 { margin-left:3rem; } .m2 { border-left:solid 3px #29282A1A;   } .m3 { border-left:solid 3px #29282A1A; padding:1rem .3rem; }
.m1 a, .m2 a {color:#29282A;} .m3 a {}
.m1 ul, .m2 ul, .m3 ul { padding:2%; margin:0;} .m1 ul li, .m2 ul li, .m3 ul li { padding:1%; font-size:1.15rem; list-style:none; white-space: nowrap;}  .m2 ul li {padding:0 0.5%;}
.m1 ul li a {font-size:1.8rem;} .m2 ul li a {font-size: 1.45rem;} 
.m3 ul li {padding:7% 0;}  
.m3 ul li a {  border-radius:.3rem; padding:.1rem .25rem;font-size:.8rem; font-weight:bold; display:block; color:#666368;}

.m1 a, .m2 a {} .m1 li a:hover , .m2 li a:hover  { /*background:#29282A; color:#eee;*/ background:#E6E3EA; }
.m3 ul li {text-align:center;} .m3 ul li.selected a {font-weight:bold; background:#CC94B5; color:#fff;} .m3 ul li a:hover {background:#ccc0da;color:#fff;} .m3 ul li.selected a:hover {background:#ba6898; cursor:text}
.m4 a {padding:0.1rem 0.23rem; border-radius:.3rem; color:#666; font-style:italic; font-size:.97rem;}.m4 a:hover {background:#e1dded;} .m4 a i.fa { font-size:1.07rem;}

 .m1 li.selected a, .m2 li.selected a {font-weight:bold; background:#e1dded; }


.bx-wrapper ul.slide li span, .owl-carousel div.item span {display:block; background:rgba(255,255,255,.75); padding:1% 0; text-align:center; position:relative; margin-top: -11%; font-weight:500; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); transition: all .25s ease-in-out; font-style: italic; font-size: 85%;} .bx-wrapper ul.slide li span:hover {opacity:.4;}

p.comfort a { font-weight:500;}
p.subTitle {font-style:italic; font-weight:100; color:#629022}
p.compact { font-weight:300; font-size:1.05rem; line-height:1.20rem; }






.small .row > * { padding: 5px 0 5px 40px; line-height: 130%;}
.small .row > .m2, .small .row > .m1 { padding-left:4px; }
.small .logo img { margin: 7% 0 0 -5%;  width: 110%; }
.small .logo span {margin:0 2%;}
.small .image {margin:6px 0 0;}
.small .home {padding: 2% 0 0 40px;}
.small .Offerte h3 {font-size:110%; font-weight:800;}
.small .Offerte p.offerta {padding:5px 1px;}
.small .Offerte {margin:4px 0; padding-bottom: 10px; border-bottom:2px dotted #777e80;}
.small .Offerte:last-child {border:none;}
.small .Offerte h4, .small .Offerte h3 {margin:5px 0;}
.small footer {font-size:80%; line-height:150%;}
.small footer .TA_certificateOfExcellence {}
.small footer .widCOELogo img { width:125px;}
.small footer .widCOETitle {font-size: 10px;}
.small footer .widCOEDate .widCOEDateText {font-size: 10px;}
.small footer #CDSWIDCOE {width:125px;}

.xsmall #menu, .xsmall .hat {display:none;}
.xxsmall .Offerte {margin:10px 0;}

.xsmall #titleBar {background:#29282A; padding: 8px;}
.xsmall a.logo {color:#fff; display: inline-block; padding:8px; font-size:20px;} .xxsmall a.logo:hover { }
.xsmall .toggle {float:right; font-size: 22px; padding: 5px;}
.xsmall {margin-top:28px; font-size:16px;}

p#privacy {font-size:80%; font-style: oblique;}
		
#navPanel {
   background: none repeat scroll 0 0 #555;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);
    line-height: 1.5em;
    padding:0;
	
	
}		
#navPanel li {border-top:solid 1px #353535}
#navPanel li:first-child {
    border-top: 0 none;
}
#navPanel li:last-child {
    border-bottom:solid 1px #353535;
}
#navPanel a {
    background: none repeat scroll 0 0 #4a4a4a;
    color: #fff;
    display: block;

    font-size: 110%;
    font-weight: normal;
    padding: 2% 4%;
    text-decoration: none;
	letter-spacing: 1px;
}
#navPanel a:hover {background:#fff; color:#222;}
#navPanel li.selected a {background:#fff;  color:#222; font-weight:800;}


#navPanel a.toggle {background:#252525; font-size:105%; color:#fff;text-align:right;}
#navPanel a.toggle:hover { color:#d50000; background:#fff;  font-size:110%; }

#navPanel .social  a { float:left; width:33.33%; text-align:center;}
/*#navPanel .social  a i {background:#444}
#navPanel .social  a:hover {background:#4a4a4a4;}
#navPanel .social  a:hover i {background:#d50000}*/
ul.servizi {background:#fcfcfa; padding:5px;}
ul.servizi li {padding:1px 0 1px 2px; font-style:oblique; font-size:85%; list-style:none;}
ul.servizi li.t {font-family: "Harman Simple"; font-style: normal; font-weight: 700; padding: 6px 0 2px; } 
ul.servizi li.t i {background:#d0d0d0; border-radius:30px; color: #fff; float: right;  padding: 2%;}
ul.servizi li i {font-size:150%;}
.xsmall ul.servizi li {display: inline-block; margin: 1px; width: 46%; } .xsmall ul.servizi li:hover, .xsmall ul.servizi li:active {background:#f0f0f0;} 
.xsmall ul.servizi li.t {display:block; width:100%;} .xsmall ul.servizi li.t i {display:none;} .xsmall ul.servizi li.t:hover, .xsmall ul.servizi li.t:active, .xsmall ul.servizi {background:none;} 

room {font-family: "Harman Simple"; font-weight:500; font-size:120%; font-style:normal; }
room:before { font-family: "FontAwesome"; display: inline-block; content: "\f198"; font-size: 12px;
    font-style: normal; font-weight:normal;
    position: relative;
    text-align: center;
	top: -3px;
    right: -1px;
    transform: rotate(20deg);
    width: 15px; }

html p.info {font-style: italic;}
html p.small {font-size:88%; line-height:normal;}


.gallery a:hover {text-decoration:none;}
.gallery a img {width:130px; height:130px; margin: 2px 0; transition:opacity ease-in-out .1s;} .gallery a:hover img {opacity:.90}
.medium .gallery a img, .gallery.small a img {width:100px; height:100px;}
.small .gallery a img {width:50px; height:50px;}
.gallery.shadow a img {border: 1px solid #fff; border-radius: .20rem; box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); margin: 1% 0.5%; transition: all .25s ease-in-out; }
.gallery.shadow a:hover img {box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); border-color:rgba(0, 0, 0, 0.35); }

.row.air {padding:10px;}
.row.room {padding:10px; margin:6px; border-top:dotted 1px rgba(0,0,0,.2); background: rgba(23,162,184,0.15);}

table.prezzi { line-height:normal; width:93%; }
table.prezzi caption {font-size:120%; margin-top:6px; border-bottom:solid 1px #CCC; font-weight:100;}
/*table.prezzi .row01 {border-bottom:dotted 1px #999; border-top:dotted 1px #999;}
table.prezzi .row02 {background-color:#F5F3EB;}
table.prezzi .row03 {background-color:#E3F1E0; color:#030; /*border-top:dotted 1px #A9C6A6;}*/
table.prezzi td.row00 { font-style:italic; font-size:70%;}
table.prezzi th { font-weight:100; font-style:italic; font-size:110%; text-align:center}
table.prezzi.residence th {width: 20%;}
table.prezzi td {text-align:center;  font-size:80%; font-weight:bold; border-bottom:solid 3px #fff;} table.prezzi td p, table.prezzi td div {text-align:left; padding:1%;}
table.prezzi tr.low td {background:#fff;}
table.prezzi tr.middle td {background:#edeaf2;}
table.prezzi tr.high td {background:#d8cfe3;}
table.prezzi tr.peak td {background:#ccc0da;}
table.prezzi tr.offer td {background:#d4e3ab; border:none;}
table.prezzi tr.offer2 td {background:#778E3A; color:#fff;}

table.prezzi tr td {font-weight:100;} table.prezzi tr td.price {letter-spacing:1px; font-family:"Harman Simple"; font-size:1.45rem;  vertical-align: middle;}
/*td.price:after {content:",00";  font-size:.7rem; } */
td.price span.min:after {content:"/";  font-size:.7rem; position:relative; top:-2px; padding:0 5px; } 
td.price span {font-size:1.29rem;}
td.price:before {content:"€";  font-size:.85rem; }
td.price span.min { }
table.prezzi tr td.season {font-weight:normal; font-family:"Harman Retro"; font-size:90%; vertical-align: middle;}
table.prezzi tr td.dt {font-family:"Harman Retro";   font-size:14px; font-weight:normal; padding:2px 5px;}

div.mapPop { font-size:11px; line-height:normal; }
div.mapPop img {float:left; margin-right:2px; }

div.mapInfo {width: 238px; float: left; line-height:20px;  font-size:16px; font-weight:100;}

div#map_canvas {width:100%; height: 775px;  }

ul.btf-list {list-style:square;}
ul.btf-list li {padding:7px; border-bottom:solid 1px rgba(0,0,0,.1); letter-spacing:.5px; font-size:110%; font-weight:400; font-style:oblique;}
ul.btf-list li:last-child {border:none;}
ul.btf-list li.rd {list-style:circle; font-size:100%;}

ul.no-list li {list-style:none;}
ul.air li {padding:7px;}

.footer {background:#29282A; color:#d0d0d0; font-size:90%; line-height:120%; border-top:solid 10px #000; padding-top:1%; margin-top:3%;}
.footer strong {font-weight:900; font-size:140%; margin:2% 0; font-style: italic; display:inline-block; color:#f0f0f0;}
.footer a {color:#eaeaea;} footer a:hover {color:#fff;}
.footer hr {color:#a4a4a4; border:none; border-bottom:dotted 2px #4a4a4a; }
.footer ul li { padding:1% 0;}
.footer .gplus {text-align:right}
.xxsmall .footer .gplus {margin-top: 6px; text-align: left;}


.Offerte h4 {float:left; margin:8px 3px -8px 0;}
.Offerte p.offerta {font-style:italic;}

.alpha-hover {opacity:0.6; transition:opacity ease-in-out .2s;} .alpha-hover:hover {opacity:1;}

@media print {
  footer, .hat, #menu {display:none;}
}

#cookies-policy {background:#d0d0d0; font-size:75%; color:#29282a; font-family:Tahoma, Geneva, sans-serif; padding:.5% 5%;}

.flash{

  -moz-animation: flash 1.5s ease-out;
  -moz-animation-iteration-count: infinite;

  -webkit-animation: flash 1.5s ease-out;
  -webkit-animation-iteration-count: infinite;

  -ms-animation: flash 1.5s ease-out;
  -ms-animation-iteration-count: infinite;

}

.flash:hover {-moz-animation:none; -webkit-animation:none; -ms-animation:none;}

@-webkit-keyframes flash {
    0% { color:#ffffff;}
    50% { color:#FEEB98;}        
    100% { color:#ffffff;}
}

@-moz-keyframes flash {
    0% { color:#ffffff;}
    50% { color:#FEEB98 ;}        
    100% { color:#ffffff;}
}

@-ms-keyframes flash {
    0% { color:#ffffff;}
    50% { color:#FEEB98 ;}        
    100% { color:#ffffff;}
}

.fa.mandatory { color:#D9534F;}
.date input {border-radius:5px; border:solid 1px #ddd; padding:2px 5px; transition:all ease-in 0.5s; background:#fcfcfc; color:#333; max-width:130px; cursor:pointer;}
.date.has-error:after {color:#a94442}
.date input:hover {border-color:#AEBCD3}
.date input:focus {border-color:#829AC0; background:#fff; color:#286090;}

.booking-home input[type=text], .booking-home label {font-size:85%;}
.booking-home {padding:0 2%;} .booking-home hr {margin:10px 0 3px 0; padding:0;} 

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox]:checked + label { color:#4C7A9F;}
input[type=checkbox] + label:hover {color:#1A729E; }

input[type=radio] { display:none; } 
input[type=radio] + label:before { }
input[type=radio] + label:before { } /* unchecked icon */
input[type=radio]:checked + label:before { } /* checked icon */
input[type="radio"] + label:hover, input[type="radio"] + label:hover:before {color:#1A729E; cursor:pointer; background:#fff; border-color:#28597F}
input[type="radio"] + label {padding:2%; font-weight:500; font-size:14px;display:inline-block; text-align:center; background:#f0f0f0; border-color:#dadada; transition:all 0.1s linear }

input[type=radio]:checked + label {background-color:#4C7A9F; color:#fff; text-shadow:rgba(0,0,0,.4) 0px 0px 1px;
	  background-image: none;
  		outline: 0;
  		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		  border-color:#28597F; font-weight:700;
	}


input.has-error { border-color:#a94442; color: #a94442;  background-color: #f2dede;}

html.sm .date, html.xs .date {padding:15px 25px;}

.btn, .lucida {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif}

.hide { display: none; }
@media (max-width: 575px) { 						/* XS */
	.show-xs { display:inline;}
	body {font-size:16.5px;}
	 #page {line-height:125%; padding:1% 5%; }
	.navbar-brand img.logo {  min-width: 220px; }
	  p.comfort {line-height:130%; padding:2%;}
	  .gallery {text-align:center;}
	  .gallery a img {width:90px; height:90px;}
	  
	   ul.servizi li {padding:3px 8px; font-size:100%;}
	    ul.servizi li.t {font-size:120%; letter-spacing:2px; border-top:solid 2px #337ab7; margin:15px 0 5px; color:#337ab7}
		html p.small {font-size:92%;}
		.owl-carousel div.item span {margin-top:0; font-size:14px; letter-spacing:1px;}
    table.prezzi tr td {font-weight:100;} table.prezzi tr td.price {letter-spacing:normal; font-family:"Harman Simple"; font-size:1rem;  vertical-align: middle;}
    td.price span {font-size:1rem; letter-spacing: .03rem;}
    td.price:before {content:"";  font-size:.45rem; }

 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {  /* SM */
	.show-sm { display:inline;}
	body {font-size:16px;}
	 #page {line-height:130%; padding:.7% 5%; }
	  span.payoff {margin: -4% 0 0 10%;}
	  p.comfort {line-height:145%; padding:3% 1%;}
	  .gallery {text-align:center;}
	  .gallery a img {width:100px; height:100px; }
	  
	  ul.servizi li {padding:3px 8px; font-size:100%;}
	  ul.servizi li.t {font-size:140%; letter-spacing:4px; border-top:solid 3px #337ab7;margin:25px 0 7px; color:#337ab7}
	  html p.small {font-size:91%;}
	 .owl-carousel div.item span{margin-top:0; font-size:15px; letter-spacing:1.5px;}
	 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.show-md { display:inline;} 
	body {font-size:18px;}
	 #page {line-height:145%; padding:.5% 2%; }
	 p.comfort {line-height:160%; padding:4% 2%;}
	 .gallery {text-align:center;}
	 .gallery a img {width:105px; height:105px; }
	}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	.show-lg { display:inline;} 
	body {font-size:18px;}
	 #page {line-height:1.6rem;  }
	 .m1 a, .m2 a {padding:0;} 
	 .m1 ul li a {font-size:1.65rem;} .m2 ul li a {font-size: 1.35rem;} 
	 .navbar-brand img.logo {min-width:220px;}
	 .payoff {left:1.5rem; top:-0.6rem; }
	 .m1 { margin-left:2rem; } 
	 p.comfort {line-height:1.8rem; padding:.9rem .4rem; font-size:1.23rem; font-weight:100;}
	 h3.home { padding:.8rem 2rem; width:100%; margin:.5rem 0;}
	 
	 .gallery a img {width:110px; height:110px; }
}

/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 						/* XL */
	.show-xl { display:inline;}
	body {font-size:18px;}
	 #page {line-height:1.75rem; }
	 p.comfort {line-height:1.8rem; padding:.9rem .4rem; font-size:1.23rem; font-weight:100;}
	 h3.home { padding:.8rem 2rem; width:100%; margin:.5rem 0;}
 }
 
 
 .stripes1 {
background-image: repeating-linear-gradient(28deg, rgba(71,71,71,.01), rgba(71,71,71,.01) 20px, rgba(71,71,71,.05) 20px, rgba(71,71,71,.05) 40px, rgba(71,71,71,.08) 40px, rgba(71,71,71,.08) 60px);
}

 .stripes2 {
background-image: repeating-linear-gradient(37deg, rgba(71,71,71,.02), rgba(71,71,71,.02) 12px, rgba(71,71,71,.07) 12px, rgba(71,71,71,.07) 24px, rgba(255,255,255,.08) 24px, rgba(255,255,255,.08) 48px);
}

 .stripes3 {
background-image: repeating-linear-gradient(37deg, rgba(185,105,149,.02), rgba(185,105,149,.02) 12px, rgba(185,105,149,.07) 12px, rgba(185,105,149,.07) 24px, rgba(111,105,149,.08) 24px, rgba(111,105,149,.08) 48px);
}

/* 185,105,149 */
/* 111,105,149 */