/*
 
Sitemco Website created by Marco Quaranta - Sitemco
Style CSS

*/

/*===== GOOGLE FONTS =====*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=block");




@media screen and (min-width:1024px) {
.onlysmartphone {display:none;}
}
@media screen and (min-width:150px) and (max-width:1023px) {
.onlydesktop {display:none;}
}
@media screen and (max-width:1699px) {
.onlywide {display:none;}
}
@media screen and (min-width:1700px) {
.nowide {display:none;}
}

@media screen and (min-width:1501px) {
.maxpc {display:none;}
}


/* Grigio gradiente: background: linear-gradient(180deg, rgba(242,240,240,1) 0%, rgba(250,250,250,1) 34%, rgba(198,196,196,1) 65%, rgba(189,188,188,1) 100%);  */



.bghome {
background-color: black;
}


.wrapper {
  display: grid;
  place-items: center;
}



* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', arial, sans-serif;
}


body {
overflow-x: hidden;
padding: 0px!important;	
}


b {
font-weight: 400;
}

bb {
font-weight: 600;
}

ul {
	list-style: none;
	margin: 0px;
}

p {
	
}

hr {
	 border: 0;
    border-bottom: 1px solid #ccc;
    background: #7e829c;
}


.btext {
font-weight:500!important;
}


pcookie {
color:#084181;
font-weight: 500;
font-size:14px;
}

@media screen and (max-width:1023px) {
pcookie {
color:#084181;
font-weight: 500;
font-size:13px;
}
}

bcookie {
font-weight: 600; 
font-size:15px;
}

@media screen and (max-width:1023px) {
bcookie {
font-weight: 600; 
font-size:14px;
}
}

acookie {
color: #3b4075;
}




