v@font-face {
    font-family: "ProxNov-R";
    src: url(font/ProximaNova-Regular.otf);
}

@font-face {
    font-family: "ProxNov-SB";
    src: url(font/ProximaNova-Semibold.otf);
}

/* 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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} 
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body{
	font:14px/1 "ProxNov-R","Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 23px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: rgba(65, 65, 65, 1);
}

.wrap{
	margin: 0 auto;
	max-width: 960px;
}

.col-1-2{
	display: block;
	float:left;
	width: 50%;
}

.col-1-3{
	display: block;
	float:left;
	width: 33.33%;
}

.col-2-3{
	display: block;
	float:left;
	width: 66.66%;
}

.col-1-4{
	display: block;
	float:left;
	width: 25%;
}

.clearfix{
	clear: both;
	overflow: auto;
}

*:focus{
	outline: none;
}

::-moz-selection { 
	background-color:rgba(205, 10, 33, 1); 
	color: rgba(255,255,255,1);
}

::selection { 
	background-color:rgba(205, 10, 33, 1); 
	color: rgba(255,255,255,1);
}

/* NAVIGATION */

#navigation-container{
	background-color: rgba(255,255,255,1);
	padding: 20px 0px;
	position: relative;
	overflow: visible;
	height: 117px;
}

#nav-logo{
	max-width: 150px;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#nav-right{
	display: block;
	float: right;
}

#nav-quick-info{
	float: right;
	padding-bottom: 10px;
	color: rgba(145,145,145,1);
	font-size: 12px;
}

#nav-quick-info span{
	margin-left: 15px;
}

#nav-quick-info span a{
	color: rgba(145,145,145,1);
	text-decoration: none;
}

#nav-quick-info span i{
	margin-right: 5px;
}

.slicknav_menu{
	display: none;
}

.slicknav_nav{
	z-index: 999999 !important;
}

nav li{
	position: relative;
	display: inline-block;
	list-style: none;
	padding: 10px;
}

nav a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	color: rgba(44, 44, 44, 1);
	border-bottom: 3px solid transparent;
	padding-bottom: 32px;
	font-size: 13px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

nav li ul{
	position: absolute;
	top:64px;
	width: 200px;
	background-color: rgba(255, 255, 255, 1);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

nav li ul li{
	cursor: pointer;
	border-bottom: 1px solid rgba(212, 212, 212, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

nav li ul li a{
	font-size: 12px;
	padding-bottom: 10px;
	border:none;
}

nav li ul li:hover{
	background-color: rgba(205, 10, 33, 1);
}

nav li ul li:hover > a{
	color: rgba(255,255,255,1);
	border: none;
}

nav li:hover > ul{
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

nav li ul li{
	display: block;
}

nav a:hover, nav .active > a{
	text-decoration: none;
	color: rgba(205, 10, 33, 1);
	border-bottom: 3px solid rgba(205, 10, 33, 1);
}

nav #nav-cta{
	padding-right: 0px;
}

nav #nav-cta > a{
	font-weight: 700;
	padding: 10px;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
}

nav #nav-cta:hover > a{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

/* MARQUEE */
.marquee {
    line-height: 30px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee p {
	font-size: 16px;
    display: inline-block;
    padding-left: 100%;
    animation: marquee 40s linear infinite;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* HOME HERO */

#hero-container{
	position: relative;
	overflow: hidden;
	height: 56vw;
/*
	height: 60vh;
	background: url(../images/Showroom%20Maco.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}

#hero-container img{
	width: 100%;
	min-height: 100%;
	height: auto;
	object-fit: cover;
}

#hero-overlay{
	background-color:rgba(0, 0, 0, 0.5);
	position: absolute;
	top:0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#hero-inner{
	z-index: 2;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin:0 auto;
	text-align: center;
	color: rgba(255,255,255,1);
}

#hero-inner span{
	font-size: 25px;
	font-weight: 300;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.62);
	text-transform: uppercase;
}

#hero-inner h1{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 700;
	margin: 30px 0px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.62);
}

#hero-inner p{
	font-size: 16px;
	margin-bottom: 50px;
	color: rgba(205, 10, 33, 1);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.62);
}

#hero-inner a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	margin: 0px 10px;
	font-weight: 700;
	text-decoration:none;
	cursor: pointer;
	padding: 10px 15px;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#hero-inner a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

/* HOME INFO */

#home-info-container{
	padding: 40px 0px;
	overflow: auto;
}

#home-info-container h2{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
	color: rgba(0,0,0,1);
}

#home-info-container a{
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	color: rgba(205, 10, 33, 1);
	text-decoration: none;
	margin-top: 20px;
}

#home-info-container a i{
	margin-right: 10px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#home-info-container a:hover > i{
	margin-right: 5px;
}

