/*LAYOUT.CSS - "CARMINATI LOGISTICA"
DESIGN BY LINOOLMOSTUDIO*/

/*__ GENERAL __*/

body { padding:0px; margin:0px; }
.clr { clear:both; }
.none { display:none !important; }
.display { display: initial !important; }
.hidden{ visibility:hidden !important; }
.non-hidden{ visibility:visible !important; }
.fixed { position: fixed; }




/*__ FONTS __*//*

font-family: 'Open Sans', sans-serif;
font-family: 'Aileron'; font-weight: normal;
font-family: 'Aileron'; font-weight: 300;
font-family: 'Aileron'; font-weight: 100;

*/

h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; color: #1e1e1e; font-size: 4vw; line-height: 5vw; }

p, a { font-family: 'Aileron'; font-weight: 100; color: #1e1e1e; font-size: 1.6vw; line-height: 2.4vw; text-decoration: none; }



/*__ COLORS __*//*

GIALLO  -->  color: #fcbd16;

*/




/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏┓ ┏┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┃ ┃┃     ┃┏━━┛     ┃┏━┓┃     ┗┓┏┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━┛┃     ┃┗━━┓     ┃┃ ┃┃      ┃┃┃┃     ┃┗━━┓     ┃┗━┛┃
┃┏━┓┃     ┃┏━━┛     ┃┗━┛┃      ┃┃┃┃     ┃┏━━┛     ┃┏┓┏┛
┃┃ ┃┃     ┃┗━━┓     ┃┏━┓┃     ┏┛┗┛┃     ┃┗━━┓     ┃┃┃┗┓
┗┛ ┗┛     ┗━━━┛     ┗┛ ┗┛     ┗━━━┛     ┗━━━┛     ┗┛┗━┛
*/


/*__________ HEADER CONTENT __________*/

.head-container {
	position: relative;
	width: 100%;
}

.head-container-i {
	padding: 40px;
}



.head-sx {
    position: relative;
    width: 20%;
    float: left;
}

#logo {
	width: 260px;
}

#logo_alt {
	width: 260px;
	display: none;
}



.head-dx {
	position: relative;
	width: 80%;
	float: right;
    text-align: right;
}

.head-dx-i {
	padding-top: 1.8vw;
}

#menu-menu li {
    display: inline-block;
    margin-right: 2.6%;
}

#menu-menu li a {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2vw;
	line-height: 1.2vw;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#menu-menu li a:hover {
	color: #fcbd16;
}

#menu-menu .current-menu-item.current_page_item a {
	color: #fcbd16;
}

.menu_line {
    height: 3px;
    width: calc(100% + 40px);
    background-color: #fcbd16;
    float: right;
    margin-right: -40px;
    margin-top: 1.8%;
}



.menu-ico {
	display: none;
}