@font-face {
	font-family: 'Coolvetica';
	src: url('coolvetica.ttf');
	src: local('Coolvetica'), url('coolvetica.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'CaviarDreams';
	src: url('CaviarDreams.ttf');
	src: local('CaviarDreams'), url('CaviarDreams.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'Roboto-Thin';
	src: url('Roboto-Thin.ttf');
	src: local('Roboto-Thin'), url('Roboto-Thin.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('Roboto-Regular.ttf');
	src: local('Roboto-Regular'), url('Roboto-Regular.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'Roboto-Light';
	src: url('Roboto-Light.ttf');
	src: local('Roboto-Light'), url('Roboto-Light.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'LTBulletin-Medium';
	src: url('LTBulletin-Medium.ttf');
	src: local('LTBulletin-Medium'), url('LTBulletin-Medium.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'LGC';
	src: url('LGC.ttf');
	src: local('LGC'), url('LGC.ttf') format('truetype');
font-display:swap;
	}

@font-face {
	font-family: 'LGCL';
	src: url('LGCL.ttf');
	src: local('LGCL'), url('LGCL.ttf') format('truetype');
font-display:swap;
	}








.logo {
position:relative;
z-index: 100000000000000000000000000000000000000000000000;
}



section.privacy .containerbig{
position:relative;
width:100%;
float:left;
margin-bottom: 80px;
padding-left:15%;
padding-right:15%;
}


@media screen and (min-width:150px) and (max-width:1023px) {

section.privacy .containerbig{
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
margin-bottom:0px;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.privacy .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.privacy .containerbig{
padding-left:5%;
padding-right:5%;
}

}







@keyframes fadeInLeftBounce {
    0% {
        opacity: 0;
        transform: translateX(-150%);
    }

    60% {
        opacity: 1;
        transform: translateX(20px);
        /* overshoot oltre la posizione */
    }

    80% {
        transform: translateX(-10px);
        /* piccolo rimbalzo indietro */
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-left {
    animation-name: fadeInLeftBounce;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-fill-mode: forwards;
    will-change: opacity, transform;
    backface-visibility: hidden;
}

@keyframes fadeInRightBounce {
    0% {
        opacity: 0;
        transform: translateX(150%);
    }

    60% {
        opacity: 1;
        transform: translateX(-20px);
        /* overshoot oltre la posizione */
    }

    80% {
        transform: translateX(10px);
        /* piccolo rimbalzo indietro */
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-right {
    animation-name: fadeInRightBounce;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-fill-mode: forwards;
    will-change: opacity, transform;
    backface-visibility: hidden;
}





/* Sezione banner */

section.banner {
	padding-top: 130px;
background: rgb(252,252,252);
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(233, 238, 247, 1) 46%, rgba(205, 224, 247, 1) 67%, rgba(202, 227, 250, 1) 83%, rgba(255, 255, 255, 1) 100%);
position:relative;

	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-align: center;
margin: 0px auto;

}


section.banner img {

width: 620px;
}

@media screen and (min-width:1024px) and (max-width:1150px) {
section.banner img {
width: 550px;
}
}

@media screen and (min-width:950px) and (max-width:1023px) {
section.banner img {
width: 550px;
}
}

@media screen and (min-width:769px) and (max-width:949px) {
section.banner img {
width:70%;

}
}

@media screen and (min-width:150px) and (max-width:768px) {
section.banner img {
width:85%;
}
}

section.banner h4 {
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

section.banner h2 {
	font: 20px 'LGC', Arial, sans-serif;
color: #212c42;
margin-bottom: 30px;
}

section.banner p {
	color: #fff;
	font-size: 14px;
}

section.banner .primary-button {
	margin-top: 30px;
}



section.banner h1 {
font: 75px 'Coolvetica', Arial, serif;
color: #091224;
margin-bottom: 0px;
font-weight: 700;
letter-spacing:2px;
}

section.banner h1 span {
    color: #096ad9;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}

@media screen and (min-width:150px) and (max-width:1023px) {

section.banner h1 {
margin-left:10px;
margin-right:10px;
font: 45px 'Coolvetica', Arial, serif;
letter-spacing:2px;
font-weight: 700;
}

section.banner h2 {
margin-left:10px;
margin-right:10px;
	font: 18px 'LGC', Arial, serif;

margin-bottom: 10px;

}

section.banner {

	padding-top:70px;
background: rgb(252,252,252);
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(233, 238, 247, 1) 46%, rgba(205, 224, 247, 1) 67%, rgba(202, 227, 250, 1) 83%, rgba(255, 255, 255, 1) 100%);

position:relative;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
}

}


/* Sezione Banner Sub */

section.bannersub {
	padding-top: 120px;
padding-bottom: 70px;
background: rgb(12,54,110,0.9);
background: radial-gradient(circle, rgba(12,54,110,0.9) 0%, rgba(71,109,159,0.9) 32%, rgba(46,85,136,0.9) 64%, rgba(12,54,110,0.9) 100%);
position:relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-align: center;
margin: 0px auto;
}

section.bannersub h4 {
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

section.bannersub h2 {
	font: 20px 'LGC', Arial, sans-serif;
color: white;
margin-bottom: 30px;
}

section.bannersub p {
	color: #1e1e1e;
	font-size: 14px;
}

section.banner .primary-button {
	margin-top: 30px;
}



section.bannersub h1 {
font: 70px 'Coolvetica', Arial, serif;
color: white;
margin-bottom: 0px;
}

@media screen and (min-width:150px) and (max-width:1023px) {



section.bannersub h1 {
margin-left:10px;
margin-right:10px;
font: 45px 'Coolvetica', Arial, serif;


}

section.bannersub h2 {
margin-left:10px;
margin-right:10px;
	font: 18px 'LGC', Arial, serif;

margin-bottom: 10px;

}

section.bannersub {
position:relative;
	padding-top: 70px;
padding-bottom: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
}

}






/* Sezione x4 */

section.x4 .containerbig {
position:relative;
width:100%;
float:left;
max-width: 2000px;
background: #13539c;
background: radial-gradient(circle,rgba(19, 83, 156, 1) 0%, rgba(9, 106, 217, 1) 27%, rgba(9, 106, 217, 1) 77%, rgba(38, 125, 224, 1) 100%);
opacity: 80%;
background-size: cover;

}


section.x4 .container {


height:130px;
display:block;
width:25%;
float:left;
position:relative;
padding-top: 2%;
padding-bottom: 2%;
padding-right: 5%;
padding-left: 5%;

}




section.x4 .container p {
font: 18px 'LGC', Arial, serif;
line-height:1.8em;
font-weight:500;
color:white;
}


@media screen and (min-width:150px) and (max-width:1023px) {

section.x4 .containerbig {
padding-left:0%;
padding-right:0%;
margin-bottom: 0px;
}


section.x4 .container {
background-size: cover;
height:100px;
display:block;
width:50%;
float:left;
position:relative;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 5%;
padding-right: 5%;
}

}




/* Sezione Introduzione */

section.introduzione {
background: #faffff;
background: linear-gradient(0deg,rgba(250, 255, 255, 1) 0%, rgba(247, 248, 250, 1) 20%, rgba(247, 248, 250, 1) 80%, rgba(250, 255, 255, 1) 100%);
padding-top: 120px;
color: #091224;
}

@media screen and (min-width:150px) and (max-width:949px) {
section.introduzione {
padding-top: 20px;
}
}

section.introduzione .containerbig{
position:relative;
width:100%;
max-width:1600px;
float:left;
margin-bottom: 80px;
padding-left:15%;
padding-right:15%;
margin-top: 30px;
}

section.introduzione .containerleft {
padding-right: 30px;
display:block;
width:50%;
float:left;
position:relative;
}

section.introduzione .containerleft h3 {
font: 75px 'Coolvetica', Arial, serif;
line-height:1.4em;
margin:0;
letter-spacing:2px;
font-weight:700;
}

section.introduzione .containerleft h3 span {
    color: #096ad9;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}

section.introduzione .containerright{
display:block;
width:50%;
position:relative;
float:left;
padding-left: 30px;
}

section.introduzione .containerright p {
font: 21px 'LGC', serif, Arial;
line-height:1.7em;
font-weight: 500;
text-align: left;
color: #3e4f66;
}


section.introduzione .info1{

display:block;
width:33%;
float:left;
position:relative;
padding-right: 8%
}


section.introduzione .info2{

display:block;
width:34%;
float:left;
position:relative;
padding-left: 4%;
padding-right: 4%

}

section.introduzione .info3{

display:block;
width:33%;
float:left;
position:relative;
padding-left: 8%;

}

@media screen and (min-width:150px) and (max-width:1023px) {

section.introduzione {
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 90%, rgba(235,235,235,1) 100%);
}

section.introduzione .containerbig{
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
margin-bottom:0px;
}

section.introduzione .containerleft{

display:block;
width:100%;
margin: 0 auto;
position:relative;
margin-top: 40px;
padding-right: 0%;

}

section.introduzione .containerleft h3 {
line-height: 1.2em;
margin-bottom: 20px;
font-size:37px;
}

section.introduzione .containerright{
padding-right: 0%;
display:block;
width:100%;
position:relative;
margin-bottom:10px;
padding-left: 0px;
}


section.introduzione .info1{


width:100%;
padding-left:0%;
padding-right: 0%;
margin-bottom: 20px;
margin-top: 15px;
}


section.introduzione .info2{

width:100%;
padding-left:0%;
padding-right: 0%;
margin-bottom: 20px;
}

section.introduzione .info3{

width:100%;
padding-left:0%;
padding-right: 0%;
margin-bottom: 0px;
margin-bottom:55px;
}


}


@media screen and (min-width:768px) and (max-width:1023px) {

section.introduzione .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.introduzione .containerbig{
padding-left:5%;
padding-right:5%;
}

section.introduzione .containerbig .containerright {
padding-right:0%;
}

}



/* Sezione Step */

section.step {
background: #13539c;
background: radial-gradient(circle,rgba(19, 83, 156, 1) 0%, rgba(9, 106, 217, 1) 27%, rgba(9, 106, 217, 1) 77%, rgba(38, 125, 224, 1) 100%);
}

section.step .containerbig{
max-width: 1600px;
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
color: white;
padding-bottom:180px;
}


section.step .containerbig h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-bottom: 40px;
margin-top: 55px;
margin-bottom: 100px!important;
letter-spacing:2px;
}

section.step .containerbig .containerimg{

display:block;
width:50%;
float:left;
left:-100px;
position:relative;
text-align:left;
}

section.step .containerbig .containerimg2{
display:block;
width:50%;
float:right;
right:-100px;
position:relative;
text-align:right;
}


section.step .containerbig img {
text-align:center;
height:200px;
}


section.step .containerbig .container-text{
display:block;
width:50%;
position:relative;
float:right;
padding-left:8%;
}

section.step .containerbig .container-text2{
display:block;
width:50%;
position:relative;
float:left;
padding-right:8%;
}

section.step .containerbig .container-text h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
letter-spacing:1px;

}


section.step .containerbig .container-text p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;

}


section.step .containerbig .container-text2 h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
letter-spacing:1px;

}


section.step .containerbig .container-text2 p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;

}


@media screen and (min-width:150px) and (max-width:1023px) {

section.step .containerbig .containerimg img {
height: 200px; 
}

section.step .containerbig {

position:relative;
width:100%;
float:left;
padding-left:5%;
padding-right:5%;

}

section.step h3 {
line-height: 1.2em;
margin-bottom: 20px;
margin-top: 35px!important;
}


section.step .containerbig .containerimg{

display:block;
width:100%;
margin: 0 auto;
position:relative;
margin-top: 10px;
padding-right: 0%;
padding-bottom: 20px;
left:0px;
}

section.step .containerbig .containerimg2{

display:block;
width:100%;
margin: 0 auto;
position:relative;
margin-top: 10px;
padding-right: 0%;
left:0px;
padding-bottom: 20px;
}



section.step .containerbig .container-text{

width:100%;


padding-left:0%;
padding-top:0%;
margin-bottom: 40px;

}

section.step .containerbig .container-text2{

width:100%;


padding-right:0%;
padding-top:0%;
margin-bottom: 40px;
}

}


@media screen and (min-width:768px) and (max-width:1023px) {

section.step .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.step .containerbig{
padding-left:5%;
padding-right:5%;
}

}





/* Sezione Template */

section.template {
background: #faffff;
background: linear-gradient(0deg,rgba(250, 255, 255, 1) 0%, rgba(247, 248, 250, 1) 20%, rgba(247, 248, 250, 1) 80%, rgba(250, 255, 255, 1) 100%);
color:#2e2e2e;
}

section.template .containerbig{
max-width: 1600px;
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
margin-bottom: 80px;
}


section.template h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align:center;
margin-top:0px;
letter-spacing:2px;
color:#091224;
}

section.template span {
    color: #096ad9;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}

section.template .containerleft {
position:absolute;
left:50px;
float: left;
margin-top: 70px;
padding-right: 15%;
display:block;
width:50%;
max-width: 800px;
}

section.template .containerleft .img1 {
border-radius: 10% 0% 0% 0%;
float:left;
width: 50%;
}

section.template .containerleft .img2 {
border-radius: 0% 10% 0% 0%;
float:left;
width: 50%;
}

section.template .containerleft .img3 {
border-radius: 0% 0% 0% 10%;
float:left;
width: 50%;
}

section.template .containerleft .img4 {
border-radius: 0% 0% 10% 0%;
float:left;
width: 50%;
}



section.template .containerright{
display:block;
width:50%;
position:relative;
float:right;
margin-top: 40px;
}


section.template h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
letter-spacing:1px;
}

section.template p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
color: #3e4f66;
}





@media screen and (min-width:150px) and (max-width:1023px) {

section.template .containerbig {
position:relative;
width:100%;
float:left;
padding-left:5%;
padding-right:5%;
margin-bottom: 55px;

}


section.template h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 35px;
margin-bottom: 30px;		
}

section.template .containerleft {
position:relative;
width:100%;
left:-50px;
margin: 0 auto;
margin-top: 70px;
padding-right: 0%;
}

section.template .containerright{
width:100%;
margin: 0 auto;
margin-top: 20px;
padding-right: 0%;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.template .containerbig{
padding-left:12%;
padding-right:12%;
}

}

section.template .containerleft {
margin-top: 70px;
}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.template .containerbig{
padding-left:5%;
padding-right:5%;
}


section.template .containerleft {
margin-top: 55px;
}

}



/* Sezione Promo */

section.promo {
background: #13539c;
background: radial-gradient(circle,rgba(19, 83, 156, 1) 0%, rgba(9, 106, 217, 1) 27%, rgba(9, 106, 217, 1) 77%, rgba(38, 125, 224, 1) 100%);
}

section.promo .containerbig {
max-width: 1600px;
/* #7e829c */
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
padding-bottom: 80px;
color: white;
}


section.promo .containerbig h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-top:0px;
letter-spacing: 2px;
}

section.promo .containerbig p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
}

section.promo .containerbig .containerleft {
float:left;
width: 50%;
margin-top: 50px;
}

section.promo .containerbig .containerright {
position:absolute;
right:50px;
float: right;
width: 50%;
padding-left: 15%;
margin-top: 70px;
}

@media screen and (min-width:150px) and (max-width:1023px) {

section.promo .containerbig {
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
padding-bottom: 55px;
}

section.promo .containerbig .containerleft {
width: 100%;
padding: 0;
margin-top:20px;
}

section.promo .containerbig .containerright {
width: 100%;
position:relative;
right:-50px;
padding: 0;
}

section.promo .containerbig h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align: center;
margin-top: 35px;
margin-bottom: 30px;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.promo .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.promo .containerbig{
padding-left:5%;
padding-right:5%;
}

}





/* Sezione Add */

section.add {
background: #faffff;
background: linear-gradient(0deg,rgba(250, 255, 255, 1) 0%, rgba(247, 248, 250, 1) 20%, rgba(247, 248, 250, 1) 80%, rgba(250, 255, 255, 1) 100%);
color:#2e2e2e;
}

section.add h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-top: 55px;
margin-bottom: 45px;
letter-spacing: 2px;
color: #091224;
}

section.add span {
    color: #096ad9;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}


section.add .containerbig {
max-width: 1600px;
position:relative;
width:100%;
float:left;
margin-bottom: 30px;
padding-left:15%;
padding-right:15%;
}





section.add .containerbig .add1{
display:block;
width:50%;
float:left;
position:relative;
padding-left: 0%;
padding-right: 10%;
padding-bottom: 5%;
}



section.add .containerbig .add2{
display:block;
width:50%;
position:relative;
float:left;

padding-left: 10%;
padding-right: 0%;
padding-top: 80px;
padding-bottom: 5%;
}

section.add .containerbig .add3{
display:block;
width:50%;
float:left;
position:relative;

padding-left: 0%;
padding-right: 10%;
margin-top:-80px;
padding-bottom: 5%;
}

section.add .containerbig h4 {
text-align: center;
margin: 0 auto;
font: 30px 'Coolvetica', Arial, serif;
line-height:1.4em;
letter-spacing:1px;
color:#091224;
}


section.add .containerbig .img {
width: 291px;
margin: 0 auto;
text-align:center;
}

section.add .containerbig .img img {
height: 125px;
}

section.add .containerbig p {

font: 20px 'LGC', Arial, serif;
line-height:1.8em;
color: #3e4f66;
}


@media screen and (min-width:150px) and (max-width:1023px) {

section.add .containerbig{
position:relative;
width:100%;
padding-bottom:0%!important;
padding-top:0%!important;
margin-bottom:0%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;

}

section.add h3 {
line-height: 1.2em;
font: 38px 'Coolvetica', Arial, serif;
margin-top: 35px;
}

section.add .containerbig .add1{
width:100%;
padding-left: 0%;
padding-right: 0%;
padding-top: 0px;
padding-bottom: 10%;
}


section.add .containerbig .add2{
width:100%;
padding-left: 0%;
padding-right: 0%;
padding-top: 0px;
padding-bottom: 10%;
}

section.add .containerbig .add3{
width:100%;
padding-left: 0%;
padding-right: 0%;
padding-top: 0px;
padding-bottom: 10%;
margin-top:0px;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.add .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.add .containerbig{
padding-left:5%;
padding-right:5%;
}

}


/* Sezione Preventivo */

section#preventivo {
background: #faffff;
background: linear-gradient(0deg,rgba(250, 255, 255, 1) 0%, rgba(247, 248, 250, 1) 20%, rgba(247, 248, 250, 1) 80%, rgba(250, 255, 255, 1) 100%);
color:#2e2e2e;
}

section#preventivo .containerbig {
color:#2e2e2e;
position:relative;
width:100%;
float:left;
padding-bottom:50px;
padding-left:15%;
padding-right:15%;
text-align:center;
max-width: 1600px;

}

@media screen and (min-width:150px) and (max-width:1023px) {

section#preventivo .containerbig{
position:relative;
width:100%;

margin-bottom:0%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
}
}



