/*--------- FONTS ---------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500,500i,700,700i,900');

/*--------- TAG COMUNI  ---------*/
html{font-size:8px}
body {color: #333;font-size: 1.6rem;overflow-x:hidden;background: #f2f2f2;font-family: 'Roboto', sans-serif;text-rendering: optimizeLegibility;margin:0;padding:0;font-weight:300;}

/*GENERAL STYLING*/
h1{font-size: 4.8rem;font-weight: 900;margin-bottom:3rem;text-align:center;text-transform: uppercase;}
h2{font-size: 2.2rem;font-weight: 300;margin-bottom:2rem;text-align:center;}
h3{font-size: 2rem;font-weight: 300;margin-bottom:1.5rem;}
h4{font-size: 1.8rem;font-weight: 300;margin-bottom:1.5rem;}
h5{font-size: 1.6rem;font-weight: 300;margin-bottom:1rem;}
h6{font-size: 1.4rem;font-weight: 300;margin-bottom:1rem;}
h2.blue-title{font-size: 2.5rem;font-weight: bold;color: #08d8f7;}
a{text-decoration:none;color:#009fda;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover{color:#009fda;text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus, a:visited{outline:none;text-decoration:none;}
b{font-weight:700;}
strong{font-weight:900;}
hr{margin-top:1.5rem;margin-bottom:1.5rem;border-color:#bdbdbd;}
p.lead{font-size:2rem;}
p:not(:last-of-type){margin-bottom:1rem;}
p.lead:not(:last-of-type){margin-bottom:1.5rem;}
ul{margin-left: 0;padding-left: 0;list-style-type: none;margin-bottom:2rem;}
ul li{position: relative;margin-left: 2rem;}
ul li:before{position: absolute;left: -2rem;content: '\f178';font-family: FontAwesome;font-style: normal;font-weight: normal;color:#07cdeb;text-decoration: inherit;}
ul ul, ol ul, ul ol, ol ol{margin:1rem 0;}
.no-content:before{display:none;}

/*STYLING*/
header{height: 500px;position: relative;}
header .image{background-size: cover;background-position: top center;height: 500px;position: absolute;top: 0;width: 100%;z-index: 1;}
header .logo{width: 24.5rem;display: block;position: relative;z-index: 3;padding: 1rem 0 0 3rem;}
header .navbar{position: fixed;top: 0;z-index: 1000;right: 0;transition: transform .4s;transform: translateX(33rem);}
header .toggle{float:left;margin: 2rem 0 0 0;padding: 1.7rem 1.5rem;position: absolute;z-index: 1100;left: -7rem;border-radius: 50%;transition: left .4s, background .4s;cursor: pointer;}
body.scrolled header .toggle{background: rgba(0,0,0,0.2);}
header .toggle img{width: 26px;}
header .menu{float:right;text-align:right;height: 100vh;width: 33rem;padding:3rem;background-color: white;background: white url("../img/menu-bg.png") no-repeat top center / cover;opacity: 0;transition: opacity .4s;-webkit-box-shadow: 20px 0px 217px 45px rgba(0,0,0,0.6);-moz-box-shadow: 20px 0px 217px 45px rgba(0,0,0,0.6);box-shadow: 20px 0px 217px 45px rgba(0,0,0,0.6);}
header.header-hp{height:auto;position:absolute;top:0;left:0;}
.pattern{height: 100%;background:rgba(0,0,0,0.3) url(../img/pattern.png) repeat;position: absolute;top: 0;width: 100%;z-index: 2;-webkit-box-shadow: inset 300px 300px 400px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 300px 300px 400px 0px rgba(0, 0, 0, 0.4);box-shadow:inset 300px 300px 400px 0px rgba(0, 0, 0, 0.4);}
.IE .pattern{
    background: transparent;
    background-image: none;
    box-shadow: inset 300px 300px 400px 0px rgba(0, 0, 0, 0.1);
}
body.openmenu{overflow-y: hidden;}
body.openmenu header .navbar{transform: translateY(0);}
body.openmenu header .menu{opacity: 1;}
body.openmenu header .toggle{background-color: #07cdeb;left:-3rem;}
.navbar-nav{float:none;}
.navbar-nav > li{float:none;text-align:right;margin-bottom:1rem;}
.nav li:before{display:none;}
.nav > li > a{display:inline-block;}
.nav > li > a.btn{background:#c0c0c0;color:#fff;padding:1.2rem 3rem;}
.nav > li.active > a.btn{background:#08d8f7 !important;}
nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a.btn:hover {background-color: #9d9b9b; border-color: #9d9b9b;}
.navbar-nav > li > .dropdown-menu > li > a{padding:5px 10px;}
.navbar-nav > li > .dropdown-menu{float:none;position:relative;background:none;text-align:right;border:0;min-width:none;border-right:solid 1px #08d8f7;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 1.5rem 0 0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative;top:-1rem;}
.navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-nav > li > .dropdown-menu > li > a:focus {color: #08d8f7; background:none;}
.navbar-nav > li > .dropdown-menu > .active > a,.navbar-nav > li > .dropdown-menu > .active > a:hover,.navbar-nav > li > .dropdown-menu > .active > a:focus {color: #08d8f7; background: none;}
.navbar-nav > li > .dropdown-menu{display:block;height:0;opacity:0;overflow:hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.navbar-nav > li.open > .dropdown-menu{height:auto;opacity:1;margin:1rem 1.5rem 1rem 0;top:0;}
.navbar-nav > li.active > .dropdown-menu {
    height: auto;
    opacity: 1;
    margin: 1rem 1.5rem 1rem 0;
    top: 0;
}
/*splash*/
#fullpage .section{background-size: cover;width: 100% !important;position: absolute;opacity: 0 !important;pointer-events: auto !important;transition: 1s ease-in-out;}
#fullpage div.section:nth-child(1){background-image: url(../img/img-intro.jpg);}
#fullpage div.section:nth-child(2){background-image: url(../img/img-about.jpg);}
#fullpage div.section:nth-child(3){background-image: url(../img/img-servizi.jpg);}
#fullpage .section:nth-child(4){background-image: url(../img/img-portfolio.jpg);}
#fullpage .section:nth-child(5){background-image: url(../img/img-contatti.jpg);}
#fullpage .section.active {opacity: 1 !important;}
#fullpage .caption{position:relative;z-index:3;color:#fff;margin-top:-80px;}
#fullpage .caption h1{font-size:6rem;margin-bottom:1.5rem;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);position:relative;text-transform:none;}

#fullpage .caption p{font-size:2.6rem;margin-bottom:3rem;font-style:italic;line-height:1.1;position:relative;text-align:center;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}

#fullpage .esagoni-bottom, #fullpage .esagoni-top{position:relative;display:inline-block;}
#fullpage .esagoni-bottom:after{content:url(../img/esagoni-bottom.svg);position:absolute;bottom:-89px;right:-26px;}
#fullpage .esagoni-top:before{content:url(../img/esagoni-top.svg);position:absolute;top:-84px;left:-40px;}
#fullpage .btn.esagoni-bottom:after{bottom:-93px;}
#fullpage .btn{margin:0 2rem;}
#fullpage .clients{text-align:center;margin-bottom:3rem;}
#fullpage .movedown{position:absolute;bottom:1rem;left:50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:3;font-style:italic;color:#fff;}
#fullpage .movedown img{margin-bottom:1rem;}

footer{padding: 3.5rem 0;}
footer [class^='col']{padding-left: 3rem;padding-right: 3rem;font-size: 1.2rem;font-weight: 300;font-style: italic;color: #999;}
footer a, footer a:visited, footer a:active, footer a:hover{color: #999;text-decoration: none;}
footer a:hover{color: #666;}
footer [class^='col']{text-align: center;}

.wrap{margin-top: -33rem;z-index: 500;position: relative;background-color: white;background-color: #dfdfdf;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);padding-bottom: 2.5rem;}
.wrap .content{margin-top: -9rem;z-index: 1;position: relative;}
.wrap > .row{overflow-x: hidden;}
.wrap .title{z-index: 2;position: relative;color: white;}
.wrap .title>[class^='col']{background-color: #07cdeb;z-index: 2;}
.wrap .title h1{margin-top:3rem;}
.wrap .content>[class^='col']{background-color: white;z-index: 2;padding-left: 3rem;padding-right: 3rem;}
.wrap .content>[class^='col']:not(:last-child){padding-bottom: 4.5rem;}
.wrap .content>[class^='col']:last-child{padding-bottom: 3rem;}
.wrap .content>[class^='col']:first-child:not(.map){padding-top: 10rem;}
.wrap .content .map{padding: 0;}
.wrap .title:after, .wrap .content:after{content: url(../img/cutmask-blue.svg);display: block;width: 100%;position: relative;bottom: 1px;left:-6px;}
.wrap .content:after{content: url(../img/cutmask-white.svg);}
@-moz-document url-prefix() {
      .wrap .title:after, .wrap .content:after {left:-4px;}
}
.wrap .content{font-weight: 300;font-size: 1.6rem;}
.wrap .content p{margin: 0 0 1.5rem;text-align:justify;}
.wrap .content p:last-child{margin: 0;}
.wrap .content .contact-form a, .wrap .content .contact-form a:active, .wrap .content .contact-form a:hover, .wrap .content .contact-form a:visited{color: white;text-decoration: none;}
 /*tab*/
 /*
.nav-tabs.nav-justified > li {background: none;border-radius: 0;line-height: normal;height:100%;border-bottom: 1px solid #ddd;border-left:none;border-right:none;border-top:none;}
.nav-tabs.nav-justified > li > a{display:block;color: #08d8f7;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:1.8rem;border-bottom: 0 none;}
.nav-tabs.nav-justified > li:hover{background:#f3f3f3;border-top-color:#f3f3f3;border-right-color:#f3f3f3;border-left-color:#f3f3f3;}
.nav-tabs.nav-justified > li > a:hover{background:none;border: 0 none !important;}
.nav-tabs.nav-justified > li.active{border-bottom:0 none;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{color:#08d8f7;font-weight:700;}
.tab-content > .tab-pane{padding-top:1.5rem;}*/


ul.nav-tabs{margin:0 0 30px 0;font-size:1.8rem;font-weight:500;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#474747 !important;}

.nav-tabs.nav-justified > li > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#08d8f7;background:none;border:0 none;line-height:normal;}
.nav-tabs.nav-justified > li{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#08d8f7;background:#f9f9f9;border-bottom:solid 1px #ddd;line-height:normal;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{color:#08d8f7 !important;background:#fff;border:none;}
.nav-tabs.nav-justified > .active, .nav-tabs.nav-justified > .active:hover{background:#fff;border-top:solid 1px #ddd;border-right:solid 1px #ddd;border-left:solid 1px #ddd;border-bottom:none;}


/*media*/
.media-left{padding-right:1.5rem;}
.media-object{max-width:280px;}

#map{min-height:500px;width:100%;}
.form-wrap{background:rgba(0,0,0,0.25);border-radius: 1rem;padding: 1.5rem;color: white;}
.caption .form-wrap{padding:3rem;}
.row-eq-height .form-wrap{height:100%;margin-bottom:1.5rem;}
.form-wrap hr{border-color:#fff;}
.form-wrap .media-body{font-size:1.6rem;font-style:italic;text-align:left;}
.form-wrap a, .form-wrap a:focus, .form-wrap a:active, .form-wrap a:visited, .form-wrap a:hover{color:#fff;}
.form-wrap ul.media-list{margin-bottom:0;height:100%;}
.form-wrap ul.media-list li:before{display:none;}
.form-wrap ul.media-list li.media{height:auto;margin:0 auto 2rem auto;display:block;}
.form-wrap ul.media-list li.media div{height:100%;}
.form-wrap .media-left, .media > .pull-left{padding-right:1.5rem;}
.form-wrap .form input.form-control{height: 4.4rem;}
.form-wrap .form textarea{resize: none;}
.form-wrap .form .checkbox{margin-top: 1rem;margin-bottom: 0;}
.form-wrap .form .checkbox input{margin-left:0;}
.form-wrap .form .checkbox label{font-style:italic;font-weight:300;font-size:1.4rem;cursor:auto;}
.form-control{height:4.6rem;border-radius:2.3rem;font-size:1.8rem;.border: 1px solid #fff;-webkit-transition: all ease-in-out .15s;-o-transition: all ease-in-out .15s;transition: all ease-in-out .15s;}
.form-control:focus {border-color: #f3f3f3;background:#f3f3f3;-webkit-box-shadow: none;box-shadow: none;}
/*chart*/
.chart {width: auto;height: 100%;font-size: 1.4rem !important;padding:0.5rem;line-height: 1.2;margin:auto;}
.chart-container {position: relative;height: 300px;}
/*flex*/
.flex-container {display: flex;flex-direction: column;flex-grow: 1;justify-content: space-around;}
/*square*/
.square {position: relative;width: 18%;background:#fff;display:inline-block;margin: 0 0.8%;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square .content {position: absolute;width: 100%;height: 100%;padding:1.5rem;}
/*esagono*/
.esagono{width:200px;height:116px;margin:58px auto;background:#08d8f7;position: relative;color:#fff;font-size:2rem;line-height:0.5;}
.esagono:before {content:""; width:0; height:0;position: absolute;top:-58px;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:58px solid #08d8f7;}
.esagono:after {content:"";width:0;height:0;position:absolute;bottom:-58px;border-top:58px solid #08d8f7;border-left:100px solid transparent;border-right:100px solid transparent;}
.esagono b{font-size:2.2rem;display:block;line-height:1rem;}
.esagono em{font-size:1.8rem;}
.esagono b.bigger{font-size:9rem;line-height:9rem;}
.esagono b.medium{font-size:3.8rem;line-height:3.8rem;padding-top:2.6rem;}
.esagono>div{font-size: 2.2rem;padding-top: 1.1rem;}
.row-esagoni img{z-index:3;position:relative;margin-top:-115px;}
.row-esagoni hr{margin-top:1px;margin-bottom:10px;}
.obliquo > div{margin-top: 3rem;}
/*checkbox & radio*/
[type="checkbox"]:not(:checked),[type="checkbox"]:checked {position: absolute;left: -9999px;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {position: relative;padding-left: 25px;cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0; top: 2px;width: 16px; height: 16px; border: 0; background: #fff;  border-radius: 3px;cursor:pointer;}
[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after {content: url(../img/ico-check.svg);position: absolute;top: 2px; left: 0;transition: all .2s;cursor:pointer;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
[type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before {background-color: #ddd;}
[type="checkbox"]:disabled:checked + label:after {content: url(../img/ico-check-disable.svg);}
[type="checkbox"]:disabled + label {color: #aaa;}
/*btn*/
.btn{font-size:1.8rem;font-weight:500;text-align:center;text-transform: uppercase;border-style: solid;border-width:0;-webkit-border-radius:4rem;-moz-border-radius:4rem;border-radius:4rem;padding: 1.2rem 3rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btn.btn-default, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:visited{color:#08d8f7;background:#fff;border-color:#fff;}
.btn.btn-default:hover{background:#e6fbfe;border-color:#e6fbfe;color:#07b9e0;}
.btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:visited{color:#fff;background:#08d8f7;border-color:#08d8f7;}
.btn.btn-primary:hover{background:#07b9e0;border-color:#07b9e0;}
.btn-circle, .btn-circle:focus, .btn-circle:active{background: #dfdfdf;border-radius: 50%;color:#afafaf;display: inline-block;font-size: 1.5rem;height:30px;width: 30px;line-height:30px;text-align: center;padding:0;margin:0 5px;}
.btn-circle:hover{color:#fff;background:#08d8f7;}

/*MASTERSLIDER CLIENTI*/
.ms-staff-carousel.ms-round .ms-slide-bgcont{border: 0;}
.ms-slide{opacity: 0.5;transition: opacity .2s;}
.ms-slide.ms-sl-selected{opacity: 1}
.ms-staff-carousel{margin-top:0;margin-bottom:0;overflow:hidden;}
.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next{opacity: 1 !important;display:block !important;border-radius:50%;height:45px;width:45px;background: #08d8f7 url(../img/prev.png) no-repeat scroll center center;}
.ms-staff-carousel .ms-nav-next{background: #08d8f7 url(../img/next.png) no-repeat scroll center center;}
.wrap .content .ms-info h2{margin-top:4.5rem;}
.wrap .content .ms-info p{text-align:center;}

.black{color:#333;}
.light-blue{color:#07cdeb;}


.sedi-legali{
    font-size: 1.5rem;
}

.img-center{
    margin: 0 auto;
}

.holding-structure .media-object {
    max-width: 380px;
}

.form-wrap .media-body{
    font-size: 1.4rem

}

.wrap .content .sitemap p{
    text-align: center;
}

.sitemap p a{
    font-size: 2.2rem;
    font-weight: bold;
}

.sitemap .submap a{
    color: #07cdeb;
}

.sitemap .submap{
    display: block;
    margin: 0 auto 1.5rem auto;
    width: 130px;
}

@media(min-width:415px){
}

@media (min-width: 768px) {
    html{font-size:9px}
    .row-eq-height{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;}
    .form-wrap .form {
        border-left: 1px solid white;
        padding-left: 3rem;
    }
    .esagono b{line-height:2rem;font-size:2rem;}
    .esagono em{font-size:1.5rem;}
    .form-wrap ul.media-list li.media{height:33.3333%;margin:0;display:table;}


}
@media (min-width: 992px) {
    html{font-size:10px}
    .esagono>div{font-size: inherit;padding-top: 0;}
    /*obliquo*/
    .obliquo:first-child{margin-top:-3rem;}
    .obliquo > div:nth-child(1){margin-top:6rem;}
    .obliquo > div:nth-child(2){margin-top:4rem;}
    .obliquo > div:nth-child(3){margin-top:2rem;}
    .obliquo > div:nth-child(4){margin-top:0;}
    footer [class^='col']:first-child{text-align: left;}
    footer [class^='col']:last-child{text-align: right;}
}
@media (min-width: 1200px) {}

@media (max-width: 767px){
    .form-wrap .media-list{text-align: center}
    .form-wrap .media-left{display: inline-block}
    .form-wrap .media-left img{height: 6rem}
    .form-wrap .media-body{display: inline-block; width: auto}
    .caption .form-wrap .media-body{width: 18rem}
    .form-wrap .privacy{text-align: center !important;margin-bottom: 2rem !important;}
    .form-wrap .send{text-align: center !important;}
    header .logo {width: 20.5rem;padding: 1.6rem 0 0 2rem;}
    #fullpage .caption h1 {font-size: 3.7rem;}
    #fullpage .caption p {font-size: 1.8rem;line-height: 1.2;}
    #fullpage .btn:first-child {margin-bottom: 1rem !important;}
    #fullpage .esagoni-top:before {content: url(../img/esagoni-top-small.svg);top: -79px;left: -31px;}
    #fullpage .esagoni-bottom:after{content: url('../img/esagoni-bottom-small.svg');}
    ul.nav.nav-tabs li {margin-left: 0;}
    .nav-tabs.nav-justified > li, .nav-tabs.nav-justified > .active, .nav-tabs.nav-justified > .active:hover {
        border: none !important;
        text-align: center;
    }
    .nav-tabs.nav-justified > .active, .nav-tabs.nav-justified > .active:hover {
        background: #08d8f7;
    }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > li.active     > a {
        background: #08d8f7;
        color: white !important;
    }

   #fullpage .caption {
        margin-top: 0px;
    }
}

@media (max-width: 1024px){
    .square {
        width: 13%;
}

@media (max-width: 767px) and (orientation:landscape){
    #fullpage .esagoni-top:before{content: ''}
    #fullpage .caption h1:before{content: '';display: none;}
    #fullpage .esagoni-bottom:after{content: '';display: none;}
    #fullpage .caption h1 {margin-left: 0}
    #fullpage .caption{margin-top: 0}
}