


/*Common sections styles*/
.mp_sections section{padding: 4.6rem 0 4.6rem 0;}
.mp_sections section .in-section-block{margin-bottom: 3.5rem;}
.mp_sections section .in-section-block:last-child{margin-bottom: 0}
.mp_sections section h2{font-size: 2.5rem; line-height: 2.5rem; font-weight: 900; margin-bottom: 1rem}
.mp_sections section h3{font-size: 1.74rem; font-weight: 700; line-height: 1.74rem; margin-bottom: 2rem;}

.mp_sections section.top_border{border-top: 1px solid #CFCFCF;}

.mp_sections section .section-subheader {font-size: 1.257rem;; line-height: 1.47rem; font-weight: 400; margin-bottom: 2rem;}

.mp_sections .small_text{}
.mp_sections .sublinks{font-weight: 300; }






.zoom-img{}





/*Header */
#page_header{color: white;background: url('img/top_img.jpg') no-repeat center center/cover;}
	#page_header .button{text-decoration: none}

#page_header h1{color: white; font-size: 2.45rem; font-weight: 700; text-shadow: 0 2px 0 rgba(0,0,0,0.50); margin-bottom: 1rem}
#page_header .page_header_content{padding: 1rem 0; padding: 2.8rem 0;}
#page_header .main-subheader{font-size: 1.249rem; line-height: 1.55rem;  margin-bottom: 2rem;}

#page_header .usp{margin-left: 0; margin-bottom: 3.4rem;}
#page_header .usp li{display: inline-block; list-style: none; margin-right: 1.5em; padding-left: 0; font-weight: 300}
#page_header .usp .fa-check{color: #67CD46; margin-right: 0.7rem;}


#page_header .page_header_bottom_menu{background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.2s; padding: 0.5rem 0}
	#page_header .page_header_bottom_menu ul{list-style: none; margin: 0;}
	#page_header .page_header_bottom_menu ul li{display: inline; margin-right: 0.9rem;}
	#page_header .page_header_bottom_menu ul li:last-child{margin-right: 0}
	#page_header .page_header_bottom_menu a{color: white; text-decoration: none; border-bottom: 1px dashed white;}
		#page_header .float_cont{display: none}
		#page_header .float_cont .phone{font-size: 1.25rem; font-weight: 500; line-height: 1rem;}
		#page_header .float_cont .callback{font-size: 0.875rem; line-height: 0.8rem}
		#page_header .float_cont .callback .fa{color: #ee7931;}

	#page_header .page_header_bottom_menu.is-stuck{background: white; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); color:black;}
		#page_header .page_header_bottom_menu.is-stuck .float_cont{display: block}

	#page_header .page_header_bottom_menu.is-stuck a{color: #163A7E; border-bottom: 1px dashed #163A7E;}
	#page_header .page_header_bottom_menu a.is-active{font-weight: bold; color: black; border-bottom: none}


/* Last new block */
#last_new{background-color: #E1F0FA; padding: 1.2rem 0;}
#last_new .new-title{margin-bottom: 1rem}
#last_new .new-title a{font-weight: 500; font-size: 1.125rem;}
#last_new .news-item{margin-bottom: 1rem}



/*Products block*/
#products .sublinks a{ display: inline-block; margin-right: 1.8rem; text-align: left}
#products .sublinks a .fa, #products .sublinks a .far{margin-right: 0.8rem}
#products .section-subheader{margin-bottom: 0rem}

#products .pr-groups{}
	#products .pr-groups ul{ list-style: none ; margin-left: 0}
	#products .pr-groups ul li {font-weight: 300}
	#products .pr-groups .pr-group-image {display: block;}
	#products .pr-groups .pr-group-title {font-weight: 700; font-size: 1.26rem;}

#products .q-brand{font-weight: 300; line-height: 1.2rem}
	#products .q-brand img{display: block; font-weight: 300; margin-bottom: 0.3rem}


#products .pr-cart {margin-bottom: 1rem; border-radius: 3px; }
	#products .pr-cart .cart-img img{border-radius: 3px}
	#products .pr-cart .cart-text{padding-left: 0.5rem; padding-right: 1rem;}
	#products .pr-cart .cart-price{font-weight: 300}
	#products .pr-cart button{font-weight: 700; font-size: 0.9rem; line-height: 0.4rem; visibility: hidden;}
	#products .pr-cart:hover button{visibility: visible}
	#products .pr-cart:hover .cart-content{margin-left: 10px; margin-top: 10px; margin-bottom: -10px; margin-right: -10px}
	#products .pr-cart:hover{
		background: rgba(255,255,255,0.10);
		transform: translate(-10px, -10px);

	}

