@import url(animations.css);
@import url(header-footer.css);
/* @import url(theme-th.css); */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
    font-family: sans-serif;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Avenir LT Std', 'mn_chiangsaenlight', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    background-color:#FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block;}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal { display: none; width : 0; height: 0; }
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}
a:hover,
a:focus {
    color: inherit;
    text-decoration:none;
}
a:focus {
    outline:0;
    outline-offset:0;
}
p { margin: 0; padding:0; line-height: 1.5;}
a[href^=tel] {
    outline: none;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}
ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4 {
    padding: 0;
    margin: 0;
    line-height:1;
    font-weight: normal;
}
button,
input,
select,
textarea {
/*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: border-color ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s;
    transition: border-color ease-in-out .2s;
}
textarea { resize: vertical;}
button:focus,
textarea,
button { outline: 0;}
button:focus { outline: 0;}
input:focus { outline:0;}
textarea.text-input { padding: 15px; height: auto;}
input[type="text"]:disabled { background: #999;}
input[type="search"] {
/*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.ic { vertical-align: middle;}
.a-right { text-align: right;}
.a-center { text-align: center;}
.img-bound { width: 100%;}
b, strong { font-family: 'Avenir LT Std 65', 'db_heaventmed', Arial, sans-serif; font-weight: normal;}

.c-red { color: #ff0707;}

h1, .heading-h1, h2, .heading-h2 {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    color: #000;
    line-height: 1.1;
    text-transform: uppercase;
}
h1, .heading-h1 { font-size: 50px; }
h2, .heading-h2 { font-size: 40px; }
h3, .heading-h3 {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 24px;
    color: #000;
    line-height: 1.3;
}

.heading-h2 .dot {
    width: 8px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
    background-image: url(../img/bg-org.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
}
.container {
    width: 100%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.container-md {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.vertical-center {
    display: table;
    width:100%;
    height: 100%;
}
.content-vertical-top {
    display: table-cell;
    vertical-align: top;
}
.content-vertical-center {
    display: table-cell;
    vertical-align: middle;
}
.content-vertical-bottom {
    display: table-cell;
    vertical-align: bottom;
}
.text-input {
    display: block;
    width: 100%;
    padding: 12px 15px;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-transform: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.text-input:focus { border-color: #000;}
.text-input::-moz-placeholder {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
    color: #999;
    opacity: 1;
}
.text-input:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
    color: #999;
    font-size: 13px;
}
.text-input::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
    color: #999;
    font-size: 13px;
}
.text-input::-ms-expand { background-color: transparent; border: 0;}
.form-container { max-width: 500px; margin:0 auto 40px;}
.form-container .button-action { margin-top: 50px;}
.field { margin-bottom: 20px;}

/* Styled Select */
.select-container { max-width: 450px; margin:25px auto 50px;}
.styled-select { position: relative; color: #999; margin-bottom:12px;}
.styled-select select,
.styled-select select:focus {
    width: 100%;
    cursor: pointer;
    text-overflow: "";
}
.styled-select:after {
    content: "\e904";
    font-family: 'iconfonts';
    position: absolute;
    top: 5px;
    right: 15px;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    color: #de1f26;
    text-align: center;
    background-color:transparent;
}
.styled-select select {
    height: 45px;
    line-height: 45px;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 13px;
    padding: 0 15px;
    color: #999;
    border:1px solid #ddd;
    color: inherit;
    background-color:#FFF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.styled-select select:focus { outline: 0;}

.main { padding-top: 90px; padding-bottom: 70px; position: relative;}
.main-0 { padding-top: 0; padding-bottom: 0;}
.main-nobottom { padding-bottom: 0;}

.section { padding-top: 70px; padding-bottom: 70px;}
.section-md { padding-top: 50px; padding-bottom: 50px;}
.section-sm { padding-top: 30px; padding-bottom: 30px;}
.section.section-nopadding-bm { padding-bottom: 0;}
.section-bggray { background-color: #fafafa; }
.section-bgblue {
    background-color: #1c2851;
}
.section-bgblue-gradient {
    background-image: url(../../assets/img/bg-gradient.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
/*
    background: rgb(231,77,27);
    background: -moz-linear-gradient(196deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 10%, rgba(91,55,107,1) 18%, rgba(46,50,124,1) 25%, rgba(31,35,80,1) 50%);
    background: -webkit-linear-gradient(196deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 10%, rgba(91,55,107,1) 18%, rgba(46,50,124,1) 25%, rgba(31,35,80,1) 50%);
    background: linear-gradient(196deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 10%, rgba(91,55,107,1) 18%, rgba(46,50,124,1) 25%, rgba(31,35,80,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e74d1b",endColorstr="#1f2350",GradientType=1);
*/
}
.section-heading { margin: 0 auto 55px auto;}
.section-subheading { margin: 0 auto 30px auto;}
.section-heading-h1 .desc {
    position: relative;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 14px;
}
.section-heading .desc { color: #000; margin-top: 20px; margin-bottom: 25px;}
.section-heading .desc a { text-decoration: underline;}
.section-heading-center { text-align: center;}
.section-heading-center .heading-line:after { margin-left: auto; margin-right: auto;}
.section-heading-landing .desc { font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif; font-size: 18px;}
.section-heading-white .heading-line { color: #FFF!important;}
.section-heading-white .desc { color: #FFF;}

.entry-category {
    font-family: 'OpenSansBold';
    color: #999;
    text-transform: uppercase;
}
.entry-date {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    text-transform: uppercase;
    color: #bab9b9;
    font-size: 11px;
}
a.linkmore, .linkmore {
    display: inline-block;
    font-family: 'Avenir LT Std 65', 'mn_chiangsaenbold', Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: none;
    color: #000;
}
a.linkmore:after, .linkmore:after {
    content: "\e901";
    font-family: 'iconfonts';
    display: inline-block;
    font-size: 12px;
    margin-left: 3px;
}
a.linkmore:hover, .linkmore:hover { text-decoration: underline;}

a.linkback, .linkback {
    display: inline-block;
    font-family: 'Avenir LT Std 65', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}
a.linkback:before, .linkback:before {
    content: "\e902";
    font-family: 'iconfonts';
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
    margin-right: 3px;
}
a.linkback:hover, .linkback:hover { text-decoration: underline;}

a.linktext { line-height: 1; text-decoration: underline; color: #000;}

.area-content a { text-decoration: underline;}
.area-content a:hover { text-decoration: none;}

.info-phone:before, .info-mail:before {
    color: #1c2851;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.info-phone:before {
    content: "\e900";
    font-family: 'iconfonts';
    display: inline-block;
    font-size: 16px;
}
.info-mail:before {
    content: "\e905";
    font-family: 'iconfonts';
    display: inline-block;
    font-size: 16px;
}
a.linkmail, .linkmail { text-decoration: underline;}

a.button, .button {
    cursor: pointer;
    display: inline-block;
    padding: 8px 24px;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 14px;
    line-height: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:0;
    color: #FFF;
    text-decoration: none;
    background-color: #de031e;
    text-transform: uppercase;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.button:hover, .button:hover { background-color: #ce021b}
a.button-blue, .button-blue {
    color: #FFF;
    background-color: #1c2851;
}
a.button-blue:hover, .button-blue:hover {
    background-color: #1e2a75;
}

a.button-outline, .button-outline {
    cursor: pointer;
    display: inline-block;
    padding: 8px 30px;
    color: #000;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    line-height: 24px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.button-outline:focus, .button-outline:focus { outline: 0; color: #000;}
a.button-outline-w, .button-outline-w {
    color: #FFF;
    border-color: #FFF;
}
.button-action { margin-top: 40px;}
.button-2action a { margin: 0 6px;}

/* Tabs */

.container-tabs {  text-align: center; margin-bottom: 60px;}
.container-tabs ul li { display: inline-block; margin: 0 12px;}
.container-tabs ul li a { font-family: 'OpenSansBold';}
.container-tabs ul li.current:after {
    content: "";
    display: block;
    margin-top: 4px;
    height: 2px;
    background-color: #000;
    opacity: 1;
}
.container-tabs ul li.current { color: #000;}

/* Pagination */

ul.pagination { display: block; margin: 40px auto 0; text-align: center;}
ul.pagination li { display: inline-block; margin: 0 10px;}
ul.pagination li a { color: #000; font-size: 16px;}
ul.pagination li a.current,
ul.pagination li a:hover { color: #212751; text-decoration: underline;}

/* Share all */

.share-all { position: absolute; top: 0; right: 0;}
.share-all .txtshare {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px;
}
.share-all .social-icon {
    width: 45px;
    height: 45px;
    display: block;
    border-radius:50%;
    text-align: center;
    margin-bottom: 10px;
    color: #FFF;
    font-size: 20px;
    line-height: 42px;
    background-color: #ccc;
    transition: background-color 0.5s ease;
}
.share-all .social-icon:hover { background-color: #000;}

.share-all .social-icon.lineapp-circle { display: none;}
.device-mobile .share-all .social-icon { display: block;}

/* Clipboard */

.show-clipboard {
    width: 300px;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10000;
    text-align: center;
    padding: 40px 0;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 720ms;
}
.show-clipboard.view { opacity: 1; visibility: visible; transition-duration: 200ms; }

.section-bggray { background-color: #f2f2f2;}

.section-intro { position: relative;}
.section-photo img {
    width: 100%;
    height: auto;
}
.section-intro:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
}
.section-intro .area-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 105;
}
.section-intro .container { height: 100%; }
.section-intro .box-content {
    max-width: 800px;
    padding: 40px;
    background-color: transparent!important;
    text-align: center;
    color: #FFF;
    display: inline-block;
    margin: 0 auto;
}
.section-intro .box-content h1 { color: inherit; margin-bottom: 30px;}
.section-intro .box-content .intro-desc, .section-intro .box-content .desc {
    position: relative;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
}
.section-areacontent .area-content { color: #000;}
.section-areacontent .area-content .heading-h2 { margin-bottom: 20px;}
.section-areacontent .button-action .button { margin-bottom: 20px;}

/* News */
.items-news {
    position: relative;
    display: block;
    background-color: transparent;
    border: 0;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.items-news .entry-category { font-size: 12px;}
.items-news .entry-img { overflow: hidden;}
.items-news .entry-img img {
    max-width: 100%;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.items-news:hover .entry-img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.items-news .entry-caption { position: relative; padding: 20px 0 20px 20px;}
.items-news .entry-caption:before {
    content: "";
    width: 3px;
    height: 30px;
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    background: rgb(231,77,27);
    background: linear-gradient(180deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 40%, rgba(46,50,124,1) 63%, rgba(36,40,96,1) 89%);
}
.items-news .entry-caption h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.4;
    text-decoration: none;
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
}
.items-news .entry-date {
    margin-bottom: 5px;
    color: #bab9b9;
}

.container-news { position: relative;}
.hero-news { max-width: 1150px; margin: 0 auto 40px;}
.article-news {
    position: relative;
    max-width: 735px;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #FFF;
}
.article-news .header-news {
    position: relative;
    margin-bottom: 30px;
}
.article-news .header-news h1 {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: none;
}
.article-news .header-news .entry-category {
    color: #999;
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
}
.article-news .header-news .entry-date { font-size: 11px;}
.article-news .action-button { margin-top: 30px; margin-bottom: 30px;}
.content-news { position: relative; color: #666; line-height: 1.6;}
.content-news h1,
.content-news h2,
.content-news h3 { margin: 10px 0;}
.content-news h1 { font-size: 35px;}
.content-news h2 { font-size: 25px;}
.content-news h3 { font-size: 20px;}
.content-news p { margin-bottom: 20px; line-height: 1.6;}
.content-news a { word-break: break-word; text-decoration: underline;}
.content-news strong, .content-news b {
    font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
}
.content-news ul, .content-news ol  { margin:15px 0 0 35px;}
.content-news ul li { list-style: disc; margin-bottom:8px; line-height: 1.45;}
.content-news ol li { list-style-type: decimal; margin-bottom:8px; line-height: 1.45;}

.gallery-news { margin-top: 60px;}
.gallery-news .row-gallery { overflow: hidden; margin-left: -10px; margin-right: -10px;}
.gallery-news .col-gallery {
    position: relative;
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -moz-column-fill: initial;
    -webkit-column-fill: initial;
    column-fill: initial;
}
.gallery-news .item-gallery {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 164px;
    overflow: hidden;
    float: left;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.gallery-news .item-gallery img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    max-width: inherit;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.gallery-news .total-gallery {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'bebasneue';
    text-align: center;
    font-size: 50px;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.75);
}

/* Contact */

.section-group-contact { padding-bottom: 80px;}
.map-container { width: 100%; height: 100%; }
.section-contactinfo .address-contact { padding-top: 5px; margin-bottom: 50px;}
.section-contactinfo .address-contact h3 { text-transform: uppercase; margin-bottom: 10px; font-size: 20px; color: #000; }
.section-contactinfo .group-info { font-size: 14px; margin-bottom: 30px;}
.section-contactinfo .group-info h4 {
    font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.section-contactinfo .group-info p { line-height: 1.45; margin-bottom: 8px;}
.section-contactinfo .info-phone { position: relative; padding-left: 25px;}
.section-contactinfo .info-phone:before { position: absolute; left: 0;}

.info-contact .info-inline { display: inline-block; padding: 0 10px; }

 .sc-map {
    height: 550px;
    overflow: hidden;
    background-image: url(../../assets/contact/img/map.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.sc-map a { display: block;}
.sc-map img { width: 100%;}

.visible-w767 { display: none;}

.bg-default,
.bg-transit { background-color: rgba(27, 41, 81, 0.95);}
.bg-building { background-color: rgba(229, 81, 30, 0.90);}
.bg-outdoor { background-color: rgba(38, 38, 38, 0.90);}
.bg-street { background-color: rgba(222, 31, 38, 0.90);}
.bg-airport { background-color: rgba(0, 0, 0, 0.89);}

.altimg {
    width: 100%;
    height: 60px;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFF;
    z-index: 404;
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-size: 11px;
    line-height: 70px;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.row-partners { text-align: center;}
.items-partners { display: inline-block; padding: 15px 25px;}
.items-partners img {
/*
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.items-partners:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}
.box-item { text-align: center; margin: 20px 0;}
.box-item .icon {
    width: 50px;
    font-size: 35px;
    margin: 0 auto 25px;
    display: block;
}
.box-item .amount {
    position: relative;
    font-family: 'Avenir LT Std 65';
    font-size: 32px;
    line-height: 1;
    color: #000;
    margin-bottom: 8px;
}
.box-item .amount.th,
.items-column .amount.th {
    font-family: 'db_heaventmed';
}
.box-item .amount small {
    width: 100%;
    position: absolute;
    top: -15px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.box-item .caption-item {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;

	a {
		text-decoration: underline;
	}
}

.section-advertise .row-box { text-align: center;}
.section-advertise .box-inline {
    position: relative;
    display: inline-block;
    vertical-align:bottom;
    padding-left: 22px;
    padding-right: 22px;
}
.section-advertise .ic {
    display: block;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-decoration: none!important;
}
.section-advertise .box-inline.box-or {
    font-family: 'Avenir LT Std 65';
    font-size: 20px;
    color: #000;
}
.section-advertise a.action-link {
    font-family: 'Avenir LT Std';
    font-size: 20px;
    color: #000;
}
.section-advertise a.action-link span { text-decoration: underline;}

/* Modal Popup */

.modal-popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    z-index:8000;
    overflow-y: auto;
    background: rgba(14, 14, 12, 0.75);
}
.modal-popup .container { position: relative;}
.modal-popup .content-vertical-center { padding: 35px 0;}
.modal-popup-active { height: 100vh; overflow: hidden;}
.modal-popup-center { height: 100vh; position: relative;}
.modal-popup-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-close, a.modal-close {
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 105;
    font-size: 12px;
    text-align:center;
    color: #FFF;
    border:2px solid #FFF;
    text-decoration: none!important;
    background-color: #000;
    transition:ease 0.25s all;
    border-radius: 50%;
}
.modal-close:hover { opacity: 1; color: #FFF;}
.modal-inner { height: 100%;}
.modal-content {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 4px;
//    padding: 40px 30px 40px 30px;
    background-color: #FFF;
}

.modal-content h3 { margin-bottom: 10px;}
.modal-content > a { text-decoration: underline;}
.modal-content p { margin-bottom: 15px;}
.modal-content-md {
    max-width: 800px;
}
.modal-content-lg {
    max-width: 1000px;
}
.imgblank { width: 100%;}

.section-white h1,
.section-white .heading-h1,
.section-white h2,
.section-white .heading-h2,
.section-white .section-heading .desc { color: #FFF;}
.section-white a.linktext { color: #FFF;}
.section-white .area-content { color: #FFF;}
.section-white a.button-outline,
.section-white .button-outline { border-color:#FFF; color: #FFF;}
.section-white .ic,
.section-white .box-inline.box-or,
.section-white a.action-link { color: #FFF;}
.section-white .amount,
.section-white a.linkmore, .section-white .linkmore,
.section-white .box-item .caption-item { color: #FFF;}

.lineend {
    width: 100%;
    height: 1px;
    background-color: #eee;
    display: block;
}

/* Error404 */

.error404 { position: relative; width: 100%; height:100vh;}
.error404:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 5px;
    background-color: #de1f26;
}
.error404 { text-align: center;}
.error404 .container { position: relative; height: 100%;}
.error404 .wrap-content { height: 100%; }
.error404 .wrap-content h1 { font-size: 55px; margin: 50px 0 10px;}
.error404 .wrap-content h2 { font-size: 30px; margin-bottom: 25px;}
.error404 .wrap-content p { margin-bottom: 50px; color: #666;}
.error404 .logo-vgi { width: 75px; text-align: center; margin: 0 auto 0px;}

/* Th */
body.th {
	font-size: 18px;
    font-family: 'mn_chiangsaenlight', sans-serif;
}
.th p { line-height: 1.4;}
.th .box-item .amount { font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif; }
.th .box-item .caption-item { font-size: 18px;}
.th .section-contactinfo .group-info h4 { font-size: 16px;}
.th .share-all .txtshare { font-size: 16px;}
.th .box-item .amount small { font-size: 10px;}
.th .section-intro .box-content .intro-desc, .th  .section-intro .box-content .desc { font-size: 18px;}
.th a.linkmore, .th .linkmore { font-size: 16px;}
.th a.linkmore:after, .th .linkmore:after { font-size: 11px;}
.th a.button, .th .button { font-size: 17px;}
.th a.button-outline, .th .button-outline { font-size: 17px;}
.th .section-heading-h1 .desc { font-size: 17px;}