#home-info-container img{
	width: 100%;
}

#home-info-container .col-2-3{
	padding-left: 40px;
}

#home-info-center{
	max-width: 612px;
	display: block;
	margin: 0 auto;
	padding-top: 40px;
}

#home-info-center h3{
	font-family: "ProxNov-SB";
	color: rgba(0,0,0,1);
	margin-bottom: 10px;
}

#home-info-center p i{
	margin-right: 10px;
}

/* HOME PRODUCT CONTAINER */

#home-product-container{
	overflow: hidden;
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home-product-container h2{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
}

#home-product-container hr{
	border: none;
	border-bottom: 3px solid rgba(205, 10, 33, 1);
	width: 40px;
}

#home-product-container #cta-product{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	padding: 10px;
	width: 160px;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#home-product-container #cta-product:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

.product-slider{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.product-slide-controls{
	z-index: 1;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin:0 auto;
}

.product-slide-controls div{
	width: 40px;
}

.product-slide-controls img{
	width: 100%;
}

.product-slide-controls #product-prev{
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

.product-slide-controls #product-next{
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

#home-product-container .bx-wrapper{
	padding: 40px 0px;
}

#home-product-container .bx-wrapper .bx-viewport {
	overflow: visible !important;
}

.product-wrap{
	padding: 10px;
	overflow: show;
	float: left;
	display: block;
	width: 25%;
}

.product-wrap:nth-child(4n+1){
	clear: both;
}

.product-box{
	display: block;
	text-decoration: none;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border-radius: 5px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.product-box:hover{
	box-shadow: 0px 32px 32px 0px rgba(20,44,26,0.05), 0px 16px 16px 0px rgba(20,44,26,0.05), 0px 8px 8px 0px rgba(20,44,26,0.05), 0px 4px 4px 0px rgba(20,44,26,0.05), 0px 2px 2px 0px rgba(20,44,26,0.05);
}

.product-box .product-image{
	position: relative;
	height: 200px;
	overflow: hidden;
}

.product-box .product-image img{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin:0 auto;
	width: 100%;
}

.product-box .product-image span{
	font-family: "ProxNov-SB";
	font-size: 12px;
	padding: 1px;
	display: block;
	position: absolute;
	right:0;
	left: 0;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	bottom: 20px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1); 
	border-radius: 50px;
}

.product-box p{
	font-family: "ProxNov-SB";
	color: rgba(0,0,0,1);
	line-height: 15px;
	margin-top: 10px;
}

.product-box span{
	font-size: 12px;
	color: rgba(65, 65, 65, 1);
}

/* MAIN CONTENT */

#main-content-container{
	padding: 40px 0px;
	overflow: auto;
}

.main-content-row{
	position: relative;
	height: 400px;
}

.main-content-text, .main-content-image{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-content-left{
	left:0;
}

.main-content-right{
	right:0;
}

.main-content-left img{
	padding-right: 40px;
}

.main-content-right img{
	padding-left: 40px;
}

.main-content-image img{
	width: 100%;
}

.main-content-text h3{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
	color: rgba(0,0,0,1);
}

.main-content-text a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	margin-top: 20px;
	font-size: 12px;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.main-content-text a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

/* RIM CONFIG */

#rim-config-container{
	padding: 40px 0px;
	background: url(../images/bg_blue_1.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#rim-config-container .wrap{
	position: relative;
}

#rim-config-container h3{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
	color: rgba(255,255,255,1);
}

#rim-config-container p{
	color: rgba(170,170,170,1);
}

#rim-config-container a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	margin-top: 40px;
	font-size: 12px;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#rim-config-container a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

#rim-config-container img{
	position: absolute;
	bottom: -40px;
	right: 0;
	max-width: 400px;
}

/* NEWS CONTAINER */

#news-container{
	padding: 40px 0px;
	overflow: auto;
}

.news-slider{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.news-slide-controls{
	z-index: 1;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin:0 auto;
}

.news-slide-controls div{
	width: 40px;
}

.news-slide-controls img{
	width: 100%;
}

.news-slide-controls #news-prev{
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

.news-slide-controls #news-next{
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

#news-container h3{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
	color: rgba(0,0,0,1);
}

