/*
	Theme Name: Marco Coan
	Theme URI: https://www.marcocoan.it
	Description: Tavoli in acciaio e alluminio
	Version: 1.4.3
	Author: Zane Jacopo
	Author URI: https://www.jacopozane.it
	Tags: HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Circular Book';
	color: #545656;
	font-size: 1.6rem;
	line-height: 1.4;
}
/* clear */
.clearer {
    clear:both;
}
img {
	max-width:100%;
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
h1,
h2,
h3 {
	font-family:'Circular Bold';
	margin: 0;
	padding: 0;
}
h1,
h2 {
	font-size: 3.8rem;
	line-height: 1;
}
h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 1.6rem;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1600px;
	width:100%;
	margin:0 auto;
	position:relative;
}
/* header */
header {
	position: fixed;
	background-color:#fff; 
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	z-index: 500;
	padding: 30px;
}
/* logo */
.logo {
	text-align: left;
}
.logo img {
	max-width: 200px;
}
/* nav */
.nav {
	display: none;
	background-color: #fff;
	color: #545656;
	width: 100%;
	height: 100vh;
}
nav a:hover {
	color: #f45654;
}
.nav ul {
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin-top: 50%;
}
.nav ul li {
	padding: 10px 0;
	text-transform: uppercase;
}
.openclose img {
	max-width: 20px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 35px 25px;
}
/* footer */
.footer {
	padding: 0 0 50px;
}
.footer .logo {
	text-align: center;
}
.footer .copyright iframe {
	width: 100%;
	height: 400px;
}
.footer .copyright .left {
	background-image: url(https://www.marcocoan.it/wp-content/uploads/2019/02/contatti.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	margin-bottom: 50px;
	padding: 30px;
}
.footer .copyright .left span {
	display: block;
	padding: 10px 0;
}
.footer .copyright h3 {
	margin-bottom: 20px;
}
.footer .copyright a {
	color: #fff;
}
.footer .copyright a:hover {
	text-decoration: underline;
}
ul {
	list-style-type: none !important;
}
/*------------------HOME--------------------*/
.ancora {
	display: block;
	position: relative;
	visibility: hidden;
	top: -90px;
}
video {
	width: 100%;
	display: block;
}
.form-popup {
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	padding-top: 100px;
	display: none;
	text-align: left;
}
.form-popup video {
	width: 80%;
	margin: 0 auto;
	outline: none;
}
.form-popup .close a {
	color: #fff;
	text-align: right;
	margin: 5%;
	font-size: 25px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
#home {
	padding-top: 95px;
}
#home h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 1.6rem;
}
#home .titolo-principale {
	text-align: center;
	margin: 30px;
}
#home .titolo-principale span {
	color: #f45654;
}
#home .titolo-principale a {
	padding: 10px 80px;
    text-align: center;
    border: 1px solid #f45654;
    background-color: #fff;
    text-transform: uppercase;
    display: table;
    margin: 50px auto;
    color: #f45654;
    transition-duration: 1s;
}
#home .titolo-principale a:hover {
	background-color: #f45654;
	color: #fff;
	transition-duration: 1s;
}
.servizio .blocco {
	padding: 50px;
	width: 100%;
	text-align: center;
}
.servizio .blocco-1,
.servizio .blocco-4 {
	background-color: #f45654;
	color: #fff;
}
.servizio .blocco-2 {
	background-color: #545656;
	color: #fff;
}
.servizio .blocco-3 {
	background-color: #fff;
	color: #545656;
}
.icona,
.icona-red {
	width: 70px;
	margin: 0 auto 30px;
}
.servizio .blocco-1 a,
.servizio .blocco-2 a,
.servizio .blocco-4 a {
	display: block;
	width: 50px;
	height: 50px;
	margin: 30px auto 0;
	border: 2px solid #fff;
	line-height: 45px;
	color: #fff;
	border-radius: 50%;
    font-size: 2.8rem;
    font-weight: bold;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
.servizio .blocco-1 a:hover,
.servizio .blocco-4 a:hover {
	background-color: #fff;
	color: #f45654;
	transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
.servizio .blocco-2 a:hover {
	background-color: #fff;
	color: #545656;
	transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
.servizio .blocco-3 a {
	display: block;
	width: 50px;
	height: 50px;
	margin: 30px auto 0;
	border: 2px solid #545656;
	line-height: 45px;
	color: #545656;
	border-radius: 50%;
    font-size: 2.8rem;
    font-weight: bold;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
.servizio .blocco-3 a:hover {
	background-color: #545656;
	color: #fff;
	transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
.servizio h3 {
	margin-bottom: 30px;
	font-size: 2.8rem;
	font-weight: normal;
}
.esperienza {
	text-align: center;
	padding: 50px 0;
	background-image: url(https://www.marcocoan.it/wp-content/uploads/Parallax_fondo.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	margin-bottom: 50px;
}
.esperienza .sfondo {
	width:  100%;
	color: #fff;
	padding: 0 20px;
	margin-top: 250px;
}
.esperienza .titolo {
	position: absolute;
	top: -4%;
	left: 0;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-content: center;
	align-items: center;
	z-index: 200;
	width: 100%;
}
.esperienza h2 {
	font-size: 2.8rem;
}
.esperienza h2 span {
	color: #fff;
}
.esperienza img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.esperienza h3 {
	position: absolute;
	top: 22%;
	left: 0;
	z-index: 200;
	color: #fff;
	font-size: 3.8rem;
	width: 100%;
}
.esperienza h5 {
	text-transform: uppercase;
	padding: 0 0 20px;
	font-size: 1.6rem;
}
.esperienza a {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 10px 20px;
	display: table;
	margin: 20px auto 0;
}
.esperienza a:hover {
	color: #000;
	background-color: #fff;
}
.storia {
	text-align: center;
	position: relative;
}
.storia .icona-red {
	display: none;
}
.storia .anno {
	padding: 30px 0;
}
.storia .anno h2 {
	padding-bottom: 20px;
}
.storia .anno h3 {
	padding-bottom: 10px;
	font-size: 2.0rem;
}
.storia p {
	padding: 0 20px;
}
.storia .linea {
	width: 200px;
	height: 1px;
	background-color: #545656;
	display: block;
	position: absolute;
	z-index: 100px;
	bottom: 0;
	left: 50%;
	margin-bottom: 10px;
	margin-left: -100px;
}
.slide {
	margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 150;
}
.slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid #545656;
	overflow: hidden;
	margin: 0 20px;
}
.slick-dots button {
	background-color: transparent;
	color: transparent;
	border: none;
}
.slick-dots .slick-active {
	background-color: #f45654;
	border: 1px solid #f45654;
}
.staff .blocco-1 {
	position: relative;
    background-color: #666;
    width: 100%;
    height: 100px;
}
.staff img {
	margin: 0 auto;
	display: block;
}
.staff .blocco-1 h2 {
	position: absolute;
	z-index: 100;
	top: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.staff .blocco-2 {
	background-color: #f45654;
	width: 100%;
	display: table;
}
.staff .blocco-2 img {
	max-width: 80px;
	padding: 10px 0;
}
.staff .mobile .testo {
	width: 100%;
	height: 100%;
	max-width: 400px;
	background-color: #fff;
	padding: 50px 20px;
}
.staff h3 {
	margin-bottom: 20px;
	font-size: 2.0rem;
}
.staff .desktop {
	display: none;
}
.tutorial-video {
	text-align: center;
	padding: 50px 0;
	max-width: 800px;
	margin: 0 auto;
}
.tutorial-video h4 {
	margin-bottom: 10px;
}
.tutorial-video h2 {
	margin-bottom: 30px;
}
.tutorial-video .video {
	margin-bottom: 20px;
}
.tutorial-video a {
	padding: 10px 80px;
	text-align: center;
	border: 1px solid #f45654;
	background-color: #fff;
	text-transform: uppercase;
	display: table;
	margin: 50px auto;
	color: #f45654;
	transition-duration: 1s;
}
.tutorial-video a:hover {
	background-color: #f45654;
	color: #fff;
	transition-duration: 1s;
}
/*------------------SERVIZI--------------------*/
#servizi {
	padding-top: 95px;
}
#servizi .content {
	padding: 0 5%;
}
#servizi .content img {
	margin-bottom: 20px;
}
#servizi .content .right {
	margin: 30px 0;
}
#servizi h1,
#servizi h4 {
	text-align: center;
}
#servizi h1 {
	padding-bottom: 20px;
}
#servizi .desktop {
	display: none;
}
#servizi .mobile .blocco-1 {
	width: 100%;
	height: 100px;
	background-color: #545757;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#servizi .mobile .blocco-1 img {
	width: 50px;
}
#servizi .mobile .blocco-2 {
	width: 100%;
	height: 100px;
	background-color: #ececec;
	color: #545757;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-left: 20px;
}
#servizi .mobile .blocco-3 {
	background-color: #fff;
	width: 100%;
	height: 100px;
	color: #545757;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-left: 20px;
}
#servizi .mobile .testo {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
}
#servizi .mobile .testo h3 {
	width: 200px;
}
#servizi .mobile .blocco-2 img,
#servizi .mobile .blocco-3 img {
	width: 100px;
}
.accordion {
	cursor: pointer;
} 
.panel {
	margin-top: 20px;
	display: none;
	overflow: hidden;
	margin-bottom: 50px;
	padding: 0 20px;
}
#servizi h2 {
	color: #f45654;
	margin-bottom: 20px;
}
#servizi span {
	font-family:'Circular Bold';
	margin-bottom: 20px;
	display: block;
}
#servizi ul {
	list-style-position: inside;
	padding: 20px 0;
}
#servizi .panel h4 {
	text-align: left;
}
#servizi .panel img {
	margin-bottom: 20px;
}
#servizi .mobile .active .blocco-2,
#servizi .mobile .active .blocco-3 {
	color: #fff;
	background-color: #f45654;
}
#servizi .mobile .accordion p {
	font-size: 20px;
	font-weight: bold;
}
#servizi .mobile .accordion .chiuso {
	display: none;
}
#servizi .mobile .active .chiuso {
	display: block;
}
#servizi .mobile .active .aperto {
	display: none;
}
/*------------------TUTORIAL--------------------*/
#tutorial {
	display: table;
	padding-top:95px;
}
#tutorial .content {
	display: table;
	padding: 50px 5% 20px;
}
#tutorial h1,
#tutorial h4 {
	text-align: center;
}
#tutorial .video {
	position: relative;
	color: #fff;
	margin-bottom: 30px;
}
#tutorial .testo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 70%;
	padding: 20px;
	text-align: left;
}
#tutorial .grigio {
	color: #545757;
}
/*--------------GDPR------------------*/
.page-template-template-gdpr {
	text-align: left;
}
.page-template-template-gdpr h2 {
	padding-bottom: 20px;
	padding-top: 60px;
}
.page-template-template-gdpr p {
	max-width: 800px;
}
#cmplz-document, 
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 100% !important;
}
#cmplz-cookies-overview .cmplz-dropdown summary div, 
#cmplz-document .cmplz-dropdown summary div,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category="functional"], #cmplz-document .cmplz-dropdown summary div input[data-category="functional"], .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category="functional"] {
	width: 5% !important;
}
.page-template-template-gdpr input[type=checkbox], .page-template-template-gdpr input[type=radio] {
	height: auto;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #000;
	background-color: transparent;
	padding: 6px;
	margin: 0;
	max-width: 6px;
	margin-right: 10px;
}
.page-template-template-gdpr input[type=checkbox]:checked, .page-template-template-gdpr input[type=radio]:checked {
	background-color: #000;
}
.page-template-template-gdpr label {
	padding: 0;
	width: 25%;
	text-align: left;
}
#cmplz-cookies-overview .cmplz-dropdown summary div h3, #cmplz-document .cmplz-dropdown summary div h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
	width: 50%;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
	width: 15%;
	text-align: left;
}
.cmplz-category-title{
	width: 80%;
}





