body, html { width: 100%;  height: 100%;  }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a { color:#6f9fb8; text-decoration: underline; }
a:hover { color:#1068B2; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight:;  margin:0; }

strong { letter-spacing:; }
.font-weight-light { font-weight:100!important; }
.font-muli.font-weight-bold { font-weight:900!important; }



.line-height-1 { line-height:1; } .line-height-1.small { line-height:1.1; }
.line-height-n { line-height: normal; }
.line-height-2 { line-height: 1.7; }


body { font-size:15px; color:#000000; font-family: 'Open Sans', sans-serif; }
.clear { clear:both; visibility:hidden; margin:0; }

.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-raleway { font-family: 'Raleway', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-mont { font-family: 'Montserrat', sans-serif;}

/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#be1522; }
.pink { color: #ff3066; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#534845; }
.blu { color:#0c6294; }
.ciano { color:#00a7ff;}
.giallo { color:#f8b04d; }
.green { color:#00ad77; }
.verde-chiaro { color:#1AAD19; }
.verde-scuro { color:#0c4c3b; }



.verde-chiaro-bg { background-color:#1AAD19; }
.verde-scuro-bg { background-color:#0c4c3b; }
.grigio-chiaro-bg { background-color:#f8f8f8; }



.light-verde { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }
.dark-verde { color:#5bb2a6; }
.dark { color:rgba(0,0,0,.8); }
.heavy-verde { color:#1d2b0b; }
.gold { color: #d2bc79; }
.bianco { color: #fff; }
.orange { color:#f15422; }
.black { color:#222; }
.verde-dual { color:#77913f; }
.grigio-dual { color:#777777; }
.magenta { color:#dd3a85 ; }


.verde-pro-bg { background-color:#77913f; }
.magenta-bg { background-color:#dd3a85; }
.marrone-bg { background-color:#534845; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#be1522; }
.ciano-bg { background-color:#00a7ff;}
.giallo-bg { background-color:#f8b04d; }
.giallo-bg-dual { background-color:#feee77; }
.giallo-bg-dual2 { background-color:#f3bd31; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#0c6294; }
.verde-bg { background-color:#0c4c3b; }
.dark-verde-bg { background-color:#5bb2a6; }
.dark-bg { background-color:rgba(0,0,0,.8); }
.pink-bg { background-color: #ff3066; }
.black-bg { background-color:#222; }

.light-verde-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-verde-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#222; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#f15422; }
.gold-bg { background-color: #d2bc79; }

.light-verde-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#eee ; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.dark { color:rgba(0,0,0,.7);}
.green-bg { background-color:#00ad77; }

.dark-grey { color:#333333;}
.dark-grey-bg { background-color:#333333; }


.grey { color:#6e6e6e;}
.grey-bg { background-color:#6e6e6e; }
.grey-bg-dual { background-color:#f8f8f8; }
.verde-bg-dual { background-color:#77913f; }
.img-bg-dual {
	background-image: url(img/immagine_dualforce2.jpg);
	background-repeat: no-repeat;
}

.text-13 {
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	text-indent: 3px;
}
.text-20 {
	font-size: 20px;
}
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }

.mb-0 { margin:0; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:50px; }
.mb-60 { margin-bottom:60px; }


.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }

.pd-0 { padding:0; }
.pd-10 { padding:10px 0; }
.pd-20 { padding:20px 0; }
.pd-30 { padding:30px 0; }
.pd-40 { padding:40px 0; }
.pd-50 { padding:50px 0; }
.pd-60 { padding:60px 0; }
.pd-70 { padding:70px 0; }
.pd-80 { padding:80px 0; }
.pd-90 { padding:90px 0; }
.pd-100 { padding:100px 0; }

.max-width-90 { max-width:900px; margin:auto; }
.max-width-80 { max-width:800px; margin:auto; }
.max-width-70 { max-width:700px; margin:auto; }
.max-width-60 { max-width:600px; margin:auto; }

.d-block { display:block; }
.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .4); z-index:1; }

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }




.gutter-grid-var { margin-right:-8px; margin-left:-8px;}
.gutter-grid-var > .col,
.gutter-grid-var > [class*="col-"] { padding-right:8px; padding-left:8px; }

/*------------------------------*/

nav { position:relative; z-index:2000; box-shadow: 2px 2px 2px rgba(0,0,0,.1); padding:0; }
nav .container { position:relative; z-index:2000; }
.brand { width:150px; }
.oswald-c { font-family: 'Oswald', sans-serif; }
.opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
header { position:relative; max-height:;  background-repeat:no-repeat; background-position: right bottom; background-size: auto 500px; }
header .container { position:relative; z-index:10; }
.header-main-cover { background:url(img/cover-img.jpg) no-repeat bottom right / 550px auto; }
aside { margin:; padding:; background:; border-radius:0px; box-shadow:0 0 0 #0c6294;  }
.text-shadow { text-shadow:2px 2px 0 rgba(0,0,0,.5); }


/*------------------------------
------------------------------*/

.bollo  { position:relative; width:130px; height:130px; border-radius:50%; text-align:center; line-height:1; /*box-shadow: 3px 3px 0 #ff3066;*/ padding:0px; transform:rotate(0deg); display:block;  }
.bollo .testo { font-size:14px; display: flex; align-items: center; justify-content: center; height: 100%; }
.bollo .testo small { font-size:20px; font-weight:700; }

/*------------------------------
------------------------------*/

section.vantaggi h4 { border-bottom:1px dashed #666; padding-bottom:10px; text-transform:uppercase; font-size:18px; }

.tabella {
	padding-top: 20px;
}
.contact {
	border-radius: 15px;
	border: 3px solid #e8e8e8;
}
.float-right {
	float: right;
}

.sfondo {
	background-image: url("img/sfondo.jpg");
height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.testo-sx {
	display:none;
}
@media screen and (min-width: 300px) and (max-width: 824px) {
.testo-sx {
	display: block;
}
}

.testo-dx {
	display: block;

}
@media screen and (min-width: 300px) and (max-width: 824px) {
.testo-dx {
	display:none;
}
}


.box-text {
    background: #01a04e;
    box-shadow: -3px 3px 0 rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: end;
    height: 100%;
	padding: 20px;
}

/*----------------------------
Form
----------------------------*/
.form-control {
background: rgba(0, 0, 0, .05) none repeat scroll 0 0;
border: none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 15px;
height:; line-height:1;
padding:10px;
font-weight:400 !important;
line-height:normal;
border:;
}
.form-control::-moz-placeholder { opacity:.3; color: #333; }
.form-control::placeholder { opacity:.3; color:#333; }
select option { opacity:1; color:#999; }
.form-group { margin-bottom:0; }

.btn-custom { border:0px solid transparent; font-size:16px; font-weight:700; letter-spacing:.03em; padding:8px 8px; text-transform:uppercase; width: 100%; border-radius:3px; background: #037e54; color: #ffffff;
display: inline-block; text-decoration:none; text-align: center;}
.btn-custom:hover { background:#f80037; border:0px solid #f80037; color:#ffffff; }


.btn-custom2 { border:0px solid transparent; font-size:18px; font-weight:700; letter-spacing:.03em; padding:0 8px; text-transform:uppercase; width: 150px; border-radius:3px; height:40px; line-height:40px; background: #ffffff; color: #f80037; text-decoration:none;
display: inline-block; text-decoration:none; text-align: center;}
.btn-custom2:hover { background:#f80037; border:0px solid #f80037; color:#ffffff; text-decoration:none; }


.btn-custom3 { border:0px solid transparent; font-size:18px; font-weight:700; letter-spacing:.03em; padding:0 8px; text-transform:uppercase; width: 100%; border-radius:3px; border: solid #ffffff; height:40px; line-height:34px;  color: #ffffff; text-decoration:none;
display: inline-block; text-decoration:none; text-align: center;}
.btn-custom3:hover { background:#ffffff; border-radius:3px; border: solid #ffffff; color:#01a04e; text-decoration:none; }


select {
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#b9b9b9; line-height:1;
}
select option { color:#333; }


.form-control.custom-select-grip { padding:0; }
.form-control select { padding:0px; }



.custom-select-grip { position:relative; }
.custom-select-grip:before { position:absolute; right:15px; top:3px; content:""; display:block;
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(img/select-grip.svg) no-repeat center center / 100% auto; z-index:; }

.form-group-privacy { line-height:1; color:; }
.form-group-privacy small { font-weight:300; color:#888; }
.form-group-privacy a { color:#555; }
.form-group-privacy a:hover { color:#0c6294; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }
label.checkbox-terms { margin:0; line-height:1;}
.form-group-privacy input { margin: 2px 8px 0 0; vertical-align: text-top; }


/*----------------------------*/
.custom-list { position:relative; margin:0 0 0 30px; padding:0 0 0 0; }
.custom-list li { font-size:; margin:0 0 12px 0; line-height:1.4; position:relative; font-style:; }
.custom-list i { font-size: 25px; left:-30px; position:absolute; top:2px; }
.custom-list strong { font-weight:700; font-size:large; }

/*----------------------------*/
a.bnt-bottom { }
a.btn-custom.btn-bottom:hover { text-decoration:none;background:#f15422; background:#f15422; border:0px solid transparent; color:#fff; }

.box-shadow { box-shadow: -7px 6px 0px rgba(59,77,102,.2); }

/*----------------------------
----------------------------*/

footer p { font-size:13px;  }

/*------------------------------
------------------------------*/
.funky-arrow { max-width:110px; }
.funky-arrow img { animation:pull 1s infinite; width:50px }
@-webkit-keyframes pull {
0% { margin:0 0 0 0px; }
50% { margin:0 0 0 20px; }
100% { margin:0 0 0 0px; }
}
@keyframes pull {
0% { margin:0 0 0 0px; }
50% { margin:0 0 0 20px; }
100% { margin:0 0 0 0px; }
}

/*------------------------------
scrolla
------------------------------*/

.scrolla { animation:scrolla 1s infinite; }
@-webkit-keyframes scrolla {
0% { transform:rotate(0deg) }
50% { transform:rotate(-10deg) }
100% { transform:rotate(0deg) }
}
@keyframes pull {
0% { transform:rotate(0deg) }
50% { transform:rotate(-10deg) }
100% { transform:rotate(0deg) } }

/*------------------------------
RUOTA
------------------------------*/
@keyframes rotating {
from
{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating {
from
{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.ruota {
-webkit-animation: rotating 22s linear infinite;
-moz-animation: rotating 22s linear infinite;
-ms-animation: rotating 22s linear infinite;
-o-animation: rotating 22s linear infinite;
animation: rotating 22s linear infinite;
}



/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) { }
@media(min-width:1600px) { }
@media(min-width:990px) { }

/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) { }


@media(max-width:1440px) { }
@media(max-width:1360px) { }
@media(max-width:1280px) { }

@media(max-width:1200px) {
body { font-size:15px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:35px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }
}

@media(max-width:1280px) {  }

@media(max-width:1198px) {
aside { margin: 0 0 0; }
header {background:  }
.tipologia-cliente { height: 215px; }
}

@media(max-width:1080px) {
.header-main-cover { background-size:500px auto; }
}


@media(max-width:990px) {

.pd-10 { padding:5px 0; }
.pd-20 { padding:10px 0; }
.pd-30 { padding:20px 0; }
.pd-40 { padding:25px 0; }
.pd-50 { padding:30px 0; }
.pd-60 { padding:45px 0; }
.pd-70 { padding:55px 0; }
.pd-80 { padding:65px 0; }
.pd-90 { padding:70px 0; }
.pd-100 { padding:80px 0; }
.btn-custom { font-size: 16px; }
.put-a-line { border-bottom:1px solid #000; margin-bottom:15px; }
.mascotte-mobile { width:120px; }
.header-main-cover {
background-size: auto 77%;
background-position: 90% bottom;
min-height: 200px;
}
}
@media(max-width:767px) {
.tipologia-cliente { height:180px; }
.bollo { width: 90px; height: 90px; }
.bollo .testo .text-50 { font-size:30px; }

}


@media(max-width:570px) {
}

@media(max-width:480px) {
body { font-size:14px; }
.text-20 { font-size:17px; }
.text-25 { font-size:16px; }
.text-30 { font-size:20px; }
.text-35 { font-size:22px; }
.text-40 { font-size:30px; }
.text-45 { font-size:28px; }
.text-50 { font-size:30px; }
.text-60 { font-size:40px; }
.brand { width: 120px; }
footer p { font-size: 12px; }
.box.offerta h3.offerta-titolo { margin-bottom: 15px; }

.header-main-cover {
background-size: auto 77%;
background-position: 90% bottom;
min-height: 200px;


}




}
@media(max-width:411px) {
.tipologia-cliente { height:140px; }
.header-main-cover h3.text-25 { line-height:1; font-size:15px; margin:3px 0 0 0; }

}
@media(max-width:375px) {
.mascotte-mobile { width:100px; }
header h1.text-50 { font-size:28px; }
}
@media(max-width:360px) {
.tipologia-cliente { height:100px; }
}



.mobile {
	display:none;
	text-align: center;
}
@media screen and (min-width: 50px) and (max-width: 1000px) {
.mobile {
	display: block;
}
}


.no-mobile {
	display: block;

}
@media screen and (min-width: 50px) and (max-width: 999px) {
.no-mobile {
	display:none;
}
}