@import url('https://fonts.googleapis.com/css?family=Roboto:300,500');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,800,900');
select::-ms-expand {display: none}
::-moz-selection {
	color: #fff;
	background: rgba(0,0,0,.8)
}
::selection {
	color: #fff;
	background: rgba(0,0,0,.8)
}
input::-moz-selection,textarea::-moz-selection {
	color: #000;
	background: rgba(0,0,0,.2)
}
input::selection,textarea::selection {
	color: #000;
	background: rgba(0,0,0,.2)
}
html, body {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}
html,body {
    height:100%;
    font-size:16px;
    font-family: 'Roboto', sans-serif;
 }
.bg_cc {background-position: center center;}
.bg_bc {background-position: bottom center;}
 #navbar2SupportedContent ul li {
    display: inline;
    padding-right: 10px;
}
a.logo {
    margin: 0;
    display: block;
    line-height: 100%;
}
p {
    font-weight: 300;
    line-height: 24px;
}
#titolone {
    font-size:48px;
    font-weight:800;
}
.display-3 {
    font-weight:800;
    font-size:4rem;
    font-family: 'Raleway', sans-serif;
    letter-spacing: -3px;
}
.display-4 {
    font-weight:800;
    font-size:45px;
    font-family: 'Raleway', sans-serif;
}
.testo {
    margin-top:-90px;
    background-color: #FFF;
    position: absolute;
    bottom:0;
    padding: 10px 10px;
}
.testoMiddle {
    margin-top:-90px;
    background-color: #FFF;
    width: 70%;
    position: absolute;
    bottom:0;
    padding: 10px 10px;
}
.testo p, .testoMiddle p, .news p {font-size: 12px;}

h5 {
    font-weight:500;
    padding:0;
}

.negative {
    margin-top:-220px;
    padding-top:20px;
}

.titoloNews {
    font-weight:800;
    font-size:48px;
}
.maschera {
    background-size:cover;
   -webkit-clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);

 /*   -webkit-clip-path: polygon(100% 0, 85% 58%, 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(100% 0, 85% 58%, 100% 100%, 0% 100%, 0% 0%);

    */
}