#news-container .col-1-2 img{
	max-width: 50%;
	margin: 0 auto;
}

/* SUB CONTENT CONTAINER */

#sub-content-container{
	padding: 40px 0px;
	background: url(../images/bg_blue_2.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.sub-content-right{
	padding-left: 20px;
}

.sub-content-left{
	padding-right: 20px;
}

#sub-content-container h2{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
	color: rgba(255,255,255,1);
}

#sub-content-container p{
	color: rgba(170,170,170,1);
}

#sub-content-container b{
	font-family: "ProxNov-SB";
	margin-top: 40px;
	display: inline-block;
	color: rgba(255,255,255,1);
}

#sub-content-container i{
	color: rgba(255,255,255,1);
	margin-right: 10px;
}

#sub-content-container a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	margin-top: 40px;
	font-size: 12px;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#sub-content-container a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

#sub-content-container img{
	margin-top: 40px;
	width: 100%;
}

/* PARTNER CONTAINER */

#partner-container{
	padding: 40px 0px;
	overflow: auto;
}

#partner-container img{
	display: block;
	position: relative;
	top:30px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	float: left;
	display: block;
	width: 16.6666667%;
	padding: 0px 10px;
}

/* INFO HERO */

#info-hero-container{
	height: 50vh;
	background: url(../images/Showroom%20Maco%201.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* INFO BANNER */

#info-banner-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#info-banner-container p{
	text-align: center;
	font-size: 25px;
	line-height: 30px;
}

#info-banner-container p span{
	color: rgba(205, 10, 33, 1);
}

/* INFO SUB CONTENT */

#info-sub-content-container{
	padding: 40px 0px;
	overflow: auto;
}

#info-sub-content-container img{
	width: 100%;
}

#info-sub-content-container .col-1-3{
	position: relative;
}

#info-sub-content-container .left{
	padding-right: 20px;
}

#info-sub-content-container .center{
	padding-left: 20px;
}

#info-sub-content-container .right{
	padding-left: 40px;
}


#info-sub-content-container p{
	line-height: 15px;
	display: block;
	margin:0 auto;
}

#info-sub-content-container b{
	font-family: "ProxNov-SB";
	color: rgba(0,0,0,1);
	margin-bottom: 10px;
}

/* LEASING */

#lease-hero-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#lease-hero-container h1{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

#lease-container{
	padding: 40px 0px;
}

#lease-container p{
	text-align: center;
	margin-bottom: 20px;
}

#lease-companies{
	overflow: auto;
	padding-top: 40px;
}

#lease-container .col-1-4{
	position: relative;
	top:30px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	float: left;
	display: block;
	width: 20%;
	padding: 0px 20px;
	
}

#lease-container .col-1-4:nth-child(5n+1){
	clear: both;
	
}

#lease-container img{
	width: 100%;
}

/* CONTACT HERO */

#contact-hero-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contact-hero-container h1{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

/* CONTACT MAIN CONTAINER */
#contact-main-container{
	overflow: auto;
	padding: 40px 0px;
}

#contact-main-container .col-1-3{
	padding-right: 50px;
}

#contact-main-container h2{
	font-family: "ProxNov-SB";
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
	color: rgba(0,0,0,1);
}

#contact-main-container i{
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-right: 5px;
	color:rgba(205, 10, 33, 1);
}

#contact-main-container b{
	font-family: "ProxNov-SB";
}

#contact-main-container p{
	display: inline-block;
}

#contact-main-container p span{
	color: rgba(135,135,135,1);
}

#contact-main-container p a{
	text-decoration: none;
	color: rgba(65, 65, 65, 1);
}

#contact-main-container hr{
	border: none;
	border-bottom: 1px solid rgba(190,190,190,1);
}

#contact-main-container #contact-map{
	width: 100%;
	height: 250px;
	margin-bottom: 40px;
}

#form-information{
	display: block;
	color: rgba(135,135,135,1);
	margin-bottom: 20px;
}

#form-information span{
	color:rgba(205, 10, 33, 1) !important;
}

/* FORM INPUTS */

form label{
	display: block;
}

form label span{
	color:rgba(205, 10, 33, 1);
}

