html {
  overflow   : -moz-scrollbars-vertical;
}

body {
	margin                : 0;
	padding               : 0; 
	font-family           : Arial, Helvetica, Sans-serif; 
	font-size             : 12px;
	max-width             : 1920px;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf');
}
@font-face {
  font-family: 'RubikRegular';
  src: url('../fonts/Rubik-Regular.ttf');
}
@font-face {
  font-family: 'RubikLight';
  src: url('../fonts/Rubik-Light.ttf');
}

.main_header{
  width:100%;
	background-color:#111;
	height:90px;
	margin:0 auto;
}

h1{
  font-size:52px;
	font-family: Poppins;
	text-align:center;
}

/**************************** SEARCH FIELD *******************************/

.searchBar {
  width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  float:right;
  margin-top:30px;
}
#searchQueryInput {
  width: 100%;
  height: 2.8rem;
  background: #fff;
  outline: none;
  border: none;
  border-radius: 1.625rem;
  padding: 0 3.5rem 0 1.5rem;
  font-size: 1rem;
}
#searchQuerySubmit {
  width: 3.5rem;
  height: 2.8rem;
  margin-left: -3.5rem;
  background: none;
  border: none;
  outline: none;
}
#searchQuerySubmit:hover {
  cursor: pointer;
}

/**************************** LANGUAGE *******************************/

.languageBar {
   float:left;
   width: 170px;
   margin-top:60px;
}

/*************************** MAIN MENU ******************************/

#menu_bar{
  width:80%;
	margin:0 auto;
	font-family: Poppins;
}
.mainMenu{ 
  display:inline-block;
  height:80px;
	white-space: nowrap;
}
.mainMenu span{
  display:inline-block;
  vertical-align:middle;
  margin-left:25px;
  margin-right:25px;
  font-size:15px;
  height:80px;
  line-height:80px;
}
.mainMenu span a{
  text-decoration:none;
  color:#111;
}
.mainMenu span a:hover{
  text-decoration:underline;
}

/************************ STORE LOCATOR ***************************/

#store_locator_container{
  display:inline-table;
	float:right;
	vertical-align:middle;
	line-height:80px;
	margin-top:7px;
}
#store_locator_text{
  padding-right:10px;
	color:#111;
	font-size:14px;
	white-space: nowrap;
}
#map {
  display:none;
  width:100%;
  height:450px;
  margin-bottom:35px;
}
#map_close{
  display:none;
  clear:both;
  height:25px;
  text-align:right;
  font-size:18px;
  padding-right:15px;
}
#radiusSelect{
  height: 40px;
  width: 70px;
  background-color:#fff;
  color: #696969;
  border-radius: 20px;
  border: 2px solid #ededed;
  text-align:center;
}
#addressInput{
  padding: 0px 5px 0px 5px;
  height: 35px;
  width: 200px;
  background-color:#fff;
  color: #696969;
  border-radius: 20px;
  border: 2px solid #ededed;
  text-align:center;
}
#findButton{
  height: 38px;
  width:90px;
  color: #fff;
  background-color:#ff0000;
  border-radius: 10px;
  border:none;
  font-size:13px;
  cursor:pointer;
	font-family: Poppins;
}

/************************** APPLICATION SEARCH ***************************/

#application_search_container{
 margin:0 auto;
	width:72%;
	padding-bottom:20px;
	z-index:1000;
	position:relative;
	height:180px;
	border-radius: 15px;
	background-image:url(../images/search/application_search_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	top:-125px;
	text-align:center;
}
.application_search_text{
 width:100%;
	text-align:center;
	height:70px;
	line-height:100px;
	color:#fff;
	vertical-align:middle;
	font-size:24px;
	font-family: Poppins;
	white-space: nowrap;
}
.search-selector{
	height:50px;
	font-size:14px;
	text-align:center;
	margin-top:5px;
	display:inline-table;
	border-collapse:collapse;
	border-radius:20px;
	margin-right:5px;
	table-layout:fixed;
	width: 180px;
	font-weight:bold;
}	
.selector-enabled{
	background-color:#fff;
	color: #696969;
	cursor:pointer;
}
.selector-selected{
	background-color:#fff;
	cursor:pointer;
}
.selector-disabled{
	background-color:#fefefe;
	color:#aaa;
	cursor:default;
}
.arrow-enabled{
	background-image:url(../images/search/arrow_drop_down.png);
	background-repeat:no-repeat;
	background-position:center
}
.arrow-disabled{
	background-image:url(../images/search/arrow_drop_down_disabled.png);
	background-repeat:no-repeat;
	background-position:center
}
.search-selector td{
	overflow:hidden;
	white-space: nowrap;
	padding-left:5px;
	padding-right:5px;
}
.selector-container{
	position:relative;
	z-index:10000;
	width:80%;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
	box-shadow: 5px 5px 5px #000;
	border-radius:5px;
}
.selector-item{
	margin:7px;
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	padding:5px;
	border-radius:5px;
}
.selector-item-selected, .selector-item:hover{
	background-color:#ff0000;
	color:#fff;
}


