/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('RobotoCondensed-Bold-webfont.eot');
    src: url('RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@charset "utf-8";
*{padding:0; margin:0; list-style:none; border:none; line-height:130%}
body {font-family: 'Open Sans', sans-serif; color:#222323; background:#fff;}
img {border:0 none;}
video, embed, object, .videocontent, iframe {width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#222323; text-decoration:none;}
a:hover {color:#269fd1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
	
::-moz-selection {background:#269fd1; color:#ffffff}
::selection {background:#269fd1;  color:#ffffff}

.wrapper {
  margin-top: 0px;
}

/* Common */
.clr {clear:both; width:100%; line-height:0; display:block}
.innerwrap { width:1200px; margin:0 auto; position:relative}
.contents { width:100%; float:left; clear:both}
.element { width:100%; float:left; padding:6% 0}

/* Fonts */
h1, h2, h3, h4, h5, h6 {font-weight:normal}
h1 {font-family: 'DM Sans'; font-style: normal;}
h2 {font-family: 'DM Sans', sans-serif; font-weight:700}
h3 {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:1.45em; }
p {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.12em; line-height:200%}

/* Header */
.header { height:70px; position:fixed; left:0; top:0; z-index:100000; background:url(../images/bg_wh_transfer.png) 0 0 repeat;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.header .innerwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.logo-appworks {
  width:233px;
  margin-left:15px
}
.main-menu a { display:inline-block; font-family: 'Open Sans', sans-serif; font-weight:500; padding:5px 15px; font-size:0.9em; color:#3f3f3f;}
.main-menu a:hover { color:#006b7d;}

.main-menu a.language {
  border-radius:3px;
  margin-right:10px;
}
.main-menu a.language:hover {
  background-color:#269fd1;color:white;
}

.top-menu { display:none}
@media (min-width:641px) {
  #m-nav {
    display: none!important;
  }
}

/* Main VOD */
.background-video {position:relative; height:100%;width:100%}
.background-video img { width:100%}
.slogun { color:#ffffff; opacity:.95; text-shadow:1px 1px #4e4e4e; text-align:center; z-index:10000;
  position:absolute;
  top:55%;
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  left:0;
  right:0;
}
.slogun {font-family: 'Archivo', sans-serif; }
.slogun h1.f1 { font-size:6.5em; line-height:70%; font-weight: 900; font-family: 'Archivo', sans-serif; }
.slogun h1.f2 { font-size:4.5em; font-weight: 900; font-family: 'Archivo', sans-serif; }
.slogun h1.f3 { font-size:3.5em; font-weight: 900; font-family: 'Archivo', sans-serif; }

/* banner title */
.bn_title { height:380px; text-align:center}
.bn_title h2 { font-size:4em; text-shadow:1px 1px #4e4e4e; color:#ffffff; }
.bn_title h2.v1 { margin:11% 0 0 0; text-transform: uppercase; font-family: 'Archivo', sans-serif; font-size: 3.5em; font-weight: 900;}
.bn_title h2.v2 { margin:10% 0 0 0; text-transform: uppercase; font-family: 'Archivo', sans-serif; font-size: 3.5em; font-weight: 900;}
.bn_title.bg1 { background:url(../images/2023-1109-img2.jpg) center top; background-size:cover;/* background-attachment:fixed; background-repeat:repeat-y;*/ }
.bn_title.bg2 { background:url(../images/2023-1109-img3.jpg) center top; background-size:cover; ;/* background-attachment:fixed; background-repeat:repeat-y;*/ }
.bn_title p { color:#ffffff; text-shadow:1px 1px #4e4e4e;}

/* content */
.content_title { font-size:3.8em; color:#222323; background:url(../images/underbar.gif) center bottom no-repeat; padding:0 0 20px 0; margin:0 0 30px 0; text-align:center; text-transform: uppercase; }
.txt { padding:0 9%; text-align:center;}
h2.content_title {font-family: 'Archivo', sans-serif; font-size:3.5em;font-weight: 900;}

/* benefits */
.benefits {margin-bottom: 130px;}
.benefits .item { width:30.6%; margin:0 4% 3% 0; float:left}
.benefits .item.mr { margin-right:0}
.benefits .item.mb { margin-bottom:0}
.benefits .item .icon { float:left; background:url(../images/icon-split.png); width:85px; margin:0 10px 30px 0; height:97px;}
.benefits .item .icon.global { background-position:0 0}
.benefits .item .icon.bulb { background-position:-125px 0}
.benefits .item .icon.dart { background-position:-264px 0}
.benefits .item .icon.arrow { background-position:-395px 0}
.benefits .item .icon.tool { background-position:-528px 0}
.benefits .item .icon.hands { background-position:-651px 0}
.benefits .item .icon.exit { background-position:-792px 0}
.benefits .item .icon.visa { background-position:-789px -93px}
.benefits .item h3 { margin:0 0 7px 0; font-family: 'Archivo', sans-serif;text-transform: uppercase; font-weight: 900; font-size: 1.3em;}
.benefits .item p { color:#666666; font-size:1.0em; line-height:130%}

/* contact */
.contact .item { width:33.33%; float:left; text-align:center}
.contact .item h3 { font-family: 'Archivo', sans-serif;text-transform: uppercase; font-weight: 900; font-size: 1.3em; padding-bottom: 12px;}
.contact .item .icon { width:70px; height:70px; margin:0 0 20px 0; background:url(../images/icon-split.png); display:inline-block}
.contact .item .icon.address { background-position:0 -125px}
.contact .item .icon.phone { background-position:-120px -125px}
.contact .item .icon.email { background-position:-249px -125px}
.contact .item p { line-height:130%}
.contact .form { clear:both; width:96%; float:left; margin:30px 0 0 0; padding:0 2%}
.contact .form .type { border:#e8e9e9 1px solid; width:30.8%; margin-right:3%; float:left}
.contact .form .type input { font-family:'Open Sans', sans-serif; background:#ffffff; border:none; width:91%; height:38px; line-height:38px; color:#999999; padding:5px 10px 5px 15px; font-size:17px;}
.contact .form .type.mr { margin:0}
.contact .form .textarea { border:#e8e9e9 1px solid; float:left; width:99%; overflow:hidden; clear:both; margin:25px 0 25px 0;font-size:1.564em;}
.contact .form .textarea textarea { font-family:'Open Sans', sans-serif; background:#ffffff; border:none; width:95%; color:#999999; padding:10px 15px; font-size:17px;}
.contact .form .button { text-align:center; clear:both; float:left; width:100%;  font-family: 'Archivo', sans-serif; font-weight: 900;}
.contact .form .button .send { background-image: linear-gradient(to bottom right, #029480, #415000, #a2002c); color:#ffffff; font-size:1.12em; padding:12px 30px 10px 30px; margin-right:80px; display:inline-block; cursor:pointer;   font-family: 'Archivo', sans-serif; font-weight: 700;}
.contact .form .button .clear { background:#646464; color:#ffffff; font-size:1.12em; padding:12px 30px 10px 30px; display:inline-block; cursor:pointer;  font-family: 'Archivo', sans-serif; font-weight: 700;}
.contact .result, .contact .error { text-align:center; padding-top:25px}
.contact .result .email_success { color:#2c66e9;}
.contact .error .email_errors { color:#8D663D;}



/* footer */
.footer { background:#000000; color:#8c8c8c; text-align:center; font-size:0.87em; padding:6% 0 10% 0}
.footer a { color:#006b7d; display:inline-block; padding:0 15px; text-decoration: underline; }
.footer .f_wh { color:#ffffff}
.footer-menu .bar {color:#8c8c8c;font-size:0.87em;}
.grecaptcha-badge { display:none}

@media screen and (max-width:1200px) {
.contents .innerwrap { width:100%; padding:0}
}
@media screen and (max-width:1080px) {
}
@media screen and (max-width:1024px) {
* { font-size:97%}
/*.slogun { top:25%}*/
.slogun h1.f1 { font-size:6.5em; line-height:55%}
.slogun h1.f2 { font-size:4.5em}
.slogun h1.f3 { font-size:3.5em}
.main-menu a { font-size:1.1em; padding:0 10px}
.contact .form .type input { width:88%;}
}
@media screen and (max-width:900px) {
* { font-size:95%}
.bn_title { height:280px}
.bn_title h2.v2 { margin:5% 0 0 0}
.contact .form .type input, .contact .form .textarea textarea { font-size:1.1em}
}
@media screen and (max-width:800px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:740px) {
.benefits .item .icon { background-size:550px 120px; width:55px; height:60px; margin-bottom:15px}
.benefits .item .icon.global { background-position:0 0}
.benefits .item .icon.bulb { background-position:-78px 0}
.benefits .item .icon.dart { background-position:-165px 0}
.benefits .item .icon.arrow { background-position:-247px 0}
.benefits .item .icon.tool { background-position:-330px 0}
.benefits .item .icon.hands { background-position:-407px 0}
.benefits .item .icon.exit { background-position:-495px 0}
.benefits .item .icon.visa { background-position:-493px -58px}
.bn_title { height:200px}
.bn_title h2.v2 { margin:5% 0 0 0}
.bn_title h2 { font-size:3em;}
.content_title { font-size:2.8em; }
.bn_title .txt p { line-height:130%}
.contact .form .button .send {margin-right:40px;}
.contact .item .icon { width:35px; height:37px; background-size:550px 120px;}
.contact .item .icon.address { background-position:0 -78px}
.contact .item .icon.phone { background-position:-80px -78px}
.contact .item .icon.email { background-position:-159px -80px}
}
@media screen and (max-width:700px) {
.contact .form .type input { width:85%;}
}
@media screen and (max-width:640px) {
.slogun { margin-top:30px;}
.slogun h1.f1 { font-size:5.5em;}
.slogun h1.f2 { font-size:4em}
.slogun h1.f3 { font-size:3em}
.main-menu { display:none}
#m-nav { display:block; position:absolute; top:47px; right:0; z-index:10000; padding:5% 3% 5% 3%; width:94%; text-align:right; background:#ffffff}
#m-nav a { font-size:0.9em; font-family: 'Open Sans', sans-serif;  display:inline-block; padding:0 10px; font-weight:700; color:#8D663D;}
#m-nav a:hover { color:#269fd1}
.top-menu { background:url(../images/icon-split.png) -383px -129px; display:block; width:20px; height:15px; margin-right:15px; cursor:pointer}
}
@media screen and (max-width:600px) {
.benefits .item h3 { font-size:1.3em}
}
@media screen and (max-width:540px) {
.benefits .item { width:100%; margin:0; border-top:#e8e9e9 1px solid; padding:3% 0 0 0; height:80px}
.benefits .item:first-child {border-top:none}
.benefits .item .icon { margin:0 5% 0 5%}
.benefits .item p { margin-right:4%}
.contact .form .type { width:100%; margin:0 0 5px 0}
}
@media screen and (max-width:480px) {
.slogun h1.f1 { font-size:4.5em;}
.slogun h1.f2 { font-size:3em}
.slogun h1.f3 { font-size:2em}
.bn_title { height:150px}
.bn_title h2 { font-size:2.3em;}
.bn_title .txt p { font-size:0.9em}
}
@media screen and (max-width:450px) {
.contact .item { width:100%; text-align:left; margin:0 0 5% 0}
.contact .item .icon { margin:0 8% 0 8%; display:block; float:left; height:40px}
}
@media screen and (max-width:360px) {
/*.slogun { top:15%}*/
.slogun h1.f1, .slogun h1.f2, .slogun h1.f3 { font-size:1.7em; opacity:.97;}
.bn_title h2 { font-size:2em;}
.bn_title h2.v1 { margin:15% 0 0 0;text-transform: uppercase; }
.content_title { font-size:2em; text-transform: uppercase;}
}
@media screen and (max-width:320px) {
}
.wrapper main{margin-top:0px}
.corp-page article{font-size:18px;line-height:24px}
article h1,article h2,article h3,article h4,article h5,article h6{font-weight:700}
article p{margin-bottom:24px}
.justify-content-center{justify-content:center!important}
.row{margin-left:30px;margin-right:30px}
.article-text{padding:0 10%}
.corp-page article{font-size:18px;line-height:24px}article h1,article h2,article h3,article h4,article h5,article h6{font-weight:700}article p, article ul{margin-bottom:24px}.justify-content-center{justify-content:center!important}.row{margin-left:30px;margin-right:30px}.article-text{padding:0 10%}