form input, form textarea{
	font-family: "ProxNov-R";
	width: 100%;
	border: 1px solid rgba(190,190,190,1);
	padding: 10px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

form input:focus, form textarea:focus{
	border: 1px solid rgba(205, 10, 33, 1);
}

form textarea{
	height: 150px;
	max-width: 100%;
}

form .input-error{
	color:rgba(205, 10, 33, 1);
}

form .warning{
	border: 1px solid rgba(205, 10, 33, 1) !important;
}

form a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	display: block;
	width: 150px;
	padding: 10px 15px;
	text-align: center;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

form a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

form .left{
	padding-right: 10px;
}

form .right{
	padding-left: 10px;
}

/* RIMCONFIG */

#rimconfig-hero-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#rimconfig-hero-container h1{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

#rimconfig-container{
	padding: 40px 0px;
	overflow: auto;
}

#tab-box{
	display: block;
	width: 621px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#tab-box-wrap{
	border-radius: 3px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid rgba(205, 10, 33, 1);
}

#tab-box .tab-link{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	margin: 0;
	color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#tab-box .tab-link:hover, #tab-box .active{
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
}

/* TIRESWITCH */

#tireswitch-hero-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#tireswitch-hero-container h1{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

#tireswitch-hero-container hr{
	margin: 20px auto;
	border: none;
	border-bottom: 4px solid rgba(205, 10, 33, 1);
	width: 50px;
}

#tireswitch-hero-container p{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: rgba(205, 10, 33, 1);
}

#tireswitch-container{
	padding: 40px 0px;
	overflow: auto;
}

#tireswitch-container h2{
	font-family: "ProxNov-SB";
	font-size: 14px;
	line-height: 30px;
}

#tireswitch-container hr{
	border: none;
	border-bottom: 1px solid rgba(190,190,190,1);
	clear: both;
	overflow: auto;
}

.input-row{
	margin: 30px 0px;
	overflow: auto;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.input-row-text{
	position: relative;
	display: inline-block;
/* 	width: 100%; */
	align-items: stretch;
}

.input-row-text p{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	font-family: "ProxNov-SB";
	font-size: 14px;
	line-height: 30px;
}

.input-row .left{
	padding-right: 10px;
}

.input-row .right{
	padding-left: 10px;
}

.half-input input{
	width: 50%;
}

#form-attention{
	font-family: "ProxNov-SB";
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	margin: 20px 0px;
}

#tireswitch-container a{
	font-family: "ProxNov-SB";
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	padding: 10px;
	width: 160px;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	border: none !important;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1);
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#tireswitch-container a:hover{
	border: none !important;
	background-color: rgba(140, 18, 32, 1);
}

/* CUSTOM RADIO BUTTONS */

input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  position: relative;
  display: block;
  padding: 10px 0px;
  padding-left: 1.5em;
  margin-right: 2em;
  cursor: pointer;
  line-height: 1em;
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  color: white;
  font-family: Times;
  border-radius: 50%;
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
input[type="radio"] + label:before {
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: inset 0 0 0 0.2em rgba(190,190,190,1), inset 0 0 0 1em white;
}
input[type="radio"] + label:hover:before {
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em rgba(205, 10, 33, 1);
}
input[type="radio"]:checked + label:before {
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em rgba(205, 10, 33, 1);
}
input[type="checkbox"] + label:before {
  content: '✗';
  border-radius: 4px;
  background-color: white;
  color: white;
}
input[type="checkbox"] + label:hover:before {
  color: #f0f0f0;
}
input[type="checkbox"]:checked + label:before {
  background-color: white;
  color: rgba(205, 10, 33, 1);
}

/* PRODUCT FILTER */
#filter-container{
	background-color: rgba(255,255,255,0.5);
	overflow: auto;
	width: 20%;
	float: left;
	display: block;
	padding: 10px 0px;
}

#filter-container h3{
	font-family: "ProxNov-SB";
	font-size: 16px;
	font-weight: 700;
	color: rgba(59,59,60,1);
}

#filter-container p{
	padding: 5px 0px;
}

.filter-wrap{
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 10px;
}

.filter-wrap:nth-child(2){
	margin-top: 20px;
}

#filter-container .filter-box{
	
}

#filter-container input[type="radio"] + label,
#filter-container input[type="checkbox"] + label {
  position: relative;
  display: block;
  padding: 5px 0px;
  cursor: pointer;
  line-height: 1em;
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
#filter-container input[type="radio"] + label:before,
#filter-container input[type="checkbox"] + label:before,
#filter-container input[type="radio"] + label:after,
#filter-container input[type="checkbox"] + label:after {
  display: none;
}
#filter-container input[type="radio"] + label:before {
  transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: inset 0 0 0 0.2em rgba(190,190,190,1), inset 0 0 0 1em white;
}
#filter-container input[type="radio"] + label:hover {
  color: rgba(190,190,190,1);
}
#filter-container input[type="radio"]:checked + label {
  color: rgba(205, 10, 33, 1);
}