/******************************************* WHAT'S NEW *******************************************************/

#whats_new_container{
  margin:0 auto;
  width:100%;
	text-align:center;
	top: -40px;
	position:relative;
}
#whats_new_title{
  font-size:58px;
	font-family: Poppins;
}
#whats_new_text{
  font-size:24px;
	font-family: Poppins;
	margin-bottom:30px;
}
#whats_new_container img{
  display:inline-block;
	margin:10px;
	width: 570px;
}

/************************************************* LOGOS *******************************************************/

#logos_container{
  background-color:#ed1c24;
	height:180px;
	width:100%;
}

/************************************************* FOOTER *******************************************************/

#footer_container{
  background-color:#111;
	width:100%;
	text-align:center;
	vertical-align:top;
}
#footer_container a{
  color:#fff;
	text-decoration:none;
}
#footer_container a:hover{
	text-decoration:underline;
}
#footer_container table{
  display:inline-table;
	width:310px;
	text-align:left;
	color:#fff;
	line-height:26px;
	margin:50px;
	vertical-align:top;
	font-size:14px;
	font-family: RubikLight;
}
.footer_title {
  font-size:24px;
}
.copyright{
  height:100px;
	line-height:100px;
	color:#fff;
	font-size:14px;
	font-family: RubikLight;
}

/************************************* ABOUT ********************************/
#about_container{
  top: -125px;
	position:relative;
	text-align:center;
}
#about_largest_distributor_title{
  font-family: Poppins;
	font-size:27px;
	margin-top:75px;
	margin-bottom:15px;
} 
#about_largest_distributor_text{
  font-family: RubikRegular;
	font-size:15px;
	width: 400px;
	line-height:26px;
	margin:0 auto 15px;
} 
#about_gallery{
  background-color:#f5f7fa;
	width:100%;
	text-align:center;
  padding-top:30px;
	padding-bottom:30px;
	margin-top:30px;
}

/*********************************** CATALOG *********************************/
#catalog_container{
  top: -125px;
	position:relative;
	text-align:center;
}

/*********************************** CONTACT *********************************/
#contact_container{
  top: -125px;
	position:relative;
	text-align:center;
}
#contact_info_table{
  width:420px;
	text-align:left;
	display:inline-table;
	vertical-align:top;
	margin:0 10px;
	font-family: RubikRegular;
	font-size:19px;
}
#contact_info_table td{
  vertical-align:top;
	padding:15px;
	line-height:28px;
}
#contact_table{
  background-color:#f5f7fa;
	width:600px;
	margin:0 10px;
	display:inline-table;
  vertical-align:top;
}
.contact-form-select{
  height: 50px;
  width: 100%;
  background-color:#fff;
  color: #111;
  border-radius: 20px;
  border: none;
  text-align:left;
	padding-left:15px;
	font-family: Poppins;
}
.contact-form-input{
	color: #111;
	background-color: #fff;
  width: 90%;
	height: 50px;
	border: none;
	font-family: Poppins;
	padding-left:15px;
}
.contact-form-area{
	color: #111;
	background-color: #fff;
  width: 95%;
	height: 100px;
	border: none;
	font-family: Poppins;
	padding-left:15px;
}
.contact-form-button{
  height: 50px;
  width:200px;
  color: #fff;
  background-color:#ff0000;
  border-radius: 25px;
  border:none;
  font-size:13px;
  cursor:pointer;
	font-family: Poppins;
}
#s_cie{
	display: none; 
}
#captcha{
  text-align:center;
  padding:0;
  background-color:#fff;
}
#contact_inquiry_table{
  margin:60px auto;
	width:55%;
}
#contact_inquiry_table td{
  text-align:left;
	font-family: RubikRegular;
}
#contact_inquiry_text{
  padding-top:15px;
  color:#696969;
	font-size:19px;
}