@media screen and (min-width:768px) and (max-width:1023px) {

section#preventivo .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section#preventivo .containerbig{
padding-left:5%;
padding-right:5%;
}

}





/* === Esplora === */

/* Sezione Esplora 1 */

section.esplora1 {
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}

section.esplora1 .containerbig{
position:relative;
width:100%;

float:left;
padding-left: 15%;
padding-right:15%;
margin-bottom: 200px;

}


section.esplora1 h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align:center;
margin-top: 55px;
margin-bottom: 10px;
letter-spacing:1px;
}

section.esplora1 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 40px;
color: #6e6e6e;
padding-top: 0px;
}

section.esplora1 .containerleft {
position:relative;
display:block;
width:50%;
float:left;
height:50%;
padding-top:50px;
}



section.esplora1 .containerleft .img1 {
border-radius: 10% 0% 0% 0%;
float:left;
width: 50%;
}

section.esplora1 .containerleft .img2 {
border-radius: 0% 10% 0% 0%;
float:left;
width: 50%;
}

section.esplora1 .containerleft .img3 {
border-radius: 0% 0% 0% 10%;
float:left;
width: 50%;
}

section.esplora1 .containerleft .img4 {
border-radius: 0% 0% 10% 0%;
float:left;
width: 50%;
}


section.esplora1 .containerright{
display:block;
width:50%;
position:relative;
float:right;
padding-left:5%;
}