#filter-container input[type="checkbox"] + label:hover {
  color: rgba(190,190,190,1);
}
#filter-container input[type="checkbox"]:checked + label {
  color: rgba(205, 10, 33, 1);
}

/* CONTACT HERO */

#project-hero-container{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#project-hero-container h1{
	font-family: "ProxNov-SB";
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

/* PRODUCT LISTING */
#product-container{
	background-color: rgba(255,255,255,0.5);
	overflow: auto;
	width: 80%;
	float: left;
	display: block;
}

#product-loader{
	position: absolute;
	z-index: 10;
	height: 100vh;
	width:64%;
	background-color: rgba(255, 255, 255, 0.7);
}

#product-loader img{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin: 0 auto
}

#product-list-top{
	padding: 20px 0px;
	overflow: auto;
}

#product-category{
	font-family: "ProxNov-SB";
	font-size: 40px;
	margin-bottom: 10px;
}

#product-list-top hr{
	border:none;
	border-bottom:2px solid rgba(233, 233, 233, 1);
	margin-top: 20px;
	margin-bottom: 0;
}

#filter-controls{
	position: relative;
	overflow: auto;
}

.page-box{
	overflow: hidden;
	display: block;
	float: left;
	padding: 5px 0px;
}

#product-list-top p , .page-box-numbers{
	color:rgba(59,59,60,1);
	margin-bottom: -5px;
}

.page-box-numbers{
	margin: 0 5px;
}

#product-list-top a{
	margin-left: 5px;
	color:rgba(59,59,60,1);
	text-decoration: none;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#product-list-top a:hover{
	color:rgba(98, 98, 98, 1);
}

#product-list-top a img, #product-list-bottom a img{
	margin-bottom: -5px;
	width: 18px;
}

#product-list-top .active{
	color:rgba(98, 98, 98, 1);
}

#product-list-top select{
	font-size:12px;
	color: rgba(59,59,60,1);
	background: url("../images/select-arrow.png") no-repeat 5%;
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
	padding-left: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: none;
	margin-left: 10px;
	float: left;
}

#product-list-top select, #product-list-top option {
    text-align:right;  
    font: "EfLight", Helvetica, Arial, sans-serif !important; 
}

#product-list-top #sort-box{
	overflow: hidden;
	display: block;
	width:246px;
	float: left;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 160px;
}

#product-list-top #sort-box p{
	display: block;
	float: left;
	color: rgba(59,59,60,1);
	padding: 3px 0px;
}

#mobile-filter-btn{
	display: none;
}

#product-list-bottom{
	padding: 20px;
	overflow: auto;
}

#product-list-bottom hr{
	border:none;
	border-bottom:2px solid rgba(233, 233, 233, 1);
	margin-top: 0;
	margin-bottom: 20px;
}

#product-list-bottom p{
	color:rgba(184, 184, 184, 1);
}

#product-list-bottom a{
	margin-left: 5px;
	color:rgba(184, 184, 184, 1);
	text-decoration: none;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#product-list-bottom a:hover{
	color:rgba(98, 98, 98, 1);
}

#product-list-bottom .active{
	color:rgba(98, 98, 98, 1);
}

#product-list-main{
	overflow: visible;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#product-list-main #no-result{
	font-family: "ProxNov-SB";
	font-size: 16px;
	text-align: center !important;
	display: block;
	width: 100%;
	margin: 0;
	opacity: 0;
	visibility: hidden;
}

#product-list-main .product-box{
	border: 1px solid #f4f4f4;
}

/* PRODUCT DETAIL */

#product-slider-container{
	position: relative;
}

#product-detail-top{
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) no-repeat center center;
}

#product-detail-top a{
	text-decoration: none;
	color: rgba(59,59,60,1);
}

#product-detail-top a i{
	position: relative;
	margin-right: 10px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#product-detail-top a:hover > i{
	margin-right: 20px;
}

#product-detail-main{
	padding: 40px 0px;
	overflow: auto;
}

#product-detail-gallery{
	width: 60%;
	float: left;
}

#product-detail-gallery img{
	width: 100%;
}

#product-detail-gallery .bx-wrapper .bx-pager{
	bottom:10px !important;
}

#product-detail-gallery .bx-wrapper .bx-pager.bx-default-pager a{
	background-color: rgba(59,59,60,0.5);
}

#product-detail-gallery .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color: rgba(59,59,60,1);
}

