@font-face {
font-family: 'Poppins';
src: url('../../font/Montserrat-Regular.ttf')  format('truetype');
}

@font-face {
font-family: 'PoppinsLight';
src: url('../../font/Montserrat-Light.ttf')  format('truetype');
}


@font-face {
font-family: 'PoppinsBold';
src: url('../../font/Montserrat-Bold.ttf')  format('truetype');
}

@font-face {
  font-family: 'icomoon';
   src: url('../../font/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-navicon:before {
 content: "\e9bd";
}



* {box-sizing: border-box;}

body{
background-color:#FFF;
font-family: Poppins, sans-serif;	
color:#333;
font-size:16px;
background-image:url(gfx/body-bg.gif);
background-repeat:no-repeat;
background-position:0 10em;
padding:0.5em 0 0 0;
margin:0;
}

.wrap{
width:1320px;
padding:0 20px 0 20px;
margin:0 auto 0 auto;	
}	


a{
color:#ff0a07;	
}	


li a{
color:#222;	
}	


h1{
font-family: PoppinsBold, sans-serif;
font-weight:normal;
}	

/* ### HEADER ###*/
.header{
display:flex;	
flex-wrap:wrap;
align-items: center;
width:100%;
}

.header-logo{
display:flex;	
align-items: center;
justify-content: space-between;
}	


.header-menu-desktop{
display:flex;
flex-grow:1;
margin-top:0.3em;
}	


.header-menu-mobile{
width:100%;	
margin-top:1em;
}	


.menu-mobile-button{
display:none;	
}	


#header-hidable{
display:none;	
justify-content: flex-end;
align-items: center;	
flex-grow:1;
}	



/* TWO_LAYER MENU */

.navbar {
overflow:hidden;
font-family: 'PoppinsBold';
display:flex;
justify-content: flex-end;
align-items: center;	
flex-grow:1;
}

.navbar a {
text-align: left;
display:block;

margin:0 0.5em 0 0.5em;	
padding:0.5em 1em 0.5em 1em;	
border-bottom:0.3em solid #FFF;
color:#222;
text-decoration:none;
white-space:nowrap;
}

.navbar a:hover {
border-bottom:0.3em solid #222;
}	

.subnav {
float: left;
overflow: hidden;
}


.subnav .subnavbtn {
border: none;
outline: none;
font-family: 'PoppinsBold';
font-size:1em;
margin:0 1em 0 1em;	
padding:0.5em 1.5em 0.7em 1em;	
background-color: inherit;
display: inline-block;
white-space:nowrap;
}


.subnav .subnavbtn::after {
content: "\e900";
epadding-left:0.3em;
color:#222;
font-family:icomoon;
display: inline-block;
position: absolute;
}


.subnav:hover .subnavbtn {
background-color:#ff0a07;
color:#FFF;
}


.subnav:hover .subnavbtn::after {
content: "\e901";
color:#FFF;
}


.subnav-content {
display: none;
position: absolute;
background-color: #ff0a07;
z-index: 1;
padding:0.5em 0 0.5em 0;
}


.subnav-content a {
efloat: left;
display:block;
text-decoration: none;
border-bottom:0.3em solid #ff0a07;
color:#FFF;
}


.subnav-content a:hover {
border-bottom:0.3em solid #FFF;
}


.subnav:hover .subnav-content {
display: block;
}




/* MOBILE VERSION */


.navbar-mobile {
width:100%;
overflow: hidden;
font-family: 'PoppinsBold';
text-align:left;
background-color:#eee;
padding:0.5em 0 0.5em 0.5em;
}

.navbar-mobile a {
display:block;	
padding:0.5em 1em 0.5em 1em;	
color:#222;
text-decoration:none;
white-space:nowrap;
}

.navbar-mobile a::before {
content: "\e900";
padding-right:0.5em;
color:#ff0a07;
font-family: icomoon;
}

.navbar-mobile a:hover {
color:#ff0a07;
}	

.subnav-mobile {
overflow: hidden;
}


.subnav-mobile .subnavbtn-mobile {
display:inline;
border: none;
outline: none;
font-family: 'PoppinsBold';
font-size:1em;
padding:0.5em 1em 0.5em 1em;	
background-color: inherit;
}

.subnav-content-mobile {
display: block;
padding:0 0 0.5em 2em;
}


.subnav-content-mobile a {
text-decoration: none;
color:#444;
}


.subnav-content-mobile a:hover {
color:#ff0a07;
}









.header form{
margin-top:1em;
display:flex;
padding-left:2em;
}	


.header form input{
font-family: Poppins, sans-serif;
display:block;
border:0.2em solid #222;
}

