/******************************** PC ******************************************/
body{font-family: 'Roboto', sans-serif;font-weight:400; color: #FFFFFF;background-color: #fff;}

h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif; font-weight: 300;text-transform: uppercase; text-align: center;}
.bianco {color: #FFFFFF !important;}
.nero {color: #403d3d !important;}

.bg-bianco {background-color: #FFFFFF !important; color: #403d3d !important;}
.bg-arancio {background-color: #f3a500 !important;}
.bg-azzurro {background-color: #5698d4 !important;}
.bg-nodi {background-image: url(../_img/nodi.png); background-size: auto; background-position: center;}
.bg-petrolio {background-color: #006e90 !important; color: #FFFFFF !important;}
.bg-bluscur {background-color: #274060 !important; color: #FFFFFF !important;}

h1.onda:after,h2.onda:after,h3.onda:after,h4.onda:after,h5.onda:after,h6.onda:after{content: ""; width: 40px; height: 40px; background-image: url(../_img/onda-heading.png); background-repeat: no-repeat; background-size: 100% auto; margin: 2px auto ; display: block;}
h1.onda2:after,h2.onda.onda2:after,h3.onda2:after,h4.onda2:after,h5.onda2:after,h6.onda2:after{background-image: url(../_img/onda-heading-2.png);}

.onda-bianca-sup {background-image: url(../_img/onda-bianca-sup.png); background-repeat: no-repeat; background-size: cover; min-height: 58px; position: relative; top: -58px; left: 0;}

.button-transparent {display: block; widht: 100%; border: 2px solid #FFFFFF; text-transform: uppercase; color: #FFFFFF; text-align: center; font-size: 21px; padding: 5px 25px; text-decoration: none;transition: all 0.3s ease-in-out 0s;}
.button-transparent:hover {background-color: #FFFFFF; color: #f3a500; text-decoration: none;}

.icon {display: block; margin: 0 auto;}
.icon.calendario {background-image: url(../_img/icon/calendario.png); width: 150px; height: 150px;}
.icon.settori {background-image: url(../_img/icon/settori.png); width: 150px; height: 150px;}
.icon.location {background-image: url(../_img/icon/location.png); width: 150px; height: 150px;}


#top {background-color: #5698d4; line-height:35px; color:#FFFFFF; padding: 5px 0;}
#top a,#top a:hover {color: #FFFFFF;}
#top a .fa-stack-1x {color: #5698d4}
#lingue {display: inline-block; margin-left: 20px;}
#lingue a:hover {text-decoration: none;}
#lingue a::after {content: " | ";}
#lingue a:last-child::after {content: "";}

#menu_principale{position:relative;width:100%;z-index:9;background-color:#FFFFFF;font-family:'Roboto', sans-serif;font-weight:400;}
#menu_principale.fixed{width:100%;position:fixed;top:0;left:0;z-index:100;}
#logo {position: absolute;}
#apri_menu, #menu-lingua-responsive{display:none;}

nav ul{padding:0;margin:0;}
.menu_princ{margin:0px;padding:0px;margin-top:20px;}
.menu_princ li{display:inline-block;position:relative;z-index:100;vertical-align:middle;}
.menu_princ li a{display:block;color:#6d6e71;text-transform:uppercase;font-weight:400;font-size:14px;line-height:1;margin:0;padding:18px 9px 9px;text-decoration:none;border-bottom:4px solid transparent}
.menu_princ > li:last-child a {padding-right: 0;}
.menu_princ li a:hover, .menu_princ li:hover > a, .menu_princ li a.active{}
.menu_princ ul{opacity:0;visibility:hidden;position:absolute;background:#FFFFFF;text-align:center;text-transform:uppercase;z-index:10000000;margin:0;padding:0;-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;-webkit-backface-visibility:hidden;}
.menu_princ li:hover > ul{opacity:1;visibility:visible;}
.menu_princ ul li{display:inline-block;float:none;background:none;margin:0px;padding:0px;width:100%;-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;-webkit-backface-visibility:hidden; min-width: 150px;}
.menu_princ ul li:first-child a{border-width:0px;border-top-width:1px;border-left-width:1px;border-right-width:1px;}
.menu_princ ul li a{display:block;background-color:rgba(255,255,255,0.5);text-align:center;border:1px solid #EEEEEE;}
.menu_princ ul li a:hover, .menu_princ ul li:hover > a{color:#017a9a;background:none !important;}

#layerslider .ls-box {border: 1px solid #fff; padding: 15px; color: #FFFFFF; font-size: 32px;}
#layerslider h3 {font-size: 57px; font-weight: 800; line-height: 78px;color: #FFFFFF;}
#layerslider p.italic {font-size: 32px; line-height:50px; font-style: italic;color: #FFFFFF; font-weight: 100;}
#layerslider .btn {font-size: 14px; color: #fff; background-color: #f3a500; border-radius: 0px; margin-top: 20px;}

#img-copertina {position: relative;}
#img-copertina img {margin: 0 auto;}
#img-copertina .titolo {position: absolute; top: 160px; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center;}
#img-copertina .titolo h1 {font-size: 48px; font-weight: 400;}
#img-copertina .titolo h4 {font-size: 26px; font-weight: 300; font-style: italic; text-transform: initial;}

#content-container {padding-bottom: 55px; height: 100%}
#content-container h1 {text-align: left;}
#content-container h1.onda.onda2:after {margin: 5px 0;}
#content-container p {font-size: 14px; font-weight: 300; line-height: 22px;}
#content-container #allegati ul {padding-left: 20px;}
#content-container #allegati ul > li a{font-size: 15px; text-transform: uppercase; font-style: italic; font-weight: 300; color: #017a9a; line-height: 25px;}
#content-container #page-gallery {margin-top: 30px;}

#sidebar {background-color: rgba(86, 152, 212, 0.07); height: 100%; background-image: url(../_img/onda-sidebar.png);height: 100%; background-size: cover; padding:20px;}
#sidebar #banner-intro .box {margin-bottom: 30px;overflow: hidden;position: relative;width: 100%; max-height: 120px; display: block;}
#sidebar #banner-intro .box img {transition: all 0.7s ease-in-out 0s;}
#sidebar #banner-intro .box:hover img {transform: scale(1.2) rotate(3deg);}
#sidebar #banner-intro .box p {position: absolute;bottom: 4px; left: 8px; color: #FFFFFF; margin-bottom: 0; font-size: 19px; font-weight: 500; line-height: 1;}

#sidebar #iscrizione .box {padding: 25px 10px; margin-bottom: 30px;}
#sidebar #iscrizione h5 {font-size: 30px; text-align: left; margin-top: 0;}
#sidebar #iscrizione .button-transparent {padding:15px; line-height: 1; font-size: 19px;}

#sidebar #news h5{padding: 0 10px; font-size: 28px; color: #6d6e71; margin-top: 0;}
#sidebar #news .item {padding-bottom: 10px;}
#sidebar #news .item .image {position: relative;}
#sidebar #news .item .image .shadow {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);-moz-box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);background-color: rgba(0,0,0,0.10);transition: all 0.7s ease-in-out 0s;}
#sidebar #news .item:hover .image .shadow {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-color: rgba(0,0,0,0.05);}
#sidebar #news .item .cat {position:absolute; top:10px; left: 10px; color: #fff; font-size: 12px; font-weight: 400; padding: 2px 5px; background-color: #f3a500;}
#sidebar #news .item .data {position:absolute; top:10px; right: 10px; color: #fff; font-size: 13px; font-weight: 300;}
#sidebar #news .item .titolo {position:absolute; bottom: 10px; left: 10px; color: #fff; font-size: 21px; font-weight: 400;}

#counter {padding: 30px 0 90px; background-color: #FFFFFF; background-image: url(../_img/onda-counter.png); background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#counter h4 {font-size:30px;}
#counter h4:after {content: ""; width: 40px; height: 40px; background-image: url(../_img/onda-heading.png); background-repeat: no-repeat; background-repeat: no-repeat; background-size: 100% auto; margin: 2px auto ; display: block;}
#counter .box {text-align: center;}
#counter .box span {display: block; font-weight: 700; font-size: 45px;}
#counter .box span.text {font-size: 23px; font-weight: 400;}

#fascia-intro {color:#403d3d; padding: 60px 0; background-color: #fff}
#fascia-intro h2 {text-transform: uppercase; text-align: center;margin-bottom: 50px;}
#fascia-intro .box {display: block; margin-bottom: 20px;overflow: hidden;position: relative;width: 100%;}
#fascia-intro .box img {transition: all 0.7s ease-in-out 0s;}
#fascia-intro .box:hover img {transform: scale(1.2) rotate(3deg);}
#fascia-intro .box p {position: absolute;bottom: 10px; left: 10px; color: #FFFFFF; margin-bottom: 0; font-size: 19px; font-weight: 500}

.onda-bianca {background-image: url(../_img/onda-bianca.png); background-repeat: no-repeat; width: 100%; height: 100px; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.parallax {background: transparent;width:100%;min-height:25em;position:relative;background-attachment: fixed;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: url("../_img/parallax/parallax-1.jpg");background-origin: padding-box;background-position: center center; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

#fascia-parallax-1 {padding-bottom: 60px;}
#fascia-parallax-1 p {font-size: 14px; font-weight: 300; color: #FFFFFF; line-height: 22px; text-align: center; margin-bottom: 55px;}
#fascia-parallax-1 .icona {display:block;}
#fascia-parallax-1 .icona:hover {text-decoration: none;}
#fascia-parallax-1 .icona p {font-size: 20px; font-weight: 500; margin-top: 20px;}

#fascia-news .box {padding-top: 110px; padding-bottom: 95px; padding-left: 20px; padding-right: 35px;width:530px;}
#fascia-news h2 {text-align: left; margin-bottom: 30px;}
#fascia-news p {margin-top: 20px; margin-bottom: 20px; font-size: 14px; line-height: 22px; font-weight: 300;}


#fascia-news #owlNotizie .item {margin: 0 10px; color: #fff;}
#owlNotizie .image {position: relative;}
#owlNotizie .image .shadow {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);-moz-box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);box-shadow: inset 28px 28px 65px 45px rgba(0,0,0,0.3);background-color: rgba(0,0,0,0.10);transition: all 0.7s ease-in-out 0s;}
#owlNotizie .item:hover .image .shadow {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-color: rgba(0,0,0,0.05);}
#fascia-news #owlNotizie .owl-item:first-child .item {margin-left: 0;}
#fascia-news #owlNotizie .owl-item:last-child .item {margin-right: 0;}
#owlNotizie .item .cat {position:absolute; top:10px; left: 10px; color: #fff; font-size: 10px; font-weight: 400; padding: 2px 5px; background-color: #f3a500;}
#owlNotizie .item .data {position:absolute; top:10px; right: 10px; color: #fff; font-size: 12px; font-weight: 300;}
#owlNotizie .item .titolo {position:absolute; bottom: 10px; left: 10px; color: #fff; font-size: 14px; font-weight: 400;}

#fascia-parallax-2 {padding-top: 30px; padding-bottom: 80px;}
#fascia-parallax-2 h2 {margin-bottom: 30px;}
#owlSponsor {background-color: rgba(255,255,255,1); padding-top: 25px; padding-bottom: 25px; margin-top: 35px;}
#owlSponsor.owl-carousel .owl-stage {margin: 0 auto;}
#owlSponsor .item {margin: 0 20px;}

.owl-theme .owl-dots .owl-dot span {background-color: #FFFFFF;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #F3A500;}

#fascia-parallax-1, #fascia-parallax-2 {background-repeat: repeat, no-repeat, no-repeat; background-position: center,center,center; background-size: 100% auto, 100% auto, 100% auto;}

#dove-siamo {padding-top: 50px;}
#map{width:100%;height:500px;}
#mappa{width:100%;height:480px;padding:155px 0 120px; background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#mappa .box {padding: 25px;}
#mappa .gm-style-iw h4 {text-align: left; font-size: 20px; color: #006e90}
#mappa .gm-style-iw p {font-size: 13px; line-height: 24px; color: #006e90}

footer {padding: 55px 0 50px;}
footer h3 {font-size: 20px; font-weight: 300; margin-bottom: 25px;}
footer a,footer a:hover {color: #FFFFFF;}
footer a .fa-stack {height: 1.6em; width: 1.6em; line-height: 1.6em;}
footer a .fa-stack-2x {font-size: 1.6em}
footer a .fa-stack-1x {color: #274060; font-size: 0.8em;}
footer .social-footer {margin-bottom: 40px;}
footer .box {background-color:rgba(255,255,255,0.20); padding: 60px 10px 55px 25px;}
footer .box .contenuto {border-left: 3px solid #FFF; padding-left: 10px; min-height: 200px;}
footer .box .contenuto h5 {font-size: 18px; font-weight: 500; text-align: left;}
footer .box .contenuto p {font-size: 12px; line-height: 24px;}

#footer-bottom {padding: 10px 0;}
#footer-bottom p {margin-bottom: 0; font-size: 14px; font-weight: 300;}

@media screen and (max-width: 1199px) {
    #fascia-news .box {width: 470px;}
    #owlNotizie .item .cat {display: none;}
}


/******************************** TABLET **************************************/
@media screen and (max-width: 991px) {
    .button-transparent {font-size: 19px;}
    #logo {position: relative;}
    #logo img {margin: 0 auto; max-width: 290px;}
    
    #img-copertina .titolo {top: 60px;}
    
    .menu_princ {float: none !important; margin-top: 0;}
    
    #layerslider .ls-box {font-size: 25px;}
    #layerslider h3 {font-size: 35px; line-height: 55px;}
    #layerslider p.italic {font-size: 22px; line-height:40px;}
    
    #counter {margin-top: -10px;}
    #fascia-parallax-1, #fascia-parallax-2 {background-size: 100% auto, 100% auto, cover;}
    #fascia-parallax-1 {padding-bottom: 0;}
    #fascia-news .box {width: 100%; float: none !important; padding-top: 55px; padding-bottom: 60px;}
    #fascia-parallax-2 h2 {margin-bottom: 30px;}
    
    #sidebar #banner-intro .box {display: inline-block; width: 45%; max-height: 100%;}
    #sidebar #banner-intro .box:first-child {margin-right: 30px;}
    #sidebar #banner-intro .box:nth-child(2) {margin-left: 30px;}
    #sidebar #news h5 {text-align: left;}
    #sidebar #news .item {width: 45%; margin: 1%; display: inline-block;}
    #sidebar #news .item:first-child {margin-right: 30px;}
    
    
    
    footer .box {margin-bottom: 30px;}
    footer .box .contenuto {min-height: 220px;}
    footer .box strong {line-height: 1;}
    
}
/******************************** SMARTPHONE **********************************/
@media screen and (max-width: 767px) {
    .icon.calendario, .icon.settori, .icon.location {background-size: 100% auto; width: 100px; height: 100px;}
    .button-transparent {font-size: 16px;}
    
    #apri_menu {margin-left: -10px; margin-right: -10px; text-align: left; padding: 5px 10px; font-size: 20px; line-height: 1;}
    .onda-bianca-sup {display: none;}
    
    #responsive-menu{text-align:left;background-color:rgba(255,255,255,1);box-shadow:none;text-transform:uppercase;}
    #responsive-menu ul{border-top:none;border-color:#0090D2}
    #responsive-menu ul li{border-bottom:none;border-color:#0090D2;}
    #responsive-menu ul li a, #responsive-menu ul li span{color:#403d3d;}
    .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span{
        box-shadow:none;background-color:transparent;
    }
    .sidr ul li ul li:hover, .sidr ul li ul li.active {line-height:40px;border-top: 1px solid #0090D2;}
    .sidr ul li ul li.sidr-class-active, .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{line-height: 48px; border-top: 1px solid #0090D2;}
    .sidr-open.responsive-menu-open #menu_principale.fixed #pulsante-menu{margin-right:200px;}
    
    #layerslider .ls-box {font-size: 14px; padding: 10px;}
    #layerslider h3 {font-size: 20px; line-height: 25px;}
    #layerslider p.italic {font-size: 16px; line-height:18px;}
    
    #counter h4 , #fascia-intro h2, #fascia-parallax-1 h2, #fascia-parallax-2 h2 {font-size: 24px;}
    
    #counter .box span {font-size: 30px;}
    #counter .box span.text {font-size: 14px;}
    
    #fascia-intro .box {display: block; width: auto; max-height: 100%; margin: 0 auto 20px; max-width: 260px;}
    #fascia-parallax-1 .icona p {font-size: 18px;}
    #fascia-news h2, #fascia-news p {text-align: center;}
    
    #fascia-parallax-1, #fascia-parallax-2 {background-size: cover, 100% auto, cover;}
    
    
    #sidebar {margin-left: -20px;margin-right: -20px; padding-top: 30px;}
    #sidebar #banner-intro .box, #sidebar #banner-intro .box:first-child, #sidebar #banner-intro .box:nth-child(2) {
        display: block; width: auto; max-height: 100%; margin: 0; margin-bottom: 30px; max-width: 300px;
    }
    #sidebar #news .item, #sidebar #news .item:first-child {
        display: block; width: auto; max-height: 100%; margin: 0; margin-bottom: 30px; max-width: 300px;
    }
}

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

}