section.esplora1 h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
letter-spacing:1px;
}

section.esplora1 p {
color: #2e2e2e;
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
padding-top:50px;
}



@media screen and (min-width:150px) and (max-width:1023px) {

section.esplora1 .containerbig {
position:relative;
width:100%;
float:left;
padding-left:5%;
padding-right:5%;
margin-bottom: 55px;
}

section.esplora1 p {
color: #2e2e2e;
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
padding-top:0px;
}

section.esplora1 h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 70px;
margin-bottom: 10px;		
}

section.esplora1 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 0px;
color: #6e6e6e;
line-height: 1.4em;
}


section.esplora1 .containerleft {
width:100%;
margin: 0 auto;

padding-right: 0%;
}

section.esplora1 .containerright{
width:100%;
margin: 0 auto;
margin-top: 20px;
padding-right: 0%;
padding-left:0%;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.esplora1 .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.esplora1 .containerbig{
padding-left:5%;
padding-right:5%;
}

}

@media screen and (min-width:1024px) and (max-width:1699px) {
section.esplora1 .containerbig {
margin-bottom: 80px;
}
}





/* Sezione Esplora 2 */

section.esplora2 {
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}


@media screen and (min-width:1501px) {
section.esplora2 .imgextra {
display:none;
}
}

@media screen and (min-width:1024px) and (max-width:1500px) {
section.esplora2 .imgextra {
position:absolute;
width:15%;
float:left;
left:42.5%;
top:50%;
}
}

@media screen and (max-width:1023px) {
section.esplora2 .imgextra {
position:relative;
width:30%;
margin-bottom:30px;
}
}

@media screen and (max-width:600px) {
section.esplora2 .imgextra {
position:relative;
width:50%;
}
}

section#extrasocial .containerimg {
position:absolute;
float:left;
left: -10%;
top:40px;
width:20%;
}

section#extrasocial .containerimg2 {
position:absolute;
float:right;
right: -10%;
width:20%;
bottom:40px;
}

section#extraecommerce .containerimg {
position:absolute;
float:left;
left: -10%;
bottom:150px;
width:20%;
}

section#extraecommerce .containerimg2 {
position:absolute;
float:right;
right: -10%;
width:20%;
top:150px;
}

section#extragrafiche .containerimg {
position:absolute;
float:left;
left: -10%;
top:30px;
width:20%;
}

section#extragrafiche .containerimg2 {
position:absolute;
float:right;
right: -10%;
width:20%;
top:30px;
}

section#extramanutenzione .containerimg {
position:absolute;
float:left;
left: -10%;
top:80px;
width:20%;
}

section#extramanutenzione .containerimg2 {
position:absolute;
float:right;
right: -10%;
width:20%;
bottom:80px;
}



section.esplora2 .containerbig {
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
padding-bottom: 80px;
color: #2e2e2e;
}


section.esplora2 .containerbig h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-top: 55px;
margin-bottom: 10px;
}

section.esplora2 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 80px;
color: #6e6e6e;
}

section.esplora2 .containerbig p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
color: #4e4e4e;
}

section.esplora2 .px2sx {
float:left;
width: 46%;
padding-left: 0%;
padding-right: 4%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .px2dx {
float:left;
width: 46%;
padding-left: 4%;
padding-right: 0%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .px2sxadd {
float:left;
width: 50%;
padding-left: 0%;
padding-right:10%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .px2dxadd {
float:left;
width: 50%;
padding-left: 10%;
padding-right: 0%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .titlex2 {
font: 24px 'Coolvetica', Arial, serif;
text-align:center;
}

section.esplora2 .containerbig .containerleft {
float:left;
width: 95%;
}

section.esplora2 .containerbig .containerright {
margin-top: 50px;
position:absolute;
right:-50px;
width: 22%;
z-index: 1;
}



section.esplora2 .containerbig .containercenter {
float:left;
width: 100%;
}



section.esplora2 .containerbig .containerright img {
height:80%;
}

@media screen and (min-width:1318px) {
section.esplora2 .containerbig .containerright img {

}
}


@media screen and (max-width:1500px) {
.containerimg {
display:none;
}
.containerimg2 {
display:none;
}
}


@media screen and (min-width:1024px) and (max-width:1500px) {

section.esplora2 .containerbig .containerright {
margin-top: 50px;
position:absolute;
right:-50px;
width: 18%;
z-index: 1;
}

}

@media screen and (min-width:150px) and (max-width:1023px) {

section.esplora2 .containerbig {
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
padding-bottom: 55px;
}

section.esplora2 .containerbig .containerleft {
width: 100%;
padding: 0;
}

section.esplora2 .containerbig .containerright {
width: 100%;
padding: 0;
}

section.esplora2 .containerbig h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 70px;
margin-bottom: 10px;	
}

section.esplora2 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
color: #6e6e6e;
line-height: 1.4em;
padding-bottom: 20px;
}


section.esplora2 .px2sx {
float:left;
width: 100%;
padding-left: 0%;
padding-right: 0%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .px2dx {
float:left;
width: 100%;
padding-left: 0%;
padding-right: 0%;
margin: 0px;
padding-bottom: 10px;
}


section.esplora2 .px2sxadd {
float:left;
width: 100%;
padding-left: 0%;
padding-right:0%;
margin: 0px;
padding-bottom: 10px;
}

section.esplora2 .px2dxadd {
float:left;
width: 100%;
padding-left: 0%;
padding-right: 0%;
margin: 0px;
padding-bottom: 10px;
}


}




@media screen and (min-width:768px) and (max-width:1023px) {

section.esplora2 .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.esplora2 .containerbig{
padding-left:5%;
padding-right:5%;
}

}




/* Sezione Esplora 3 */

section.esplora3 {
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}

section.esplora3 .containerbig {
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
padding-bottom: 80px;
color: #2e2e2e;
}


section.esplora3 .containerbig h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-top: 55px;
margin-bottom: 10px;
}

section.esplora3 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 80px;
color: #6e6e6e;
}

section.esplora3 .containerbig p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
color: #4e4e4e;

}