#header-input-desktop{
width:15em;	
}	

.header form input[type="submit"]{
font-family: PoppinsBold, sans-serif;
display:block;
padding:0.8em 1.4em 0.8em 1.4em;
margin:0 0 0 0.3em;
border:none;
background-color:#ff0a07;
color:#FFF;
text-transform:uppercase;
}

input:focus{
outline: none;
}


.menu-mobile-button a{
text-decoration:none;
padding:0.3em 0.5em 0.3em 0.5em;	
font-size:1.6em;
color:#222;
transition-duration:200ms;
}	

.menu-mobile-button a:hover{
background-color:#222222;	
color:#FFF;
transition-duration:200ms;
}	










/* ##### FEEDBACK PAGE START ##### */

.feedback_wrap{
margin-top:5em;	
}	

.feedback_wrap h1{
font-weight:normal;	
margin-bottom:2em;
}

.feedback_page_welcome{
padding:0 0 4em 0;	
font-weight:bold;
font-size:1.2em;
}	

.feedback_page{
width:70%;	
padding-right:3em;

}	

.feedback_page p{
margin:0 0 1em 0;	
line-height:1.4em;
}

.feedback_page_sidebar{
width:30%;
}	



.feedback_form{
display:flex;
flex-wrap:wrap;	
justify-content:space-between;
}

.feedback_input_wrap_50, .feedback_input_wrap_100{
padding:0.5em 0 0.5em 0;
}

.feedback_input_wrap_50{
width:48%;
}	

.feedback_input_wrap_100{
width:100%;
}	

.feedback_form label{
display:block;	
margin-bottom:0.3em;
font-weight:bold;
}	

.feedback_form input[type="edit"], .feedback_form input[type="email"], .feedback_form textarea{
width:100%;
border:1px solid #999999;
font-family: Poppins, sans-serif;
padding:0.5em;
border-radius:0.2em;
font-size:1.2em;
}

.feedback_form textarea{
height:12em;	
}


.feedback_submit{
border-radius:0;	
background-color:#ff0a07;
padding:0.8em 1.5em 0.8em 1.5em;
color:#FFF;
font-family: Poppins, sans-serif;
font-size:1.2em;
border:none;
outline:none;
font-weight:bold;
text-decoration:none;
}	


.feedback_page_banner{
background-color:#ff0a07;
padding:2em 3em 2em 3em;
color:#FFF;
font-weight:bold;	
}	


.icon-mail4:before {
font-family:icomoon;
content: "\ea86";
font-size:2em;
display:block;
margin-right:0.2em;
}

.feedback_page_banner_email{
display:flex;
align-items: center;
}	

.feedback_page_banner_email a{
color:#FFF;
text-decoration:none;
}	

.feedback_submit:after{
font-family:icomoon;
content: "\ea3c";
padding-left:0.5em;
}	




.sidebar_link_button{
display:block;
padding:1em 2em 1em 2em;
text-decoration:none;	
margin:2em 0 2em 0;
}	

.sidebar_link_button:after{
font-family:icomoon;
content: "\ea3c";
padding-left:0.5em;
}

.sidebar_link_red{
color:#FFF;
border:0.3em solid #FFF;	
}	

.sidebar_link_red:hover{
background-color:#FFF;
color:#ff0a07;
border:0.3em solid #FFF;	
}	

.sidebar_hr_red{
height:0.2em;
background-color:#FFF;	
margin:2em 0 2em 0;
}	

/* ##### FEEDBACK PAGE END ##### */






















/* ##### PARTNETS PAGE BEGIN ##### */

.partner{
box-shadow:0 0 0.7em #DDD;	
padding:1.4em 1.4em 1.2em 1.4em;
margin-bottom:1.6em;
}	


.partner .partner_name, .partner .partner_name a{
font-weight:bold;
color:#000;
padding-bottom:0.5em;
}

.partner .partner_email a, .partner .partner_phone a{
color:#000;
text-decoration:none;
}


.partner .partner_name a:hover{
text-decoration:none;	
}	

.partner .partner_email a:hover, .partner .partner_phone a:hover{
text-decoration:underline;	
}	


.partner_email, .partner_phone, .partner_address{
padding-left:2em;
margin:0.7em 0 0.7em 0;
}	

.partner .partner_name:before{
font-family:icomoon;
content: "\ea10";
font-size:1.2em;
color:#ff0a07;
padding-right:0.6em;
display:inline-block;
}

/* ##### PARTNETS PAGE END ##### */











/* ##### PAGE ##### */

