html,body{height:100%; margin:0; padding:0; color:#333333; font-family: "Kodchasan", sans-serif; font-size:14px; /*letter-spacing: 0.05em !important;*/ /*font-kerning: normal !important;*/ font-weight: normal;}
a{text-decoration: none; color:inherit;}
*{box-sizing:border-box;}
.row{margin-left:-10px;margin-right:-10px;letter-spacing:-0.3em}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row-fluid{margin-left:0;margin-right:0;letter-spacing:-0.3em}.row-fluid:before,.row-fluid:after{content:" ";display:table}.row-fluid:after{clear:both}
*:focus {outline-width: 0px !important;}
a:focus, a:hover{color:inherit;}
p{margin:0;/* letter-spacing: 0.08em;*/}    
img{max-width:100%; height:auto; outline-width: 0px !important;}    

.flex{display: flex; align-items: center;}
.flex .column-100, .column-100{width: 100%;}
.flex .column-50, .column-50{width: 50%;}
.flex .column-60, .column-60{width: 60%;}
.flex .column-70, .column-70{width: 70%;}
.flex .column-40, .column-40{width: 40%;}
.flex .column-30, .column-30{width: 30%;}
.flex .column-25, .column-25{width: 25%;}
.flex.column{flex-direction: column;}
.flex.right{justify-content: flex-end;}
.flex.start, .flex_start{align-items: flex-start;}
.flex.end, .flex_end{align-items: flex-end;}
.flex.center{justify-content: center;}
.flex.wrap{flex-wrap: wrap; row-gap: 10px; column-gap: 5%;}
.flex.between{justify-content: space-between;}
.gap10{gap: 10px;}
.gap20{gap: 20px;}
.gap30{gap: 30px;}
.gap80{gap: 80px;}
.gap100{gap: 100px;}


.mg_auto{margin-right: auto; margin-left: auto;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.center-m-left{text-align:center;}
.inlineblock{display: inline-block;}
.relative{position:relative;}
.wnowrap{white-space: nowrap;}
.objfit{object-fit: cover;}
.objfit img{object-fit: cover; width: 100%; height: 100%;}
.hiddenAfter:after{display:none !important;}
.hiddenBefore:before{display:none !important;}
.align_content_center,.align_CC{align-content: center; -webkit-align-content: center;}
.H_100{height:100%;}


.white{color:#fff;}
.Blue{color:#284ec0;}
.BB{background:#ebebeb;}
.BOW{background:#f8f5ee;}

.clear_bug_bd{margin-top:-1px;}

.bold{font-weight:bold;}
.light,.t-light{font-weight:300;}
.t-7{font-size:7px;}
.t-10{font-size:10px;}
.t-11{font-size: 11px;}
.t-12{font-size: 12px;}
.t-13{font-size: 13px;}
.t-14{font-size: 14px;}
.t-16{font-size: 16px;}
.t-18{font-size: 18px;}
.t-20{font-size: 20px;}
.t-21{font-size: 21px;}
.t-22{font-size: 22px;}
.t-24{font-size: 24px;}
.t-26{font-size: 26px;}
.t-28{font-size: 28px;}
.t-30{font-size: 30px; line-height: 30px;}
.t-32{font-size: 32px; line-height: 42px;}
.t-34{font-size: 34px; line-height: 34px;}
.t-36{font-size: 36px; line-height: 44px;}
.t-44{font-size: 44px; line-height: 50px;}
.t-48{font-size: 48px; line-height: 50px;}
.t-60{font-size: 60px; line-height: 62px;}
.t-72{font-size: 72px; line-height: 72px;}
.t-120{font-size: 120px;}
.t-72 br{display:block; content:''; margin-top:15px;}
.thi-44{font-size: 44px !important; line-height: 50px;}
 
.l-1{letter-spacing:0.1em;}
.l-0{letter-spacing:normal;}
.c-b{color:#b5a191;}
.c-w{color:#ffffff;}

.ls10{letter-spacing: 0.01em;}
.ls20{letter-spacing: 0.02em;}
.ls40{letter-spacing: 0.04em;}

.pad20-0{padding: 20px 0;}
.pad30-0{padding: 30px 0;}
.pad40-0{padding: 40px 0;}
.pad50-0{padding: 50px 0;}
.pad100-0{padding:100px 0;}  
.pad-t-10{padding-top: 10px;} 
.pad-t-20{padding-top: 20px;} 
.pad-t-30{padding-top: 30px;}
.pad-t-40{padding-top: 40px;}
.pad-t-45{padding-top: 45px;}
.pad-t-50{padding-top: 50px;}
.pad-t-70{padding-top: 70px;}
.pad-t-80{padding-top: 80px;}
.pad-t-100{padding-top: 100px;} 
.pad-t-150{padding-top: 150px;} 
.pad-b-50{padding-bottom: 50px;}
.pad-b-100{padding-bottom: 100px;}
.pad60-0{padding: 60px 0;}
.pad0-160{padding: 0 160px;}
.pad-0-100{padding: 0 100px;}
.pad-b-160{padding-bottom: 160px;}
.pad-b-200{padding-bottom: 200px;}
.pad-30-50{padding-top: 30px; padding-bottom: 50px;}
.pad-rl-5em{padding-left: 5em; padding-right: 5em;}

.pad100-0-fit{padding:100px 0;}
.pad-t-100-fit{padding-top:100px !important;}
.pad-t-30-fit{padding-top: 30px;}
.pad-t-50-fit{padding-top: 50px;}

.pad-l-20{padding-left: 20px;}

.clear_pad_bottom{padding-bottom:0 !important;}
.only-M{display:none;}



.zoom_wrap_img{overflow: hidden; position: relative; display: inline-block;}
.zoom_wrap_img .guide{visibility: hidden;}
.zoom_wrap_img .img_content{position: absolute; top: 0; left: 0;}

.zoom_wrap_fit{overflow:hidden; position: relative; display:inline-block; height:50vh; width:100%;}
.zoom_wrap_fit .guide{display:none;}
.zoom_wrap_fit .img_content{width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position: center; background-repeat:no-repeat;}

.zoom_wrap_fit.h40{height:30vh;}

.only_992, .L-only{display:none;}

.btnL:hover{transform: translateX(-10px);}
.btnR:hover{transform: translateX(10px);}
fieldset{border:none;}
.container {max-width: 1200px;}


/*/////HEADER/////*/
header{margin: 4rem auto .5rem; width:100%; display: inline-block; position: relative;}
.logo{width:190px; display:inline-block;}
#chartdiv{width: 530px; height: 340px; display:inline-block;}
.globe_wrap{position: relative; display: inline-block; padding:45px 100px;}
a.link-box{display: inline-block; padding: 10px 20px; text-decoration: none; white-space: normal; font-size:14px;}
a.link-box strong{font-size:18px;}
a.link-box:hover{background: #ebebeb;}
.lang{position:absolute; z-index: 10;}
.lang.lang1{top:90px; right: 50%; margin-right: 160px; text-align: right;}
.lang.lang2{top:90px; left: 50%; margin-left: 160px; text-align: left;}
.lang.lang3{top:160px; right: 50%; margin-right: 185px; text-align: right;}
.lang.lang4{top:160px; left: 50%; margin-left: 185px; text-align: left;}
.lang.lang5{top:230px; right: 50%; margin-right: 185px; text-align: right;}
.lang.lang6{top:230px; left: 50%; margin-left: 185px; text-align: left;}
.lang.lang7{top:300px; right: 50%; margin-right: 170px; text-align: right;}
.lang.lang8{top:300px; left: 50%; margin-left: 170px; text-align: left;}
.menu_burger{position:absolute; top:0; right:0; display: block;}
.menu_burger .bar{width:20px; height:4px; background:#000;}
.menu_burger .bar:before, .menu_burger .bar:after{content:''; width:20px; height:4px; background: #000; position:absolute; left:0;}
.menu_burger .bar:before{}

/*/////SEARCH/////*/
:root{
  --wiki-text:#202122;
  --wiki-muted:#72777d;
  --wiki-border:#a2a9b1;
  --wiki-bg:#fff;
  --wiki-blue:#36c;
  --wiki-blue-weak:#e8f2ff;
}

*{box-sizing:border-box}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.wiki-search{
  --h: 48px;
  display:flex; align-items:center;
  width:min(92vw, 520px);
  margin-inline:auto;
  border:1px solid var(--wiki-border);
  background:var(--wiki-bg);
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  padding:0;
  color:var(--wiki-text);
  font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
}

.wiki-search__input{
  height:var(--h);
  flex:1 1 auto;
  border:none;
  background:transparent;
  padding:0 12px 0 16px;
  color:var(--wiki-text);
}
.wiki-search__input::placeholder{ color:var(--wiki-muted) }
.wiki-search__input:focus{ outline:none }

.wiki-search__btn{
  height:calc(var(--h));
  min-width:56px;
  margin-right:0;
  border:none;
  border-left:1px solid var(--wiki-border);
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--wiki-blue);
  cursor:pointer;
}
.wiki-search__btn svg{ fill:#fff }

.wiki-search:focus-within{
  border-color:var(--wiki-blue);
  box-shadow:0 0 0 3px var(--wiki-blue-weak);
}

@media (max-width:420px){
  .wiki-search{ --h:44px }
}



/*/////////FOOTER///////////*/
footer{width:100%; display: inline-block; text-align: center; padding:20px 0; margin-top:50px; border-top:solid 2px #ebebeb; border-bottom:solid 2px #ebebeb; /*position: fixed; bottom:0; left:0;*/}
.icon-android{width:30px;}
.icon-apple{width:26px;}
.icon-butterfly{width:26px;}
.icon-signal{width:26px;}
.icon-mail{width:26px;}
hr.vert{width:1px; height:10px; background: #333333; margin:0;}
.nowrap{white-space: nowrap;}
.lastTab{width:100%; padding:50px 0; text-align: center;}
.app_wrap{padding:20px 30px; max-width:390px;}
.dl_app{width:auto; height:36px}
.connect{width:calc(100% - 440px); padding:20px 0;}
.cw_obj{max-width:33%; position: relative;}
.connect_wrap{gap:20px;}
.connect_wrap .icon{width:56px;}
.has_hover{cursor:pointer;}
.hover_img{position:absolute; top:0; left:0; transform: translateY(-101%); display:none; width:200px;}
.has_hover:hover .hover_img{display:inline-block;}
.b_dot{position: relative;}
.b_dot:before{font-family: 'FontAwesome'; content: "\f111"; position: absolute; left:5px; top: 50%; transform: translateY(-50%); font-size:10px; color:#333;}
a.a_full{width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 10;}
.iggi{width:80px;}
.search_button{display: inline-block; position: relative; padding:10px 25px; border-radius: 20px; background: #fff; color: #000; border:2px solid #000; color: #000;}
.search_button:hover{background:#284ec0;  color: #fff; border:2px solid #284ec0; }
.iggi_wrap{padding:80px 0 100px;}
/**************INSIDE***************/
.left_menu{margin:0; padding:0; list-style-type: none; border-top:1px solid #000;}
.left_menu li{width:100%;position:relative; display: inline-block; border-bottom:1px solid #000;}
.left_menu li a{display:block; padding:10px 0; }
.left_menu li a.ACTIVE{font-weight: bold; color:#284ec0; text-decoration: underline;}
.left_menu li a:hover{color:#284ec0;}
.inside_menu{width:240px;}
.inside_content{width:calc(100% - 320px);}

/*///// ANIMATE /////*/

a, a img, a:after,  nav.mainmenu a:after, .btnL, .btnR{
  -webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.scrollfx, .trans1300, .na1300{
  -webkit-transition: all 1300ms ease-in-out;-o-transition: all 1300ms ease-in-out;-ms-transition: all 1300ms ease-in-out;transition: all 1300ms ease-in-out;
}
.trans1000, .na1000{
  -webkit-transition: all 1000ms ease-in-out;-o-transition: all 1000ms ease-in-out;-ms-transition: all 1000ms ease-in-out;transition: all 1000ms ease-in-out;
}
.mainmenu, .dly600{
  -webkit-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;
}
.dly300{
  -webkit-transition-delay: 300ms;  -moz-transition-delay: 300ms;  -o-transition-delay: 300ms;  transition-delay: 300ms;
}    
.dly900{
  -webkit-transition-delay: 900ms;  -moz-transition-delay: 900ms;  -o-transition-delay: 900ms;  transition-delay: 900ms;
}




@media (max-width: 1280px) {
    
}
@media (max-width: 1200px) {
    .cw_obj{max-width:30%;}
    .cw_obj strong{overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;}
}
@media (max-width: 992px) {  
    .container{padding-left:30px; padding-right:30px;}  
    .column_992{flex-direction: column;}
    .app_wrap{max-width: 100%;}
    .connect{width:100%; padding:30px 0;}
    .connect_wrap{justify-content: flex-start !important;}
    .cw_obj{max-width:100%;}
}
@media (max-width: 768px) {   
    .center_M{text-align: center !important;} 
    .pad-t-50-M{padding-top:50px !important;}
    #chartdiv{width: 100%; height:auto; aspect-ratio: 1 / 1;}
    .globe_wrap{width:100%; padding:10px;}
    .only-M{display:inherit;}
    a.link-box{width:100%;}
    .mob_menu a{font-size:14px;}
    .mob_menu{flex-wrap: wrap; gap:30px;}
    .column-30A{flex: 0 0 calc(33.333% - 20px); display: flex; height:100px; align-items: center;}
    .column_M{flex-direction: column !important;}
    .gap10_M{gap:10px;}
    .flex_center_M{justify-content: center !important; align-items: center !important;}
    .connect{text-align: center;}
    .connect_wrap{justify-content: center !important;}
    .wiki-search{width:100%;}
}
@media (max-width: 562px) {
  .left_XS{text-align:left !important;}
  .flex_center_XS{align-items: center; justify-content: center;}
  .column-30A{flex: 0 0 calc(50% - 15px);}
  .column_XS{flex-direction: column;}
  .row_XS{flex-direction: row !important;}
}