section.esplora3 .pr {
float:left;
width: 46%;
padding-left: 0%;
padding-right: 4%;
margin: 0px;
padding-bottom: 10px;
}


section.esplora3 .titlex2 {
font: 24px 'Coolvetica', Arial, serif;
text-align:center;
padding-top: 100px;
}

section.esplora3 .containerbig .containerleft {
float:left;
width: 33%;
padding-right: 5%;
}

section.esplora3 .containerbig .containercenter {
float: left;
width: 34%;
padding-left: 5%;
padding-right: 5%;
}

section.esplora3 .containerbig .containerright {
float: right;
width: 33%;
padding-left: 5%;
}



section.esplora3 .containerbig .containerright img {

}

@media screen and (min-width:1318px) {
section.esplora3 .containerbig .containerright img {

}
}



@media screen and (min-width:150px) and (max-width:1023px) {

section.esplora3 .containerbig {
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
padding-bottom: 55px;
}

section.esplora3 .containerbig .containerleft {
width: 100%;
padding: 0;
padding-top:20px;
}

section.esplora3 .containerbig .containerright {
width: 100%;
padding: 0;
}

section.esplora3 .containerbig h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 70px;
margin-bottom: 10px;
}


section.esplora3 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
color: #6e6e6e;
line-height: 1.4em;
padding-bottom: 20px;
}

section.esplora3 .titlex2 {
font: 24px 'Coolvetica', Arial, serif;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
margin:0px;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.esplora3 .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.esplora3 .containerbig{
padding-left:5%;
padding-right:5%;
}

}



/* Esplora 4 
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
*/

section.esplora4 {
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}

@media screen and (min-width:1024px) {
section#esploratemplate section.esplora4 .containerbig {
background-image: url("../img/sfondotemplate.png");
background-repeat: no-repeat;
background-size: 100%;
}
}

section.esplora4 .containerbig {
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
padding-bottom: 80px;
color: #2e2e2e;
}


section.esplora4 .containerbig h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align: center;
margin-top: 55px;
margin-bottom: 10px;
}

section.esplora4 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 80px;
color: #6e6e6e;
}

section.esplora4 .containerbig p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
color: #4e4e4e;

}


section.esplora4 .containerbig img {
width: 70%;
padding-bottom: 40px;
}

section.esplora4 .containerbig .centrato {
text-align: center!important;
padding-bottom: 40px;
}


section.esplora4 .containerbig .testosx {
width: 40%;
float:left;
margin-right: 20%;
}

section.esplora4 .containerbig .testodx {
width: 40%;
float:left;
}

section.esplora4 .containerbig .titolosx {
font-weight: 600;


}

section.esplora4 .containerbig .titolodx {
font-weight: 600;

}


@media screen and (min-width:150px) and (max-width:1023px) {

section.esplora4 .containerbig .centrato {
text-align: center!important;
padding-bottom: 10px;
}

section.esplora4 .containerbig img {
width: 100%;
padding-bottom: 40px;
}

section.esplora4 .containerbig .testosx {
width: 100%;
margin-right: 0%;
}

section.esplora4 .containerbig .testodx {
width: 100%;
float:left;
}

section.esplora4 .containerbig h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 70px;
margin-bottom: 10px;	
}

section.esplora4 .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
color: #6e6e6e;
line-height: 1.4em;
padding-bottom: 20px;
}

}

/* Sezione Video */

section.esploravideo {

color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}

section.esploravideo .containerbig{
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
margin-bottom: 80px;
}


section.esploravideo h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align:center;
margin-top: 55px;
margin-bottom: 10px;
}

section.esploravideo .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 40px;
color: #6e6e6e;
padding-top: 0px;
}

section.esploravideo .containerleft {
padding-right: 15%;
display:block;
width:50%;
float:left;
position:relative;
margin-top: 50px;
}




section.esploravideo .containerright{
display:block;
width:50%;
position:relative;
float:left;
}


section.esploravideo h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
}

section.esploravideo p {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
padding-top:50px;
}





@media screen and (min-width:150px) and (max-width:1023px) {

section.esploravideo .containerbig {
position:relative;
width:100%;
float:left;
padding-left:5%;
padding-right:5%;
margin-bottom: 55px;

}


section.esploravideo h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 35px;
margin-bottom: 30px;		
}

section.esploravideo .containerleft {
width:100%;
margin: 0 auto;

padding-right: 0%;
}

section.esploravideo .containerright{
width:100%;
margin: 0 auto;
margin-top: 20px;
padding-right: 0%;
}

}

@media screen and (min-width:768px) and (max-width:1023px) {

section.esploravideo .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.esploravideo .containerbig{
padding-left:5%;
padding-right:5%;
}

}


/* Esplora FAQ */


section.faq {
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}

section.faq .containerbig{
position:relative;
width:100%;

float:left;
padding-left: 15%;
padding-right:15%;


}


section.faq h3 {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
text-align:center;
margin-top: 55px;
margin-bottom: 10px;
letter-spacing:1px;
}

section.faq .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
padding-bottom: 40px;
color: #6e6e6e;
padding-top: 0px;
}
section.faq h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
letter-spacing:1px;
}

section.faq p {
color: #2e2e2e;
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
padding-top:50px;
}



@media screen and (min-width:150px) and (max-width:1023px) {

section.faq p {
color: #2e2e2e;
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
text-align: left!important;
padding-top:20px;
}

section.faq .containerbig h3 {
font: 38px 'Coolvetica', Arial, serif;
line-height:1.2em;
text-align:center;
margin-top: 70px;
margin-bottom: 10px;	
}

section.faq .containerbig .subh3 {
text-align: center!important;
font-size: 17px;
color: #6e6e6e;
line-height: 1.4em;
padding-bottom: 20px;
}

}



/* Servizi */

section.servizi {
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}


section.servizi .containerbig {
position:relative;
width:100%;
float:left;
padding-bottom: 100px;
padding-left:15%;
padding-right:15%;
background: rgb(252,252,252);
}


section.servizi .containerbig .containerofferte {
position:relative;
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left: 5%;
padding-right: 5%;
border: 1px solid #ffd700;
border-left-width:5px;
border-right-width:5px;
border-radius:0%;
margin-bottom: 20px;
}