/************************************************* WHEELS ******************************************************/
#wheels_container{
  top: -125px;
	position:relative;
	text-align:center;
}
#wheels_results{
  background-color:#f5f7fa;
	margin:0 auto;
}
.wheels_wheel_name{
  font-family: Poppins;
  font-size:16px;
}
.wheels_wheel_finish,.wheels_wheel_size,wheels_wheel_style{
  font-family: RubikRegular;
  font-size:14px;
}
.wheel_new{
  background-color:#ed1c24;
	color: #fff;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	width:55px;
	border-radius:5px;
	text-align:center;
}
.wheel_perfect_fit{
  background-color:#1d87d8;
	color: #fff;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	width:55px;
	border-radius:5px;
	text-align:center;
}
.wheel_direct_fit{
  background-color:#4bc871;
	color: #fff;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	width:55px;
	border-radius:5px;
	text-align:center;
}
.wheels_pagination, .wheels_pagination_selected{
  font-family: Poppins;
  font-size:18px;
  padding:15px;
	color:#2692fe;
	cursor:pointer;
}
.wheels_pagination_selected{
  font-size:22px;
	color:#000;
	cursor:default;
}
.wheels_total{
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
  font-family: Poppins;
  font-size:16px;
	color:#2692fe;
}
#wheels_car_info{
  font-family: Poppins;
  font-size:22px;
	padding-top:10px;
}
.wheels_wheel_size{
  font-size:12px;
}
#wheels_filters{
  width:50%;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}
#wheels_options{
	border:1px solid #ccc;
	padding:15px;
	margin:0 10px 0 10px;
}
.filterSelect, #wheel_options{
  display:inline-block;
  height: 40px;
  background-color:#fff;
  color: #696969;
  border-radius: 20px;
  border: 1px solid #ededed;
  text-align:center;
	padding-left:10px;
	font-weight:bold;
  font-size:14px;
	margin:10px;
}

/************************************************* WHEEL ******************************************************/
#wheel_container{
  top: -125px;
	position:relative;
	text-align:center;
}
#wheel_result{
  background-color:#f5f7fa;
	margin:0 auto;
}
#wheel_image_table{
  width:600px;
	margin:20px;
	display:inline-table;
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	vertical-align:middle;
}
#wheel_info_table{
 background-color:#fff;
 display:inline-table;
	vertical-align:middle;
	margin:20px;
	width:450px;
	border-spacing:10px;
}
#wheel_options{
  width: 250px;
}
.wheel_arrows_bottom{
	display:none;
	margin: 0 auto;
	width:45px;
}
.wheel_arrows_side{
	display:inline-table;
	width:45px;
}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***************************************************************************************************************/



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

  #menu_bar{
    width:100%;
		text-align:center;
	}
	#store_locator_container{
		float:none;
		margin: 0 auto;
		display:block
		text-align:center;
	}
	
	h1{
 	 top:-120px;
	 font-size:42px;
  }
	
	#contact_inquiry_table{
	  width:70%;
	}
	
		#wheels_filters{
    width:80%;
	}
	

	
}


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

	.application_search_text{
		font-size:18px;
		height:50px;
		line-height:50px;
	}
	#application_search_container{
	  top:-50px;
  }
	.search-selector{
		height:40px;
  }
	#menu_bar{
    width:100%;
		text-align:center;
	}
	#whats_new_container{
	  top: 0px;
	}
	#whats_new_title{
		font-size:36px;
	}
	#whats_new_text{
		font-size:20px;
	}
	h1{
	 font-size:36px;
  }
	#about_container, #catalog_container, #contact_container, #wheels_container, #wheel_container{
		top: -60px;
	}
	#contact_inquiry_table{
	  width:90%;
	}
	


}

@media only screen and (max-width : 1300px){
	
		.wheel_arrows_bottom{
  	display:table;
 }
	
		.wheel_arrows_side{
  	display:none;
 }
	
	
}


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

	.application_search_text{
		font-size:14px;
		height:35px;
	}
	.search-selector{
		height:30px;
		width: 80%;
  }
	.main_header{
	  height:70px;
  }
	.searchBar {
    margin-top:13px;
  }
	.languageBar {
   margin-top:30px;
  }
	#store_locator_text{
	  font-size:12px;
  }
	#addressInput{
    width: 160px;
		font-size:11px;
	}
	#radiusSelect{
	  width: 60px;
    font-size:11px;
  }
	#findButton{
		width:70px;
		font-size:11px;
	}
	.mainMenu{ 
		height:50px;
	}
	#whats_new_title{
		font-size:32px;
	}
	#whats_new_text{
		font-size:16px;
	}
	#whats_new_container img{
		width: 400px;
		margin:5px;
	}
	#footer_container table{
  	margin:15px;
		font-size:13px;
  }
	.footer_title {
   font-size:20px;
  }
	.copyright{
		font-size:12px;
	}
	#logos_container{
		height:100px;
	}
	#about_largest_distributor_title{
		font-size:20px;
		margin-top:50px;
	} 
	#about_largest_distributor_text{
		font-size:14px;
	} 
	#contact_table{
  	width:450px;
  }
	#wheel_image_table{
	  width:420px;
	}
	
	#application_search_container{
	 height: 200px;
	
}
	
}


@media only screen and (max-width : 480px){
	.searchBar {
    margin-top:10px;
				width:150px;
  }


		.languageBar {
   width:50px;
  }
}