@charset "UTF-8";


/* Blue Lug Custom Wheel Order */

/*
font-family:'KozGoPr6N W53 Light';
font-family:'KozGoPr6N W53 Regular_1163082';
font-family:'KozGoPr6N W53 Heavy';
font-family:'DINCondensedW01-Normal';
*/


/* ------------------------------------
same heghit
------------------------------------ */
.row-full-height { height: 100%; }
.col-full-height { height: 100%; vertical-align: middle; }
.row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; }
.col-height { display: table-cell; float: none !important; }

/* ------------------------------------
vertical alignment styles
------------------------------------ */
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }


img { max-width: 100%; height: auto; }
html { height: 100%;  }
body { font-size: 10px; height: 100%; position: relative;  }

a { color: #333; outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:hover { text-decoration: none; cursor: pointer; color: #666; }

.bx-wrapper .bx-viewport { left: 0!important; border:none!important; box-shadow: none!important; }

.fixed-header {}
.fixed-header .header { position: fixed; }
.fixed-header .main {  padding-top: 72px; }


/* ------------------------------------
header
------------------------------------ */
.header { width: 100%; height: 640px; padding: 12px 0; background: url(../images/header-image.jpg) no-repeat center center; background-size: cover; rgba(255,255,255,1); z-index: 300; clear: both; display: table; }
.header h1 { margin: 0; padding: 0 12px 0; line-height: 1em; text-align: center; position: absolute; width: 100%; }
.header h1 img { height: 25px; width: auto;}
.header h2 { text-align: center; display: table-cell; vertical-align: middle; /*margin: 210px 0;*/ }
.header h2 img {}

/*
font-family:'DINCondensedW01-Normal';
*/



/* ------------------------------------
main
------------------------------------ */
.main { position: relative; height: 100%; }

.section { padding: 0; margin: 0; padding-bottom: 48px; }
.section-image { height: 100%; padding: 0; background:  no-repeat center center; background-size: cover;}

.section-header { margin: 48px 0 64px; }
h3.section-title-en { font-family:'DINCondensedW01-Normal'; font-weight: normal; color:#968352; font-size: 2.1em; text-align: center; } 
h2.section-title { text-transform: capitalize; font-size: 4.8em; text-align: center; letter-spacing: 2px; margin: 0; }
h2.section-title-img { text-align: center; }
p {  font-size: 1.4em; font-family: sans-serif; line-height: 1.8em;  }


.section-body { width: 720px; margin: auto; }


/* ------------------------------------
intro
------------------------------------ */
.section-intro .section-body { }
.section-intro .section-body h2.section-title-img { text-align: left; margin-bottom: 36px; }
.section-intro p { color: #222; font-size: 1.4em; line-height: 2em; }



/* ------------------------------------
event
------------------------------------ */
.section-event { background: #389be5; padding-bottom: 0; } /* 968352 */
.section-event h3.section-title-en { color: #FFF; }
.section-event-intro { margin: 0 0 48px; }
.section-event-intro .event-header { border-bottom: #FFF solid 2px; padding-bottom: 24px; }
.section-event-intro p { color: #FFF; }
.section-event-intro .company { width: 220px; float: right;}
.section-event-intro table { width: 100%; margin: 24px 0;}
.section-event-intro table th, 
.section-event-intro table td { font-size: 2.1em; color: #FFF; font-weight: bold; padding: 8px 0; vertical-align: top; }
.section-event-intro table th { text-align: right; padding-right: 1.5em; }
.section-event-intro table td {}
.section-event-intro table td a { color: #FFF; border-bottom: #FFF solid 1px; }


.section-event .item { background: #3e5f7c; overflow: hidden; } /* 594f38 */
.section-event .item .parts-image { height: 390px; width: 60%; display: inline-block; float: left; background: no-repeat center center; background-size: cover; }
.section-event .item .parts-text  { height: 390px; width: 40%; float: left; padding: 20px; }
.section-event .item .parts-text h3 { margin: 0 0 24px; /*color: #FFF; margin: 0; font-size: 3.6em; font-weight: normal; */ }
.section-event .item .parts-text h4 { color: #8cbadd; font-family:'DINCondensedW01-Normal'; margin: 0 0 4px; font-weight: normal; font-size:2.1em; }
.section-event .item .parts-text p { color: #FFF; }
.section-event .item .parts-text p a { color: #e5ef7f; }

.section-event .item .parts-image-hub { background-image: url(../images/parts-image-hub.jpg); }
.section-event .item .parts-image-rim { background-image: url(../images/parts-image-rim.jpg); }
.section-event .item .parts-image-spoke { background-image: url(../images/parts-image-spoke.jpg); }
.section-event .item .parts-image-nipple { background-image: url(../images/parts-image-nipple.jpg); }

.section-event .item .parts-text-rim h3,
.section-event .item .parts-text-nipple h3,
.section-event .item .parts-text-rim h4,
.section-event .item .parts-text-nipple h4 { text-align: right; margin-right: 10px; }


/* ------------------------------------
instagram
------------------------------------ */
.section-instagram {}
.section-instagram h3.section-title-en { _____color: #389be5; }
.section-instagram p { color: #222017; line-height: 1.8em; }

.section-instagram p a { font-weight: bold; color:#389be5; }

.instafeed .col { display: inline-block; padding: 8px; }
.instafeed .col:nth-child(6n+1) { clear: both; }
.instafeed .col img { border:#FFF solid 4px; box-shadow: 0 0 3px rgba(0,0,0,0.3);}

.lb-data .lb-details { width: 100%!important; }
.lb-data .lb-caption { margin: 4px 0; display: inline-block; font-weight: 300; line-height: 1.3em; word-break:break-all; }
.lb-data .lb-caption a { color: #FFF; font-weight: 700; }
.lb-data .lb-caption .likes { margin-bottom: 3px; }
.lb-data .lb-caption .view-app { display: inline-block; font-weight: 300; margin: 4px 0; font-size: 1.1em; background: rgba(0,0,0,0.3); color: #FFF; border: #FFF solid 1px; border-radius: 4px; padding: 8px 12px; margin-top: 8px; }
.android .lb-data .lb-caption .iew-app { display: none!important; }
.lb-data .lb-number { display: none!important; }

.lightbox-caption { font-weight: 400; line-height: 1.2em; }
.lightbox-caption a { color: #FFF; font-weight: 600; }

.instafeed-block { }
.instafeed-block h3 { text-align: center; margin-bottom: 14px; }
.instagram-button { text-align: center; margin: 24px 0;}

.instagram-button a:hover img { opacity: 0.7; filter:alpha(opacity=70); }

/* ------------------------------------
image
------------------------------------ */
.section-images { padding-bottom: 0;}
.section-images .item { width: 33.333%; float: left; display: inline; }
.section-images .item:nth-child(3n+1) { clear: both; }



/* ------------------------------------
footer
------------------------------------ */
.footer { padding: 20px; text-align: center;  background: #2d3033; color: #5e5d5a; }
.footer a { color: #5e5d5a; }


/* ########################################################################################################################



######################################################################################################################## */






/* ------------------------------------------------------------------------------------------------
Responsive
------------------------------------------------------------------------------------------------ */

/*
@media (max-width: @screen-xs-max) { 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
*/


/* -----------------------------------------------------
xs, sm
----------------------------------------------------- */
@media (max-width:991px) {



}


/* -----------------------------------------------------
xs
----------------------------------------------------- */
@media (max-width: 767px) {

.header { height: 300px; }
.header h1 { }
.header h1 img { height: 16px;}
.header h2 { padding: 0 50px; }
.header h2 img {}

.header-thanks { height: 180px;}

.section { padding-bottom: 36px; }

.section-body { width: 100%; }


.section-parts,
.section-image { padding-bottom: 0;}

h2.section-title-img { margin: 12px 0; }
h2.section-title-img img { height: 32px; }


/*
.main { position: relative; height: 100%; }

.section { padding: 0; margin: 0; padding-bottom: 48px; }
.section-image { height: 100%; padding: 0; background:  no-repeat center center; background-size: cover;}

.section-header { margin: 48px 0 64px; }
h3.section-title-en { font-family:'DINCondensedW01-Normal'; font-weight: normal; color:#968352; font-size: 2.1em; text-align: center; } 
h2.section-title { text-transform: capitalize; font-size: 4.8em; text-align: center; letter-spacing: 2px; margin: 0; }

p {  font-size: 1.4em; font-family: sans-serif; }
*/


.section-intro { padding: 10px; }
.section-intro h2.section-title-img { margin-top: 32px; }
.section-intro h2.section-title-img img { width: 90%; height: auto; }

.section-event {}
.section-event h2.section-title-img img { width: 70%; height: auto; }
.section-event-intro { margin-bottom: 0; }
.section-event-intro .event-header { border-bottom: none; padding-bottom: 0; }
.section-event-intro .guest { width: 90%; margin: auto; }
.section-event-intro .company { float: none; display: none; }

.section-event-intro table { margin-bottom: 0px; width: 90%; margin: 24px auto 0; }
.section-event-intro table th, 
.section-event-intro table td { font-size: 1.6em; padding: 4px 0; }
.section-event-intro table th { padding-right: 1em; width: 4em; }

.section-instagram { padding: 10px; }
.section-instagram h2.section-title-img img { width: 92%; height: auto; }


.instagram-button img { width: 80%; height: auto; }


.section-parts-intro { padding: 0 8px; }



}



/* -----------------------------------------------------
sm
----------------------------------------------------- */
@media (min-width: 768px ) and (max-width:991px) {


.header h2 { padding-left:20px; padding-right: 20px; }


}


/* -----------------------------------------------------
md
----------------------------------------------------- */
@media (min-width: 992px) and (max-width:1199px) {


}


/* -----------------------------------------------------
lg
----------------------------------------------------- */
@media (min-width: 1200px) {

}


/* ------------------------------------------------------------------------------------------------
Printing
------------------------------------------------------------------------------------------------ */
@media print {
	
}