section.servizi .containerbig .containerofferte h4 {
position:relative;
color: red;
font: 25px 'Coolvetica', Arial;
letter-spacing: 0.5px;
}

section.servizi .containerbig .containerofferte p {
position:relative;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
}

section.servizi .containerbig .containerofferte oldprice {
color:red;
}

section.servizi .containerbig .containerofferte newprice {
color:green;
}

section.servizi .containerbig .hservizi {
text-align:center;
color: #084181;
font: 34px 'Coolvetica', Arial;
letter-spacing: 1.5px;
font-weight:600;
}

section.servizi .containerbig .subh3 {
text-align:center;
color: #6e6e6e;
font-weight:300;
font: 17px 'LGC', Arial;
}

section.servizi .containerbig .imgh3{
margin-left:40%;
margin-right:40%;
width:20%;
margin-bottom:20px;
}

section.servizi .containerbig .containerprezzi {
position:relative;
width:100%;
padding-top:20px;
height:200px;
padding-left: 5%;
padding-right: 5%;
border: 1px solid #084181;
border-radius:0%;
margin-bottom: 20px;
}

section.servizi .containerbig .cgratis {
border: 1px solid green;
}



section.servizi .containerbig .containerprezzi h4 {
font-size:24px;
}

section.servizi .containerbig .containerprezzi .cleft {
position:relative;
width: 60%;
float:left;
padding-right:0%;

}

section.servizi .containerbig .containerprezzi .cright {
float:right;
width: 38%;
padding-left:2%;
}

section.servizi .containerbig .containerprezzi .hleft {
position:relative;
color: #084181;
font: 25px 'Coolvetica', Arial;
letter-spacing: 0.5px;
}

section.servizi .containerbig .containerprezzi .hright {
color: #084181;
text-align:right;
font: 20px 'LGC', Arial;
}


section.servizi .containerbig .containerprezzi .pleft {
position:relative;
overflow:auto;
height:100px;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
}

section.servizi .containerbig .containerprezzi .pright {
font-size: 15px;
font-weight: 300;
text-align:right;
font: 17px 'LGC', Arial;
}

section.servizi .containerbig .containerprezzi sconto {
font-size: 24px;
color:red;
}


section.servizi .containerbig .containerprezzi newprice {
color: green!important;
font-size: 26px;
}


section.servizi .containerbig .containerprezzi .pright oldprice {
text-decoration: line-through;
color:red;
font-size: 24px;
}


@media screen and (min-width:150px) and (max-width:1023px) {
section.servizi .containerbig .imgh3{
margin-left:25%;
margin-right:25%;
width:50%;
}
}


@media screen and (min-width:700px) and (max-width:1023px) {

section.servizi .containerbig .imgh3{
margin-left:35%;
margin-right:35%;
width:30%;
}

section.servizi .containerbig {
padding-left:5%;
padding-right:5%;
}

}


@media screen and (min-width:150px) and (max-width:699px) {

section.servizi .containerbig {
padding-left:5%;
padding-right:5%;
}


section.servizi .containerbig .containerprezzi .cleft {
width: 100%;
padding-right:0%;

}

section.servizi .containerbig .containerprezzi .cright {
float:right;
width: 100%;
padding-left:5%;
}


section.servizi .containerbig .containerprezzi {
position:relative;
width:100%;
padding-top:20px;
height:300px;
padding-left: 5%;
padding-right: 5%;
border: none;
border-radius:0%;
margin-bottom: 20px;

}

section.servizi .containerbig .containerprezzi .hleft {

}



section.servizi .containerbig .containerprezzi .pleft {
position:relative;
font-weight: 300;
height:auto;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
}

section.servizi .containerbig .containerprezzi .pright {
position:relative;
font-weight: 300;
height:auto;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
margin-bottom:50px;
}

section.servizi .containerbig .hservizi {
font: 34px 'Coolvetica', Arial;
letter-spacing: 1.5px;
font-weight:600;
margin-top:30px;
}

section.servizi .containerbig .cgratis {
border: none;
}

}



@media screen and (min-width:700px) and (max-width:1023px) {

section.servizi .containerbig .containerprezzi .cleft {
width: 55%;
padding-right:0%;

}

section.servizi .containerbig .containerprezzi .cright {
width: 43%;
padding-left:2%;
}

}




/* Lavora con noi */

section.lavora {
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}


section.lavora .containerbig {
position:relative;
width:100%;
float:left;
padding-top: 40px;
padding-bottom: 60px;
padding-left:15%;
padding-right:15%;
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);

}


section.lavora .containerbig h3 {
position:relative;
color: #4a4a4a;
font: 25px 'Coolvetica', Arial;
letter-spacing: 0.5px;
}

section.lavora .containerbig p {
position:relative;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
}



/* Contattaci */


section.contattaci {
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);
}


section.contattaci .containerbig {
position:relative;
width:100%;
float:left;
padding-top: 40px;
padding-bottom: 60px;
padding-left:15%;
padding-right:15%;
color:#2e2e2e;
background: rgb(252,252,252);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 80%, rgba(250,250,250,1) 100%);

}


section.contattaci .containerbig .cleft {
float:left;
width:45%;
padding-right:5%;
position:relative;
padding-top: 50px;
}

section.contattaci .containerbig .cright {
float:right;
width:50%;
position:relative;
}

section.contattaci .containerbig .cright .img {
width:100%;
}


section.contattaci .containerbig h3 {
position:relative;
color: #4a4a4a;
font: 35px 'Coolvetica', Arial;
letter-spacing: 0.5px;
}

section.contattaci .containerbig p {
position:relative;
font: 15px 'Roboto-Light', Arial;
line-height:1.5em; 
font-weight:600;
color: #4a4a4a;
padding-bottom:30px;
}






ab {
font: 55px 'Coolvetica', Arial, serif;
color: white;
}



ad {
font: 40px 'Coolvetica', Arial, serif;
line-height:1.4em;
}


ae {
font: 20px 'LGC', Arial, serif;
line-height:1.8em;
color: #1e1e1e;
}

af {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
}





 
a.bottone {

 color: white; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: #096ad9; /* sfondo del bottone */
  padding: .7em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:24px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;

} 

