/*----------------------- CSS RESET  ---------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    color:#1D3041;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight:600;
    font-family:'Nunito Sans', 'Arial',sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

::-webkit-input-placeholder {
   	opacity:1;
   	color:#1D3041;
}

:-moz-placeholder { /* Firefox 18- */
   	opacity:1;
   	color:#1D3041;
}

input[type:"number"]:-moz-placeholder{
	opacity:1;
	color:#1D3041;
}
	
::-moz-placeholder {  /* Firefox 19+ */
  	opacity:1;
  	color:#1D3041;
}

:-ms-input-placeholder {  
   	opacity:1;
   	color:#1D3041;
}

/*GENERALS*/
html, body {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}

body{background-color:#FFFFFF;}
#main{position:relative;}
.img-bg{position:fixed;top:0;width:100%;}
.main-container{width:960px;margin:0px auto;position:relative;padding:0px 50px;}
.header-container{width:970px;margin:40px auto 0px;position:relative;padding:10px;background-color:#FFFFFF;}
.clear{clear:both;}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, .marked{font-family:"Poppins", "Arial", sans-serif; font-weight:600;}
h1{color:#B4191A; font-size:18px;}
h2, .h2{font-size:44px; line-height:48px; margin-bottom:20px;}
h3, .h3{font-size:27px; line-height:35px; margin-bottom:10px;}
h4, .h4{font-size:21px; line-height:25px;}

p{font-size:20px; line-height:27px; margin-bottom:15px;}
em{font-style:italic;}
strong, .strong{font-weight:700;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-italic{font-style:italic; font-weight:200;}
.text-uppercase{text-transform:uppercase;}
.text-del{text-decoration:line-through;}

.smaller{font-size:15px; line-height:21px;}
.small{font-size:16px; line-height:21px;}
.medium{font-size:19px; line-height:25px;}
.big{font-size:23px; line-height:34px;}
.light{font-weight:500;}
.lighter{font-weight:300;}

.capital{text-transform:uppercase;}
span.mark{background:transparent; color:#FFDF00;}
.inl_el{display:inline-block;}
a, .btn{outline:0; outline:none;}
a:hover{text-decoration:none; color:#222; outline:0; opacity:0.8;}
.strong-text{font-weight:600;}

.message.absolute{background:#F59701; font-weight:500; text-transform:uppercase; color:#fff;
	bottom:15px; width:100%; top:auto; font-size:17px; padding:8px; text-align:center;}

.cta-wrap{text-align:center;}

.icon{margin-bottom:20px;}

blockquote{border:0; padding:0; font-style:normal; margin:0; margin-top:20px;} 
blockquote p{font-weight:400; font-style:italic; position:relative; padding-left:15px; padding-right:15px;}
blockquote p:before{display:inline-block; content:"“"; font-size:35px; position:absolute; top:0; left:0;}
blockquote p:after{display:inline-block; content:"”"; font-size:35px;   margin-top: 4px; vertical-align: top;}

/*title*/
.line-title{padding-top:15px; position:relative;}
.line-title:before{width:35px; border-top:solid 5px #FCC012; content:""; position:absolute; top:0;}
.line-title.text-center:before{left:0; right:0; margin:0 auto;}
.border-title{border-left:solid 7px #FCC012; padding-left:15px;}
.border-title.cta-border{border-left:solid 7px #7DC525;}

/*colors*/
.cta-color{color:#008d00;}
.color-main{color:#ECA22F;}
.color-second{color:#1D3041;}
.color-bg{background-color:#1D3041;}
.color-bg2{background:#3A5978;}
.bg-grey{background-color:#ECECEC;}


/*layout*/
.nivo-controlNav{z-index:10; position:absolute; font-size:0; text-align:center; bottom:0; width:93%;}
.nivo-controlNav .nivo-control{border:solid 1px #fff; border-radius:50%; height:12px; width:12px; 
	background:transparent; display:inline-block; margin:0 5px 5px;}
.nivo-controlNav .nivo-control.active{background:#fff;}	
.section{margin-bottom:60px;  padding-bottom:0;}
img{max-width:100%; height:auto;}
.block-image{display:block;}
.text-box{position:relative; text-align:center; padding:10px 25px; min-height:110px;}
.padding-wrap{padding:40px; padding-bottom:0;}
.padding-box{padding:30px;}
.no-pad-wrap .column{padding:0;}
.no-pad .row{margin:0;}
.text-box{background:#FFFFFF;}
.horizontal-pad{padding:0 12%;}
.bg-section{padding-top:50px; padding-bottom:50px; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;
	background-repeat:no-repeat; background-position:center center; margin-bottom:60px;}
.relative{position:relative;}
.absolute{position:absolute;}
.no-bottom{margin-bottom:0;}
.no-top{margin-top:0;}
.border-box{border:solid 8px #FCC101;}
.border-ctaColor{border:solid 8px #7BC702;}
.float-inverse .column{float:right;}

.divider{min-height:1px;}
.sep_20{margin:10px 0;}
.sep_30{margin:15px 0;}
.sep_40{margin:20px 0;}
.sep_50{margin:25px 0;}
.sep_60{margin:30px 0;}

.icon-list{margin:20px 0;}
.icon-list .icon{float:left; max-width:65px;}
.icon-list li, .icon-list .column{overflow:hidden;}
.icon-list .content{padding-left:85px; line-height:24px;}

/*buttons*/
.big-button{
    display:inline-block;
    padding:22px 15px; text-align:center; margin:0;
    text-transform:uppercase; 
    font-weight:500; 
    color:#FFFFFF; 
    font-size:20px;
	background-color:#008D00;
	width:auto;
}
.big-button span{font-size:22px; display:inline-block; margin:0 0 5px 0; text-transform:capitalize;}
.big-button:hover, .big-button:focus{opacity:0.7; color:#FFFFFF; text-decoration:none;}
.mobile-section-controller{display:none;}
.form-button{border:solid 2px #fff;}

/*list*/
ul li{list-style:outside disc;  
	font-size:18px; font-weight: 400; padding:15px 0; line-height:24px; padding: 8px 0;}
ol li{list-style:outside decimal;  font-size: 18px; font-weight: 400; line-height:19px;}
ul{margin:0 0 20px 20px;}
ul li{font-size:19px;}
ul.check-list{margin:20px 0; list-style:none;}
.check-list li{background:rgba(0, 0, 0, 0) url("../img/icons/ico-check.png") no-repeat scroll left 7px;
	padding-top:5px; padding-bottom:20px; font-size:17px; line-height:23px; padding-left:50px;
	background-size:30px auto; -moz-background-size:30px auto; -webkit-background-size:30px auto;
	background-size:30px auto; -moz-background-size:30px auto; -webkit-background-size:30px auto;
	list-style:none;
	}
.circle-list, .circle-list li{list-style:none;}
.circle-list li{background:rgba(0, 0, 0, 0) url("../img/icons/ico-circle.png") no-repeat scroll left 7px;
	padding-left:20px; padding-bottom:30px; font-size:17px; line-height:24px;}
.circle-list.half li{width:50%; float:left; padding-right:15px;}
.arrow-list li{background:rgba(0, 0, 0, 0) url("../img/icons/ico-arrow.png") no-repeat scroll left 2px;
	padding-left:30px; padding-bottom:10px; font-size:17px; line-height:24px;
	background-size:20px auto; -moz-background-size:20px auto; -webkit-background-size:20px auto;}
.icon-list li{padding:15px 0;}
.item-list{background:rgba(0, 0, 0, 0) url("../img/icons/ico-circle.png") no-repeat scroll left 10px; padding-left:20px;}


/*GENERALS*/
#content{min-height:350px;}
.dark-bg *{color:#fff;}

/*HEADER*/
#logo{margin:30px 0 8px;}
#phone-wrap{padding:35px; background-color:#3B5977; text-align:center; width:90%;}
#phone-wrap:hover a{opacity:1;}
#numero-verde{color:#ECA22F; font-weight:bold; font-family:"Poppins", "Arial", sans-serif; background:#2D4C6A; position:relative;
	padding:0 20px 0 70px; display:block; font-size:33px; height:70px; line-height:75px;}
#numero-verde:before{position:absolute; top:-5px; left:-5px; display:inline-block; content:""; background:url('../img/icons/ico-phone.png') no-repeat;
	height:64px; width:64px; background-size:contain; -moz-background-size:contain; -webkit-background-size:contain;}
.form-intro p{color:#fff;}
.h-right{padding-left:45px;}

/*OFFER*/
#offer{background-color:#1D2F41;}
#offer h2{font-size:42px; line-height:53px; margin:15px 0 25px;}
#offer h4{font-style:italic;}
#offer .bollo{right:20px; top:20px;}
#offer .column:last-child{padding-left:45px; padding-top:30px;}
#offer-msg{position:absolute; width:100%; padding:20px 10%; background:#E9A03D; bottom:0; left:0; height:110px; z-index:50;}
#offer-msg:after{content:""; display:inline-block; position:absolute; right:-110px; width:110px; height:110px; top:0;
	background:url('../img/big-arrow.png') no-repeat; background-size:contain; -moz-background-size:contain; -webkit-background-size:contain;}
#offer-msg a{color:#fff;}
#offer-msg h3{margin-bottom:0;}
#offer-msg h3 span{color:#fff; font-size:30px;}

#form-wrap{background:#3B5977; padding:30px; position:absolute; z-index:10; width:78%;}
.form-intro{margin-bottom:20px;}

/*form*/
#contact-form .info{width:100%; margin:0; min-height:50px;}
#contact-form .col{
	float: left;
    width: 49%;
    margin-left:0;
    margin-right:2%;}
#contact-form .col.last{margin-right:0;}
#contact-form .request{margin:0 0 10px;}    
#contact-form .request textarea{padding:7px 10px; width:100%;}

.privacy #privacy{margin-top:0;}
#contact-form select{border:0; padding:7px 20px 7px 8px;}
select {
    margin: 0;
    width:100%;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: 0 -1px #fff inset;
    -moz-box-shadow:0 -1px #fff inset;
    background: #ffff;
    border:none;
    box-shadow:0;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background:transparent;
    font-size:14px;
    line-height:17px;
    padding:0 10px 0 0;
}
select option{white-space:normal;}
#contact-form .options select{height:39px;}
.select-wrap{position: relative; background:#fff; padding:0;}
.select-wrap select{padding:0 10px;}
.select-wrap:after {
    position:absolute;
    pointer-events:none;
    content:""; 
	border-bottom:6px solid transparent;
    border-left: 6px solid transparent;
    border-top:6px solid #222;
	border-right:6px solid transparent;
	height:0; width:0;
	display:inline-block; 
	right:5px;
	top:14px;
	height:0; 
	width:0;
}
select::-ms-expand {
    display: none;
}
/* ---- ie css ----*/
html.lt-ie10 .style-select:after{display:none;  border-width:0;}
html.lt-ie10 .style-select select{padding:2px 2px 2px 6px;}

#contact-form label, #contact-form span, #contact-form a{color:#fff;} 
#contact-form .request{margin-bottom:15px;}
#contact-form .checkbox label{display:inline-block; font-size: 15px; 
	margin-bottom:6px; width:90%; color:#fff; padding-left:10px;}
#contact-form .checkbox input{
	display: inline-block;
    float: none;
    margin: 0;
    position: static;
    vertical-align: top;
    width: auto; }
#contact-form .checkbox{margin-bottom:10px;}

.required-msg{font-size:14px;}

.offer-button, .big-button{
	text-transform:uppercase; font-weight:bold;
	font-size:32px; line-height:30px; padding:25px;
	background:#EFA319;
	color:#1D3041 !important;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(0, 1, 15, 0.75);
	-moz-box-shadow:    0px 5px 0px 0px rgba(0, 1, 15, 0.75);
	box-shadow:         0px 5px 0px 0px rgba(0, 1, 15, 0.75);
	width:auto;
	font-family:"Poppins", "Arial", sans-serif;
	margin:0;
}

#submit-message{
	font-family:"Poppins", "Arial", sans-serif;
	background: #2d4c6b none repeat scroll 0 0;
    color: #fff;
    padding: 20px 20px 20px 100px;
    position: relative;
    margin-top: 30px;
}
#submit-message:before{content:""; position:absolute; left:15px; top:-10px; display:inline-block;
	background:url('../img/icons/ico-catalog.png') no-repeat; background-size:contain; -moz-background-size:contain; 
	-webkit-background-size:contain;
	height:67px; width:60px;}	
	
.offer-button:hover, .big-button:hover{background:#FCC41E; opacity:1;}
#contact-form input, #contact-form textarea{font-size:14px; border:0;}
#contact-form input:focus, #contact-form textarea:focus{background:#d8ebff;}
#contact-form input.fieldError, #contact-form select.fieldError{border:solid 1px #E54222; background:#f2aeae;}
.error{color:#E75B21; font-size:13px; background:#E54222; padding:2px 6px; margin:0; color:#fff;}
.error.active{padding:8px;}

/*VANTAGGI*/
#vantaggi .check-list li{width:49%; display:inline-block; vertical-align:top; padding-right:20px;}
.col-bg-image{background-repeat:no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-position:center;}
#vantaggi .col-bg-image{background-image:url('../img/rally-car.jpg'); height:910px;} 
#vantaggi ul li{font-size:15px;  line-height:18px;}
#vantaggi strong{color:#E9A03D;}

/*CARRELLI*/
#tipologie-rimorchi .bg-section{padding-bottom:0;}
.box-label.absolute{background:#3A5978; color:#fff; margin:0 auto; bottom:30px; font-family: 'Poppins', sans-serif; 
	text-transform:uppercase; font-size:17px; padding:6px; width:85%; left:0; right:0;
	line-height:21px;}
#carrelli .absolute{top:0; right:40px; width:100px;}

/*NUOVO*/
#nuovo .column{padding-left:25px; padding-right:25px;}

/*CERTIFICAZIONI*/
#certificazioni h3{margin-top:15px;}

/*GANCI*/
#ganci .absolute{position:absolute; bottom:0; z-index:50; left:0; right:0; margin:0 auto;} 
#ganci .padding-box{padding:48px 100px 50px 20px;}
.fullWidth.cta-btn{background-color:#EFA319; width:100%; padding:20px; font-family: 'Poppins', sans-serif; text-align:center;
	text-transform:uppercase; color:#1D3041; font-size:22px; display:block;}
.fullWidth.cta-btn:after, .big-button:after{content:""; display:inline-block; background:url('../img/icons/ico-arrow-right.png') no-repeat center center; 
	-moz-background-size:contain; -webkit-background-size:contain; background-size:contain;
	height: 20px;
    margin-left: 15px;
    margin-top: -2px;
    vertical-align: top;
    width: 20px;
	}
.big-button:after{margin-top:3px;}
.fullWidth.cta-btn:hover{opacity:1;}

/*CLIENTI*/
.logo-list img{margin:0 30px;}

/*TESTIMONIALS*/
#testimonials blockquote{text-align:left;}
#testimonials .padding-box{min-height:350px;}

/*FOOTER*/
#footer-wrap{margin:60px 0 0; padding:0;}
#footer-wrap > .footer-content{padding:30px;}
#footer-wrap *{font-size:15px;}
.footer-links{text-align:right;}
.footer-links a{margin-right:10px;}
#footer-wrap a:hover{color:#fff;}
.footer-links a:after{content:"."; display: inline-block;
    font-size: 18px;
    line-height: 0;
    margin-left: 10px;
    margin-top: 3px;
    vertical-align: top;}
.footer-links a:last-child{margin:0;}
.footer-links a:last-child:after{display:none;}

#credits{margin:0 auto 10px; text-align:right;}
#credits a{text-decoration:none; }
#credits a:hover{color:#1D3041;}

/*THANKYOU PAGE*/
.thankyou-page h2{color:#72C43B;font-size:29px;line-height:40px;}

#privacy-link{cursor: pointer; text-decoration: underline;}
#privacy-text h4{margin-bottom: 10px; font-weight: bold;}
#privacy-text p{line-height: 21px; padding: 5px 10px 0 0;font-size:15px;}
#privacy-overlay{top: 0; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; display: none; height: 100%; position: fixed; width: 100%; z-index: 400;}
#privacy-overlay-inner{background-color: #fff; height: 70%; margin: 7% auto; overflow-x: hidden; overflow-y: scroll; padding: 20px; position: relative; width: 60%;}
#privacy-close{text-align: right; display: block; }

#thanks-content{padding:40px; background:#ebebeb;}
#thanks-content h1{font-size:40px; margin-bottom:15px;}

.thankyou-page{background: #fff; padding: 0px 20px; margin-top:30px;}
.thankyou_errors .messages{margin: 20px 0; color: red; line-height: 20px;}
.thankyou_errors a{display: block; margin: 10px 0;}

/*RESPONSIVE*/
.mobile-section-controller{
    font-size:18px;
    border-top:solid 2px #eee;
    font-weight:600;
    display:none;
    color:#B4191A;
    text-decoration:underline;
}
.mobile-section-controller:hover{text-decoration:none; color:#222; opacity:0.8; cursor:pointer;}
.mobile-section-controller.closed{padding:20px 0px 20px 15px!important; 
	background:#F9F9F9 url('../img/icons/ico-arrow-down.png') no-repeat center right;
	background-size:26px auto;
    -webkit-background-size:26px auto;
    -moz-background-size:26px auto;
	}
.mobile-section-controller.opened{padding:20px 0 20px 15px!important;
	opacity:0.7; background:#F9F9F9 url('../img/icons/ico-arrow-up.png') no-repeat center right;
	text-decoration: none;
	color: #222;
    background-size:26px auto;
    -webkit-background-size:26px auto;
    -moz-background-size:26px auto;}
.sm-only{display:none;}

@media only screen and (max-width:1199px){
	#numero-verde::before{height:45px; width:45px; top:10px;}
	#numero-verde{font-size:27px; padding:0 20px 0 50px;}
	#phone-wrap{padding:27px;} 	
	#logo{width:300px;}
	#offer-msg{padding:20px;}
	#offer h2{  font-size:36px; line-height:47px;}
	
	.logo-list img{width:80px;}
	#testimonials .container{width:100%;}
}


@media only screen and (max-width:991px){
	h2, .h2{font-size:34px;}
	h1{font-size:14px;}

	.sm-only{display:block;}
	.h-right{padding-left:15px;}
	#phone-wrap{width:100%;}
	#offer-msg::after{display:none;}
	#offer .column:last-child, .column{padding-left:20px; padding-right:20px;}
	
	#form-wrap{position:static; width:100%;  height:0; overflow:hidden; padding: 0;}
	#form-wrap .form-body{padding:20px;}
	.form-intro{padding:20px 20px 0;}
	#form-wrap h3{display:none;}
	#offer .big-button{margin-bottom:20px;}
	
	#vantaggi .col-bg-image{display:none;}
	#ganci{text-align:center;}
	#ganci .column:last-child img{display:none;}
	#ganci .padding-box{padding:40px 20px;}
	#ganci .absolute{position:static; margin:0 0 30px;}
	#ganci .padding-box{padding:40px 20px 15px;}
	
	#footer-wrap{text-align:center;}
	#footer-wrap #copy{margin-bottom:20px;}
	.footer-links{text-align: center;}
}


@media only screen and (max-width:767px){
	#numero-verde{font-size: 20px; padding: 0 13px 0 30px;}
	#numero-verde::before{height:30px; width:30px; top:15px; left:5px;}
	#testimonials .column{margin-bottom:25px; text-align:center;}
	#testimonials blockquote{text-align: center;} 
	.logo-list img{vertical-align:top; margin:0 20px 20px;}	
}


@media only screen and (max-width:500px){
	.xxs-hidden{display:none;}
	h1{font-size: 11px;}
	h2, .h2{font-size:24px; line-height:30px;}
	h3, .h3, #offer-msg h3 span{font-size: 23px; line-height:30px;}
	#offer h2{font-size: 26px; line-height:37px;}
	h4, .h4{font-size: 17px; line-height:20px;}
	p{font-size:16px; line-height:24px;}
	
	.section{padding-top:25px; padding-bottom:25px; margin-bottom:25px;}
	.offer-button, .big-button{font-size:20px; line-height:25px; padding:15px;}
	.padding-box{padding:15px;}
	
	#contact-form .col{margin-right:0; width:100%;}
	#contact-form input, #contact-form textarea, #contact-form select{border-radius:0; font-size:16px;}
	#contact-form .checkbox label{width:85%;}
	
	#vantaggi .check-list li{width:100%;}
	#header{position:fixed; top:0; width:100%; z-index:200; background:#fff; 
		-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
		-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.2);
		box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.2);
	}

	#carrelli .absolute {
	    right: 20px;
	    width: 80px;
	}
	
	#main #content{padding-top:70px;}
	#numero-verde{font-size:13px; display: inline-block; line-height:40px; padding:0 10px 0 20px; height:auto;}
	#numero-verde::before{height:15px; width:15px; top:10px; left:5px;}
	#logo{margin:12px 0 8px; width:130px;}
	.mobile-section-controller{display: block;}
	#phone-wrap{padding:0; width: auto;
		display: inline-block;
		float: right;
		margin:15px 0;}
	.padding-wrap{padding:20px 15px;}
	
	#offer .bollo{right:10px; width:80px;}
	#offer-msg{position:static; height: auto;}
	
	#footer-wrap{margin:20px 0;}	
}