.white {color:#fff;}
.mystyle {}
.titoloSingle {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.bg-green {background: #052f2a;}
.bg-green-light {background: #143d38;}
.bg-grey-light {background: #aaaaaa;}
.bg-video {background: #efefef;}
.bordovideo {
    border:15px solid #d6d6d6;
    margin-bottom: 20px;
}
.logo img { pointer-events: none; }
.postContent p {padding-bottom:20px;font-size: 16px;}
strong {font-weight: 500;}

.nextProject p {font-size: 20px;}

.nextProject h1 a { 
    font-size: 48px;
    line-height: 1.2;
    width: 80%;
    color: #FFF;
    display: block;
    margin:0 auto;
}
.overlay-opaque-new {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom:0;
    right: 0;
    left: 0;
    top:0;
}
.bgImg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

/* HOVER BUTTON GALLERY */

/* Sweep To Top */
.hvr-sweep-to-top {
    border:1px solid #052F2A;
    padding:10px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #052F2A;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white;
    text-decoration: none;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
a {
    color: #052f2a;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.parallax {
    height: 500px;
    width: 100%;
}

.vimeo-wrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
  
   pointer-events: none;
   overflow: hidden;

}
.vimeo-wrapper iframe {
   width: 50vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: relative;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.sottotitoli {
    background-color: #FFF;
    padding: 0 15px; 
}

.previewNews {
    height: 320px;
    width:100%;
    display:block;
}

.split {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: none;
    column-count: 2;
    column-gap: 30px;
    column-rule: none;
}
.wpcf7-acceptance {
    float: left;
    margin-right: 5px;
}

p {margin-bottom:20px;
  font-size:16px;
}
#menu-principale-1 a, #menu-main-menu-1 a {color:#fff;}

.wpml-ls-menu-item .nav-link {padding: 0.6rem 0.5rem;}
.wpml-ls-last-item .nav-link {padding-right: 1rem}
.btn {
    font-weight: 400;
    border-radius:0
}
.infoCompany p {
    font-size:12px;
    margin-bottom:0px;
}
.secondHome {height: 600px;}
.inside {margin-top: -100px !important;}

.h-600 {height: 550px;}

.box {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

footer ul li.wpml-ls-item {
    display: inline-block;
    margin-right: 6px;
    margin-top: 8px;
}
/***********************************************/

#menu-principale, .mainMenu {
  background: #fff !important;
-webkit-box-shadow: 10px 10px 0px 0px rgba(20,61,56,0.5);
-moz-box-shadow: 10px 10px 0px 0px rgba(20,61,56,0.5);
box-shadow: 10px 10px 0px 0px rgba(20,61,56,0.5);
}

.hvr-sweep-to-top {-webkit-box-shadow: 5px 5px 0px 0px rgba(20,61,56,0.5);
-moz-box-shadow: 5px 5px 0px 0px rgba(20,61,56,0.5);
box-shadow: 5px 5px 0px 0px rgba(20,61,56,0.5);}
header {
    padding: 25px 0;
}

ul.main {}
ul.main li.nav-item {}
ul.main li.nav-item a {
	text-transform: uppercase;
	letter-spacing: 0.4px;
	font-weight: 700;
	font-size: 14px;
	color: #013C4D;
}
ul.main li.nav-item a.active,
ul.main li.nav-item a:hover,
ul.main li.nav-item a:focus {color: #ECA816;}

.block-offset {
    background-color: #FFF;
    padding: 0 15px 40px;
}


/*
 * CSS Animations
 * Don't forget to add vendor prefixes!
 */
.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
/* this means that before the animation runs, the element will have the starting css rules, then keep the end rules */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;  }

.m-scene .scene_element--fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}


#smooth {    width: 100%;
    height: 100%;
    position: relative;}
/***********************************************/

.nav-mob {
    display: none;
    visibility: hidden;
}

@media all and (max-width: 1200px) {
    .container {max-width: 100%;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    header {padding: 8px 0;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    header {padding: 8px 0;}
}

@media only screen and (max-width: 767px) {
    .nav-mob {
        display: block;
        visibility: visible;
    }
  .inside {margin-top: 10px !important;}
  
    .ciccetto .titoloNews {
        margin-top: 15px;
        font-size: 28px;
    }
    .baffetto {margin-top: 55px;}
    .nextProject {
        height: 200px !important;
        background-size: contain;
    }
    .nextProject h1 a {
        font-size: 26px;
        width: 100%;
    }
    .nextProject p {
        margin-top: 30px;
        margin-bottom: 10px;
    }

.h-600 {height: 100px;}
    
    .display-3 {font-size: 42px!important;}
    .h-50, .h-75, .h-100 {height: auto!important;}
    .w-75 {width: auto!important;}
    .secondHome {
        height: 192px;
        margin-top: 70px;
    }
    .negative {
        padding: 0;
        margin: 0;
    }
    .imageReset {
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .block-offset {
        background-color: #FFF;
        padding: 0;
    }
    .sottotitoli {width: 100%;}
    
    
    header {padding: 8px 0;}
    
    .burgerToggler {
        text-align: right;
        float: right;
        width: auto;
    }
    
    .split {
        -moz-column-count: 1;
        -moz-column-gap: 30px;
        -moz-column-rule: none;
        -webkit-column-count: 1;
        -webkit-column-gap: 30px;
        -webkit-column-rule: none;
        column-count: 1;
        column-gap: 30px;
        column-rule: none;
    }
    .maschera {
        width: 100%;
        height: 250px;
        margin-top: 60px;
        -webkit-clip-path: none;
        clip-path: none;
    }
    .titoloHome h3 {font-size:45px;}
    
    body.is-showNavMob {overflow: hidden;}
    .menu_toggle_icon {
		position: relative;
		margin-top: 3px;
		cursor: pointer;
		display: block;
		height: 30px;
		width: 30px;
		z-index: 99999999;
	}
	.menu_toggle_icon .bar {
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		-webkit-transition: ease-in-out 0.4s, opacity 0.2s ease-in-out;
		-moz-transition: ease-in-out 0.4s, opacity 0.2s ease-in-out;
		-o-transition: ease-in-out 0.4s, opacity 0.2s ease-in-out;
		transition: ease-in-out 0.4s, opacity 0.2s ease-in-out;
		-webkit-transform: rotate(0) translateY(0) translateX(0);
		-moz-transform: rotate(0) translateY(0) translateX(0);
		-ms-transform: rotate(0) translateY(0) translateX(0);
		transform: rotate(0) translateY(0) translateX(0);
		background-color: #052F2A;
		position: absolute;
		display: block;    
		width: 24px;
		height: 1px;
		opacity: 1;
		left: 3px;
	}
	.menu_toggle_icon .bar:nth-of-type(1) {top: 4px;}
	.menu_toggle_icon .bar:nth-of-type(2) {top: 13px;}
	.menu_toggle_icon .bar:nth-of-type(3) {top: 22px;}
	.menu_toggle_icon.active .bar {background-color: #FFF; }
	.menu_toggle_icon.active .bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg) translateX(3px) translateY(10px);
		-moz-transform: rotate(45deg) translateX(3px) translateY(10px);
		-ms-transform: rotate(45deg) translateX(3px) translateY(10px);
		transform: rotate(45deg) translateX(3px) translateY(10px);
		width: 33px;
	}
	.menu_toggle_icon.active .bar:nth-of-type(2) {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}
    .menu_toggle_icon.active .bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg) translateX(2px) translateY(-10px);
		-moz-transform: rotate(-45deg) translateX(2px) translateY(-10px);
		-ms-transform: rotate(-45deg) translateX(2px) translateY(-10px);
		transform: rotate(-45deg) translateX(2px) translateY(-10px);
		width: 33px; 
	}
	.top-overlay-menu {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

		background-color: #EEEEE0;
		display: none !important;
		-webkit-transition: ease-in 1.2s;
		-moz-transition: ease-in 1.2s;
		-o-transition: ease-in 1.2s;
		transition: ease-in 1.2s;
		position: fixed;
		height: 100vh;
		width: 100%;
		opacity: 0;
		top: -100%;
	}
	.top-overlay-menu.active {
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		display: block !important;
		opacity: 1;
		top: 0;
	}
	.nav-mob {
		-webkit-transition: .4s;
		-moz-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		will-change: transform;
		background: #052F2A;
		padding: 48px 20px;
		position: fixed;
		display: block;
		height: 100vh;
		z-index: 997;
		right: 0;
		left: 0;
		top: 0;
	}

	body.is-showNavMob .nav-mob {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0%);
	}
	body.is-showNavMob .footer, body.is-showNavMob .main {
		-webkit-transform: translateX(-25%);
		-moz-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		transform: translateX(-25%);
	}
	body.is-showNavMob {overflow: hidden;}
	.main {
		-webkit-transition: -webkit-transform .5s ease;
		-moz-transition: -moz-transform .5s ease;
		-o-transition: -o-transform .5s ease;
		transition: transform .5s ease;
	}
	.middle {
    	top: 35%;
    	left: 50%;
    	width: 100%;
    	position: absolute;
    	text-align: center;
    	transform: translate(-50%,-50%);
    	-o-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	-moz-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    }
	.nav-mob .menu-menu-mobile-container ul,
	.nav-mob .menu-mobile-menu-container ul {}
	.nav-mob .menu-menu-mobile-container ul li,
	.nav-mob .menu-mobile-menu-container ul li {margin-bottom: 10px;}
	.nav-mob .menu-menu-mobile-container ul li a,
    .nav-mob .menu-mobile-menu-container ul li a {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-weight: 800;
        font-size: 22px;
	    color: #FFF;
    }
    .nav-mob .menu-menu-mobile-container ul li a:hover, 
    .nav-mob .menu-menu-mobile-container ul li a:focus,
    .nav-mob .menu-mobile-menu-container ul li a:hover,
    .nav-mob .menu-mobile-menu-container ul li a:focus {text-decoration: none;}

    li.-ls-item {
        display: inline-block;
        margin: 0 15px;
    }

    .nav-mob .menu-mobile-menu-container ul li.wpml-ls-menu-item {
        display: inline-block;
        margin: 0 15px;
    }    
    
    .sottotitoli {
        background-color: #FFF;
        padding: 0 15px;
    }
    
    
}



.modal-dialog {
      max-width: 800px;
      margin: 0px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.modal {background: rgba(0, 37, 13, 0.7);}

.modal.show .modal-dialog {
    transform: translate(0%, -55%);
    top: 50%;
    text-align: center;
}
a.privacylink {
    color: #FFF;
    margin: 5px;
}
a.privacylink:active {color: #fff;}

#sign {
	background-color: #162727;
	text-align: center;
	padding: 15px 0;
	display: block;
	width: 100%;
}
#sign .love {
	font-size: 12px;
	color: #FFF;
	padding:0px; 
	width:100%; 
}
#sign .love i {color:#FFD204; margin: 0 5px;}
#sign .love a {color:#FFD204; margin-left: 2px;}
#sign .love a:hover {color:#FFFFFF; text-decoration: none;}

.privacy ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 40px;
}
.privacy ul li {margin-bottom: 15px}

.privacy table {}
.privacy table tr {}
.privacy table tr td {}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {background-color: #052f2a!important;}

.wpcf7-response-output {display: none;}