.menu_mobile {
	display: none;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏┓ ┏┓     ┏━━━┓     ┏━┓┏━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┃ ┃┃     ┃┏━┓┃     ┃ ┗┛ ┃     ┃┏━━┛     ┃┏━┓┃     ┃┏━┓┃     ┃┏━┓┃     ┃┏━━┛
┃┗━┛┃     ┃┃ ┃┃     ┃┏┓┏┓┃     ┃┗━━┓     ┃┗━┛┃     ┃┃ ┃┃     ┃┃ ┗┛     ┃┗━━┓
┃┏━┓┃     ┃┃ ┃┃     ┃┃┃┃┃┃     ┃┏━━┛     ┃┏━━┛     ┃┗━┛┃     ┃┃┏━┓     ┃┏━━┛
┃┃ ┃┃     ┃┗━┛┃     ┃┃┃┃┃┃     ┃┗━━┓     ┃┃        ┃┏━┓┃     ┃┗┻━┃     ┃┗━━┓
┗┛ ┗┛     ┗━━━┛     ┗┛┗┛┗┛     ┗━━━┛     ┗┛        ┗┛ ┗┛     ┗━━━┛     ┗━━━┛
*/


/*__________ SECTION-1 __________*/

.section_1_home {
	position: relative;
	width: 100%;
}

.section_1_home_i {
	background-image: url(../images/img_home_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}



.s1_home_sx {
	position: relative;
	width: 50%;
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+50,000000+75,000000+100&0.6+1,0.5+50,0.4+65,0.2+85,0+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.s1_home_sx_i {
    width: 82%;
}

.s1_home_sx_i h2 {
    color: #ffffff;
    text-shadow: 0px 0px 20px rgba(30,30,30,0.8);
}



.scroll_button {
    position: absolute;
    left: 50%;
    bottom: 60px;
    width: 6%;
    margin-left: -5%;
    padding: 2%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
}

.scroll_button img {
    width: 100%;
    box-shadow: 0 0 0 rgba(255,255,255,1);
    animation: pulse 2.4s infinite;
    -webkit-animation: pulse 2.4s infinite;
    -moz-animation: pulse 2.4s infinite;
    z-index: 3;
    border-radius: 50%;
}

@keyframes pulse {
	20% {
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	}
	25% {
	    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,1);
	}
	30% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
	70% {
	    -webkit-box-shadow: 0 0 0 2vw rgba(255,255,255,0);
	}
	100% {
	    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
	}
}

@-webkit-keyframes pulse {
	20% {
	    -webkit-transform: scale(1.05);
	    transform: scale(1.05);
	}
	25% {
	    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,1);
	}
	30% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
	70% {
	    -webkit-box-shadow: 0 0 0 2vw rgba(255,255,255,0);
	}
	100% {
	    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
	}
}





/*__________ SECTION-2 __________*/

.section_2_home {
	position: relative;
	width: 100%;
}

.section_2_home_i {
	background-image: url(../images/png_c_cut.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}



.s2_home_title_row {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	text-align: center;
}

.s2_home_title_row_i {
    padding: 5% 0 3% 0;
}



.tiles_row {
	position: relative;
	width: 100%;
	max-width: calc(1600px + 10%);
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 5%;
}

.tiles_row_i { position: relative; width: 100%; margin: 0 auto; padding-bottom: 10%; }










.tile {
    position: relative;
    width: 25%;
    float: left;
    height: 36vw; max-height: 42rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
	vertical-align: middle;
	transition-duration: 0.3s;
	transition-property: transform, z-index, box-shadow;
}

.tile_hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0px 0px 20px rgba(30,30,30,0.8);
	box-shadow: 0px 0px 20px rgba(30,30,30,0.8);
	z-index: 4;
}

.tile_filter {
	position: absolute; top: 0; left: 0;
	height: 100%; width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.7+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

.tile_filter_hover { transition: .3s ease; }

.tile_filter_hover.tile_filter { background: #fcbd16; opacity: 0.8; }

.tile a {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 3;
}

#tile_1 { background-image: url(../images/img_tile_3.jpg); }
#tile_2 { background-image: url(../images/img_contoterzi_1.jpg); }
#tile_3 { background-image: url(../images/img_tile_1.jpg); }
#tile_4 { background-image: url(../images/img_tile_2.jpg); }
#tile_5 { background-image: url(../images/img_tile_5.jpg) }

.tile_i { 
	position: absolute; bottom: 0; left: 0;
    padding: 7.5%;
    z-index: 2;
}

.tile h2 {
    color: #ffffff;
    font-size: 2.6vw;
    line-height: 2.6vw;
    padding-bottom: 10%;
}

.tile h4 {
    font-family: 'Aileron';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 1.4vw;
    line-height: 1.6vw;
    letter-spacing: 0.1vw;
    padding-bottom: 10%;
}

.tile p {
    color: #ffffff;
    font-size: 1.2vw;
    line-height: 1.8vw;
}

.tile_text_hover {
	text-shadow: 0px 0px 5px rgba(30,30,30,0.8);
}






/*__________ SECTION-3 __________*/

.section_3_home {
	position: relative;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100;Neutral+Density */
	background: -moz-linear-gradient(-80deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-80deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(160deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.section_3_home_i {
	position: relative;
	width: 100%;
	padding: 5% 0;
}



.s3_home_sx {
    position: relative;
    width: 30%;
    text-align: right;
    float: left;
    margin-left: 20%;
}

.s3_home_sx .link_plus {
	width: 20%;
	float: left;
	padding-bottom: 6%;
}

.s3_home_sx a img {
    float: right;
    width: 4.5vw;
    cursor: pointer;
}

.s3_home_sx h2 {
    padding-bottom: 4%;
    float: left;
}

.s3_home_sx p {
    width: 100%;
    float: right;
    text-align: left;
}



.s3_home_dx {
	position: relative;
	width: 50%;
	float: left;
	text-align: right;
}

.s3_home_dx img{
    width: 90%;
}


.s3_home_png {
    position: absolute;
    left: -8%;
    bottom: -6%;
    width: 40vw;
    height: 40vw;
    background-image: url(../images/png_plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}






/*__________ SECTION 3A __________*/

.section_3a_home {
	position: relative;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100;Neutral+Density */
	background: -moz-linear-gradient(-80deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-80deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(160deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.section_3a_home_i {
    position: relative;
    width: 100%;
    margin: 5% 0;
    background-image: url(../images/png_c_cut.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.s3a_home_dx {
    position: relative;
    width: 40%;
    text-align: right;
    float: left;
    margin: 0 10%;
}

.s3a_home_dx .link_plus {
	width: 20%;
	float: left;
	padding-bottom: 6%;
}

.s3a_home_dx a img {
    float: right;
    width: 4.5vw;
    cursor: pointer;
}

.s3a_home_dx h2 {
    padding-bottom: 4%;
    float: left;
}

.s3a_home_dx p {
    width: 100%;
    float: right;
    text-align: left;
}




.s3a_home_sx {
    position: relative;
    width: 40%;
    float: left;
    text-align: left;
}

.s3a_home_sx img{
    width: 90%;
}


.s3a_home_png {
    position: absolute;
    left: -8%;
    bottom: -6%;
    width: 40vw;
    height: 40vw;
    background-image: url(../images/png_plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}






/*__________ SECTION 3B __________*/

.section_3b_home {
	position: relative;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100;Neutral+Density */
	background: -moz-linear-gradient(-80deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-80deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(160deg, rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.section_3b_home_i {
	position: relative;
	width: 100%;
	padding: 5% 0;
	background-image: url(../images/png_s_cut.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}

.s3b_home_sx {
    position: relative;
    width: 50%;
    text-align: right;
    float: left;
    margin: 0 10%;
}

.s3b_home_sx .link_plus {
	width: 20%;
	float: left;
	padding-bottom: 6%;
}

.s3b_home_sx a img {
    float: right;
    width: 4.5vw;
    cursor: pointer;
}

.s3b_home_sx h2 {
    padding-bottom: 4%;
    float: left;
}

.s3b_home_sx p {
    width: 100%;
    float: right;
    text-align: left;
}




.s3b_home_dx {
	position: relative;
	width: 30%;
	float: left;
	text-align: right;
}

.s3b_home_dx img{
    width: 90%;
}


.s3b_home_png {
    position: absolute;
    left: -8%;
    bottom: -6%;
    width: 40vw;
    height: 40vw;
    background-image: url(../images/png_plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}






/*__________ SECTION-4 __________*/

.section_4_home {
	position: relative;
	width: 100%;
}

.section_4_home_i {
    position: relative;
    padding: 5% 0 0 0;
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(../images/png_a.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 85%;
    background-size: 40%;
}



.s4_home_ico_row {
	position: relative;
	padding: 5% 0;
	width: 90%;
	margin: 0 auto;
}

.ico_tile {
	position: relative;
	width: 24.7%;
	float: left;
}

.ico_tile p {
	color: #a3a3a3;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding-top: 50%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 60%;
}

#ico_tile_1 p {
	background-image: url(../images/png_ico_1.png);
}

#ico_tile_2 p {
	background-image: url(../images/png_ico_2.png);
}

#ico_tile_3 p {
	background-image: url(../images/png_ico_3.png);
}

#ico_tile_4 p {
	background-image: url(../images/png_ico_4.png);
}

.ico_tile_line {
	width: .3%;
	height: 15vw;
	float: left;
	background-color: #a3a3a3;
}



.s4_home_sx {
	position: relative;
	width: 50%;
	float: left;
	padding-top: 5%;
}

.s4_home_sx img {
    width: 75%;
    margin-bottom: -0.3vw;
}



.s4_home_dx {
	position: relative;
	width: 50%;
	float: left;
	padding-top: 10%;
}

.s4_home_dx_i { width: 100%; margin: 0 auto; }

.s4_home_dx .link_plus {
    width: 20%;
    float: left;
    padding-bottom: 4%;
}

.s4_home_dx a img {
    float: right;
    width: 4.5vw;
    cursor: pointer;
}



.s4_home_dx h2 {
    padding-bottom: 4%;
    width: 80%;
    float: left;
}

.s4_home_dx p {
    width: 100%;
    float: left;
}






/*__________ SECTION-5 __________*/

.section_5_home {
	position: relative;
	width: 100%;
}

.section_5_home_i {
    position: relative;
    width: 90%;
    max-width: calc(1600px - 10%);
    margin: 0 auto;
    height: 24vw;
    background-image: url(../images/img_home_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.section_5_home_i h3 {
    padding: 6% 0 8% 0;
    font-size: 3vw;
    line-height: 4vw;
}

.section_5_home_i a {
    border: 2px solid #1e1e1e;
    padding: 2% 5%;
    font-family: 'Open Sans', sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    text-transform: uppercase;
    cursor: pointer;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━━┓     ┏━━━┓     ┏━━━┓
┃┏━━┛     ┃┏━┓┃     ┃┏━┓┃     ┃┏┓┏┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━━┓     ┃┃ ┃┃     ┃┃ ┃┃     ┗┛┃┃┗┛     ┃┗━━┓     ┃┗━┛┃
┃┏━━┛     ┃┃ ┃┃     ┃┃ ┃┃       ┃┃       ┃┏━━┛     ┃┏┓┏┛
┃┃        ┃┗━┛┃     ┃┗━┛┃       ┃┃       ┃┗━━┓     ┃┃┃┗┓
┗┛        ┗━━━┛     ┗━━━┛       ┗┛       ┗━━━┛     ┗┛┗━┛
*/


/*__________ FOOTER CONTENT __________*/

.footer_container {
	position: relative;
	width: 100%;
}

.footer_container_i {
    padding-top: 5%;
}



.footer_top {
	position: relative;
	width: 90%;
	max-width: calc(1600px - 10%);
	margin: 0 auto;
}

.footer_top_i {
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom center;
    background-image: url(../images/png_map.png);
    padding-bottom: 20%;
}

.footer_logo {
    margin-bottom: 6%;
}

.footer_logo img {
    width: 20%;
}

.footer_info_box {
	position: relative;
	float: left;
	width: 40%;
}

#footer_box_3 {
	width: 20%;
}

.footer_info_box_i {
	position: relative;
	width: 90%;
}

#footer_box_2 .footer_info_box_i {
	margin: 0 auto;
}

#footer_box_3 .footer_info_box_i {
	margin-left: 10%;
}

.footer_social_title {
	margin-bottom: 20%;
}

.footer_letter {
	font-family: 'Open Sans', sans-serif;
	font-size: 4vw;
	line-height: 5vw;
	padding-bottom: 4%;
}

.footer_social {
    padding: 6.8% 10.2%;
    border-radius: 50%;
    border: 2px solid #1e1e1e;
    margin: 5%;
    font-weight: normal;
}

#footer_yt {
    padding: 6.8% 7.8%;
}



.footer_bottom {
	position: relative;
	width: 100%;
}

.footer_bottom img {
	width: 100%;
}

.button_to_top {
    position: absolute;
    bottom: 30%;
    right: 2.5%;
    z-index: 2;
    width: 5%;
    min-width: 60px;
    cursor: pointer;
    transform: translateY(-50%);
}
.button_to_top img { width: 100%; }



.credits_row_i {
	position: relative;
	width: 80%;
	max-width: 1600px;
	margin: 0 auto;
	text-align: center;
    padding: 1% 0 2% 0;
}

.credits_row_i p, .credits_row_i a {
    font-size: 1.2vw;
    line-height: 1.2vw;
}

.credits_row_i p {
	float: left;
}

#credits_info {
	padding-right: 20%;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓     ┏━━━┓
┃┏━┓┃     ┃┏━┓┃     ┃┏━┓┃     ┃┏━━┛     ┃┏━┓┃
┃┗━┛┃     ┃┃ ┃┃     ┃┃ ┗┛     ┃┗━━┓     ┃┗━━┓
┃┏━━┛     ┃┗━┛┃     ┃┃┏━┓     ┃┏━━┛     ┗━━┓┃
┃┃        ┃┏━┓┃     ┃┗┻━┃     ┃┗━━┓     ┃┗━┛┃
┗┛        ┗┛ ┗┛     ┗━━━┛     ┗━━━┛     ┗━━━┛
*/


/*#page_19 {
	background-image: url(../images/img_azienda_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}*/

.sfondo_az {
	background-image: url(../images/img_azienda_2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 100%;
}

#page_11, #page_15, #page_13, #page_17, #page_91 {
    background-image: url(../images/png_c.png);
    background-repeat: no-repeat;
    background-position: 68% 54%;
    background-size: 36%;
}

.main-container-i {
	position: relative;
	overflow: hidden;
	/*
    max-width: 1600px;
    margin: 0 auto;
    */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100;Neutral+Density */
	background: -moz-linear-gradient(-80deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-80deg, rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(160deg, rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}






/*__________ PGES CONTENT SX __________*/

.content_container {
	float: left;
	width: 60%;
}

.content_container_i {
	position: relative;
}


.section_1 {
    margin-bottom: 10%;
}

.section_1_i {
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: left 36%;
    padding: 0 0 5% 5%;
}

#page_19_sx .section_1_i, #page_17_sx .section_1_i {
	background-image: url(../images/png_a.png);
}

#page_11_sx .section_1_i {
	background-image: url(../images/png_t.png);
}

#page_15_sx .section_1_i, #page_91_sx .section_1_i {
	background-image: url(../images/png_s.png);
}

#page_13_sx .section_1_i, #page_21 .section_1_i {
	background-image: url(../images/png_c.png);
}

.page_title {
    position: relative;
    width: 80%;
    margin-left: 20%;
    padding: 5% 0 16% 0;
}

.page_title h1, .page_title h2 {
	padding-bottom: 5%;
}

.page_title h2 {
	margin-top: 10%;
}

.s1_img {
    position: relative;
    width: 80%;
    height: 26vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#page_19_sx .s1_img {
	background-image: url(../images/img_azienda_1.jpg);
}

#page_11_sx .s1_img {
	background-image: url(../images/img_trasporti_1.jpg);
}

#page_15_sx .s1_img {
	background-image: url(../images/img_stoccaggio_1.jpg);
}

#page_13_sx .s1_img {
	background-image: url(../images/img_contoterzi_1_2.jpg);
}

#page_17_sx .s1_img {
	background-image: url(../images/img_alimentare_1.jpg);
}

#page_91_sx .s1_img {
	background-image: url(../images/img_servizi_int_1.jpg); height: 46vw;
}


#page_19_sx .section_2_i {
    position: relative;
    padding: 10% 0 10% 15%;
}

#page_19_sx .section_2_i h2 {
	color: #ffffff;
	padding-bottom: 5%;
	text-shadow: 0px 0px 20px rgba(30,30,30,0.8);
}

#page_19_sx .section_2_i p {
	color: #ffffff;
	text-shadow: 0px 0px 20px rgba(30,30,30,0.8);
}

.section_2_i {
	margin-left: 20%;
	padding: 4% 0% 0% 0%;
}

.section_2_i h2 {
	padding-bottom: 5%;
}

.features_list {
	margin-left: -6.6vw;
}

.features_list li {
    font-family: 'Aileron';
    font-weight: 100;
    font-size: 1.4vw;
    line-height: 1.8vw;
    color: #1e1e1e;
    background-image: url(../images/png_list.png);
    background-size: 4vw;
    background-position: left;
    background-repeat: no-repeat;
    padding: 3% 0% 3% 14%;
}



.section_3_i {
    position: relative;
    padding: 20% 0 14% 0;
}

.section_3_i img {
	position: relative;
	z-index: 2;
	width: 80%;
}

#page_13 .section_3_i img {
    margin-left: 5%;
}

#page_17 .section_3_i img {
    margin-left: 10%;
    width: 90%;
}

.s3_box {
    width: 90%;
    margin-left: 10%;
    margin-top: -8%;
    position: relative;
    height: 22vw;
    background-image: url(../images/img_box.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.s3_box_i {
    padding-top: 7.4vw;
}

.s3_box h3 {
    font-size: 2.6vw;
    line-height: 3vw;
    text-align: center;
    padding-bottom: 2%;
}

.s3_box p {
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}

.s3_p_2 {
	display: none;
}






/*__________ PGES CONTENT DX __________*/

.form_container {
    float: right;
    width: 38vw;
    margin-bottom: 0%;
}

#page_19 .form_container {
    margin-bottom: 10%;
}

.form_container_i {
    width: 24vw;
    position: relative;
    margin: 5% auto 0 auto;
    border: solid 12px #fcbd16;
    background-color: #ffffff;
}

.form {
    position: relative;
    padding: 10% 6% 5% 6%;
    text-align: center;
}

.form h4 {
    color: #fcbd16;
    font-family: 'Aileron';
    font-weight: 100;
    font-size: 3.4vw;
    line-height: 3.4vw;
    text-align: center;
    margin-bottom: 5%;
}

.form-input input, .form-input textarea {
    width: calc(100% - 16px);
    font-size: 1.6vw;
    line-height: 2.4vw;
    font-family: 'Aileron';
    margin: 2% auto;
    border: none;
    background-color: #f8f8f8;
    padding: 0 8px;
}

.form-input textarea {
    resize: none;
    height: 7.2vw;
    margin-bottom: 2%;
}

.form-privacy { display: flex; align-items: center; justify-content: flex-start; }
.form-privacy .wpcf7-form-control-wrap {
	position: relative;
	float: left;
	width: 10%;
}


.form-privacy p, .form-privacy a {
	font-family: 'Aileron';
    font-size: 1.2vw;
    line-height: 1.2vw;
    color: #818181;
    text-align: left;
    
}
.form-privacy p { padding: 0 0% 0 6%; }

.form-privacy input[type=checkbox] {
    -webkit-appearance: none;
    border: 2px solid #818181;
    background-color: #f8f8f8;
    white-space: nowrap;
    padding: 0.8vw;
    margin: 0;
}

.form-privacy input[type=checkbox]:checked {
    background-image: url(../images/ico_acceptance.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 1.6vw;
    background-color: #fcbd16;
}

.captcha {
    height: 6vw;
    text-align: right;
    padding-bottom: 4%;
    float: right;
    width: auto;
    padding-top: 2%;
}

input[type="submit"] {
    border: none;
    width: 100%;
    background-color: rgba(252,189,22,1);
    color: #818181;
    font-family: 'Aileron';
    font-weight: 100;
    text-transform: uppercase;
    font-size: 3vw;
    line-height: 3vw;
    text-align: center;
    cursor: pointer;
    padding: 5% 15%;
    margin-top: 5%;
    transition: .2s ease;
}

input:hover[type="submit"] {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    color: #fcbd16;
}

input:disabled[type="submit"] {
	background-color: rgba(252,189,22,0.6);
	color: #efefef;
}

input:active[type="submit"] {
    color: #fcbd16;
}








/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━━━┓     ┏━┓ ┏┓     ┏━━━━┓     ┏━━━┓     ┏━━━━┓     ┏━━━━┓     ┏━━┓
┃┏━┓┃     ┃┏━┓┃     ┃ ┗┓┃┃     ┃┏┓┏┓┃     ┃┏━┓┃     ┃┏┓┏┓┃     ┃┏┓┏┓┃     ┗┫┣┛
┃┃ ┗┛     ┃┃ ┃┃     ┃┏┓┗┛┃     ┗┛┃┃┗┛     ┃┃ ┃┃     ┗┛┃┃┗┛     ┗┛┃┃┗┛      ┃┃
┃┃ ┏┓     ┃┃ ┃┃     ┃┃┗┓ ┃       ┃┃       ┃┗━┛┃       ┃┃         ┃┃        ┃┃
┃┗━┛┃     ┃┗━┛┃     ┃┃ ┃ ┃       ┃┃       ┃┏━┓┃       ┃┃         ┃┃       ┏┫┣┓
┗━━━┛     ┗━━━┛     ┗┛ ┗━┛       ┗┛       ┗┛ ┗┛       ┗┛         ┗┛       ┗━━┛
*/


/*__________ PGES CONTENT __________*/

#page_21 .main-container-i {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100;Neutral+Density */
	background: transparent;
	background: transparent; /* Chrome10-25,Safari5.1-6 */
	background: transparent; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: initial; /* IE6-9 fallback on horizontal gradient */
}

#page_21 h1 {
	padding-bottom: 5%;
}

#page_21 .page_title {
    position: relative;
    width: 50%;
    margin-left: 0%;
    padding: 5% 0 10% 0;
    float: left;
}

#page_21 .section_2_i p {
	font-size: 1.5vw;
	font-weight: 100;
	padding-bottom: 5%;
}
#page_21 .section_2_i p a { font: inherit; }
.contact_list {
    /*background-position: left;
    background-repeat: no-repeat;
    background-size: 2.4vw;*/
    padding: 4% 0 4% 0%;
}

