body {background: no-repeat fixed center center / 100% auto #fff;}

.dots-line span {display: inline-block;content: "";height: 38px;width: 15px;background-color: #051c2c;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: #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);}

.middle {margin-left:0px;}

.marked {padding:5px;color:rgba(0,49,83,1);border:2px solid rgba(0,49,83,1);line-height:2em;}
.mark{font-weight:900; font-size:4em; font-family: 'Marck Script', cursive; text-transform:none;}
.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:#76b51b;}
.yel {color:#e7c130;}
.caps {text-transform:uppercase;text-align:left;font-size:1.5em;padding:0.5em 0em;}
.cap {text-transform:uppercase;}

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

.left{text-align:left;}
.right{text-align:right;}

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 4.5em 0em;font-size: 1.1em;line-height:1.2em;text-align:justify;}

.green span{background:rgba(236,240,241,1);display:inline-block;padding:2px 85px;vertical-align:middle; margin: 0px 3px; -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:25px 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:110px;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;}

#carousel {background: #fff;}
#carousel i{color:#fff;}
.bg_mask {width: 100%;height: 100%;top: 0px;left: 0px;background:rgba(2, 2, 2, 0.09) url(../img/pattern.png) repeat top left;z-index: 2;padding: 10% 0 0% 0;}

#logo{position:absolute;top:5px;left:5px;background: url(../img/logo-1.jpg) repeat top scroll;}

#first-block {background: #f7f7f7;border-bottom: 0px solid #e1e6dd;padding: 4.5em 0em 0em 0em;text-align: center;}
#first-block h2{font-weight:700;font-size: 2em;line-height:2.1em;margin: 0.8em 0em;text-transform: uppercase; font-weight:700; letter-spacing:2px;}
#first-block p{text-align: center; line-height:1.6em; text-transform: none; letter-spacing:1px; font-size:1em;font-style:italic;}
.uppercase {text-transform:uppercase;font-weight:700;font-size:1.5em;font-family: 'Libre Baskerville', serif;font-style:normal;}
#first-block ul li{text-align: left; font-size:0.9em; font-weight:500; line-height:1.2em;}
.inline{max-width:160px;padding:0em 1.5em;}

#second-block {position:relative;padding: 2.5em 0em 3em 0em;background: url(../img/room-11.jpg) repeat top scroll rgba(0,74,114,1);min-height:400px; max-height:400px; background-size:cover;}
#second-block a{color:#344a71;font-weight:500;border:2px solid #fff;text-transform:uppercase;padding:10px;font-size:1.1em;letter-spacing:3px;background:#e7c130;}
#second-block a:hover{background:#fff;color:#e7c130;}
#second-block i{color:#fff;}
#second-block i:hover{color:#e7c130;}
#second-block h1{font-size:1.5em; margin:0px 0px 10px 0px; font-weight:600;}
.second-square {color: #fff;width:20%;background:rgba(0,0,0,0.6);position:absolute; top: 35px; left:35px; font-size: 0.9em; font-weight:500; padding:15px; line-height:1.5em;}

#icon-block {background: #fff;padding: 4.5em 0em 2.5em 0em;text-align: center;}
#icon-block p{color:#051c2c;font-weight:500;font-size:1em;}
#icon-block i{color:#051c2c;}
#grey {background:#fff; padding: 0em 0em 0.5em 0em;color:#fff;font-weight:400;font-size:1.2em;color:#051c2c;}
#grey p {font-weight:300;font-size:0.9em;color:#344a71;}
#grey  i{color:#051c2c;}
#grey h3{color:#051c2c;font-size:0.9em;letter-spacing:1px;}
.circle {position:absolute;z-index: 10000000;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;top:-30px;left:50%;margin-left:-50px;width:100px;height:100px;text-align:center; background: #f7f7f7;}
#link a{font-weight:700;}

#solid-block {background: #f7f7f7;position:relative;padding: 6.5em 0em 4.5em 0em;text-align: center; min-height:500px; max-height:980px;}
#solid-block p{font-size:0.9em; line-height:1.5em; text-transform: uppercase; letter-spacing:1px; font-weight:700; text-align:center;}
#home-block {background: #f7f7f7; padding: 4.5em 0em 6.5em 0em;text-align: center; min-height:500px; max-height:900px;}

#third-block {background: #f7f7f7;text-align: center;padding: 4.5em 0em 4.5em 0em;font-size:1.2em;position:relative;}
#third-block i {color:#344a71;}
#third-block p {font-size: 0.9em;color:#344a71;font-weight:500;letter-spacing:1px;}
#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:#051c2c;background-size:cover;text-align: center;padding: 4.5em 0;}
#fourth-block h2 {color: #f7f7f7; text-transform:uppercase; font-weight:700; font-size:2em;font-family: 'Libre Baskerville', serif;}
#fourth-block p {color: #f7f7f7; padding:0.5em 0em;}
#fourth-block a {color: #f7f7f7;}


/* FOOTER <p> trasparente= color: #33d8ea; */
footer {background:#fff;min-height: 380px;padding: 6em 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:#051c2c;}
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: #f9f9f9;}
footer li {color:#051c2c;font-size: 0.8em;font-weight:500;line-height:1.5em; letter-spacing: 1px; text-transform:uppercase;}
.logos{width:100%; height:200px; min-height:250px; text-align:center;}
.prefoot{background:#013b5b;color:#fff;text-transform:uppercase;text-align:center; font-size:0.7em; width:100%; padding:5px 0px;}
.prefoot a{color:#fff;}
.foot{background:#2a2f3c;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: 25%;width:100%;min-width:255px;text-align:center; background: rgba(245,245,245,0); padding: 20px 0px;font-family: 'Hind', sans-serif;}
#carousel-social a {background:#fff;}
#carousel-social p {width:100%;margin: 0em auto 0em auto;text-transform:uppercase;font-weight:700;color:#fff;font-size:1.7em;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.2em;
	font-weight: 600;
	margin: 0.6em 0;
	text-transform: uppercase;
	color:#fff;
}
section h4 {
	font-weight: 700;
	margin: 0.985em 0;
	text-transform: uppercase;
	font-size:1.3em;
}
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: 800px) {
body {background: none repeat scroll 0 0 #013654;}
#menu {max-width:800px;min-height:50px;position:relative;z-index:99999999999999999999999999999999999999;background:none;}
#head {background: rgba(248, 248, 248, 1);padding: 1em 0em 3em 0em;}
#carousel {background: url('../img/ingresso2.jpg') center center no-repeat rgba(0,74,114,1); background-position:center;margin: 0 auto;height:380px;}
#first-block {padding: 3em 1.5em 0em 1.5em;text-align: center;}
p.subtitile {font-size: 1.2em;line-height:1.1em;text-align:center;}
.inline{max-width:90px;padding:0em 0.8em;}

.middle {margin-left:100px;}

ul.logos{text-align:center;margin-left:-30px;}

.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 {display:none;}
.carousel-text p {display:none;}
#carousel-social {height:250px;width:250px;background: url('../img/logo-trans3.png') center center no-repeat;position:absolute;top:10%;left:50%;margin-left:-125px;}
.find{display:none;}
.mark{display:none;}
.small{display:none;}
#carousel-social img{display:none;}
.owl-theme .owl-controls .owl-buttons div{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;}