#product-detail-gallery .bx-wrapper .bx-prev, #product-detail-gallery .bx-wrapper .bx-next{
	opacity: 0.5 !important;
	z-index: 8;
}

#product-controls{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
}

#product-next{
	position: absolute;
	right: 30px;
	cursor: pointer;
}

#product-prev{
	position: absolute;
	left: 30px;
	cursor: pointer;
}

#product-next img, #product-prev img{
	width: 30px;
}

#product-detail-thumbnails{
	padding-top: 10px;
}

#product-detail-thumbnails a img{
	opacity: 0.5;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#product-detail-thumbnails .active img{
	opacity: 1;
}

#product-detail-thumbnails img{
	width: 20%;
	padding: 10px;
	float: left;
}

#product-detail-info{
	display: block;
	width: 40%;
	float: left;
	padding-left: 20px;
}

#product-detail-info h1{
	font-family: "ProxNov-SB";
	line-height: 30px;
	font-size: 28px;
	margin-bottom: 5px;
}

#product-detail-info h2{
	font-size: 16px;
	margin-bottom: 10px;
	color:rgba(140, 140, 140, 1);
}

#product-detail-info #price{
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
	font-family: "ProxNov-SB";
	color:rgba(205, 10, 33, 1); 
}

.info-title{
	display: inline-block;
	font-family: "GotMedium", sans-serif;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#tab-description p{
	line-height: 25px;
	margin: 30px 0px;
}

#product-detail-info input{
	margin-bottom: 10px;
}

#product-sub-list{
	overflow: auto;
	padding: 40px 0px;
	background: url(../images/tire_bg_white.jpg) center center;
}

#product-sub-list .wrap{
	overflow: visible;
}

#product-sub-list h2{
	font-family: "ProxNov-SB";
	font-size: 20px;
	text-align: center;
}

#product-sub-list hr{
	margin: 20px auto;
	border: none;
	border-bottom: 4px solid rgba(205, 10, 33, 1);
	width: 50px;
}

#related-products{
	overflow: visible;
}

#related-products .product-wrap{
	overflow: visible;
}

/* PROJECTS */

#project-container{
	padding: 40px 0px;
	overflow: auto;
}

.project-wrap{
	padding: 10px;
	overflow: show;
	float: left;
	display: block;
	width: 25%;
}

.project-wrap:nth-child(4n+1){
	clear: both;
}

.project-box{
	display: block;
	text-decoration: none;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #f4f4f4;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.project-box:hover{
	box-shadow: 0px 32px 32px 0px rgba(20,44,26,0.05), 0px 16px 16px 0px rgba(20,44,26,0.05), 0px 8px 8px 0px rgba(20,44,26,0.05), 0px 4px 4px 0px rgba(20,44,26,0.05), 0px 2px 2px 0px rgba(20,44,26,0.05);
}

.project-box .project-image{
	position: relative;
	height: 200px;
	overflow: hidden;
}

.project-box .project-image img{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin:0 auto;
	width: 100%;
}

.project-box .project-image span{
	font-family: "ProxNov-SB";
	font-size: 12px;
	padding: 1px;
	display: block;
	position: absolute;
	right:0;
	left: 0;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	bottom: 20px;
	color: rgba(255,255,255,1);
	background-color: rgba(205, 10, 33, 1); 
	border-radius: 50px;
}

.project-box p{
	font-family: "ProxNov-SB";
	color: rgba(0,0,0,1);
	line-height: 15px;
	margin-top: 10px;
}

.project-box span{
	font-size: 12px;
	color: rgba(65, 65, 65, 1);
}


/* FOOTER */
#footer-container{
	color: rgba(145,145,145,1);
	padding: 40px 0px;
	padding-bottom: 20px;
	overflow: auto;
	background: url(../images/footer_bg.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#footer-container .wrap{
	max-width: 960px;
}

#footer-container .col-1-4{
	padding: 0px 5px;
}

/*
#footer-container .left{
	padding-right:20px;
}

#footer-container .center{
	padding-left: 70px;
}

#footer-container .right{
	padding-left: 87px;
}
*/

#footer-container h3{
	font-family: "ProxNov-SB";
	color: rgba(255,255,255,1);
	font-size: 16px;
	margin-bottom: 10px;
}

#footer-container h3 i{
	margin-right: 10px;
}

#footer-container p{
	line-height: 20px;
}

#footer-container b{
	color: rgba(255,255,255,1);
}

#footer-container a{
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: inline-block;
}