@font-face {
	font-family:'Circular Bold';
	src:url('fonts/CircularStd-Bold/CircularStd-Bold.eot');
	src:url('fonts/CircularStd-Bold/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/CircularStd-Bold/CircularStd-Bold.woff') format('woff'),
		url('fonts/CircularStd-Bold/CircularStd-Bold.ttf') format('truetype'),
		url('fonts/CircularStd-Bold/CircularStd-Bold.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'Circular Book';
	src:url('fonts/CircularStd-Book/CircularStd-Book.eot');
	src:url('fonts/CircularStd-Book/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/CircularStd-Book/CircularStd-Book.woff') format('woff'),
		url('fonts/CircularStd-Book/CircularStd-Book.ttf') format('truetype'),
		url('fonts/CircularStd-Book/CircularStd-Book.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'Brands';
	src:url('fonts/fa-brands-400.eot');
	src:url('fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
		url('fonts/fa-brands-400.woff') format('woff'),
		url('fonts/fa-brands-400.ttf') format('truetype'),
		url('fonts/fa-brands-400.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'Regular';
	src:url('fonts/fa-regular-400.eot');
	src:url('fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
		url('fonts/fa-regular-400.woff') format('woff'),
		url('fonts/fa-regular-400.ttf') format('truetype'),
		url('fonts/fa-regular-400.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'Solid';
	src:url('fonts/fa-solid-900.eot');
	src:url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
		url('fonts/fa-solid-900.woff') format('woff'),
		url('fonts/fa-solid-900.ttf') format('truetype'),
		url('fonts/fa-solid-900.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:414px) {
.esperienza h3 {
	top: 26%;
}

}
@media only screen and (min-width:768px) {
#home .titolo-principale {
	max-width: 400px;
	margin: 30px auto;
}
.servizio .flex {
	display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: wrap;
}
.servizio .blocco {
	float: left;
	width: 50%;
	position: relative;
}
.servizio .blocco p {
	padding-bottom: 60px;
}
.servizio .blocco a {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 100;
	margin-left: -25px;
	margin-bottom: 30px;
}
.esperienza h2 {
	max-width: 320px;
	margin: 0 auto;
	font-size: 4.8rem;
}
.esperienza h2 span {
	color: #545656;
}
.esperienza h3 {
	font-size: 4.8rem;
    text-align: left;
    top: 45%;
    left: 0;
    padding-left: 40px;
}
.esperienza h5 {
	padding: 40px 0 20px;
}
.esperienza .sfondo {
	margin-top: 480px;
	padding: 0 40px;
}
.esperienza .sfondo div {
	text-align: left;
}
.esperienza .titolo {
	top: 0;
}
.esperienza img {
	margin-top: -1px;
}
.storia p {
	margin: 0 auto;
	max-width: 350px;
}
.staff .mobile .blocco {
	float: left;
	width: 50%;
}
/*------------------TUTORIAL--------------------*/
#tutorial .video {
	width: 48%;
	float: left;
}
#tutorial .left {
	margin-right: 4%;
}
/*------------------SERVIZI--------------------*/
#servizi .mobile .testo h3 {
	width: 600px;
}


}
@media only screen and (min-width:1024px) {
h1,
h2 {
	font-size: 4.8rem;
	line-height: 1;
}
.logo {
	float: left;
	width: 30%;
}
/* nav */
.nav {
	display: block;
	background-color: transparent;
	height: auto;
	float: right;
	width: 70%;
}
.nav ul {
	margin-top: 0;
	text-align: right;
}
.nav ul li {
	padding: 0;
	display: inline-block;
	text-transform: none;
}
.nav ul li a {
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
}
.openclose img {
	display: none;
}
footer .right {
	float: right;
	width: 50%;
}
footer .right img {
	width: 100%;
	height: auto;
	max-width: 800px;
}
.footer .copyright {
	display: flex;
}
.footer .copyright .left {
	float: left;
	width: 50%;
	text-align: left;
	padding: 4%;
	margin-bottom: 0;
}
.footer .copyright .left p {
	line-height: 1.2;
}
.footer .copyright iframe {
	height: 488px;
}
.footer .logo {
	width: 100%;
    padding: 50px;
}
/* ------HOME----- */
#home .titolo-principale {
	max-width: 500px;
}
.video {
	text-align: center;
}
.servizio .blocco {
	float: left;
	width: 25%;
}
.servizio .blocco-1 .icona,
.servizio .blocco-2 .icona,
.servizio .blocco-3 .icona,
.servizio .blocco-4 .icona {
	transform: scale(1);
	transition-duration: 1s;
	-webkit-transform: scale(1);
	-webkit-transition-duration: 1s;
	-o-transform: scale(1);
	-o-transition-duration: 1s;
	-moz-transform: scale(1);
	-moz-transition-duration: 1s;
	-ms-transform: scale(1);
	-ms-transition-duration: 1s;
}
.servizio .blocco-1:hover .icona,
.servizio .blocco-2:hover .icona,
.servizio .blocco-3:hover .icona,
.servizio .blocco-4:hover .icona {
	transform: scale(1.5);
	transition-duration: 1s;
	-webkit-transform: scale(1.5);
	-webkit-transition-duration: 1s;
	-o-transform: scale(1.5);
	-o-transition-duration: 1s;
	-moz-transform: scale(1.5);
	-moz-transition-duration: 1s;
	-ms-transform: scale(1.5);
	-ms-transition-duration: 1s;
}
.servizio .flex {
	display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: nowrap;
}
.esperienza {
	padding: 80px 0;
}
.esperienza .titolo {
	top: 6%;
}
.esperienza .sfondo {
	text-align: right;
	margin-top: 150px;
	padding: 0 50px;
}
.esperienza .sfondo div {
    display: inline-block;
    text-align: right;
    max-width: 350px;
}
.esperienza h3 {
	top: auto;
	bottom: 10%;
	margin-left: -400px;
	left: 50%;
	width: auto;
}
.esperienza a {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 200;
	margin: 20px 50px;
}
.esperienza img {
	height: auto;
}
.storia .anno {
	padding: 50px 0;
}
.storia .anno a:hover h2 {
	color: #f45654;
}
.storia .anno a:hover .icona {
	display: none;
}
.storia .anno a:hover .icona-red {
	display: block;
}
.storia .linea {
	width: 50px;
	margin-left: -20px;
}
.staff .desktop {
	display: table;
    margin-bottom: 100px;
}
.staff .mobile {
	display: none;
}
.staff .desktop .blocco {
	position: relative;
	width: 22.5%;
	text-align: left;
	height: 204px;
	float: left;
	overflow: hidden;
}
.staff .desktop .blocco-1,
.staff .desktop .blocco-2 {
	width: 20%;
}
.staff .blocco-2 img {
	max-width: 100%;
}
.staff h3 {
	margin-bottom: 10px;
}
.staff .desktop .testo {
	padding: 5px;
	width: 17.5%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}
.staff .desktop .testo h4 {
	display: none;
}
/*------------------SERVIZI--------------------*/
#servizi ul {
	padding: 0;
}
#servizi .mobile {
	display: none;
}
#servizi .desktop {
	display: block;
	margin-top: 50px;
}
#servizi .desktop .testo {
	width: 90%;
}
#servizi .desktop .testo img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	transform: scale(1, 1);
	transition-duration: 2s;
	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 2s;
	-o-transform: scale(1, 1);
	-o-transition-duration: 2s;
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 2s;
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 2s;
}
#servizi .desktop .testo img:hover {
	transform: scale(1.2, 1.2);
	transition-duration: 2s;
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-duration: 2s;
	-o-transform: scale(1.2, 1.2);
	-o-transition-duration: 2s;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 2s;
	-ms-transform: scale(1.2, 1.2);
	-ms-transition-duration: 2s;
}
#servizi .desktop h3 {
	font-size: 2.5rem;
	margin-bottom: 10px;
	line-height: 1;
}
#servizi .desktop ul {
	list-style-type: none;
	display: flow-root;
    margin-bottom: 50px;
}
#servizi .desktop .blocco-1 {
	width: 25%;
	background-color: #545757;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    float: left;
    max-height: 400px;
    height: 256px;
}
#servizi .desktop .blocco-1 img {
	width: 100px;
	transform: scale(1);
	transition-duration: 1s;
	-webkit-transform: scale(1);
	-webkit-transition-duration: 1s;
	-o-transform: scale(1);
	-o-transition-duration: 1s;
	-moz-transform: scale(1);
	-moz-transition-duration: 1s;
	-ms-transform: scale(1);
	-ms-transition-duration: 1s;
}
#servizi .desktop .blocco-1:hover img {
	transform: scale(1.5);
	transition-duration: 1s;
	-webkit-transform: scale(1.5);
	-webkit-transition-duration: 1s;
	-o-transform: scale(1.5);
	-o-transition-duration: 1s;
	-moz-transform: scale(1.5);
	-moz-transition-duration: 1s;
	-ms-transform: scale(1.5);
	-ms-transition-duration: 1s;
}
#servizi .desktop .blocco-2 {
	width: 25%;
	background-color: #ececec;
	color: #545757;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-align: left;
    float: left;
    max-height: 400px;
    height: 256px;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
}
#servizi .desktop .blocco-3 {
	background-color: #fff;
	width: 25%;
	color: #545757;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-align: left;
    float: left;
    max-height: 400px;
    height: 256px;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
}
#servizi .desktop .content .left,
#servizi .desktop .content .right {
	float: left;
	width: 48%;
	text-align: justify;
}
#servizi .desktop .content .left {
	margin-right: 4%;
}
#servizi .desktop .content .right ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 20px;
	margin-bottom: 0;
}
#servizi .desktop .content .right ul li {
	margin-bottom: 20px;
}
#servizi .desktop .content .right {
	margin: 0px;
	margin-bottom: 50px;
}
#servizi .desktop .content .left {
	margin-bottom: 50px;
}
#servizi .testo-tab1 {
	display: table;
	width: 70%;
	margin: 0 auto;
}
#servizi .desktop .content img {
	padding: 50px 0;
}
#servizi .desktop .testo p {
	display: none;
}
#servizi .desktop .active .blocco-2,
#servizi .desktop .active .blocco-3 {
	background-color: #f5544a;
	color: #fff;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
}
#servizi .desktop .active p {
	display: block;
	font-size: 1.2rem;
}
#servizi .desktop .active span {
	display: none;
}
/*------------------TUTORIAL--------------------*/
#tutorial {
	padding-top: 100px;
}
#tutorial .content {
	padding: 50px 5%;
}
#tutorial .left {
	margin-right: 2%;
}
#tutorial .video {
	width: 49%;
}
#tutorial .testo {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    height: 40%;
}
#tutorial .numero {
	overflow: hidden;
}
#tutorial .numero img {
	transform: scale(1, 1);
	transition-duration: 2s;
	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 2s;
	-o-transform: scale(1, 1);
	-o-transition-duration: 2s;
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 2s;
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 2s;
}
#tutorial .numero img:hover {
	transform: scale(1.2, 1.2);
	transition-duration: 2s;
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-duration: 2s;
	-o-transform: scale(1.2, 1.2);
	-o-transition-duration: 2s;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 2s;
	-ms-transform: scale(1.2, 1.2);
	-ms-transition-duration: 2s;
}

}
@media only screen and (min-width:1200px) {
.footer .copyright .left {
	padding: 6%;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
}
.esperienza {
	padding: 120px 0;
}
.esperienza a {
	margin: 20px 50px 50px;
}
.staff .desktop .blocco {
	height: 240px;
}
.staff .desktop .testo {
	padding: 10px;
}
.staff .desktop .testo h4 {
	display: block;
}
/*------------------SERVIZI--------------------*/
#servizi .desktop .blocco-1,
#servizi .desktop .blocco-2,
#servizi .desktop .blocco-3 {
    height: 300px
}
#servizi .desktop .active p {
	display: block;
	font-size: 1.6rem;
}


}
@media only screen and (min-width:1400px) {
/*------------------HOME--------------------*/
.staff .desktop .blocco {
	height: 280px;
}
.esperienza h3 {
	bottom: 5%;
}
/*------------------SERVIZI--------------------*/
#servizi .desktop .blocco-1,
#servizi .desktop .blocco-2,
#servizi .desktop .blocco-3 {
    height: 350px
}
#servizi .desktop h3 {
	font-size: 3.5rem;
}

}

@media only screen and (min-width:1600px) {
.staff .desktop .blocco {
	height: 320px;
}
.esperienza {
	padding: 150px 0;
}
/*------------------SERVIZI--------------------*/
#servizi .desktop .blocco-1,
#servizi .desktop .blocco-2,
#servizi .desktop .blocco-3 {
    height: 400px;
}
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}