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

.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);}

.marked {padding:5px;color:rgba(0,49,83,1);border:2px solid rgba(0,49,83,1);line-height:2em;}
.book {padding:5px;background:#fff;line-height:2em;font-size:1.5em;text-transform:uppercase;font-weight:700;}
.black {color:#222;}
.bold{font-weight: 600;}
.price{font-weight: 600;color: #2f517e;float: right;}
.caps {text-transform:none;text-align:left;font-size:1.5em;padding:0.5em 0em;}
.italic{font-style: italic;}
.menu{font-family: 'Source Sans Pro', sans-serif;font-weight:900;font-size:3em;line-height: 0.8em;}
.trad{font-family: 'Source Sans Pro', sans-serif;font-weight:900;font-size:3em;line-height: 0.8em;}

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%;}
.overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: black;opacity: 0.3;z-index: 1;}

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);}

#top{width:45px;text-align:center;padding:5px;position:fixed;bottom:0em; right:3px;cursor:pointer;display:none;}
.padding{padding: 1em 4em;}
#bottom{width:100%;text-align:center;padding:5px;position:fixed;bottom:0em; right:3px;cursor:pointer;background: #fff;}


/* 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:none;}
#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;}

#first-block {background: #fff;border-bottom: 0px solid #e1e6dd;padding: 3.5em 0em 4.5em 0em;text-align: center;width: 98%;}
#first-block h2{font-weight:900;font-size:3em;line-height:1.1em;margin: -0.2em 0em 0em 0em;text-transform: uppercase; font-weight:900; letter-spacing:-2px;font-family: 'Source Sans Pro', sans-serif;z-index: 99999999999999999999;color: #2f517e;}
#first-block p{text-align: center; line-height:0.7em; font-size:3.5em; text-transform:none; letter-spacing:1px; font-weight:400;font-family: 'Herr Von Muellerhoff', cursive;color: #c59d5f;}
.uppercase {text-transform:uppercase;font-weight:700;}
#first-block ul li{text-align: left; font-size:0.8em; font-weight:400; line-height:1.2em;margin-bottom: 10px;margin-left: -25px;}
.inline{max-width:160px;padding:0em 1.5em;}

#second-block {position:relative;padding:0em;background:none;min-height:250px; max-height:250px;margin-bottom: 4em;}
#second-block i{color:rgba(0,49,83,1);}
#second-block h1{font-size:2.2em; margin:0px 0px 40px 0px;}
.second-square {color: #fff;width:25%;background:rgba(1,54,84,0.5);position:absolute; top: 25px; left:25px; font-size: 0.9em; font-weight:500; padding:15px; line-height:1.5em;}

#icon-block {background: #f7f7f7;padding: 2.5em 0em 6.5em 0em;text-align: center;margin: 0em 0em 0em 0em;}
#icon-block p{text-align: center; line-height:0.7em; font-size:3.5em; text-transform:none; letter-spacing:1px; font-weight:400;font-family: 'Herr Von Muellerhoff', cursive;color: #c59d5f;}
#icon-block h2{font-weight:900;font-size:3em;line-height:1.1em;margin: -0.2em 0em 0em 0em;text-transform: uppercase; font-weight:900; letter-spacing:-2px;font-family: 'Source Sans Pro', sans-serif;z-index: 99999999999999999999;color: #2f517e;}
#grey {background:#013654; padding: 3.5em 0em 3.5em 0em;color:#fff;font-weight:400;}
#grey p {font-weight:300;font-size:1em;}
.circle {position:absolute;z-index: 10000000;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;top:-40px;left:50%;margin-left:-40px;width:80px;height:80px;text-align:center; background: #f7f7f7;line-height: 138px;}
#link a{font-weight:700;}

#solid-block {background: #70a4ed;position:relative;padding: 2.5em 0em 2.5em 0em;text-align: center; min-height:200px; max-height:480px;}
#solid-block p{color: #fff; font-size:1em; line-height:1.5em; text-transform: uppercase; letter-spacing:1px; font-weight:400; text-align:center;font-family: 'Source Sans Pro', sans-serif;}
#home-block {background: #f7f7f7; padding: 4.5em 0em 6.5em 0em;text-align: center; min-height:500px; max-height:900px;}

#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: url(../img/bg_rec.jpg) rgba(0,74,114,1) no-repeat top left;background-size:cover;text-align: center;padding: 4.5em 0;}
#fourth-block h2 {color: #f7f7f7; text-transform:uppercase; font-weight:700; font-size:2.5em;}
#fourth-block p {color: #f7f7f7; padding:0.5em 0em;}
#fourth-block a {color: #f7f7f7;}


/* FOOTER <p> trasparente= color: #33d8ea; */
footer {background:#2f517e;min-height: 380px;padding: 4.5em 0em 0em 0em; position:relative;}
footer h3 {font-size: 1.2em;font-weight: 600;margin: 0.6em;padding-left:25px;text-transform: uppercase;color:#fff;font-family: 'Source Sans Pro', sans-serif;}
footer img{border-radius: 0px; position:absolute; width:190px; left:50%; margin-left:-95px;min-height:200px;}
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: #f7f7f7;font-size: 0.8em;font-weight:500;line-height:1.5em; letter-spacing: 1px; text-transform:uppercase;}
.prefoot{font-family: 'Source Sans Pro', sans-serif;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:#2f517e;color:#fff; text-transform:uppercase; text-align:center; font-size:0.7em; width:100%; padding:5px 0px;font-family: 'Source Sans Pro', sans-serif;}


/* 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: 35%;width:100%;text-align:center; background: rgba(245,245,245,0); padding: 20px 0px;font-family: 'Herr Von Muellerhoff', cursive;font-size: 8em;color: #fff;}
#carousel-social p {width:100%;margin: 0em auto 0em auto;text-transform:uppercase;font-weight:900;color:#fff;font-size:0.4em;letter-spacing:2px; line-height:1.2em;font-family: 'Source Sans Pro', sans-serif;}
.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: 400;margin: 0.6em 0;text-transform: uppercase;color:#fff;}
section h4 {font-weight: 400;line-height: 0.9em;margin: 0.385em 0;text-transform:none;font-size:5em;font-family: 'Herr Von Muellerhoff', cursive;color: #c59d5f;}
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 #fff;}
#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/menu-header.jpg') center center no-repeat rgba(0,74,114,1); background-position:center;margin: 0 auto;height:380px;}
#first-block {padding: 2em 0em 2.5em 0em;text-align: center;}
#icon-block {padding: 3em 0em 6.5em 0em;margin: -1.2em 0em 0em 0em;}
#second-block {margin-bottom: 0em;}
p.subtitile {font-size: 1.2em;line-height:1.1em;text-align:center;}
.inline{max-width:90px;padding:0em 0.8em;}
.padding{padding: 1em 2em;}
.margin {margin: 0em -0.425em;}
    
.trad{font-family: 'Source Sans Pro', sans-serif;font-weight:900;font-size:2.1em;line-height: 0.8em;}

.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;}

#owl-demo img{display:none;}
.carousel-text h2 {font-size: 1.3em;}
.carousel-text p {font-size: 1em;}
#carousel-social {display:inherit;margin: 0 auto;position:absolute;z-index: 10000000;top: 15%;width:100%;text-align:center; background: rgba(0,0,0,0.4); padding: 20px 0px;font-family: 'Herr Von Muellerhoff', cursive;font-size: 5em;color: #fff;}
#carousel-social p {width:100%;margin: 0em auto 0em auto;text-transform:uppercase;font-weight:900;color:#fff;font-size:0.3em;letter-spacing:2px; line-height:1.2em;font-family: 'Source Sans Pro', sans-serif;}
#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 (min-width:1024px){
#second-block {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;}