/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
.DB_Helvethaica_X55_Regular{font-family: 'db_helvethaicaais_x55_regular';}
.DB_Helvethaica_X65_Med{font-family: 'db_helvethaicaais_x65_med';}
.DB_Helvethaica_X75_Bd{font-family: 'db_helvethaicaais_x75_bd';}
.DB_HelvethaicaAIS_X55_Regular{font-family: 'db_helvethaicaais_x55_regular';}
.DB_HelvethaicaAIS_X65_Med{font-family: 'db_helvethaicaais_x65_med';}
.DB_HelvethaicaAIS_X75_Bd{font-family: 'db_helvethaicaais_x65_med';}

@font-face {
    font-family: 'db_helvethaicaais_x75_bd';
    src: url('../fonts/db_helvethaicaais_x_bd_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaicaais_x_bd_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaicaais_x_bd_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaicaais_x_bd_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_helvethaicaais_x_bd_v3.2-webfont.svg#db_helvethaicaais_x75_bd') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'db_helvethaicaais_x65_med';
    src: url('../fonts/db_helvethaicaais_x_med_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaicaais_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaicaais_x_med_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaicaais_x_med_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_helvethaicaais_x_med_v3.2-webfont.svg#db_helvethaicaais_x65_med') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'db_helvethaicaais_x55_regular';
    src: url('../fonts/db_helvethaicaais_x_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaicaais_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.svg#db_helvethaicaais_x55_regular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'db_helvethaicaais_x45_light';
    src: url('../fonts/db_helvethaica_x_li_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaica_x_li_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_li_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_li_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_helvethaica_x_li_v3.2-webfont.svg#db_helvethaica_x44_liextit') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
button {
    border: 0;
    background: none;
}
select {
    border-radius: 0!important;
    background: #fff;
}
a {
	color: #363636;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
    font-weight: normal;
}
p {
	margin: 0;
    font-size: 1em;
}
strong, b {
    font-weight: normal;
}
img,
embed,
object,
video {
/*  max-width: 100%;*/
	margin: 0 auto;
	width: 100%;
	/*max-width: 100%;*/
}
img.img-fixed {
    width: auto;
    max-width: none;
}
ul, ol {
    margin: 0;
    padding: 0;
}
ul li, ol li {
	list-style: none;
}
figure {
    margin: 0;
}
body {
    font: 25px/26px 'DB_Heavent', Arial;
    background: #fff;
    color: #363636;
}
.th {
    font-family: 'DB_Narai_X'!important;
    font-size: 1.5em;
}
.hide {
    display: none!important;
}
.wrapper {
    padding: 0 40px;
    position: relative;
    box-sizing: border-box;
}


/* main container */
.row {}
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row *[class^="col"] {
	float: left;
}
.wrap-row-group:first-of-type {
	margin-top: 0;
}
.wrap-row-group {
	margin-top: .5em;
}
.row {
    *zoom: 1;
}

/* Grid */
.col {
	display: block;
	float:left;
}
.col:first-child { margin-left: 0; } 

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	width: 100%; 
}


.show-xs, .show-sm, .show-md {
    display: none!important;
}
.hide-xs, .hide-sm, .hide-md {
    display: block!important;
}
@media only screen and (max-width: 767px) {
    .show-xs {
        display: block!important;
    }
    .hide-xs {
        display: none!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 919px) {
    .show-sm {
        display: block!important;
    }
    .hide-sm {
        display: none!important;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1024px) {
    .show-md {
        display: block!important;
    }
    .hide-md {
        display: none!important;
    }
}
@media only screen and (max-width: 1023px) {
    .hidden-m {
        display: none!important;
    }
    .visible-m {
        display: inherit!important;
    }
}

@media only screen and (min-width: 1024px) {
    .col {
		margin: 1% 0 1% 1.6%;
	}
	.col8 {
        width: 100%;
    }

    .col7 {
        width: 87.5%;
    }

    .col6 {
        width: 75%;
    }

    .col5 {
        width: 62.5%;
    }

    .col4 {
        width: 50%;
    }

    .col3 {
        width: 37.5%;
    }

    .col2 {
        width: 25%;
    }

    .col1 {
        width: 12.5%;
    }
	
}