.welcome{
margin:2em 0 1em 0;
background-color:#fafafa;
padding:3em 3em 2em 3em;	

background-image:url(gfx/welcome-bg-orig.jpg);
background-repeat:no-repeat;
background-position:90% 2em;
background-size: 40%;
}	

.welcome h1{
font-family: PoppinsBold, sans-serif;	
}	

.welcome-wrap{
width:50%;	
}	






.welcome form{
margin-top:2em;
display:flex;
}	


.welcome form input{
font-family: Poppins, sans-serif;
display:block;
border:0.2em solid #222;
}

#welcome-input{
width:20em;	
}	

.welcome form input[type="submit"]{
font-family: PoppinsBold, sans-serif;
display:block;
padding:0.8em 1.4em 0.8em 1.4em;
margin:0 0 0 0.3em;
border:none;
background-color:#ff0a07;
color:#FFF;
text-transform:uppercase;
}


.form_full_catalog{
text-align:right;	
}	







/* ##### NORMAL PAGE BEGIN ###### */

.normal_page{
display:flex;
flex-wrap:wrap;
padding-bottom:5em;
}

.normal_page_header{
width:100%;	
padding:3em 4em 8em 4em;
margin-bottom:3em;
}	

.normal_page_header h1{
color:#FFF;	
text-shadow:0.1em 0.1em 0.1em #444;
}	

.normal_page_header_distribution{
background-image:url(gfx/normal_page_header_distribution.jpg);
background-size: cover;
}	


.normal_page_header_catalog{
background-image:url(gfx/normal_page_header_catalog.jpg);
background-size: cover;
}	

.normal_page_text{
padding:0 3em 1em 0;
width:60%;	
}

.normal_page_image{
width:40%;	
}	

.normal_page_image img{
width:100%;	
}	
	
/* ##### NORMAL PAGE END ###### */




/* ##### RESULTS ###### */

.results{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
background-color:#f3f2f2;
padding:2% 3% 1% 3%;
margin-bottom:1em;
}	


.result{
display:flex;	
align-items: flex-start;
width:48%;
background-color:#FFF;
padding:2%;
margin-bottom:1em;
color:#333;
text-decoration:none;
}


.result_thumb img{
width:150px;	
}	

.result_text{
padding-left:1em;	
}	

.result_text span{
font-family: PoppinsBold, sans-serif;
}	

.result_text p{
margin-top:0;	
}	








/* ####### PRODUCT PAGE ######## */

.product{
display:flex;
justify-content: space-around;
margin-bottom:1em;
}	

h2, h3{
font-family: PoppinsBold, sans-serif;
font-size:1.4em;
font-weight:normal;
text-transform:normal;
}	

.product a{
color:#ff0a07;
font-family: PoppinsBold, sans-serif;
}	

.product_text{
padding:0 2em 0 0;
width:calc(100% - 500px);	
}

.product_description{
margin:2em 0 2em 0;	
text-align: justify;
}	

.product_thumbs{
width:490px !important;
display:flex;
flex-wrap:wrap;
justify-content: space-between;	
}	


.product_thumbs img{
padding:1px;
border:1px solid #DDD;
}	

.product .product_text span{
font-family: PoppinsBold, sans-serif;
}	


.product .product_thumbs a{
display:inline-block;	
width:calc((100% - 10px) / 2);
margin:0 0 10px 0;
}	

.product .product_thumbs a img{
width:100%;	
}

.product table td{
padding:5px;	
vertical-align:top;
}	



.border{
border-top:1px solid #999;	
border-left:1px solid #999;	
}

.border td{
padding:0.5em;
border-bottom:1px solid #999;	
border-right:1px solid #999;	
}




.table_padding td{
padding:1em;
}



.footer{
padding:1em;	
display:flex;
align-items: center;
justify-content: center;

background-color:#f3f2f2;
font-family: PoppinsLight, sans-serif;
text-transform:uppercase;
font-size:0.9em;
}	

.footer img{
width:150px;
padding-right:2em;	
}	





/* #### CATALOG PAGE ##### */

.catalog_columns{
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;	
}	

/* #### CUSTOM PAGE ##### */

.custom_page{
}	


.custom_page_text{
display:flex;
flex-wrap:wrap;
padding-bottom:5em;
}

.custom_page_text_block{
padding:0 3em 1em 0;
width:55%;	
}

.custom_page_text_full{
padding:0 0 1em 0;
width:100%;	
}



.custom_page_text{
padding-right:3em;
}	

.custom_page_text p{
margin:0 0 1em 0;	
line-height:1.4em;
}


.custom_page_text li{
padding:0 0 0.8em 0;
line-height:1.4em;
}

.custom_page_image{
width:45%;	
}	

.custom_page_image_full{
width:100%;	
text-align:center;
}	


