@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; background: #000; }
body.bg { background: url(../images/background-xs.jpg) no-repeat center center;  background-size: cover;  }

a { color: #456823; 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; }

p a { text-decoration: underline; }

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


.front-scroll-down { width: 100%; height: 86px; text-align: center; position: absolute; bottom: 30px; z-index: 299; }
.front-scroll-down img { width: 86px; 
	-webkit-animation:blink 0.6s ease-in-out infinite alternate;
    -moz-animation:blink 0.6s ease-in-out infinite alternate;
    animation:blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}



.backstretch { width: 100%; height: 100%; position: fixed;  }

/* ------------------------------------
header
------------------------------------ */
.header { width: 100%; height: 100%; text-align: center; display: table; background: rgba(0,0,0,0.2); position: relative; }

.header-bluelug { text-align: center; margin: 0; position: absolute; top: 14px; width: 100%; }
.header-bluelug img { height: 25px; }

.header-title { margin: 0; display: table-cell; vertical-align: middle; }
.header-title img { width: 620px; }



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

.section { padding: 0; margin: 0; padding-bottom: 48px; }

.section-image { width:100%; height: 80%; padding: 0; border: #FFF solid 10px; border-width: 10px 10px 0; background:  no-repeat center center; background-size: cover;}
.section-image-last { border-bottom-width:10px; }

.section-blank { height: 820px; }
.section-blank-title { background: #938f89; text-align: center; padding: 128px 0; }

p { font-size: 1.4em; font-family: sans-serif; line-height: 1.8em; }

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

.overview-table {}
.overview-table th,
.overview-table td { color:#FFF; font-size: 1.6em; padding: 8px 0; font-weight: bold; vertical-align: top; }
.overview-table th { width: 5em; }
.overview-table td { font-weight: normal; }
.overview-table td p { font-size: 1.0em; line-height: 1.4em; }
.overview-table td p:last-child { margin-bottom: 0; }


/* ------------------------------------
intro
------------------------------------ */
.section-intro { background: #FFF; }
.section-intro .section-body { padding: 30px 0; }
.section-intro .section-body h2 { margin-bottom: 36px; font-size: 4.2em; font-family:'DINCondensedW01-Normal'; }
.section-intro p { }
.section-intro .item-image { margin: 24px 0 0; }

/* ------------------------------------
item
------------------------------------ */
.section-item { background: rgba(0,0,0,1); }
.section-item .section-body { padding: 30px 0; }
.section-item .section-body h2.section-title-img { text-align: left; margin-bottom: 36px; }
.section-item-title { margin: 48px 0; text-align: center; }
.section-item .item-image { margin: 0 0 24px; }
.section-item p { color: #FFF; }

.overview { width: 360px; margin: auto; }
.overview h3 { color: #FFF; font-family: 'DINCondensedW01-Normal'; }

.overview .pre-release { margin: 24px 0; border: #FFF solid 2px; padding: 12px 0; text-align: center; color:#FFF; font-size: 1.4em; font-weight: bold; }

.event-overview { margin: 24px 0; padding: 18px; border: #333 solid 1px; }
.event-overview h3 { font-size: 2.4em; font-weight: bold; font-family: sans-serif; margin: 6px 0 18px; }

.overview-event { width: 100%; }
.overview-event th,
.overview-event td { color: #222; }
.overview-event th { }
.overview-event td a { color: #456823; text-decoration: underline; }


/* ------------------------------------
footer
------------------------------------ */
.footer { padding: 20px; text-align: center;  background: #000; 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) {

#info { width: 100%; height: 30px; z-index: 999; position: fixed; background: #FF0; }

.backstretch { height: 480px; ____position: absolute; }


.front-scroll-down { display: none; } 


.header { height: 480px; position: relative; }

.header-bluelug { top: 6px; }
.header-bluelug img { height: 18px;   }

.header-title {}
.header-title img { width: 280px; }


.overview-table th,
.overview-table td { font-size: 1.2em; padding: 4px 0; }

.section-blank { height: 280px; }
.section-blank-title { padding: 36px 0; }
.section-blank-title img { width: 240px; }

.section { padding-bottom: 36px; }

.section-body { width: 100%; }

.section-image { padding-bottom: 0; height: 280px; border-width: 8px 8px 0; }
.section-image-last { border-bottom-width: 8px; }
.section-image-1 { background-image: url(../images/640px/image-2019.jpg); }
.section-image-2 { background-image: url(../images/640px/image-2132.jpg); }
.section-image-3 { background-image: url(../images/640px/image-1593.jpg); }
.section-image-4 { background-image: url(../images/640px/image-1574.jpg); }
.section-image-5 { background-image: url(../images/640px/image-1713.jpg); }
.section-image-6 { background-image: url(../images/640px/image-1787.jpg); }
.section-image-7 { background-image: url(../images/640px/image-2150.jpg); }
.section-image-8 { background-image: url(../images/640px/image-2104.jpg); }


.section-intro { padding: 10px; }
.section-intro .section-body h2 { margin-bottom: 36px; font-size: 2.3em;}
.section-intro .section-body h2 img { width: 70%; padding-top: 12px; }

.event-overview h3 { font-size: 2.0em; }

.overview-event {  }
.overview-event th,
.overview-event td { color: #222; display: block;　width: 100%; }
.overview-event th { font-weight: bold; padding-bottom: 0; }
.overview-event td { padding-top: 0; }


.section-item-title {}
.section-item-title img { width: 240px; }
.section-item .overview { width: 320px; margin: auto; }

}



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


.section-blank-title { padding: 54px 0; }
.section-blank-title img { width: 460px; }


.section-image { padding-bottom: 0; height: 520px; border-width: 10px 10px 0; }
.section-image-last { border-bottom-width: 10px; }
.section-image-1 { background-image: url(../images/1024px/image-2019.jpg); }
.section-image-2 { background-image: url(../images/1024px/image-2132.jpg); }
.section-image-3 { background-image: url(../images/1024px/image-1593.jpg); }
.section-image-4 { background-image: url(../images/1024px/image-1574.jpg); }
.section-image-5 { background-image: url(../images/1024px/image-1713.jpg); }
.section-image-6 { background-image: url(../images/1024px/image-1787.jpg); }
.section-image-7 { background-image: url(../images/1024px/image-2150.jpg); }
.section-image-8 { background-image: url(../images/1024px/image-2104.jpg); }

}


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


.section-blank-title { padding: 72px 0; }
.section-blank-title img { width: 520px; }

.section-image { padding-bottom: 0; height: 640px; border-width: 10px 10px 0; }
.section-image-last { border-bottom-width: 10px; }
.section-image-1 { background-image: url(../images/1280px/image-2019.jpg); }
.section-image-2 { background-image: url(../images/1280px/image-2132.jpg); }
.section-image-3 { background-image: url(../images/1280px/image-1593.jpg); }
.section-image-4 { background-image: url(../images/1280px/image-1574.jpg); }
.section-image-5 { background-image: url(../images/1280px/image-1713.jpg); }
.section-image-6 { background-image: url(../images/1280px/image-1787.jpg); }
.section-image-7 { background-image: url(../images/1280px/image-2150.jpg); }
.section-image-8 { background-image: url(../images/1280px/image-2104.jpg); }
}


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


.section-image { }
.section-image-last { }
.section-image-1 { background-image: url(../images/1680px/image-2019.jpg); }
.section-image-2 { background-image: url(../images/1680px/image-2132.jpg); }
.section-image-3 { background-image: url(../images/1680px/image-1593.jpg); }
.section-image-4 { background-image: url(../images/1680px/image-1574.jpg); }
.section-image-5 { background-image: url(../images/1680px/image-1713.jpg); }
.section-image-6 { background-image: url(../images/1680px/image-1787.jpg); }
.section-image-7 { background-image: url(../images/1680px/image-2150.jpg); }
.section-image-8 { background-image: url(../images/1680px/image-2104.jpg); }
}


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


}