/* GENERALE */

@keyframes scroller{
	0% {top: 10px; opacity: 0.1;}
	5% {opacity: 0.1;}
	15% {opacity: 1;}
	85% {opacity: 1;}
	95% {opacity: 0.1;}
	100% {top: 50px; opacity: 0.1;}
}

span.color-yellow{
	/*color: #FF8300 !important;*/
	color: #B90F06 !important;
}

.btn.btn-default{
	background: #B90F06;
	border: 1px solid #B90F06;
}

.btn.btn-default:hover{
	background: transparent;
	color: #565654;
}

.btn.btn-default.white-hover:hover{
	color: #fff;
}

.intro2 span.color-yellow {
    color: #EC160A  !important;
    color: #EC160A  !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

.gotop{
	position: fixed;
    bottom: 25px;
    right: 25px;
    font-size: 22px;
    background: #B90F06;
    padding: 5px 11.5px 8px;
    color: #fff;
    border-radius: 25%;
    border: 1px solid #B90F06;
	transition: color .3s, background .3s;
	display: none;
}

.gotop:hover{
	color: #B90F06;
	background: transparent;
}

span.pedice{
	font-size: 8px;
}

/* HEADER */

.top-bar{
	padding: 5px 0;
	background: #565654;
}

.top-bar .row > div:last-child{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.top-bar .row > div:last-child > div:not(:last-child){
	margin: 0 30px 0 0;
}

.top-bar .row > div > div{
	display: flex;
	align-items: center;
}

.top-bar .row > div > div i{
	font-size: 16px;
	margin-right: 10px;
}

.top-bar .row > div > div i,
.top-bar .row > div > div span,
.top-bar .row > div > div span a{
	color: #fff;
}

.top-bar .row > div > div span a:hover{
	color: #B90F06;
}

header .navbar-default{
	background: rgba(0,0,0,.5);
	padding: 12px 0;
	height: 109px;
	top: 30px;
	position: absolute;
	z-index: 999;
}

header .navbar-default.fixed{
	background: #fff;
	padding: 3px 0px 5px;
	height: 89px;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
	top: 0;
	position: fixed;
}

header .navbar-header a{
	padding: 0;
	margin: 0;
	height: unset;
	margin-left: 0 !important;
}

header .navbar-header a img{
	max-width: 130px;
	margin-top: 10px;
}

header .navbar-default.fixed .navbar-header a img{
	max-width: 130px;
    margin-top: 5px;
}

header .navbar-default .navbar-collapse ul{
	margin-right: 0 !important;
}

header .navbar-default .navbar-collapse ul > li > a{
	font-weight: 600;
	padding: 34px 15px 32px;
}

header .navbar-default.fixed .navbar-collapse ul > li > a{
	color: #565654 !important;
}

header .navbar-default .navbar-collapse ul > li > a:hover,
header .navbar-default .navbar-collapse ul > li.active > a{
	color: #B90F06 !important;
}

header .navbar-default .navbar-collapse ul > li > a.navbar-btn{
	color: #fff !important;
	background: #B90F06 !important;
	margin: 22px 0 20px 0;
	padding: 11px 9px 11px 9px;
	border: 1px solid #B90F06;
}

header .navbar-default .navbar-collapse ul > li > a.navbar-btn:hover{
	background: transparent !important;
}

header .navbar-default.fixed .navbar-collapse ul > li > a.navbar-btn:hover{
	color: #565654 !important;
}

/* HOME */

div.intro2{
	padding: 0 !important;
	height: 90vh;
	display: flex;
	align-items: center;
	background-position: 50% 50%;

}

div.intro2 .overlay{
	opacity: 0.55;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list a.wh-widget-send-button-get-button {display:none!important;}

/*div.intro2 .intro-holder{
	padding: 0 40px 0 0;
}*/

div.intro2 .intro-holder h1{
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 30px;
    text-shadow: 0px 1px 4px #000;
	text-align: center;
}

div.intro2 .intro-holder h3{
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: center;
}
}

div.intro2 .intro-holder > h3:last-child{
	margin-top: 20px;
}

form{
	padding: 30px;
}

form h4{
	font-size: 36px;
}

form input.error{
	background: rgba(255,0,0,.65);
	color: #fff;
}

form select{
	margin-bottom: 15px;
    height: 50px;
    border-radius: 0;
}

form .form-submit{
	display: flex;
    align-items: center;
}

form .form-submit input{
	width: 120px;
	text-align: center;
	margin: 0;
	background: #B90F06;
	border: 1px solid #B90F06;
	transition: background .3s;
	color: #fff !important;
}

form .form-submit input:hover{
	background: transparent;
}

form .form-submit p{
	margin: 0 0 0 20px;
	opacity: 0.8;
    font-size: 13px;
}

form .form-submit p.error{
	color: #ff0000;
	font-weight: 600;
}

form .form-submit p.success{
	color: #978C79;
	font-weight: 600;
}

form .form-submit p.show{
	visibility: visible;
	opacity: 1;
}

.form-control:focus{
    border-color: #B90F06;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.scroller-container{
	position: absolute;
	width: 100%;
	bottom: 50px;
	text-align: center;
	z-index: 998;
	height: unset !important;
}

.scroller{
	width: 30px;
	height: 70px !important;
	border: 3px solid #fff;
	border-radius: 20px;
	margin: auto;
	cursor: pointer;
}

.scroller:before{
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	border-radius: 100px;
	top: 10px;
	margin-left: -5px;
	opacity: 0.1;
	animation-name: scroller;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
}

/* CHI SIAMO */

div.info-content{
	padding: 100px 0 50px 0;
}

div.info-content h4{
	margin: 0;
	text-transform: uppercase;
    font-weight: 600;
	font-size: 28px;
    line-height: 30px;
	color: #565654;
	max-width: 80%;
}

div.info-content > div > .row:first-child > div:first-child > div{
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
}

div.info-content > div > .row:first-child > div:first-child > div > img{
	max-width: 90px;
}

div.info-content h5{
	color: #565654;
	margin: 0 0 18px 0;
    font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
}

div.info-content p{
	margin: 0;
}

div.info-content p{
	color: #565654;
}

div.info-content > div > .row:first-child > div:first-child > p:not(:last-child){
	margin: 0 0 15px 0;
}

div.info-content > div > .row:nth-child(2){
	margin: 50px 0 0 0;
}

div.info-content ul,
div.info-content ul li{
	list-style-position: inside;
    list-style-type: disc;
}

div.info-content ul li{
	margin: 0 0 15px 0;
}

div.info-content > div > .row:first-child > div:nth-child(2) img{
	box-shadow: 2px 2px 5px #000;
}

div.info-content .btn-holder{
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

/* PRODOTTI */

div.prodotti{
	/*background: rgba(255, 131, 0, .1);*/
	background: rgba(0, 0, 0, .05);
	padding: 80px 0;
}

div.prodotti .content-head-lite h2{
	font-size: 42px;
	font-weight: 600;
	color: #565654;
	text-transform: uppercase;
	text-align: center;
}

div.prodotti .content-head-lite h2 span.pedice{
	font-size: 20px;
}

div.prodotti .content-head-lite p{
	opacity: 1;
    padding: 0;
    font-size: 14px;
	text-align: center;
	color: #565654;
}

div.prodotti > div > .row.portone:not(:last-child){
	margin-bottom: 50px;
}

div.prodotti > div > .row.portone:nth-child(3){
	text-align: right;
}

div.prodotti .portone h4{
	color: #565654;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 10px;
}

div.prodotti .portone h5{
	color: #565654;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
}

div.prodotti .portone p{
	color: #565654;
}

div.prodotti .portone > div:nth-child(2) ul,
div.prodotti .portone > div:nth-child(2) ul li{
	list-style-position: inside;
    list-style-type: disc;
}

div.prodotti .portone ul li{
	color: #565654;
	margin-bottom: 10px;
}

div.prodotti .portone ul > li:last-child{
	margin-bottom: 15px;
}

div.prodotti .portone a.btn{
	margin-top: 20px;
}

div.prodotti .portone .slick-dots li button{
	border: 1px solid #B90F06;
}

div.prodotti .portone .slick-dots li.slick-active button{
	background: #B90F06;
}

/* ACCESSORI */

section.feature-content{
	/*background: rgba(255, 131, 0, .1);*/
	background: rgba(0, 0, 0, .05);
	padding: 50px 0;
}

section.feature-content .content-head-lite{
	margin: 0;
}

section.feature-content .content-head-lite h2{
	font-size: 42px;
	font-weight: 600;
	color: #565654;
	text-transform: uppercase;
	text-align: center;
}

section.feature-content .item{
	padding: 30px;
}

section.feature-content .item .holder-box{
	box-shadow: 0px 5px 7px #ccc;
    padding: 15px;
    text-align: center;
	background: #fff;
}

section.feature-content .item .holder-box h4{
	color: #565654;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight: 600;
}

section.feature-content .item .holder-box p{
	color: #565654;
}

section.feature-content .slick-dots li button{
	border: 1px solid #B90F06;
}

section.feature-content .slick-dots li.slick-active button{
	background: #B90F06;
}

/* PUNTI DI FORZA */

div.service-content{
	padding: 80px 0;
}

div.service-content .content-head-lite{
	margin-bottom: 0;
}

div.service-content .content-head-lite h2{
	font-size: 50px;
	font-weight: 600;
	color: #565654;
	text-transform: uppercase;
}

div.service-content .icon-box .ico{
	background: #B90F06;
}

div.service-content .icon-box h4{
	color: #565654;
	font-weight: 600;
}

div.service-content .icon-box p{
	color: #565654;
}

div.service-content > div > .row:last-child{
	margin-top: 15px;
}

/* RECENSIONI */

div.testimonials .content-head h2{
	font-size: 50px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 50px;
}

div.testimonials .quote-info{
	text-align: center;
}

div.testimonials .quote-info .author{
	display: flex;
	align-items: center;
	justify-content: center;
}

div.testimonials .quote-info .author img{
	float: none;
}

div.testimonials .quote-info .author .author-info{
	float: none;
	margin: 0 0 0 18px;
}

div.testimonials .slick-dots li button{
	border: 1px solid #B90F06;
}

div.testimonials .slick-dots li.slick-active button{
	background: #B90F06;
}

/* CTA */

div.cta-content{
	background: url(../images/cta.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.cta-content .darker-bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
}

div.cta-content a.btn{
	padding: 0 40px;
}

div.cta-content.cta2{
	background: url(../images/cta2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* FOOTER */

footer{
	padding: 0;
}

footer > .container{
	padding: 75px 15px 40px;
}

footer .row > div:first-child img{
	max-width: 200px;
}

footer .row > div:first-child h2{
	color: #fff;
	font-weight: 600;
	font-size: 40px;
}

footer .row > div:nth-child(2) h4{
	margin-bottom: 30px;
}

footer .row > div:nth-child(2) ul li{
	margin-bottom: 16px;
	float: none !important;
}

footer .row > div:nth-child(2) ul li a{
	font-size: 14px;
}

footer .row > div:nth-child(2) ul li a:hover{
	color: #B90F06;
}

footer .row > div:last-child h4{
	margin-bottom: 30px;
}

footer .row > div:last-child .contact-box{
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

footer .row > div:last-child .contact-box i{
	font-size: 16px;
	margin-right: 20px;
	width: 18px;
	height: 18px;
	display: flex;
    justify-content: center;
}

footer .row > div:last-child .contact-box span,
footer .row > div:last-child .contact-box span a{
	font-size: 14px;
}

footer .row > div:last-child .contact-box span a:hover{
	color: #B90F06;
}

footer .footer-bottom{
	background: #000;
	padding: 15px 0;
}

footer .footer-bottom p,
footer .footer-bottom p a,
footer .footer-bottom a{
	margin: 0;
	font-size: 14px;
	color: #fff;
}

footer .footer-bottom a:hover{
	color: #B90F06;
}

footer .footer-bottom .row > div:last-child{
	text-align: right;
}

/* THANK YOU PAGE */

body.ty header .navbar-default{
	position: relative;
    background: #fff;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
	top: 0;
}

body.ty header .navbar-default .navbar-collapse ul > li > a{
	color: #565654 !important;
}

body.ty header .navbar-default .navbar-collapse ul > li > a.navbar-btn{
	color: #fff !important;
}

body.ty header .navbar-default .navbar-collapse ul > li > a.navbar-btn:hover{
	color: #565654 !important;
}

body.ty div.cta-content{
	padding: 200px 0;
}

body.ty div.cta-content .darker-bg{
	background: rgba(0,0,0,.85);
}

/* PAGINA 404 */

body.notfound div.error-body{
	padding: 200px 0;
}

body.notfound div.error-body h3{
	font-size: 50px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

body.notfound div.error-body p{
	color: #565654;
	font-size: 16px;
}

/* MEDIA QUERY */

@media screen and ( max-width: 1299px ){
	section.cloud .cloud-slider > i:nth-child(2){
		left: -1%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -1%;
	}
}

@media screen and ( max-width: 1199px ){
	div.info-content h4{
		font-size: 23px;
	}

	section.feature-content .fc-inner .expandable{
		min-height: 88px;
	}

	section.cloud .cloud-slider > i:nth-child(2){
		left: -5%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -5%;
	}
}

@media screen and ( max-width: 1099px ){
	section.cloud .cloud-slider > i:nth-child(2){
		left: -1%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -1%;
	}
}

@media screen and ( max-width: 991px ){
	.top-bar .row{
		display: flex;
		align-items: center;
	}

	.top-bar .row > div > div > div > span:last-child{
		display: block;
	}

	header .navbar-default{
		top: 50px;
	}
	#wh-widget-send-button.wh-widget-left {bottom:30px!important;}

	div.intro2 .overlay{
		opacity: 0.8;
	}

	div.intro2 > .container{
		padding-bottom: 10px;
	}

	div.intro2 .intro-holder{
		margin-bottom: 20px;
	}

	div.intro2 .intro-holder h1{
		font-size: 30px;
		margin-bottom: 15px;
	}

	div.intro2 .intro-holder h3{
		font-size: 16px;
		line-height: 20px;
	}

	form {
		padding: 0;
	}

	form h4{
		margin: 10px 0 5px;
	}

	form > p{
		margin: 0 0 20px 0;
	}

	.scroller-container{
		display: none;
	}

	section.feature-content .fc-inner{
		margin-bottom: 20px;
	}

	section.feature-content .fc-inner .expandable{
		min-height: unset;
	}

	section.cloud .cloud-slider > i:nth-child(2){
		left: -5%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -5%;
	}

	div.prodotti > div > .row.portone:nth-child(3){
		text-align: left;
	}

	div.prodotti .portone h4{
		margin-top: 20px;
	}

	footer .row > div:first-child img{
		max-width: 100%;
	}

	div.info-content h4{
		font-size: 36px;
	}

	div.info-content > div > .row:first-child > div:nth-child(2) img{
		margin-top: 15px;
		box-shadow: 0px 2px 5px #000;
	}
}

@media screen and ( max-width: 829px ){
	section.cloud .cloud-slider > i:nth-child(2){
		left: -2%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -2%;
	}
}

@media screen and ( max-width: 767px ){
	.show-mobile{
		display: block !important;
	}

	.gotop{
		bottom: 60px;
	}

	.top-bar{
		display: none;
	}

	header .navbar-default{
		max-height: unset !important;
		top: 0;
		background: #fff;
	}

	header .navbar-default .navbar-collapse{
		background: #fff;
		top: 88px;
		box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
	}

	header .navbar-header a{
		margin-left: 15px !important;
	}

	header .navbar-default .navbar-toggle{
		padding: 26px 0 0 0;
	}

	header .navbar-default .navbar-toggle .icon-bar,
	body.ty header .navbar-default .navbar-toggle .icon-bar{
		background-color: #565654;
	}

	header .navbar-default .navbar-nav {
		height: unset !important;
		max-height: 400px;
	}

	header .navbar-default .navbar-nav > li > a{
		color: #565654 !important;
		padding: 20px 15px !important;
	}

	div.intro2{
		margin-top: 109px;
		display: block;
		height: unset;

	}

	div.intro2 > .container{
		padding: 15px 0;
	}

	div.intro2 .intro-holder h3{
		font-size: 15px;
		margin-bottom: 35px;
	}

	section.cloud .cloud-slider > i:nth-child(2){
		left: -5%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: -5%;
	}

	footer .footer-bottom .row > div{
		text-align: center !important;
	}

	div.cta2 .row > div > a:last-child{
		margin-top: 20px;
	}

	div.info-content h4{
		max-width: unset;
		font-size: 35px;
		text-align: center;
		margin-bottom: 10px;
	}

	div.info-content > div > .row:first-child > div:first-child > div{
		display: block;
	}

	div.info-content > div > .row:first-child > div:first-child > div > img{
		margin: 0 auto;
	}

	div.info-content h5{
		text-align: center;
	}

	div.service-content .content-head-lite h2{
		font-size: 40px;
	}

	footer .row > div:first-child{
		display: none;
	}

	footer .row > div:first-child img{
		max-width: 250px;
		width: 100%;
	}
}

@media screen and ( max-width: 479px ){
	div.intro2 > .container{
		padding: 15px;
	}

	div.intro2 .intro-holder h3{
		line-height: 20px;
	}

	form .form-submit{
		display: block;
	}

	form .form-submit input{
		margin: 0 0 10px 0;
	}

	form .form-submit p{
		text-align: left;
		margin: 0;
	}

	div.intro2 .intro-holder h1,
	div.intro2 .intro-holder h3{
		margin-bottom: 30px;
	}

	form > p{
		margin-bottom: 15px;
	}

	section.cloud .cloud-slider > i{
		top: unset;
		bottom: -70px;
	}

	section.cloud .cloud-slider > i:nth-child(2){
		left: 5%;
	}

	section.cloud .cloud-slider > i:nth-child(3){
		right: 5%;
	}
}

@media screen and ( max-width: 345px ){
	div.intro2{
		align-items: center;
	}

	div.intro2 .intro-holder h3{
		display: none;
	}

	section.cloud .cloud-slider > i{
		bottom: -40px;
	}
}

@media screen and ( min-width: 992px ){
	div.prodotti > div > .row.portone:nth-child(even) > div:first-child{
		padding-left: 0;
	}

	div.prodotti > div > .row.portone:nth-child(even) > div:first-child img{
		/*border-radius: 0 50px 50px 0;*/
	}

	div.prodotti > div > .row.portone:nth-child(odd):not(:first-child) > div:first-child{
		padding-right: 0;
	}

	div.prodotti > div > .row.portone:nth-child(odd):not(:first-child) > div:first-child img{
		/*border-radius: 50px 0 0 50px;*/
	}
}

@media screen and ( min-width: 768px ){
	.show-desktop{
		display: block !important;
	}

	header .navbar-default .navbar-collapse ul > li > a{
		font-size: 12px !important;
	}
}

@media screen and ( min-width: 992px ) and ( max-width: 1199px ){
	div.service-content .icon-box h4{
		min-height: 30px;
		display: flex;
		align-items: center;
	}

	section.cloud .quote-info > p.quote{
		min-height: 208px;
	}
}

@media screen and ( min-width: 768px ) and ( max-width: 991px ){
	div.service-content .icon-box p{
		min-height: 88px;
	}
}

.introform select {
    border: none;
    height: 50px;
    margin-bottom: 15px;
    padding: 0 25px;
    border-radius: 0px;
}

.introform p {
	margin-bottom: 30px;
}

.introform a {
	color: #B90F06 !important;
}

.tabella {
	margin-top: 30px;
}

.tabella h5 {
	text-align: center;
}

#contact-form-file {
	width: 100%;
	height: 50px;
	padding-top: 20px;
}

.introform textarea {
    border: none;
    margin-bottom: 15px;
    padding: 10px 25px;
    border-radius: 0px;
}

.ml-10 {
	margin-left: 10px;
}

header .navbar-default .navbar-collapse ul > li > a.navbar-btn2 {
    background: #66bb6a !important;
    border: 1px solid #66bb6a;
}

.btn-green {
    background: #66bb6a !important;
    border: 1px solid #66bb6a !important;
}

.btn-green:hover {
    background: #fff !important;
    border: 1px solid #66bb6a !important;
}