#footer-container a i{
	margin-right: 10px;
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#footer-container a:hover > i{
	margin-right: 5px;
}

#footer-credit{
	margin-top: 20px;
	text-align: center;
}

#footer-credit a{
	text-decoration: underline;
	color: rgba(145,145,145,1);
}

/* RESPONSIVE */

@media screen and (max-width: 1200px) {
	.wrap{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 785px) {
	
	.product-list-item{
		min-width: 50%;
	}
	
	#home-products .product-list-item:nth-child(3){
		display: none !important;
	}
	
	#filter-container{
		
		opacity: 0;
		visibility: hidden;
		z-index: 1;
		width: calc(100% - 40px);
		background-color: rgba(255,255,255,0.98);
		position: absolute;
		transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	}
	
	.page-box-info{
		display: none;
	}
	
	#mobile-filter-btn{
		font-family: "ProxNov-SB";
	}
	
	#mobile-filter-btn i{
		margin-right: 10px;
	}
	
	#product-list-top .col-1-3{
		width: 50%
	}
	
	#product-list-top #sort-box{
		position: absolute;
		left: 0;
		margin: 0;
	}
	
	#product-list-top .col-1-3:nth-child(2){
		position: relative;
	}
	
	#product-list-top .col-1-3:nth-child(3){
		display: none;
	}
	
	#mobile-filter-btn{
		display: block;
	}
	
	#product-list-bottom a{
		margin: 0;
	}
	
	.previous-page, .page-box-numbers, .next-page{
		display: inline;
		float: left;
		box-sizing: border-box;
	}
	
	.previous-page{
		content: "."; 
		text-align: left;
	}
	
	.page-box-numbers a{
		margin-left: 5px !important; 
		text-align: center;
	}
	
	#product-container{
		float: none;
		width: 100%;
	}
	
	.product-wrap, .project-wrap{
		width: 33.33%;
	}
	
	.product-wrap, .project-wrap:nth-child(3n+1){
		clear: both;
	}
	
	.product-wrap, .project-wrap:nth-child(4n+1){
		clear: none;
	}
	
	#product-detail-gallery, #product-detail-info{
		width: 100%;
		clear: both;
		float: none;
	}
	
	#product-detail-info{
		margin-top: 20px;
		padding: 0;
	}
	
	#product-detail-info h1{
		font-size: 20px;
	}
	
}

@media screen and (max-width: 785px) {
	#navigation-container{
		padding: 0;
		margin: 0;
		height: 0;
	}
	
	#navigation-container ul {
		display:none;
	}
	
	#navigation-container #nav-logo{
		display: none;
	}
	
	#nav-quick-info{
		display: none;
	}
	
	.slicknav_menu {
		display:block;
	}
	
	.slicknav_nav .nav-cart{
		display: none !important;
	}
}

@media screen and (max-width: 700px) {
	.col-1-3{
		width: 100%;
		float: none;
		clear: both;
	}
	
	.col-1-4{
		width: 100%;
		float: none;
		clear: both;
	}
	
	#sub-content-container .col-1-2{
		padding: 0;
	}	
	
	#sub-content-container .sub-content-right{
		margin-top: 40px;
	}
	
	#info-sub-content-container .col-1-3{
		padding: 0 !important;
		position: static;
	}
	
	#info-sub-content-container .right{
		margin-top: 20px;
	}
	
	#info-sub-content-container p{
		text-align: center;
		position: static;
		top: 0;
		display: block;
		-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	
	#rim-config-container img{
		max-width: 250px;	
	}
	
	#product-list-top .col-1-3{
		width: 50% !important;
		float: left !important;
		clear: none;
	}
	
	#lease-container .col-1-4{
		position: relative;
		top:30px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		float: left;
		display: block;
		width: 33.33%;
		padding: 30px 10px;
		
	}
	
	#lease-container .col-1-4:nth-child(5n+1){
		clear: none;
		
	}
	
	#lease-container .col-1-4:nth-child(3n+1){
		clear: both;
		
	}
	
	#contact-main-container .col-1-3{
		padding: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	
	#contact-main-container .col-1-3 hr{
		width: 250px;
		margin: 10px auto;
	}
	
	#contact-main-container .col-2-3{
		width: 100%;
	}
	
	#contact-main-container #form-information, #contact-main-container a{
		margin: 0 auto;
		text-align: center;
	}
	
	#contact-main-container #form-information{
		margin-bottom: 20px;
	}
	
	#contact-form{
		width: 100%;
		float: none;
		clear: both;
	}
	
	#contact-tabs{
		display: block;
	}
	
	#contact-info{
		display: none;
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
	}
	
	form input[type="submit"]{
		width: 100%;
	}
	
	.input-row{
		display: block;
	}
	
	.input-row .input{
		padding: 0;
		margin: 10px 0px;
	}
	
	.input-row .col-2-3{
		width: 100%;
	}
	
	.input-row .col-1-2:nth-child(2){
		padding-left: 20px;
	}
	
	#footer-container .col-1-4{
		margin-bottom: 30px;
		text-align: center;
	}
	
	#footer-container .left{
		padding-right:0px;
	}
	
	#footer-container .center{
		padding-left: 0px;
	}
	
	#footer-container .right{
		padding-left: 0px;
	}
	
}