#page_21 .contact_list a, #page_21 .contact_list p {
    line-height: 1.6vw;
    font-weight: 100;
    font-size: 1.6vw;
    padding-bottom: 0%;
}

/*
#contatti_1 {
	background-image: url(../images/ico_contatti_1.png);
}

#contatti_2 {
	background-image: url(../images/ico_contatti_2.png);
}

#contatti_3 {
	background-image: url(../images/ico_contatti_3.png);
}
*/



#page_21 .section_2_i {
    margin-left: 10%;
    padding: 4% 0% 10% 0%;
}

#page_21 .section_2_i iframe {
	width: 90%;
	height: 30vw;
	box-shadow: 0px 0px 40px rgba(30,30,30,0.8);
}

.contact_dove {
    width: 50%;
    position: relative;
    float: left;
    padding: 5% 0 10% 0;
}







/*__________________________________________________________________________________________________________________________________________________________________________*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*__________________________________________________________________________________________________________________________________________________________________________*/

/*
┏━━━┓     ┏━┓┏━┓     ┏━━━━┓     ┏━━━┓     ┏━━━┓
┃┏━━┛     ┗┓┗┛┏┛     ┃┏┓┏┓┃     ┃┏━┓┃     ┃┏━┓┃
┃┗━━┓      ┗┓┏┛      ┗┛┃┃┗┛     ┃┗━┛┃     ┃┃ ┃┃
┃┏━━┛      ┏┛┗┓        ┃┃       ┃┏┓┏┛     ┃┗━┛┃
┃┗━━┓     ┏┛┏┓┗┓       ┃┃       ┃┃┃┗┓     ┃┏━┓┃
┗━━━┛     ┗━┛┗━┛       ┗┛       ┗┛┗━┛     ┗┛ ┗┛
*/


