@import"https://fonts.googleapis.com/css2?family=Poppins&family=Saira:wght@700&display=swap";
/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--light:white;--blue-lighter:#E6F5FF;--blue-light:#c0d3f7;--blue:$main;--blue-dark:#3676e8;--blue-darker:#1551bb;--red:#ff0000;--grey:$grey;--grey-light:#f1f1f1;--font:$font;--special-font:$special-font;--container-padding:20px;--container-width:calc(100% - var(--container-padding) * 2)}h1,h2,h3{font-family:"Saira",sans-serif;letter-spacing:.05em}h1{font-size:1.2rem;margin:0;padding:0;width:480px}h1::before{background:linear-gradient(var(--blue-dark) 10%,transparent);top:0;height:100px}h2{font-size:1.6rem;border-left:solid 6px var(--blue-dark);padding-left:1rem}h2::before{background:linear-gradient(transparent,var(--blue-dark) 50%,transparent);margin-top:-100px;height:175px}h3{font-size:1.1rem;text-align:center;margin-top:0;padding-bottom:1rem}h3,a{color:var(--blue-darker)}h4,.sub-title{font-size:1.15em}a{text-decoration:none}a.button{text-align:center;color:#555;padding:.5em 1em;border:solid 2px #555;font-weight:bold}ul{display:flex;margin:0 0 0 1em;padding:0}.full{display:inline-block;width:100%}.center{text-align:center}.bold{font-weight:bold}.label-black,.label-grey{padding:.1em .5em}.label-black{color:#fff;background:#000}.label-grey{color:#000;background:#f1f1f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Poppins",sans-serif;margin:0;padding:0;color:#333;font-size:1.1rem;background-color:var(--light)}.layout-container{box-sizing:border-box;width:100%;padding-left:10px;padding-right:10px}@media screen and (min-width:900px){.layout-container{padding-left:calc(50% - var(--container-width) / 2);padding-right:calc(50% - var(--container-width) / 2)}}section,.section{min-height:50vh;padding:1rem}@media screen and (min-width:900px){section,.section{padding:2rem}}h2{margin-top:2rem}#section1{margin-top:50px}.cache{display:none;position:fixed;background-color:rgba(0,0,0,.5);width:100%;height:100vh;top:0;left:0;z-index:9}.cache.is-active{display:block}.default-margin{padding-top:5rem;padding-bottom:3rem}#block-hello-primary-local-tasks ul{display:flex;list-style-type:none;justify-content:space-evenly;width:100%}.is-hidden{display:none}.no-margin{margin:0}.flex{display:flex}@media only screen and (min-width:1040px){:root{--container-width:1000px}}.icon{margin-top:2rem;text-align:center;font-size:3rem;color:var(--blue-darker)}figure{margin:0}figure .img-responsive{width:100%}form label{margin-top:1em;font-family:"Saira",sans-serif}form .description{color:#777}input[type=text],input[type=email],input[type=password],textarea{width:100%;margin:8px 0;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px}input[type=submit]{font-family:"Saira",sans-serif;font-size:1rem;margin:8px 0;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;cursor:pointer;background:none}input[type=submit]:hover{background:#efefef}#block-resume-local-tasks ul{display:none}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.row::after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.col-1-sm{width:4.3333333333%}.col-2-sm{width:12.6666666667%}.col-3-sm{width:21%}.col-4-sm{width:29.3333333333%}.col-5-sm{width:37.6666666667%}.col-6-sm{width:46%}.col-7-sm{width:54.3333333333%}.col-8-sm{width:62.6666666667%}.col-9-sm{width:71%}.col-10-sm{width:79.3333333333%}.col-11-sm{width:87.6666666667%}.col-12-sm{width:96%}@media only screen and (min-width:970px){.col-1{width:4.3333333333%}.col-2{width:12.6666666667%}.col-3{width:21%}.col-4{width:29.3333333333%}.col-5{width:37.6666666667%}.col-6{width:46%}.col-7{width:54.3333333333%}.col-8{width:62.6666666667%}.col-9{width:71%}.col-10{width:79.3333333333%}.col-11{width:87.6666666667%}.col-12{width:96%}.hidden-sm{display:block}}header.layout{background:#fff;padding:10PX;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);position:fixed;width:100%;z-index:10}header.layout nav{width:100%;display:flex;align-items:center;justify-content:end}header.layout nav ul{display:flex;margin:0;padding:0;font-size:1rem}header.layout nav ul li{list-style:none;padding-left:35px}header.layout nav ul li a{color:#333;letter-spacing:.09em}@media screen and (max-width:970px){header.layout nav{display:none;position:absolute;top:0;right:0;height:100vh;z-index:2000;justify-content:left;align-items:baseline;background:#fff;width:80%;padding-top:50px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}header.layout nav ul{flex-direction:column;width:100%}header.layout nav ul li{padding-top:10px;padding-bottom:10px;padding-left:20px;border-bottom:#555 solid 1px}}.hamburger,.hamburger-checkbox{display:none}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:1}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:1}}@media all and (max-width:970px){header.layout nav{display:none;position:absolute;top:0;right:-40%;height:100vh;z-index:2000;justify-content:left;align-items:baseline;background:#fff;width:80%;padding-top:50px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.main-nav{-webkit-animation:slide-left .3s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-left .3s cubic-bezier(0.55,0.085,0.68,0.53) both}.hamburger{display:flex;position:absolute;top:0;right:0;z-index:3000;padding:10px 20px;font-size:1.5em}#toggle:checked+.main-nav{display:flex !important}}#block-hello-main-menu a{display:inline-block;width:100%}#hello{display:flex;align-items:end;padding-bottom:2rem;min-height:75vh !important;background:url(/themes/custom/hello/dist/img/container-1.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}@media screen and (min-width:900px){#hello{background:url(/themes/custom/hello/dist/img/container-5.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}}#hello .presentation{background-color:rgba(255,255,255,.97);padding:2rem;width:100%}@media screen and (min-width:900px){#hello .presentation{width:70%}}#hello .presentation h2{font-weight:inherit;margin-top:0 !important;border-left:solid 6px #ccc;padding-left:1rem}#hello .presentation h2 strong{display:block;font-size:1.8rem;font-weight:700}#hello .presentation .blue{color:var(--blue-dark)}#hello .presentation .red{color:var(--red)}#about ul{flex-direction:column}#about .row .col-4{display:flex;flex-direction:column}#about .row .col-4 h3{font-size:1.3rem;margin-bottom:0}#about .row .col-4::before{display:flex;justify-content:center;font-family:FontAwesome;font-size:3rem;color:var(--blue-darker);content:"";margin-top:2rem;margin-bottom:.5rem}#about .row .col-4.range::before{content:""}#about .row .col-4.location::before{content:""}#products{background-color:var(--grey-light)}#products .img-products{margin:3rem 0}#service .row .col-4{display:flex;flex-direction:column}#service .row .col-4 h3{font-size:1.3rem;margin-bottom:0}#service .row .col-4::before{display:flex;justify-content:center;font-family:FontAwesome;font-size:3rem;color:var(--blue-darker);content:"";margin-top:2rem;margin-bottom:.5rem}#service .row .col-4.research::before{content:""}#service .row .col-4.negotiation::before{content:""}#service .row .col-4.branding::before{content:""}#service .row .col-4.quality::before{content:""}#service .row .col-4.logistics:before{content:""}#reviews{background-color:var(--grey-light)}#reviews .citation{margin:0 auto;padding:0}#reviews .citation figure{margin:0;padding:0}#reviews .citation figure blockquote.quote{position:relative;text-align:center;padding:1rem 1.2rem;width:80%;color:#484748;margin:1rem auto 2rem}#reviews .citation figure blockquote.EN{background:linear-gradient(to right,var(--blue) 4px,transparent 4px) 0 100%,linear-gradient(to left,var(--blue) 4px,transparent 4px) 100% 0,linear-gradient(to bottom,var(--blue) 4px,transparent 4px) 100% 0,linear-gradient(to top,var(--blue) 4px,transparent 4px) 0 100%;background-repeat:no-repeat;background-size:20px 20px}#reviews .citation figure blockquote.EN:before{content:"";top:-12px;margin-right:-20px;right:100%}#reviews .citation figure blockquote.EN:after{content:"";margin-left:-20px;left:100%;top:auto;bottom:-20px}#reviews .citation figure blockquote.quote:before,#reviews .citation figure blockquote.quote:after{font-family:FontAwesome;position:absolute;font-size:34px}#reviews .citation figure figcaption{padding-top:1rem;padding-bottom:1rem;text-align:center;font-style:italic}#contact{min-height:85vh;background:url(/themes/custom/hello/dist/img/grand-palace-bangkok-thailand.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}#contact .overlay-transparent{background-color:rgba(255,255,255,.9);min-height:70vh;padding-top:.5rem;padding-bottom:.5rem}#contact figure{display:flex;flex-direction:column;text-align:center}#contact figure img{margin:auto}footer,#footer{background-color:var(--light);min-height:150px;padding:3rem 0;text-align:center}.team{margin-top:3rem}.team h3{font-size:1.3rem;margin-top:.5rem;margin-bottom:0rem}.team p{margin-top:0 !important}.card{display:flex;flex-direction:column}.card figure{display:flex;justify-content:center}.card-image{display:flex;justify-content:center}.card-body{text-align:center}.card img{height:100%}.rounded-img{border-radius:50%}.small-img{width:80%}