a.bottone:hover { background: #124b8c; } /* cambio dello sfondo al passagio del mouse */

a.bottone:active { background: #08284d; } /* cambiare lo sfondo al premere bottone   */


@media screen and (min-width:150px) and (max-width:1023px) {
a.bottone {
 color: #fff; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
 
  padding: .7em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:20px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
} 

}



a.bottone2 {

 color: white; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: #096ad9; /* sfondo del bottone */
  padding: .6em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:20px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;


} 

a.bottone2:hover { background: #124b8c; } /* cambio dello sfondo al passagio del mouse */

a.bottone2:active { background: #093363; } /* cambiare lo sfondo al premere bottone   */


@media screen and (min-width:150px) and (max-width:1023px) {
a.bottone2 {  

} 

}

@media screen and (min-width:150px) and (max-width:400px) {
a.bottone2 {
font-size: 16px;
}

}


a.bottonebianco {

 color: #226BAA; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: white; /* sfondo del bottone */
  padding: .6em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:20px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;


} 

a.bottonebianco:hover { background: #65a4eb; } /* cambio dello sfondo al passagio del mouse */

a.bottonebianco:active { background: #093363; } /* cambiare lo sfondo al premere bottone   */


@media screen and (min-width:150px) and (max-width:1023px) {
a.bottonebianco {
 
} 

}

@media screen and (min-width:150px) and (max-width:400px) {
a.bottonebianco {
font-size: 16px;
}

}



a.bottonepreventivo {
right: 0px;
margin-right: 10%;
margin-top: 13px;
position: fixed;
 color: white; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: #096ad9; /* sfondo del bottone */
  padding: .6em 1.3em; /* padding dal testo dal bordo del bottone */  
font-size:18px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
z-index: 2001;
} 

a.bottonepreventivo:hover { background: #124b8c; } /* cambio dello sfondo al passagio del mouse */

a.bottonepreventivo:active { background: #093363; } /* cambiare lo sfondo al premere bottone   */



@media screen and (min-width:1024px) and (max-width:1500px) {
a.bottonepreventivo {
margin-right: 5%;
}
}





a.bottoneprevmenu {



position: fixed;
 color: white; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: #185923; /* sfondo del bottone */
  padding: .6em 1.3em; /* padding dal testo dal bordo del bottone */  
font-size:18px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
z-index: 2001;
} 

a.bottoneprevmenu:hover { background: silver; } /* cambio dello sfondo al passagio del mouse */

a.bottoneprevmenu:active { background: #383a45; } /* cambiare lo sfondo al premere bottone   */








a.bottoneprevrapido {
display:inline-block;
position:static!important;
 color: white; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
  background: #096ad9; /* sfondo del bottone */
  padding: .7em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:19px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;

} 

a.bottoneprevrapido:hover { background: #096ad9; } /* cambio dello sfondo al passagio del mouse */

a.bottoneprevrapido:active { background: silver; } /* cambiare lo sfondo al premere bottone   */


@media screen and (min-width:150px) and (max-width:1023px) {
a.bottoneprevrapido {
 color: #fff; /* colore del testo */
  text-decoration: none; /* eliminare la sottolineatura del testo */
 
  padding: .7em 1.5em; /* padding dal testo dal bordo del bottone */  
font-size:20px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
} 

}





.header {
position: fixed;

    width: 100%;

    padding: 0;
    z-index: 1;
    transition: all 1s ease-in-out;
    
    text-align: center; 
background: rgb(252,252,252);
box-shadow: 10px 1px 10px rgb(225,225,225);
}

.header img {
float: left;
margin-left: 10%;
margin-top: 15px;
margin-bottom: 15px;
z-index: 200000001;
}

@media screen and (min-width:1024px) and (max-width:1500px) {
.header img {
margin-left:5%;
}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.header img {
margin-left:12%;
margin-top: 17px;
margin-bottom: 8px;
}
}

@media screen and (min-width:150px) and (max-width:767px) {
.header img {
margin-left:5%;
margin-top: 17px;
margin-bottom: 8px;
}
}



.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: none;

}

.navbar-brand {
	font-family: 'Spectral', serif;
	font-size: 44px;
	color: #121212;
	font-style: italic;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #9a9a9a;
	position: fixed;
	padding: 40px 0px;
	height: auto!important;
}

.navbar-brand: hover{
color: red;
}





#main-nav {

	padding: 0px 0px 0px 0px;
	float: right;
    position:relative;
    left:-50%;
    text-align: left;
-webkit-transition:all 0.2s;



}






#main-nav a:hover
{
background-color: #DCDCDC;
color: #DCDCDC;
text-decoration: none;
-webkit-transition: all 0.2s;

}





#main-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
-webkit-transition: all 0.2s;
}





#main-nav li ul
{
display:none;
position:relative;
list-style:none;
opacity:0;
-webkit-transition: all 0.2s;

}



/*
CSS per Mobile
*/


@media only screen and (min-width:150px) and (max-width:1023px) {

#main-nav li:hover ul
{
display: block;
position: relative;
z-index:1;
width:300px;

padding: 15px 10px;
opacity:100;

background: #edf0f5;
-webkit-transition: height 0.2s;

}

}

/*
Fine CSS per Mobile
*/








#main-nav li li 
{ 
border:none; 
width:300px; 
-webkit-transition: height 0.2s;
}


#main-nav li li a
 {
 padding:2px 2px 2px 10px; 
-webkit-transition: height 0.2s;
}







.nav {
	list-style:none;
    position:relative;
    left:50%;
-webkit-transition: height 0.5s;
}


.navbar-nav li {
	margin: 0px 3px;
-webkit-transition: height 0.5s;

}





.navbar-nav li {
border-top: 2px solid #3c5b85;

}


.navbar-nav li a {
	
	font: 17px 'Coolvetica', Arial, serif;
	color: #363e50!important;
	letter-spacing: 0.5px;
-webkit-transition: height 0.5s;
padding-right:20px;
padding-left:20px;

}




.navbar-nav .here {
font: 17px 'Coolvetica', Arial, serif;
color:#3c5b85!important;
letter-spacing: 0.5px;
-webkit-transition: height 0.5s;
}

.navbar-nav .blog {
font: 17px 'Coolvetica', Arial, serif;
color:white!important;
letter-spacing: 0.5px;
-webkit-transition: height 0.5s;
background-color: #096ad9;
}


@media only screen and (max-width:1150px) {

.navbar-nav li a {
	font: 17px 'Coolvetica', Arial, serif;
	color: #363e50!important;
	letter-spacing: 0.2px;
-webkit-transition: height 0.5s;
padding-right:10px;
padding-left:10px;

}

.navbar-nav .here {
font: 17px 'Coolvetica', Arial, serif;
color:#3c5b85!important;
letter-spacing: 0.2px;
-webkit-transition: height 0.5s;
}

}


.navbar-nav li {
font-size:2px;
}


#main-nav li a:hover {
color: white!important;
background-color: #3c5b85;
transition-property: background-color;
transition-duration: 0.5s;

}



.header.active {
    
}
.navbar-inverse {
	background-image: none;
	background-color: transparent;
z-index: 15;
}
.header .navbar {
    margin: 0;
    border: none;
}
.navbar-inverse .navbar-toggle {
	margin-top: 22px;
    border-color: #f2745f;
    background-color: #f2745f;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #f2745f;
}
bootstrap.min.css:5
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 15px!important;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}










/* Galleria */

.gallery {
margin-top:30px;
  float: left;
  width: 30%;
  margin-right:5%;


}

.gallery2 {
 margin-top:30px;
  float: left;
  width: 30%;
  
}


.gallery img {
  
  border-radius:5%;
  width: 80%;
  height: auto;
}

.gallery img:hover {
width:100%;
}

div.gallery2 img {
border-radius:5%;
  width: 80%;
  height: auto;
}

div.gallery2 img:hover {
  width: 100%;
}

div.desc {
  padding: 15px;
  text-align: center;
}



@media screen and (min-width:150px) and (max-width:1023px) {

div.desc {
  padding: 0px;
padding-top: 10px;
  text-align: left;
}

.gallery {
margin-top:30px;
  
  width: 100%;
  margin-right:0%;


}

.gallery2 {
 margin-top:30px;
  width: 100%;
  
}


.gallery img {
  
  border-radius:5%;
  width: 100%;
  height: auto;
}

.gallery img:hover {
width:100%;
}

div.gallery2 img {
border-radius:5%;
  width: 100%;
  height: auto;
}

div.gallery2 img:hover {
  width: 100%;
}

}







/*
.videobello {
    background-image: url('../img/desktop.jpg');
    background-repeat:no-repeat;
    background-size: 100%;
    width:100%;
    height:100%;
    
}
*/

.iframe2 {
position:absolute;
left:-150px;
    width:58%;
height:100%;
   border-bottom: 190px solid gray;
border-right: 80px solid gray;
border-left: 500px solid gray;
border-top: 100px solid gray;


border-image: url(../img/sfondov.png) 225 240 650 1230 stretch stretch;

}

@media screen and (min-width:500px) {
.iframe3 {
position:relative;
    width:100%;
height:100%;
   border-bottom: 25px solid gray;
border-right: 50px solid gray;
border-left: 50px solid gray;
border-top: 28px solid gray;
border-image: url(../img/tablet.png) 180 180 180 180 stretch stretch;
}
}

@media screen and (max-width:499px) {

section.esplora1 .containerbig .containerleft{
position:relative;
    width: 100%;
margin-right: 0%;
margin-left: 0%;
height: 300px; 
}

.iframe3 {
position:relative;
height: 250px; 
margin:0 auto;
}
}





/*===== MENU FONT E BASE =====*/
*, ::before, ::after {
  box-sizing: border-box;
}

body {
  margin: var(--header-height) 0 0 0;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  font-weight: 600;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

.bd-grid {
  max-width: 1024px;
  display: grid;
  grid-template-columns: 100%;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}




/* Container big mobile */

@media screen and (min-width:150px) and (max-width:1023px) {

.containerbig{
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
margin-bottom:0px!important;
padding-bottom:30px!important;
}

}


@media screen and (min-width:768px) and (max-width:1023px) {

.containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

.containerbig{
padding-left:5%;
padding-right:5%;
}

}

@media screen and (min-width:150px) and (max-width:1023px) {

section.esplora4 .containerbig{
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
margin-bottom:0px;
}

}


@media screen and (min-width:768px) and (max-width:1023px) {

section.esplora4 .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.esplora4 .containerbig{
padding-left:5%;
padding-right:5%;
}

}



@media screen and (min-width:150px) and (max-width:1023px) {

section.faq .containerbig{
position:relative;
width:100%;
margin-top: 0px;
padding-left:5%;
padding-right:5%;
margin-bottom:0px;
}

}


@media screen and (min-width:768px) and (max-width:1023px) {

section.faq .containerbig{
padding-left:12%;
padding-right:12%;
}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

section.faq .containerbig{
padding-left:5%;
padding-right:5%;
}

}



/* Footer */


.fa-facebook {
padding-right:8px;
}

.fa-instagram {
padding-right:8px;
}

.fa-whatsapp {
padding-right:8px;
}

.fa-envelope {
padding-right:8px;
}

#footer .containerbig{
position:relative;
width:100%;
float:left;
padding-left:15%;
padding-right:15%;
max-width:1600px;
}

#footer .containerdesc {
display:block;
width:30%;
position:relative;
float:left;
}

#footer .containerinfo {
display:block;
width:30%;
position:relative;
float:right;
text-align:right;
}

#footer .containerdesc img {
margin-top: 40px;
}

#footer .containerdesc h3 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
color: white;
margin-top: 40px;
letter-spacing:1px;
}

#footer .containerinfo h4 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.8em;
color: white;
margin-top: 40px;
letter-spacing:1px;
}