#products .consult, #products .customization{font-weight: 300}

#products .consult{}
	#products .consult .legal{font-size: 0.68rem; opacity: 0.8;}
	#products .consult form label{color: white !important; }
	#products .consult form{margin-top: 2.5rem;}

/* Products responsive small */
@media screen and (max-width: 39.9375em) {
	#products .pr-cart button{visibility: visible}
	#products .section-subheader{margin-bottom: 1rem}
	#products .pr-groups div{margin-bottom: 1rem}
}





/*Industrial block*/
#indistrial{}
#industrial .usp{font-weight: 300}
#industrial .usp > div{margin-bottom: 1rem}
#industrial .usp img{display: block; margin-bottom: 1rem;}

@media screen and (max-width: 39.9375em) {
	#industrial .r_square{margin-bottom: 1rem}
}




/*Conditions block*/
#conditions h3{font-size: 1.28rem; margin-bottom: 0.4rem;}
#conditions .icon{margin-bottom: 1.3rem;}

/*Factory block */
#factory .exc-text, #factory .exc-text p{font-weight: 300; line-height: 1.3rem;}
#factory .all-link{font-weight: 300; margin-bottom: 1rem}
#factory .docs-list{font-size: 0.8rem;}
	#factory .docs-list > div{margin-bottom: 1.4rem}
	#factory .docs-list a.title{font-size: 1rem; line-height: 1.1rem; text-decoration: none; margin-top: 1rem; display: block}




/* rewards block */
#rewards{background-color: #E1F0FA; font-weight: 300}
	#rewards .doc-cart{margin-bottom: 1rem}
	#rewards .fas{color: #EE7A32;}
	#rewards .doc-list .title{font-weight: 400}



/* rewards block responsive medium */
@media screen and (min-width: 40em){
	#rewards .title, #rewards .position{margin-left: 0.7rem;}
}

/* rewards block responsive small */
@media screen and (max-width: 39.9375em) {
	#rewards .all-rewards{margin-bottom: 1px}
	.mp_sections section h2{
		font-size: 2rem;
	}
}


/*Contacts*/
#contact{position: relative; }
	#contact .contacts-block{width: 100%;}
		#contact .contacts-block .contacts-content{background: #FFFFFF;}
	#contact #map-container{position: absolute; top: 0; left:0; bottom:0; right:0; }

	/*Typography*/
	#contact .phone{font-weight: 700;}
	#contact .phone a{color: black; text-decoration: none}
	#contact .fa, #contact .fas{color: #EE7A32;}
	#contact .address, #contact .links{margin-top: 0.5rem;}


/* Contacts responsive medium*/
@media screen and (min-width: 40em){
	#contact{padding: 0;}

	#contact .contacts-block{}
	#contact #map-container:before{box-shadow: inset 0 3px 7px 0 rgba(0,0,0,0.50); content: ''; position: absolute; width: 100%; height: 100%;  z-index: 1; pointer-events: none;}
	#contact .contacts-block .contacts-content{
		box-shadow: 0 2px 20px 0 rgba(0,0,0,0.40);
		border-radius: 5px;
		z-index: 2;
		margin-top: 2rem;
		margin-bottom: 2rem;}
	#contact .contacts-text{margin: 1rem;}

	#contact .contacts-block img{border-top-left-radius: 5px; border-top-right-radius: 5px;}

	/*Typography*/

	#contact h3{font-size: 1.58rem; margin-bottom: 1rem; }
	#contact .phone{font-weight: 700;}
	#contact .address{/*font-size: 0.86rem; line-height: 0.9rem;*/ }
}