.custom_page_image img, .custom_page_image_full img{
width:100%;	
max-width:100%;	
}	





/* ##### PAGENAV ##### */
.pagenav{
text-align:center;
padding-bottom:1em;
}	

.pagenav a{
font-size:2em;
color:#FFF;
background-color:#ff0a07;
padding:0 0.3em 0.1em 0.3em;
margin:0.3em 0.5em 0.3em 0.5em;
text-decoration:none;
}	




/* ##### VEHICLE TABLE ##### */

.vehicle_wrap{
max-width:100%;	
overflow-x:scroll;
margin:0 0 1em 0;
}

.vehicle{
font-size:0.9em;	
border-top:1px solid #999;	
border-left:1px solid #999;
}	

.vehicle tr:hover {background-color: #eee;}

.vehicle td{
padding:0.3em 0.5em 0.3em 0.5em;
border-right:1px solid #999;	
border-bottom:1px solid #999;
vertical-align:top;
}	


.vehicle_header{
background-color:#eee;
text-align:center;	
}	








/* ##### SYSTEM SELECT FORM #### */

.system_select_form{
margin:2em 0 2em 0;
padding:1em 3em 1em 3em;
border:0.2em solid #ff0a07;	
}	

.system_select_form h2{
font-weight:normal;	
}	


.system_select_flex{
width:100%;	
display:flex;	
margin:2em 0 2em 0;
}	

.system_select_block{
padding:0 1em 0 1em;
}	

.system_select_form_brand{
width:25%;	
}	

.system_select_form_model{
width:25%;	
}	

.system_select_form_vehicle{
width:50%;	
}	


.system_select_block label{
display:block;	
font-weight:bold;
margin:0 0 0.5em 0;
font-size:1.2em;
}	


.system_select{
font-family: PoppinsLight, sans-serif;
text-transform:uppercase;
font-size:1.2em;
max-width:100%;
overflow:hidden;
}	







/* #### NEWS #### */
.news_wrap {
padding:0.5em 0 2em 0;	
}	

.news_wrap h2{
font-weight:normal;
padding-left:0.5em;
}

.news_flex{
display:flex;
justify-content: space-between;
align-items: stretch;
flex-wrap:wrap;
}



.news_block{
width:23%;
padding:1em 1.5em 1em 1.5em;	
color:#FFF;
font-size:1.1em;	
min-height:25em;
margin-bottom:1em;
position: relative;
}	


.news_block a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}



#news_1{
background-color:#fe0906;	
background-image:url(gfx/news_1_bg.gif);
background-repeat:no-repeat;
background-position:right bottom;
}	

#news_2{
background-color:#105bde;	
background-image:url(gfx/news_2_bg.gif);
background-repeat:no-repeat;
background-position:right bottom;
}	

#news_3{
background-color:#3ede91;	
background-image:url(gfx/news_3_bg.gif);
background-repeat:no-repeat;
background-position:right bottom;
}	

#news_4{
background-color:#f57e23;	
background-image:url(gfx/news_4_bg.gif);
background-repeat:no-repeat;
background-position:right bottom;
}	




.news_feed{
background-color:#f3f2f2;
padding:2% 3% 2% 3%;
margin-bottom:2em;
}	

.news_feed_entry{
display:flex;
background-color:#FFF;
padding:2em 3em 2em 3em;
margin-bottom:2em;
}	

.news_feed_entry_date{
font-size:0.8em;
padding:0;	
margin:0;
}	

.news_feed_entry_body h2, .news_feed_entry_body_full h2{
margin-top:0.3em;	
}	

.news_feed_entry_body h2 a, .news_feed_entry_body_full h2 a{
color:#000;
}	



.news_feed_entry_thumb{
padding:0.6em 2em 0 0;	
width:33%;
}	

.news_feed_entry_thumb img{
width:100%;
}	


.news_feed_entry_body{
width:67%;
}	

.news_feed_entry_body_full{
width:100%;
}	


.news_page_link{
text-align:right;
}




/* #### ARTICLE LIST #### */

.article_list ul{
list-style:none;	
}	


.page_link, .subpage_link{
padding-left:2em;
line-height:2em;
display: list-item;
list-style-type: square;
list-style-position: inside;
}	

.article_list a:hover{
text-decoration:none;
}	

.article_list ul{
padding-bottom:2em;	
}	



/* #### MISC #### */

.align_right{
text-align:right;	
}	


.catalog a{
color:#333;	
}

.catalog a:hover{
text-decoration:none;
}

.catalog h2{
font-family: PoppinsBold, sans-serif;
}

.catalog ul{
margin:2em 0 2em 0;	
} 

