@charset "utf-8";
/* CSS Document */

body{background-color:#f2f2f2;}


nav.menu {
    width: 100%;
    height: 100vh;
    background: rgba(26,26,26,0.7);
    position: absolute;
    left: 0;
    
    z-index: 99;
    display: none;
}

    nav.menu:before {
        width: 50%;
        height: 100%;
        background-color: #3671a0;
        position: absolute;
        right: 0;
        top: 0;
        content: "";
    }

    nav.menu ul li a {
        font-size: 30px;
        display: block;
        font-weight: 700;
        color: #fff;
    }

    nav.menu ul {
        margin-bottom: 30px;
    }

        nav.menu ul:last-child {
            margin-bottom: 0;
        }

.about-image img{
    max-width:150px;
    
}

.anchors {
    width: 84px;
    height: 84px;
    background-color: #f2f2f2;
    position: absolute;
    color: #3c7baa;
    z-index: 999;
}
.anchors:hover{color:#3c7baa;}
.anchors i{font-size:30px;}
.anchors-white{background-color:#fff;}
.anchors-blue{background-color:#3c7baa;}
.anchors-blue i{color:#fff;}
.anchors-to-down{bottom:0;}
.anchors-to-up{top:0;}
.anchors-left{right:0 !important; transform:translate(50% , 0);}
.anchors-right{left:0 !important; transform:translate(-50% , 0);}

.section-1 .left-column{background:url(../images/bg-1.png) left bottom no-repeat #f2f2f2; background-size:cover;}
.section-1 .right-column{background:url(../images/bg-2.png) left bottom no-repeat; background-size:cover;}
.column-block{width:calc(1170px/2); padding:100px 15px;}
.section-1 .left-column .column-block h2{letter-spacing:-2px;}
.section-1 .left-column .column-block h2 + p{margin-top:30px; color:#1f1f1f;}

.section-2 .left-column, .section-4 .left-column{
	background: #265886;
	background: -moz-linear-gradient(45deg, #265886 0%, #4183b2 100%);
	background: -webkit-linear-gradient(45deg, #265886 0%,#4183b2 100%);
	background: linear-gradient(45deg, #265886 0%,#4183b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265886', endColorstr='#4183b2',GradientType=1 );
}

.section-2 .right-column .column-block:first-child{min-height:400px;}
.section-2 .right-column .column-block:last-child{background:url(../images/bg-3.png) center center no-repeat; background-size:cover;}

.section-3 .left-column p{margin-top:15px;}
.section-3 .right-column{background:url(../images/bg-4.png) center center no-repeat; background-size:cover;}
.section-3 .border-links{margin-top:75px; position:relative;}
.section-3 .border-links:before{position:absolute; left:0; top:50%; width:30%; height:1px; background:#3c7baa; content:"";}
.border-links{position:relative; padding-left:40%;}

.section-4 h4{color:#fff; padding-bottom:55px; border-bottom:1px solid #fff;}
.section-4 .right-column{background-color:#f2f2f2;}
.partners p{font-size:16px; margin-top:40px;}

.readmore-btn{margin-top:50px; border:2px solid #000; padding:15px 30px; text-align:center; font-size:16px; font-weight:700; line-height:40px; color:#1a1a1a; min-width:265px;}
.readmore-btn:hover{color:#3975a4; border-color:#3975a4;}
ul.partners-list{margin-top:50px;}
ul.partners-list li{margin-bottom:15px;}
ul.partners-list li:last-child{margin-bottom:0;}
ul.partners-list li a{font-size:24px; color:#66a1cc; font-weight:700;}
ul.partners-list li.active a, ul.partners-list li a:hover{color:#fff;}


.section-5 .backstretch{opacity:0.67;} 
.section-5 .section-contents{
background: -moz-linear-gradient(top, rgba(38,88,134,0.9) 0%, rgba(65,131,178,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(38,88,134,0.9) 0%,rgba(65,131,178,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(38,88,134,0.9) 0%,rgba(65,131,178,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6265886', endColorstr='#cc4183b2',GradientType=0 ); /* IE6-9 */}

.discover{margin-bottom:150px;}
.linkedin-btn{font-size:36px; font-weight:700; color:#fff; text-align:center; padding:25px; line-height:75px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4183b2+0,265886+100 */
background: rgb(65,131,178); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(65,131,178,1) 0%, rgba(38,88,134,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(65,131,178,1) 0%,rgba(38,88,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(65,131,178,1) 0%,rgba(38,88,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4183b2', endColorstr='#265886',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.linkedin-btn:hover{
	color:#fff;
	background: #265886;
	background: -moz-linear-gradient(45deg, #265886 0%, #4183b2 100%);
	background: -webkit-linear-gradient(45deg, #265886 0%,#4183b2 100%);
	background: linear-gradient(45deg, #265886 0%,#4183b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265886', endColorstr='#4183b2',GradientType=1 );
}

.line{width:100%; height:1px; background:#fff;}
.section-5 h4{color:#fff;}

.contact-banner{min-height:150px; background:url(../images/map.png) left center no-repeat #f2f2f2;}
.contact-banner h6{color:#1a4164; margin-bottom:15px;}
.contact-banner p{color:#1a4164;}

.footer{height:330px; background-color:#1a4164; border-bottom:20px solid #3c7baa; padding:30px 0;}
.address{margin-top:20px;}
.address p{font-size:14px; color:#fff; line-height:18px;}
.footer-block p{font-size:16px; color:#fff;}
.social-icon{width:40px; height:40px; text-align:center; line-height:40px; border-radius:2px;}
.social-icon i{font-size:26px;}
.linkedin{background-color:#007bb5;}
.linkedin i{color:#1a4164;}
.linkedin:hover{background-color:#0289c8;}
.footer .column{position:relative;}
.footer .column:after{position:absolute; right:0; top:50%; width:1px; height:60px; background:#3c7baa; margin-top:-30px; content:"";}
.footer .column:last-child:after{display:none;}

.header{position:absolute; left:0; top:0; z-index:9999; width:100%;}

.logo{padding:40px 0; background:url(../images/italian-flag-strip.png) left top no-repeat; background-size:100% auto;}

.h-groups{position:relative;}
.h-groups h6{position:absolute; left:-100%; top:50%; width:100%; color:#fff; transform:translate(-105px,0);}
.h-groups h6:after{position:absolute; right:0; top:50%; height:1px; width:60%; background-color:#fff; content:"";}

.column-inner-block{max-width:770px; padding:30px 0; border-bottom:1px solid #fff; transform:translate(-50%,0);}
.column-inner-block-column{max-width:50%;}
.column-inner-block p{font-size:18px; color:#fff; margin-bottom:15px; padding-right:30px;}
.column-inner-block p:last-child{margin-bottom:0;}

.page-banner{min-height:425px; position:relative;}
.page-banner p{color:#fff; margin-top:40px;}
.page-full-banner{min-height:100vh !important;}
.page-banner-1{background:url(../images/page-banner-1.jpg) center center no-repeat; background-size:cover;}
.page-banner-2{background:url(../images/page-banner-2.jpg) center center no-repeat; background-size:cover;}
.page-banner-3{background:url(../images/page-banner-3.jpg) center center no-repeat; background-size:cover;}

.page-banner-contents{position:absolute; left:0; top:0; width:100%; height:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4183b2+0,265886+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(left, rgba(65,131,178,0.7) 0%, rgba(38,88,134,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(65,131,178,0.7) 0%,rgba(38,88,134,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(65,131,178,0.7) 0%,rgba(38,88,134,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64183b2', endColorstr='#e6265886',GradientType=1 ); /* IE6-9 */}
.page-banner-contents h4{color:#fff;}

.pages{position:relative;}
.contact-page{min-height:650px; padding:30px 0;}
.contact-page:after{position:absolute; right:0; top:0; width:50%; height:100%; background:url(../images/map.jpg) center center no-repeat; content:"";}
.page-address span{display:block; color:#1a4164; font-weight:400;}
.btn-block-group .btn{margin-bottom:22px;}
.btn-block-group .btn:last-child{margin-bottom:0;}
.contact-page .btn-block-group{margin-top:50px;}

.mobile-map{margin-top:25px;}

.page-section{padding:90px 0;}
.page-section-block{padding:130px 0;}
.page-section-white{background-color:#fff;}
.page-section-header{margin-bottom:40px;}
.page-section-header{position:relative;}
.page-section-header:after{position:absolute; left:0; top:50%; width:100%; height:1px; background:#265886; content:"";}
.page-section-header h6 span{background-color:#fff; position:relative; z-index:9; padding-right:30px;}
.page-section-gray, .page-section-gray h6 span{background-color:#f2f2f2;}
.page-section-contents figure{margin-top:40px;}
.page-section-contents .links{font-size:30px; font-weight:700;}

.page-section-block p{margin-bottom:30px;}
.page-section-block p:last-child{margin-bottom:0;}
.page-section-block figure{margin-top:50px;}
.page-section-block-headding span{color:#c5c5c5; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display:inline-block;}
.page-section-block .container{position:relative;}
.page-section-block-headding{position:absolute; top:50%; left:-20%; transform:translate(0,-50%);}
.primari-gradient .page-section-block-headding span{color:#fff;}

.page-section-rows h4{font-size:30px; font-weight:700; min-height:65px; padding-bottom:10px;}

.primari-gradient{
background: rgb(38,88,134);
background: -moz-linear-gradient(left, rgba(38,88,134,1) 0%, rgba(65,131,178,1) 100%);
background: -webkit-linear-gradient(left, rgba(38,88,134,1) 0%,rgba(65,131,178,1) 100%);
background: linear-gradient(to right, rgba(38,88,134,1) 0%,rgba(65,131,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265886', endColorstr='#4183b2',GradientType=1 );
}

.primari-gradient h4{color:#fff;}
.primari-gradient p{color:#fff;}

.about-gradient {
    background: rgb(38,88,134);
    background: -moz-linear-gradient(left, rgb(218, 218, 218) 0%,rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(left, rgb(228, 228, 226) 0%,rgb(255, 255, 255) 100%);
    background: linear-gradient(to right, rgb(228, 228, 226) 0%,rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#fff',GradientType=1 );
}

    .about-gradient h4 {
        color: #000;
    }

    .about-gradient p {
        color: #000;
    }


.case-study-item{position:relative; display:block;}
.case-study-item img{width:100%;}
.case-study-item-contents{background:rgba(38,88,134,0.7); position:absolute; left:0; top:0; width:100%; height:100%; padding:20px; opacity:0; visibility:hidden; }
.case-study-item-contents p{margin-bottom:0; font-size:16px; color:#fff;}
.case-study-item:hover .case-study-item-contents{opacity:1; visibility:visible; pointer-events:none;}



.flag-bg{background:url(../images/bg-4.png) center center no-repeat; background-size:cover;}

.header{pointer-events:none !important;}
.header .language-icon, .menu-icon, .logo{pointer-events:visible;}

.discover-block{position:absolute; left:0; top:0; width:200%; height:100%; background:url(../images/bg-5.png) center center no-repeat; background-size:cover;}
.discover-block-contents{background: -moz-linear-gradient(top, rgba(38,88,134,0.9) 0%, rgba(65,131,178,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(38,88,134,0.9) 0%,rgba(65,131,178,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(38,88,134,0.9) 0%,rgba(65,131,178,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6265886', endColorstr='#cc4183b2',GradientType=0 ); /* IE6-9 */}

.discover h4{color:#fff;}

#myContainer .footer{position:absolute; left:0; top:0; width:200%; height:100%;}

.mfp-counter{display:none;}
.mfp-title{padding:0; font-size:14px;}

.page-banner .anchors{left:50%; transform:translate(-50%,0);}

.page-full-banner video{position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}

ul.tab-list.nav-tabs{display:block; border-bottom:0;}
ul.tab-list.nav-tabs li{margin-bottom:0px;}
ul.tab-list.nav-tabs li a{padding:0; border:0; border-radius:0;}
ul.tab-list.nav-tabs li a.active{background:none; color:#fff;}

.bg-gallina {
    background: url(../images/bg-gallina.jpg) center center no-repeat;
    background-size: cover;
}

.bg-mth {
    background: url(../images/bg-mth.jpg) center center no-repeat;
    background-size: cover;
}

.bg-alubel {
    background: url(../images/bg-alubel.jpg) center center no-repeat;
    background-size: cover;
}

.bg-silex {
    background: url(../images/bg-silex.jpg) center center no-repeat;
    background-size: cover;
}

.bg-stiferite {
    background: url(../images/bg-stiferite.jpg) center center no-repeat;
    background-size: cover;
}


.bg-terreal {
    background: url(../images/bg-terreal.jpg) center center no-repeat;
    background-size: cover;
}


.bg-eurocomponents {
    background: url(../images/bg-eurocomponents.jpg) center center no-repeat;
    background-size: cover;
}

.bg-rubner {
    background: url(../images/bg-rubner.jpg) center center no-repeat;
    background-size: cover;
}


.bg-terreal {
    background: url(../images/bg-terreal.jpg) center center no-repeat;
    background-size: cover;
}


@media(max-width:1500px) {
    .page-section-block-headding{left:-13%;}
}
@media(max-width:1300px){
	.page-section-block-headding{position:static; text-align:center; transform: none; padding-bottom:40px;}
	.page-section-block-headding span{-ms-transform: none; -webkit-transform: none; transform: none;}
}
@media(max-width:1199px){
	.container{max-width:100%;}
	.column-block{width:100%;}
	.logo{padding:20px 0; max-width:170px;}
	.section-1 .left-column .column-block h2 + p{margin-top:15px;}
	.menu-icon, .language-icon{max-width:22px;}
	.anchors{width:70px; height:70px;}
	.section-3 .border-links{margin-top:50px;}
	.section-4 h4{padding-bottom:30px;}
	ul.partners-list li{margin-bottom:10px;}
	ul.partners-list li a{font-size:20px;}
	ul.partners-list{margin-top:50px;}
	.partner-logo{max-width:250px; margin:0 auto;}
	.partners p{margin-top:20px;}
	.readmore-btn{margin-top:50px; border-width:3px; padding:10px 15px; min-width:200px;}
	.linkedin-btn{font-size:28px; padding:30px; line-height:50px;}
	.discover{margin-bottom:100px;}
	.footer{border-bottom-width:10px;}
	.footer-logo{max-width:120px;}
	.contact-banner{min-height:250px;}
	.column-inner-block{border:0; transform:translate(0,0); padding:15px 30px;}
	.column-inner-block p{font-size:16px; padding:0;}
	.column-inner-block-column{max-width:100%;}
	.page-section{padding:70px 0;}
	.page-section-contents .links{font-size:28px;}
	.page-banner p{margin-top:30px;}
	.page-section-block{padding:100px 0;}
	.page-section-block figure{margin-top:100px;}
    nav.menu {
        height: 100vh;
        /*top: 80px;*/
    }

        nav.menu ul li a {
            font-size: 26px;
        }
}
@media(max-width:900px){
	.discover-block, .footer{width:100% !important;}
	.anchors{display:none !important;}
	.non-responsive, .discover-right, .footer-section-right{display:none !important;}
	body{overflow-x:hidden !important;}
	.primari-gradient.ms-table, .primari-gradient.ms-table .ms-tableCell{height:300px !important;}
	ul.tab-list.nav-tabs{margin:-10px;}
	ul.tab-list.nav-tabs li{float:left; padding:10px; margin:0;}
	.primari-gradient .column-block{padding-bottom:0;}
	.primari-gradient h4{padding-bottom:25px;}
	.tab-content-wrap.ms-table, .tab-content-wrap.ms-table .ms-tableCell{height:auto !important;}
	#myTabContent{margin:0;}
}
@media(max-width:991px){
	.logo{padding:15px 0; max-width:150px;}
	.anchors{width:50px; height:50px;}
	.anchors i{font-size:24px;}
	.column-block{padding-top:50px; padding-bottom:50px;}
	.section-3 .border-links{margin-top:30px;}
	.section-4 h4{padding-bottom:15px;}
	.section-4 .right-column{align-items:start !important;}
	.partners{margin-top:70px;}
	ul.partners-list{margin-top:30px;}
	ul.partners-list li a{font-size:17px;}
	.readmore-btn{margin-top:30px; line-height:30px; font-size:14px;}
	.discover{margin-bottom:50px;}
	.linkedin-btn{font-size:22px; line-height:34px;}
	.h-groups h6:after{width:40%;}
	.contact-page .btn-block-group{margin-top:30px;}
	.contact-page{min-height:500px;}
	.page-banner{min-height:400px;}
	.page-section{padding:60px 0;}
	.page-section-contents .links{font-size:26px;}
	.page-section-header{margin-bottom:30px;}
	.page-banner p{margin-top:20px;}
	.page-section-block{padding:80px 0;}
	.page-section-block figure{margin-top:80px;}
	.page-section-block p{margin-bottom:20px;}
	.page-section-rows h4{min-height:50px;}
	.page-section-block-headding{padding-bottom:30px;}
    nav.menu ul li a {
        font-size: 22px;
    }
}
@media(min-width:768px){
	.mobile-map{display:none;}
}
@media(max-width:767px){
	.discover{text-align:center; margin-bottom:30px;}
	.linkedin-btn-wrap{margin-top:15px;}
	.linkedin-btn{max-width:50%; margin:0 auto;}
	.line-wrap{display:none;}
	.footer{padding-top:25px; padding-bottom:15px; height:auto; border-bottom-width:5px;}
	.footer .column.d-flex{display:block !important; text-align:center; margin-bottom:15px;}
	.footer .column.d-flex:last-child{margin-bottom:0;}
	.footer .column:after{display:none;}
	.social-icon i{font-size:20px;}
	.h-groups h6{transform:translate(0,0);}
	.contact-page:after{display:none;}
	.contact-page{min-height:inherit;}
	.page-banner{min-height:300px;}
	.page-address{text-align:center;}
	.page-section{padding:50px 0;}
	.page-section-contents .links{font-size:22px;}
	.page-section-header{margin-bottom:20px;}
	.page-section-block{padding:60px 0;}
	.page-section-block figure{margin-top:60px;}
	.page-section-rows h4{margin-bottom:10px;}
    nav.menu ul li {
        margin-bottom: 10px;
    }

        nav.menu ul li:last-child {
            margin-bottom: 0;
        }

        nav.menu ul li a {
            font-size: 18px;
        }

    nav.menu {
        z-index: 999;
    }

        nav.menu:before {
            width: 100%;
            background: rgba(57, 117, 164, 0.81);
        }
    html {
        overflow:auto;
    }

    #nascondi-imm-mobile {
        display: none !important;
    }

    #nascondi-mobile {
        height:200px !important ;
    }

    .ms-tableCell {
        height: 100% !important;
    }



}
@media(max-width:640px){
	.contact-banner.d-flex{min-height:inherit; padding:30px 15px; display:block !important;}
	.section-contents.d-flex{flex-direction:column;}
	.section-2 .right-column .column-block:first-child{min-height:inherit; padding-top:40px; padding-bottom:40px;}
	.column-block{padding-top:40px; padding-bottom:40px;}
	.section-3 .border-links{margin-top:15px;}
	.partners{margin-top:0;}
	.anchors{width:40px; height:40px;}
	ul.partners-list{margin:-5px -10px; padding-top:15px;}
	ul.partners-list li{float:left; padding:5px 10px; margin:0;}
	.col-auto-set{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
	.partner-logo{max-width:190px;}
	ul.partners-list li a{font-size:15px;}
	.section-5 .container{height:100%; display:flex; align-items:center; justify-content:center;}
	.section-4 .column-block{padding-left:15px !important; padding-right:15px !important;}
	.h-groups h6{position:static; margin-bottom:15px; color:#000;}
	.h-groups h6:after{display:none;}
	.column-inner-block{padding:0 15px;}
	.page-section{padding:40px 0;}
	.page-section-contents .links{font-size:20px;}
	.page-section-block{padding:40px 0;}
	.page-section-block figure{margin-top:40px;}
}
@media(max-width:575px){
	.readmore-btn{margin-top:15px; font-size:13px; line-height:24px; padding:10px; border-width:1px;}
	.linkedin-btn{font-size:20px; padding:5px 10px;}
	.header .row{display:flex !important; flex-wrap:nowrap;}
	.sm-icons{width:100px;}
	.page-section{padding:30px 0;}
}

@media(max-width:1111px){
    .pulseaus{
        left: 85% !important;
    }
}

@media(max-width:922px) {
    .pulseaus {
        left: 92% !important;
    }
}

@media(max-width:903px){
    .pulseita{
        display: none !important;
    }

    .pulseaus{
        display:none !important;
    }

    #row{
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
}