@charset "UTF-8";


/* BIKE BAG LIFE */

/*
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:  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-row; vertical-align: middle;　}
.header h2 img { width: 640px; }
.header h3 { text-align: center; display: table-row; vertical-align: top;  margin: 0; }
.header h3 img { width: 480px; }



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

.section { padding: 0; margin: 0;}

.section-image { height: 640px; padding: 0; background:  no-repeat center center; background-size: cover;}

.section-image-group { overflow: hidden; }
.section-image-col-6 { width: 50%; float: left; } 


.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;  }


.col-title { text-align: center; } 

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


/* ------------------------------------
intro
------------------------------------ */
.section-intro { padding: 32px 10px; background-color: #003d45; }
.section-intro .section-body {  }
.section-intro .section-body h2.section-title-img { text-align: left; margin-bottom: 36px; }
.section-intro h3 { font-size: 3.6em; color: #e0a41e; font-weight: 800; }
.section-intro p { color: #FFF; font-size: 1.6em; line-height: 2em; }
.section-intro p strong { color: #e0a41e; font-weight: 800; }


/* ------------------------------------
event
------------------------------------ */
.section-event { background-color: #003d45; }
.section-event .section-header p { text-align: center; color: #FFF; font-weight: bold; font-size: 2.0em; }
.section-event h3.section-title-en { color: #FFF; }
.section-event .section-header img { width: 640px; }

.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; width: 10em; }
.section-event-intro table td {}
.section-event-intro table td a { color: #FFF; border-bottom: #FFF solid 1px; }
.section-event-intro table td strong { color: #FC2; }


/* ------------------------------------
instagram
------------------------------------ */
.section-instagram { margin-bottom: 48px; }
.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-block { }
.instafeed-block h3 { text-align: center; margin-bottom: 14px; }
.instagram-button { text-align: center; margin: 24px 0;}
.instagram-button a img { width: 320px; }
.instagram-button a:hover img { opacity: 0.7; filter:alpha(opacity=70); }



/* ------------------------------------
award
------------------------------------ */
.section-award { background-color: #003d45; color: #FFFFFF; }

.section-award h3,
.section-award p { color: #FFFFFF; }
.section-award .staff-comment .thumb { padding-right: 10px; }
.section-award .row-staff { margin-bottom: 18px; }


/* ------------------------------------
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: 400px; background-image: url(../images/xs/header-image.jpg); }

.header h1 { }
.header h1 img { height: 18px;}
.header h2 { padding: 0 30px; }
.header h2 img { width: 300px; }
.header h3 { }
.header h3 img { width: 260px; margin-top: 0; }

.section-image { height: 280px; }
.section-image-1 {background-image: url(../images/xs/1DPP_30000.jpg); }
.section-image-2 {background-image: url(../images/xs/IMG_3602.jpg); }

.section-image-col-6 { height: 180px; /*width: 50%; float: left; */} 


.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; }


.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-intro h3 { font-size: 2.6em; }
.section-intro p { line-height: 1.6em; }

.section-event {}
.section-event h2.section-title-img img { width: 80%; height: auto; }
.section-event-intro { margin-bottom: 0; }
.section-event-intro table { margin-bottom: 0px; width: 90%; margin: 18px auto 0; }
.section-event-intro table th, 
.section-event-intro table td { font-size: 1.6em; padding: 8px 0; }
.section-event-intro table th { padding-right: 1em; width: 5em; }

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


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

}



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


.header { height: 480px; background-image: url(../images/sm/header-image.jpg); }
.header h3 img { width: 280px; }
.section-image { height: 360px; }
.section-image-1 {background-image: url(../images/sm/1DPP_30000.jpg); }
.section-image-2 {background-image: url(../images/sm/IMG_3602.jpg); }

}


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

.header { height: 540px; background-image: url(../images/md/header-image.jpg); }
.header h3 img { width: 320px; }
.section-image { height: 480px; }
.section-image-1 {background-image: url(../images/md/1DPP_30000.jpg); }
.section-image-2 {background-image: url(../images/md/IMG_3602.jpg); }
}


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

.header { height: 640px; background-image: url(../images/lg/header-image.jpg); }
.header h3 img { width: 360px; }
.section-image { height: 540px; }
.section-image-1 {background-image: url(../images/lg/1DPP_30000.jpg); }
.section-image-2 {background-image: url(../images/lg/IMG_3602.jpg); }
}

/* -----------------------------------------------------
xl
----------------------------------------------------- */
@media (min-width: 1480px) {

.header { height: 800px; background-image: url(../images/xl/header-image.jpg); }
.section-image { height: 640px; }
.section-image-1 {background-image: url(../images/xl/1DPP_30000.jpg); }
.section-image-2 {background-image: url(../images/xl/IMG_3602.jpg); }


}



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