.catalog ul ul li{
margin-bottom:0.5em;
}


.bold{
font-weight:bold;	
}	

.center{
text-align:center;	
}	




.bg_red{
color:#FFF;
background-color:#ff0a07;
}	

.bg_gray{
background-color:#EEE;
}


.sales_top{
display:inline-block;
ewidth:48%;
padding:1em;
}	


/* ##### DYNAMIC ##### */

@media screen and (max-width: 1440px) {
body{
background-image:none;
}

@media screen and (max-width: 1340px) {
.wrap{width:100%;}
}


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

.header-menu-desktop{	
flex-wrap:wrap;
}

.navbar{
ewidth:100%;	
epadding-top:1em;
}	
	
.header form{
width:100%;	
padding-left:0;
}

#header-input-desktop{
width:100%;	
}


.navbar a {
margin:0 0.3em 0 0.3em;	
padding:0.5em 1em 0.5em 1em;	
}


.subnav .subnavbtn {
margin:0 0.5em 0 0.5em;	
}


	
	
.product_text{
width:calc(100% - 250px);	
}

.product_thumbs{
width:240px !important;
}	

.product .product_thumbs a{
display:inline-block;	
width:calc(100% - 10px);
margin:0 0 10px 0;
}	
	
	
	

}




@media screen and (max-width: 1024px) {
	
.header{
justify-content: space-between;
flex-wrap:wrap;
padding-top:1em;
}
	
.header-logo{
width:100%;	
}

.welcome{
padding:1em;	
}	


.welcome-wrap h1{
font-size:1.4em;	
}	

.welcome{
background-size: contain;
}

.welcome-wrap{
width:100%;	
padding:0.5em;
background-color:rgba(255, 255, 255, 0.7);
}


.product{
flex-wrap:wrap;
}

.product_text{
width:100%;	
padding:0;
}

.product .product_thumbs{
width:100% !important;
margin-top:1em
}	

.product .product_thumbs a{
width:32%;
}	




.normal_page_header{
padding:2em 2em 4em 2em;
margin-bottom:2em;
}	


.normal_page_header_distribution{
background-image:url(gfx/normal_page_header_distribution.jpg);
background-size: cover;
}	
.normal_page_text{
width:100%;	
padding-right:0;
}

.normal_page_image{
width:100%;	
}	






.feedback_wrap{
margin-top:3em;	
}	

.feedback_page_welcome{
padding:0 0 2em 0;	
}	



.feedback_page{
width:100%;	
padding-right:0;

}	

.feedback_page_sidebar{
width:100%;
margin-top:3em;
}	

.feedback_input_wrap_50{
width:100%;
}	






	
.custom_page{
flex-wrap:wrap;	
}	

.custom_page_text{
flex-wrap:wrap;
padding:0 0 3em 0;	
}	

.custom_page_text_block{
padding:0 0 1em 0;
width:100%;
}	


.custom_page_image{
width:100%;
padding-bottom:1em;
}		


.system_select_flex{
flex-wrap:wrap;	
}	

.system_select_block{
width:100%;
padding-bottom:1em;	
}	


.catalog_columns{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;	
}	


.news_block{
width:48%;
min-height:18em;
}

#news_1,#news_2,#news_3,#news_4{
background-position:right 2em;
}


.sales_top{
width:100%;
}

}	








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

.wrap{
padding:0 0.5em 0 0.5em;
}

.menu-mobile-button{
display:block;	
}	


#header-hidable{
display:none;	
}	


#header-hidable{
flex-wrap:wrap;	
}	


.header-menu-desktop{
display:none;	
}	

.header-menu-mobile{
display:block;	
}	




.header form{
width:100%;	
padding:0;
}

form{
width:100%;	
}


#header-input-mobile{
width:100%;	
flex-grow:1;
}	

.welcome-wrap h1{
font-family: Poppins, sans-serif;	
font-size:1.2em;	
}	


.welcome-wrap .welcome-hidable{
display:none;
}	

.results{
padding:5% 5% 2% 5%;
}

.result{
width:100%;	
padding:4%;
}	





.system_select_form{
padding:1em;
}	

.catalog_columns{
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;	
}	

.news_feed_entry{
flex-direction: column-reverse;	
flex-wrap:wrap;
padding:1em 1.6em 1em 1.6em;
}	

.news_feed_entry_thumb{
width:100%;
text-align:center;
padding:0;
}	

.news_feed_entry_body{
width:100%;
}	


}






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

.product .product_thumbs a{
width:49%;
}		
	

.news_block{
width:100%;
}

.article_list ul{
padding-left:1em;	
}	
	
}