#footer .containerinfo .par {
font: 15px 'Roboto-Light', Arial, serif;
line-height:1.8em;
color: white;
}

#footer .containerdesc .par {
font: 15px 'Roboto-Light', Arial, serif;
line-height:1.8em;
color: white;
margin-bottom:80px;
}

#footer .privacyandterms {
margin-top: 20px;
font: 15px 'Roboto-Light', Arial, serif;
}

#footer .link {
font: 18px 'Coolvetica', Arial, serif;
line-height:1.2em;
color: white;
}


#footer .container {
padding-left: 0%;
margin-left: 15%;
}

@media screen and (min-width:150px) and (max-width:1023px) {

.containerdesc{

width:100%;


}

#footer .containerbig {
padding-left: 5%;
margin-left: 0%;
}

#footer .containerdesc {

width:100%;

}

#footer .containerinfo {
width:100%;
text-align:left;
}

#footer .containerdesc h3 {
font: 24px 'Coolvetica', Arial, serif;
line-height:1.6em;
color: white;
margin-top: 40px;
letter-spacing:1px;
}

#footer .containerinfo h4 {
font: 20px 'Coolvetica', Arial, serif;
line-height:1.6em;
color: white;
margin-top: 30px;
letter-spacing:1px;
}

#footer .containerdesc .par {
margin-bottom:10px;
}


#footer .list-unstyled {
padding-left: 5px;
}

}


@media screen and (min-width:768px) and (max-width:1023px) {

#footer .containerbig{
padding-left:12%;
padding-right:12%;
}

#footer .containerdesc {
width:48%;
}

#footer .containerinfo {
width:50%;
text-align:right;
}

#footer .containerinfo h4 {
margin-top: 40px;

}

}

@media screen and (min-width:1024px) and (max-width:1500px) {

#footer .containerbig{
padding-left:5%;
padding-right:5%;
}

}















section .section-title {
    text-align: center;
    color: #53648c;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.footerbg {
    background-color: #0e4f99; /* #535773 */

}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}














@media screen and (min-width:150px) and (max-width:474px) {

section#preventivo iframe {
height:840px;
}

}




@media screen and (min-width:475px) and (max-width:976px) {

section#preventivo iframe {
height:750px;
}

}


@media screen and (min-width:977px) and (max-width:1024px) {

section#preventivo iframe {
height:710px;
}

}



@media screen and (min-width:1025px) and (max-width:1162px) {

section#preventivo iframe {
height:720px;
}

}

@media screen and (min-width:1163px) and (max-width:1515px) {

section#preventivo iframe {
height:700px;
}

}

@media screen and (min-width:1516px) and (max-width:1800px) {

section#preventivo iframe {
height:700px;
}

}


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

section#preventivo iframe {
height:700px;
}

}