body {background: no-repeat fixed center center / 100% auto rgba(0,49,83,1);}

.dots-line span {display: inline-block;content: "";height: 38px;width: 15px;background-color: #FFF;margin: 16px 8px 14px 0;text-align:center; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); -o-transform: skewX(-35deg); transform: skewX(-35deg);}
.dot-line span {display: inline-block;content: "";height: 38px;width: 15px;background-color: #f5f5f5;margin: 16px 8px 14px 0;text-align:center; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); -o-transform: skewX(-35deg); transform: skewX(-35deg);}

.middle {margin-left:0px;}

.marked {padding:5px;color:#fff;background:#e7c130;line-height:2em;font-weight:500;font-size:1em;letter-spacing:1px;}
.mark{font-weight:900; font-size:3em;}
.small{font-weight:900; font-size:0.7em; letter-spacing:3px;}
.book {padding:5px;line-height:2em;font-size:1.5em;text-transform:none;font-weight:600;}
.bold {font-weight:700;}
.black {color:#232323;}
.blacks {color:#76b51b;font-weight:600;}
.big {font-size:1.5em;color:#76b51b;font-weight:900;}
.yel {color:#f2c203;}
.caps {text-transform:uppercase;text-align:left;font-size:1.2em;padding:0.5em 0em;font-weight:900;}
.greens {background:#f7f7f7;}
.byel {background:#f2c203;}
.justify{text-align:right;}

.find{border:2px solid #fff;font-weight:500;font-size:0.7em; padding:6px 8px 6px 8px;}
.find:hover{background:#fff;color:#00234f;}

p.overlay{font-weight:400;font-size:1em; margin:0 auto; color:#f7f7f7; position:absolute; bottom:2%; padding:1%; background:rgba(0,49,83,0.45); width:auto; max-width:90%;}

p.subtitile {margin: 0.8em 0em 2.5em 0em;font-size:0.8em;line-height:1.2em;text-align:justify;font-family: 'Libre Baskerville', serif; text-transform:uppercase;}
p.padding {padding:0px 10px;}

.green span{background:rgba(236,240,241,1);display:inline-block;padding:2px 85px;vertical-align:middle; margin:25px 0px 35px 0px; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); -o-transform: skewX(-35deg); transform: skewX(-35deg);}
.dark span{background:#78b51d;display:inline-block;padding:1px 38px;vertical-align:middle; margin:-14px 0px 25px 0px; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); -o-transform: skewX(-35deg); transform: skewX(-35deg);}

#top{width:45px;text-align:center;padding:5px;position:fixed;bottom:0em; right:3px;cursor:pointer;display:none;}
#bar{width:100%;text-align:center;padding:8px 25px 5px 25px; height:35px;line-height:18px;position:absolute;top:0px;z-index:999999999999999999999999999999999999999999;background: 0 0 rgba(0,0,0,0.4);color:#fff;font-size:1em;font-weight:400;letter-spacing:0px;word-spacing:1px;text-transform:none;}
#bar img{width:32px; height:32px;}


/* SEZIONI */

#menu {width:100%;min-height:10px;position:fixed;top:0;right:0;z-index:99999999999999999999999999999999999999;background:none;-webkit-transition:background 5s; -moz-transition:background 5s; transition:background 5s; 
-webkit-transition:margin 2s; -moz-transition:margin 2s; transition:margin 2s;
-webkit-transition:min-height 2s; -moz-transition:min-height 2s; transition:min-height 2s;}

.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}

#carousel {background:#013654;}
#header {background:url('../img/ingresso.jpg')center center no-repeat #013654; background-size:cover; background-attachment:fixed;min-height:700px;}
.circle {position:absolute;z-index: 10000000;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;top:-50px;left:50%;margin-left:-55px;width:110px;height:110px;text-align:center; background: #fff;}

#first-block {background: #fff;border-bottom: 0px solid #e1e6dd;padding: 3em 0em 4.5em 0em;text-align: center;position:relative;}
#first-block i{color:#344a71;}
#first-block h2{margin:0 auto;font-weight:700;font-size: 2em;line-height:2.3em;text-transform: uppercase; font-weight:700; letter-spacing:2px;}
#first-block h3{margin:0 auto;font-weight:700;font-size: 1.3em;line-height:2.8em;text-transform: uppercase; font-weight:700;letter-spacing:-2px; text-indent:-3px;}
#first-block p{text-align: center; line-height:1.6em;letter-spacing:1px;font-size:1em;padding: 0em 2em 0em 2em;}
#first-block ul li{text-align: left; font-size:0.9em; font-weight:500; line-height:1.5em;}
#icon i {margin:0.5em;color:#344a71;}

.border-solid {border: 1px solid rgba(46,107,139,0.5); background:#f7f7f7; margin:10px 0px; padding:30px;}
.border-solid ul{margin:0.5em 0em;}
.border-solid li{padding: 0.2em 0em;}

#second-block {position:relative;padding: 3em 0em 3em 0em;background: url(../img/room-1.jpg) repeat scroll 0 0 rgba(0,74,114,1);min-height:600px;}
#second-block i{color:#f5f5f5;}
#second-block h1{font-size:2.2em; margin:0px 0px 40px 0px;}
.second-square {color: #fff;width:25%;background:rgba(0,0,0,0.5);position:absolute; top: 25px; left:25px; font-size: 0.9em; font-weight:500; padding:15px; line-height:1.5em;}

#icon-block {background: #fff;padding: 4.5em 0em 6.5em 0em;text-align: center;}

#third-block {background: #fff;text-align: center;padding: 2.5em 0em 6.5em 0em;font-size:1.0em;}
#third-block i {color: rgba(11, 161, 216, 1);}
#third-block li {font-size: 1.1em;}
#third-block img {border-radius:0px;display:block;margin:0 auto;width:100%;margin:3em auto 0em auto;opacity:0.95;overflow:hidden;}
#third-block img:hover{opacity:1.0;}
#third-block a{color: #354a5f;text-transform:none;}
#third-block a:hover{color:#1abc9c;}

#fourth-block {background:#344a71;background-size:cover;text-align: center;padding: 2.5em 0;}
#fourth-block h2 {color: #f7f7f7; text-transform:uppercase; font-weight:700; font-size:2.5em;}
#fourth-block p {color: #f7f7f7;}
#fourth-block a {color: #f7f7f7;}
#fourth-block i{color:#e7c130;}
.mail {padding:15px;color:#fff;background:#e7c130;line-height:2em;font-weight:500;font-size:1.1em;text-transform:uppercase;}
.finder{border:2px solid #fff;font-weight:500;font-size:1.1em;padding:13px;}
.finder:hover{background:#fff;color:#00234f;}

#tariffe {background: #fff;border-bottom: 0px solid #e1e6dd;padding: 0em 0em 4.5em 0em;text-align: center;position:relative;}


/* FOOTER <p> trasparente= color: #33d8ea; */
footer {background:#f7f7f7;min-height: 380px;padding: 4.5em 0em 0em 0em; position:relative;}
footer h3 {font-size: 1.2em;font-weight:500;margin:0em 0.6em 0.6em 0.6em;padding-left:25px;text-transform: uppercase;color:#1f232b;font-weight:600;}
footer i{color:#fff;}
footer h1{font-size:2.3em;font-weight:700;color:#fff;}
footer p, footer a:link, footer a:visited, footer a:hover {color:#fff;}
footer li {color: #1f232b;font-size: 0.8em;font-weight:500;line-height:1.5em; letter-spacing: 1px; text-transform:uppercase;}

.foot{background:#1f232b;color:#fff; text-transform:uppercase; text-align:center; font-size:0.7em; width:100%; padding:5px 0px;}


/* TESTO SULLE IMMAGINI CHE SCORRONO */
.carousel-text {display: block;position: absolute;top: 70%;width: 100%;z-index: 999;}
.carousel-text h2 {background: none repeat scroll 0 0 rgba(0, 74, 114, 0.60);color: #fff;display: inline-block;padding: 0.125em 0.125em;font-size: 3.5em;font-weight:200;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.carousel-text p {background: none repeat scroll 0 0 rgba(245, 245, 245, 1);color: #004a72;display: inline-block;font-size: 1.2em;padding: 0.625em 0.8em;margin: 0.625em 0em;}
#carousel-social {margin: 0 auto;position:absolute;z-index: 10000000;top: 33%;width:100%;text-align:center; background: rgba(245,245,245,0); padding: 20px 0px;}
#carousel-social p {width:100%;margin: 0em auto 0em auto;text-transform:uppercase;font-weight:600;color:#fff;font-size:1.5em;letter-spacing:2px; line-height:1.2em;}
.carousel-img {margin: 0 auto;position:absolute;z-index: 9999999999;top: 7px;left:9%;display:none;
-webkit-transition:display 1s; -moz-transition:display 1s; transition:display 1s;}

section h1 {
	color: #f7f7f7;
	font-size: 1.7em;
	font-weight: 600;
	text-transform: uppercase;
}
section h2 {
	font-size: 3.7em;
	font-weight: 500;
	margin: 0;
	text-transform: none;
}
section h3 {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0.8em;
	text-transform: uppercase;
}
section h4 {
	color: #354a5f;
	font-weight: 500;
	margin: 0.985em 0;
	text-transform: none;
	font-size:1.7em;
}
section h5 {font-size:3.7em;text-transform: none;color:#354a5f;font-weight:600;}
section p {
	font-size: 1em;
	font-weight:500;
	line-height: 22px;
}

#content {
	background: none repeat scroll 0 0 #fff;
	padding: 10em 0em 4.5em 0em;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	position:relative;
}
#content p {
	color: #34495e;
	margin: 0.5em 0em 4.5em 0em;
	font-size: 1.5em;
	line-height:1.2em;
}
#content h2 {
	font-size: 1.8em;
	font-weight: 600;
	margin: 1.8em auto 0.6em auto;
	text-transform: none;
}
.content-block {
    background: none repeat scroll 0 0 rgb(0, 30, 34);
    padding: 2.5em;
}
.content-block h3 {
    color: #fff;
}
.content-block p {
    color: #fff;
}
#content.left-align {
    text-align: left;
}
#content.contact-page h2 {
    margin: 0 0 0.625em;
}
.contact-page p {
    font-size: 1em;
    font-style: normal;
}
.contact-page i {
    background: none repeat scroll 0 0 rgba(3, 75, 129, 1);
	color:#fff;
    border-radius: 110px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin: 0.3125em 0.3125em 0.3125em 0;
    text-align: center;
    width: 45px;
}     
form.customform button {
    background: none repeat scroll 0 0 rgba(229, 164, 48, 0.65);
    border-radius: 5px;
    transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
form.customform button:hover {
    background: none repeat scroll 0 0 #2fcbe0;
}
form.customform input, form.customform select, form.customform textarea {
    border-radius: 5px;
}


@media screen and (max-width: 1024px) {
body {background: none repeat scroll 0 0 #013654;}
#menu {max-width:800px;min-height:50px;position:relative;z-index:99999999999999999999999999999999999999;background:none;}

.parallax-container{position:relative;overflow:hidden;height:280px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1000000000}.parallax-container .parallax img{display:none;position:relative;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}

#head {background: rgba(248, 248, 248, 1);padding: 1em 0em 3em 0em;}
#carousel {background: url('../img/ingresso.jpg') center center no-repeat rgba(0,74,114,1); background-position:top;margin: 0 auto;height:380px;}
#header {background: url('../img/ingresso.jpg') center center no-repeat rgba(0,74,114,1); background-position:top;margin: 0 auto;height:330px;min-height:100px;background-size:cover;}
#first-block {padding: 2.5em 0em 2.5em 0em;text-align: center;}
#first-block h2{margin:0 auto;font-weight:700;font-size: 1.5em;line-height:2.1em;text-transform: uppercase; font-weight:700; letter-spacing:2px;}
p.subtitile {font-size: 1.2em;line-height:1.1em;text-align:center;}
.circle {display:none;}

.middle {margin-left:100px;}

.second-square {color: #fff;width:85%;background:rgba(0,0,0,0.5);position:absolute; top: 25px; left:25px; font-size: 0.9em; font-weight:500; padding:15px; line-height:1.5em;}

#bar{display:none;}

#owl-demo img{display:none;}
.carousel-text h2 {font-size: 1.3em;}
.carousel-text p {font-size: 1em;}
#carousel-social {height:250px;width:250px;position:absolute;top:35%;left:50%;margin-left:-125px;}
.find{}
.mark{font-weight:900; font-size:1.5em;font-family: 'Libre Baskerville', serif;}
.small{display:none;}
#carousel-social img{display:none;}
.owl-theme .owl-controls .owl-buttons div{color:#fff;}
.owl-theme .owl-controls{top: 70%;}

.finder{display:none;}

ul.top-ul {padding: 0;}
ul.top-ul .right {float: none;}

.hide{display:none;}
}

@media screen and (max-device-width: 800px) {
  #bgvid { display: none; }
  #infobox { display: none; }
}

@media screen and (min-heigth: 1024px) {
#freccia-header {display:none;}
}

#carosello {background: #34495e url('../img/bg1.png') repeat top left; margin:0 auto; text-align:center;}
#head {background: rgba(248, 248, 248, 1);padding: 0.5em 0em 8em 0em;}
#head a {color: #034b81;}
#head i{background: #f0f1ec;padding:0.05em 0.3em;-moz-border-radius:15px;-webkit-border-radius:15px; -o-border-radius:15px;}
#head i:hover{background: #1abc9c;color:#fff;}
.logo {margin:0 auto;width:100%; position:absolute; background: no-repeat top center url('../img/logo_page.png') rgba(255,255,255,0);min-height:180px; text-align:center; top:-90px;}
#spot {padding: 4.5em 0; border-top: 1px solid #e7e7e7;}
.color{background: rgba(248, 248, 248, 1);}
.frame {width:100%; background:none; text-align:center; padding: 1em 0em;}

#submit {
  background-color: #FF8800; /* colore di sfondo    */
  border: 2px solid #FCA800; /* bordo dell'elemento */
  color: #fff;               /* colore del testo    */
  font-weight: bold;         /* testo in grassetto  */
  padding: 0;                /* padding             */
  height: 25px;              /* altezza             */
  width: 80px;               /* larghezza           */
}