/*__________ CSS AGGIUNTIVO O MODIFICHE __________*/


/* Captcha */
.grecaptcha-badge { visibility: hidden; }
.form-captcha { position: relative; width: 100%; }
.form-captcha p { font-size: 10px; line-height: 1; }
.form-captcha a { display: inline-block; margin: 0 2px; }



body .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], body .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] { display: none !important; }



.title_line {
    height: 0.4vw;
    width: 10vw;
    background-color: #fcbd16;
    margin-bottom: 2vw;
}




/* Shrink */
.hvr-shrink-custom {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, color, background-color;
	-moz-transition-property: transform, color, background-color;
	transition-property: transform, color, background-color;
}
.hvr-shrink-custom:hover, .hvr-shrink-custom:focus, .hvr-shrink-custom:active {
	background-color: #1e1e1e;
	color: #fcbd16;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}








/* Shrink-Custom */
.hvr-radial-custom {
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, color, border-color;
	transition-property: transform, color, border-color;
}
.hvr-radial-custom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2c75b4;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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-radial-custom:hover, .hvr-radial-custom:focus, .hvr-radial-custom:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: white;
	border-color: #ffffff;
}
.hvr-radial-custom:hover:before, .hvr-radial-custom:focus:before, .hvr-radial-custom:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}





/* Shrink-Custom-2 */
.hvr-radial-custom-2 {
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, color, border-color;
	transition-property: transform, color, border-color;
}
.hvr-radial-custom-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d4463c;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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-radial-custom-2:hover, .hvr-radial-custom-2:focus, .hvr-radial-custom-2:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	color: white;
	border-color: #ffffff;
}
.hvr-radial-custom-2:hover:before, .hvr-radial-custom-2:focus:before, .hvr-radial-custom-2:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}