@media screen and (max-width: 542px) {
	.col-1-2{
		width: 100% !important;
		float: none;
		clear: both;
	}
	
	.col-2-3{
		width: 100% !important;
		float: none;
		clear: both;
	}
	
	#hero-container span{
		font-size: 20px;
	}
	
	#hero-container h1{
		font-size: 45px;
	}
	
	#home-info-container .col-2-3{
		padding: 0;
		margin-top: 20px;
	}
	
	.main-content-row {
		position: static;
		height: inherit;	
		overflow: visible;
		display: block;
	}
	
	.main-content-row{
		margin: 20px 0px;
	}
	
	.main-content-row img{
		padding: 0;
		margin: 20px 0px;	
	}
	
	.main-content-text, .main-content-image{
		position: static;
		top: 0;
		display: block;
		-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	
	#rim-config-container img{
		display: none;	
	}
	
	.product-list-item{
		max-width: 100%;
	}
	
	#product-list-top #sort-box{
		width: 148px;
	}
	
	#sort-box select{
		margin: 0;
	}
	
	#sort-box p{
		display: none !important;
	}
	
	form .col-1-2{
		padding:0 !important;
	}
	
	input-row .col-2-3{
		width: 100%;
	}
	
	.input-row .col-1-2{
		width: 50% !important;
		float: left;
		display: block;
		clear: none;
	}
	
	.input-row .col-1-2:nth-child(2){
		padding-left: 20px !important;
	}
	
	.product-wrap, .project-wrap{
		width: 50%;
	}
	
	.product-wrap, .project-wrap:nth-child(2n+1){
		clear: both;
	}
	
	.product-wrap, .project-wrap:nth-child(3n+1){
		clear: none;
	}
	
	#contact-container{
		padding: 20px 10px;
	}
	
	#footer-container{
		padding: 20px 10px;
	}
}

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

	#hero-container span{
		font-size: 20px;
	}
	
	#hero-container h1{
		font-size: 35px;
	}
}

#logo-section{
	text-align: center;
	background-color: #f2f2f2;
}

#logo-section a{
	display: inline-block;
	margin: 10px;
	max-width: 150px;
	vertical-align: middle;
}

#logo-section a img{
	width: 100%;
/* 	filter: grayscale(100%); */
	transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#logo-section a img:hover{
	filter: grayscale(0%);
}

#logo-section a:nth-child(1) img{
	width: 155px;
}

#logo-section a:nth-child(2) img{
	width: 85px;
}

#logo-section a:nth-child(3) img{
	width: 81px;
}

#logo-section a:nth-child(4) img{
	width: 110px;
}

#logo-section a:nth-child(5) img{
	width: 140px;
}

#logo-section a:nth-child(6) img{
	width: 130px;
}

#logo-section a:nth-child(7) img{
	width: 150px;
}

#logo-section a:nth-child(8) img{
	width: 110px;
}


/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 * Disclaimer: if you still get fined for not complying with the eu cookielaw, it's not our fault.
 */
 
.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  padding:10px 20px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
  text-align: center;
}
.cookie-message a {
  cursor:pointer;
}
.cookie-message p, .cookie-message a {
  color:#333;
  font:bold 11px/18px;
  font-weight: 800;
  margin:0.6em 0;
  margin-right: 20px;
}
.blue {
  border-bottom:1px solid #0E83AE;
  background-color:#0990c3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);
}
.blue p, .blue a { color:#fff; }

#lightcase-case{
  transform: translateY(-50%);
  margin-top: 0 !important;

}

#lightcase-content{
  background-color: transparent !important;
}

.lightcase-contentInner{
  height: auto !important;
}

.lightcase-inlineWrap{
  max-height: 90vh !important;
}