.www {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.8s ease;
}

.www.fade-out {
    opacity: 0;
    pointer-events: none;
}

.img-load {
    width: 200px;
}

/* Site content */
.site-content {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.site-content.show {
    opacity: 1;
}


@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');

.sarabun-light {
font-family: "Sarabun", sans-serif;
font-weight: 300;
font-style: normal;
}
.sarabun-regular {
font-family: "Sarabun", sans-serif;
font-weight: 400;
font-style: normal;
}
.sarabun-medium {
font-family: "Sarabun", sans-serif;
font-weight: 500;
font-style: normal;
}
.sarabun-semibold {
font-family: "Sarabun", sans-serif;
font-weight: 600;
font-style: normal;
}
.sarabun-bold {
font-family: "Sarabun", sans-serif;
font-weight: 700;
font-style: normal;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
position:relative;
margin-top: 154px;
font-family: "Sarabun", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
}
textarea{
font-family: "Roboto Flex", sans-serif;	
resize:none;
box-shadow:none;
border:0;
outline:none;
}
input:focus::placeholder {
color: transparent;
}
input:focus::placeholder {
color: transparent; /* hide on click */
}
section{ position:relative; }
*{ box-sizing: border-box; color:#2f3542; }
a, a *{
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#f15a2d;
}
.trans{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
button:focus{ outline:none; }
img{ width:100%; }
input, button{ outline:none; }
p{
margin: 0;
padding: 0;
font-size: 17px;
line-height: 28px;
font-weight: 300;
}
p b{ 
font-weight: 600;
}
b{ }
header{
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
h1, h2, h3, h4, h5, h6{
}
.ql{
position: fixed;
bottom: 25px;
right: 25px;
z-index: 99;
}
.ql a{
border-radius: 100%;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background-color:#EE5A24;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
.ql a img{
width:30px;
}
.ql a:hover{
transform:scale(1.2);
}
.container{
margin: 0px auto;
width: 90%;
max-width: 1266px;
}
.container.fluid{
max-width: none;
}
.flex{
display:flex;
}
.flex.jc-sb{
justify-content:space-between;
}
.flex.jc-c{
justify-content:center;
}
.flex.jc-e{
justify-content:end;
}
.flex.ai-c{
align-items:center;
}
.flex.ai-e{
align-items:end;
}
.rel{
position:relative;
}
.abs{
position:absolute;
}
.bfaf:after{
content:'';
position:absolute;
}
.bg{
background-position:center!important;
background-repeat:no-repeat!important;
}
.bg-cmn{
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.t-center{
text-align:center;
}
.top-strip{
background-color:#182C61;
}
.top-strip .cnt a, .top-strip .cnt a *{
color: #fff;
font-size: 13px;
padding: 0px 0px;
font-weight: 300;
}
.top-strip .cnt a{
margin-right:10px;
opacity:0.8;
}
.top-strip .cnt a:hover{
opacity:1;
}
.top-strip .cnt a img{
width: 16px;
margin-right: 5px;
margin-top: -1px;
}
.top-strip .cnt a:last-child{
margin-left:25px;
}
.top-strip .social{
}
.top-strip .social a{
opacity: 0.8;
border-right: solid 1px #354052;
border-left: solid 1px #354052;
padding: 10px 20px;
}
.top-strip .social a:first-child{
border-left:0;
}
.top-strip .social a:last-child{
border-right:0;
padding-right:0;
}
.top-strip .social a img{
width: auto;
height:15px;
}
.top-strip .social a:hover{
opacity:1;	
}
.menu{
padding: 20px 0px;
}
.menu.active{
padding: 10px 0px;	
}
.menu .logo img{
height: 72px;	
}
.emigrate{
height:auto;
width:125px;
}
.navbar a{
font-weight: 800;
text-transform: uppercase;
font-size: 13.5px;
padding: 10px 0px;
color: #182C61;
position: relative;
margin: 0px 10px;
}
.navbar a.link.active:after{
bottom: -29px;
left: 0;
width: 100%;
height: 4px;
background-color: #ee5a24;
z-index: 1;
}
.navbar a:hover{
color: #ee5a24;	
}
.navbar a.link.active{
color: #EE5A24;
}
.navbar a:last-child{
margin-right:0;
}
.navbar a:first-child.link.active:after{
display:none;
}
.btn{
background-color: #EE5A24;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 13px 25px;
border-radius: 22px;
cursor: pointer;
display: table;
}
.btn.transp{
background:transparent;
color:#182C61;
border:solid 1px #182C61;	
}
.btn.transp:hover{
color:#fff;
}
.btn:hover{
background-color: #182C61;	
color: #fff;
}
.slider-container {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
.slider {
position: relative;
width: 100%;
height: 100%;
}
.slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.4s ease;
display: flex;
flex-direction: column;
justify-content: center;
mix-blend-mode: lighten;
}
.slide.active {
opacity: 1;
}
/* Text Animation */
.slide h1,
.slide h2,
.slide h3 {
opacity: 0;
transform: translateY(12px);
transition: 0.8s ease;
color: #fff;
text-transform: uppercase;
display: table;
}
.slide h1{
font-weight: 700;
font-size: 38px;	
}
.slide h2{
font-size:24px;
}
.slide h3{
font-size:16px;	
font-weight:400;
}
.slide.show h1 { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }
.slide.show h2 { transition-delay: 0.7s; opacity: 1; transform: translateY(0); }
.slide.show h3 { transition-delay: 1.0s; opacity: 1; transform: translateY(0); }
/* Progress line */
.slide .line {
height: 5px;
background-color: #EE5A24;
width: 0%;                  /* starts at zero */
display: block;
transition: none;           /* no animation until activated */
}
/* When slide is active, line animates */
.slide.active .line {
transition: width 7s linear;
width: 100%;
}
/* Navigation Buttons */
.btn.prev, .btn.next {
position: absolute;
z-index: 1;
border: 0;
width: 40px;
height: 40px;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.3);
font-size: 0px;
cursor: pointer;
border-radius:0px;
padding:0;
background-color: #fff;
background-size: 20px;
opacity:0;
}
.slider-container:hover .btn.prev, .slider-container:hover .btn.next{
opacity:0.5;
}
.slider-container:hover .btn.prev:hover, .slider-container:hover .btn.next:hover{
opacity:1;
}
.btn.prev { left: 0px; }
.btn.next { right: 0px; }
section{
padding: 60px 0px;	
}
.short-service{
padding: 5px;
}
.short-service .container{
}
.short-service .item{
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
width: -webkit-fill-available;
text-align: center;
padding: 50px 0px;
color: #182C61;
}
.short-service .item br{
display:none;
}
.short-service .item img{
display: table;
width: 60px;
margin: 0px auto;
margin-bottom: 15px;
}
.shorts .container{
gap:20px;
}
.shorts .container.flex{
flex-wrap:wrap;
}
.shorts .item{
height: 520px;
width: 32.2%;
overflow: hidden;
margin-bottom: 20px;
background-size: 100%;
border: solid 1px #cccccc70;
background-position: center top;
}
.shorts .item .data {
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
padding: 20px;
overflow: hidden;
border-top: solid 3px #ee5a24;
background-image: url(../img/doublearrow.svg);
background-repeat: no-repeat;
background-size: 13px;
background-position: 96% 50%;
}
.shorts .item:hover .data{
border-top: solid 3px #fff;
}
.shorts .item .data h1{
font-size: 17px;
text-transform: uppercase;
color: #182c61;
padding-top: 10px;
margin: 0;
margin-bottom: 15px;
font-weight: 800;
padding-top: 0;
}
.shorts .item .data p{
font-size: 16px;
line-height: 25px;
}
.shorts .item .data ul{
margin: 0;
padding: 0;
padding-left: 20px;
padding-top:15px;
}
.shorts .item .data ul li{
color: #182c61;
padding: 3px 0px;	
}
.shorts .item:hover ul{
opacity:0;
}
.shorts .item:hover{
border: solid 1px #ee5a24;	
}
.shorts .item:hover .btnbar{
bottom: 0%;	
opacity:1;
}
.btnbar{
bottom: -22%;
z-index: 2;
background-color: #ffffffd6;
width: 100%;
height: 22%;
opacity: 0;
}
.btnbar .btn{
margin: 0px auto;	
}
.flip-card {
background-color: transparent;
width: 300px;
height: 220px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #ffffff;
border: solid 1px #182c612e;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.flip-card-front h3{
margin: 0;
font-size: 15px;
text-transform: uppercase;
padding: 15px 12px;
background-color: #182c610a;
font-weight:800;
}
.flip-card-front ul{
margin: 0;
text-align: left;
padding: 15px 12px;
padding-left: 30px;
}
.flip-card-front ul li{
padding: 5px 0px;
font-weight: 300;
font-size: 15px;
}
.flip-card-back {
background-color: #182C61;
transform: rotateY(180deg);
padding:20px;
border: solid 1px #ee5a24;
}
.flip-card-back h6, .flip-card-back p{
color:#fff;
margin:0;
}
.flip-card-back h6{
font-size: 15px;
text-transform: uppercase;
font-weight:800;
}
.flip-card-back p{
font-size: 15px;
line-height: 21px;
padding-top: 20px;
opacity:0.9;
}
.item.quick-form{
padding: 30px;
background-color:#182C61;
}
.item.quick-form h3{
color: #fff;
text-transform: uppercase;
font-size: 26px;
font-weight: 600;
margin: 0;
margin-bottom: 30px;
}
.item.quick-form .input{
width: 100%;
border: 0;
margin-bottom: 18px;
border-radius: 20px;
padding: 14px 20px;
font-size: 16px;
}
.item.quick-form textarea.input{
height: 60px;
}
.item.quick-form .btn{
background-color: transparent;
color: #ffffff;
border: solid 2px #fff;	
float:right;
}
.item.quick-form .btn:hover{
background-color:#fff;
color:inherit;
}
.box-60{
width:60%;	
}
.box-30{
width:30%;		
}
.title{
text-transform: uppercase;
margin: 0;
font-size: 38px;
color: #182C61;
font-weight: 700;
}
.title span{
color: #EE5A24;
}
.title.as{
font-size: 28px;
margin-top: 50px;	
}
.subtitle{	
margin: 0;
color: #6e6a92;
font-weight: 400;
font-size: 18px;
margin-bottom: 20px;
margin-top: 10px;
}
.title.white, .subtitle.white{
color:#fff;
}
.about{
background-color: #f6f4ff;	
padding-bottom: 0;
}
.about p{
margin:15px 0px;
}
.about .vsms{}
.about .vsms h6{
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
margin: 0;
color: #182c61;
padding-left:10px;
}
.about .vsms h6:before{
content: '';
position: absolute;
left: 0;
top: 6px;
width: 3px;
height: 59%;
background-color: #ee5a24;
}
.about .vsms p{
margin-bottom: 0;
font-size: 16px;
line-height: 23px;
}
.about .vsms .item{
width: 34%;	
}
.divider{
width: 60px;
height: 2px;
background-color: #ee5a24;
margin: 25px 0px;	
}
.divider.center{
margin:25px auto 40px auto;
}
.counter{
width: 100%;
background-color: #fff;
}
.counter div{
border-bottom: solid 2px #f6f4ff;
padding: 19px 0px;
}
.counter div:last-child{
border:0;
}
.counter div span:nth-child(1){
font-size: 35px;
width: 80px;
display: inline-block;
font-weight: 100;
font-family: impact;
color: #ec5a25;
position: relative;
padding-left: 25px;
}
.counter div span:nth-child(2){
font-size: 30px;
    padding-left: 40px;
    margin-top: -5px;
}
.counter div b{
margin-left: 25px;
font-weight: 500;
    font-size: 17px;
}
.col-70{
width:70%;	
}
.col-30{
width:30%;	
}
.col-50{
width:50%;	
}
.ourteam{
padding-bottom: 70px;
background-color: #f6f4ff;
}
.ourteam .container:nth-child(2){
flex-wrap: wrap;
}
.ourteam .item{
width: 31%;
position: relative;
padding-bottom: 5px;
background-color: #fff;
padding-top: 20px;
border-radius: 5px;
text-align: center;
overflow: hidden;
box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.ourteam .item:hover{
}
.ourteam .item .thumb{
height: 240px;
border-radius: 100%;
overflow: hidden;
width: 240px;
margin: 0px auto;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; 
background-color: #ece9fa;
}
.ourteam .item:hover .thumb{
transform:scale(0.8);
}
.ourteam .item.small{
width: 48%;
padding: 0;
text-align: left;
margin-top: 40px;
}
.ourteam .item.small .thumb {
height: 180px;
width: 180px;
margin-left: 4%;
}
.ourteam .item.small .data{
width:65%;
}
.ourteam .item.small b{
margin:0;
margin-top:10px;
}
.ourteam .item img{
width: 100%;
z-index: 1;
position: relative;
mix-blend-mode: darken;
}
.ourteam .item .data{
padding:30px;
padding-top:20px;
}
.ourteam .item h6{
font-weight: 700;
font-size: 18px;
margin: 0;
text-transform: uppercase;
padding: 0px 0px 5px 0px;
color: #182c61;
}
.ourteam .item h5{
font-size: 15px;
display: inline-block;
border-radius: 2px;
margin: 0;
color: #ee5a24;
font-weight: 600;
}
.ourteam .item p{
font-size: 16px;
line-height: 25px;
padding-top: 10px;
}
.ourteam .item b{
    display: table;
    font-weight: 500;
    border: solid 1px #182c61;
    padding: 0px 10px 2px 10px;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    margin: 0px auto;
    margin-top: 10px;
    line-height: 23px;
}
.ourteam .item:hover b{
color:#fff;
background-color:#182c61;
}
.ourteam .item .more{
padding: 30px;
bottom: -50%;
left: 0;
width: 100%;
z-index: 1;
background-color: #fff;
font-size: 17px;
opacity: 0;
font-weight: 300;
min-height: 45%;
}
.ourteam .item:hover .more{
opacity:1;
bottom: 0%;
}
.ourteam .item.small .more{
left:inherit;
right:0;
width:69%;
min-height:100%;
padding-top:8%;
}
.c-mail{
font-size: 15px;
color: #ee5a24;	
display:block;
font-weight:400;
padding:5px 0px;	
}
.c-mail:hover{
color: #182C61;	
}
.col-40{
width:40%;
}
.col-45{
width:45%;	
}
.whychose{
}
.whychose .container:nth-child(2){
margin-top:50px;
}
.whychose h5{
margin: 0;
font-size: 20px;
font-weight: 600;
color: #182c61;
padding-bottom: 10px;
}
.whychose p{
margin-bottom: 59px;	
}
.whychose .btn{
position:relative;
top:-20px;
}
.gridbox{
display: grid;
grid-template-columns: auto  auto;	
}
.gridbox .item{
display: flex;
align-items: center;	
}
.gridbox .item h4{
color: #fff;
text-align: center;
font-weight: 400;
font-size: 23px;
padding:0px 30px;
}
.gridbox .item .gif{
width: 40px;
display: table;
margin: 0px auto;
margin-bottom: 20px;	
}
.indsutries{
background-color: #f6f4ff;
}
.indsutries .container {
flex-wrap:wrap;
}
.indsutries .item{
margin-bottom: 10px;
width: 49%;
padding: 20px 20px;
position: relative;
background-color: #fff;
display: flex;
align-items: center;
border-radius: 5px;
border: solid 1px #eceaf5;
}
.indsutries .item img{
width: 40px;
margin-right:20px;
}
.indsutries .item h5{
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 0px;
    color: #182c61;
    margin-top: 0px;
}
.indsutries .item p{
font-size:16px;
line-height:25px;
display:none;
}
.indsutries .data1{
width:54%;	
flex-wrap:wrap;
}
.indsutries .data2{
width: 40%;
}
.indsutries .data2 .infographics img {
z-index:2;
}
.indsutries .data2 .infographics:before{
content: '';
position: absolute;
left: 12%;
top: 12%;
width: 76%;
height: 76%;
border-radius: 100%;
z-index: 1;
transform: scale(0.75);
border: dashed 5px #ee5a24;
animation: spin 20s linear infinite;
transform-origin: 50% 50%;
}
@keyframes spin{
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
}
footer{	
background-color: #182c61;
position:relative;
margin-top:50px;
}
footer .item{
}
footer .item h4{
color: #ffffff;
font-size: 16px;
margin-bottom: 20px;
font-weight: 600;
padding-bottom: 0;
text-transform: uppercase;
}
footer .item h5{ 
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin:auto;
}
footer .item a{
font-size: 15px;
color: #ccc;
padding: 7px 0px;
display: block;
font-weight: 300;
}
footer .item a.fst{
margin-right:10px;	
}
footer .item a:hover{    color: #ee5a24; }
footer .flogo{
width: 300px;
margin: 0px auto;
display: table;
margin-bottom: 90px;
}
footer .copy{
color: #999999;
font-size: 15px;
text-align: center;
border-top: solid 1px #cccccc0d;
z-index: 2;
position: relative;
padding: 40px 0px;
}
footer .container{     
position: relative;
z-index: 2;
padding:60px 0px 40px 0px;
}
footer .container:nth-child(2){ 
padding-bottom: 50px;
border-top: solid 1px #cccccc0d;
padding-top: 50px;
}
.foot-img{
display: table;
width: 30px;
margin-bottom: 10px;
}
footer .social{}
footer .social a img{
width: 25px;
margin-right:10px;	
}
footer .social a{
align-items: center;
display: flex;
}
.contact-banner{
padding-bottom:0;
background-color: #f6f4ff;
}
.contact-banner .container:last-child{
padding-top:50px;
}
.contact-banner .box{
width: 50%;
padding: 30px 50px;
background-color: #fff;
}
.contact-banner .box h2{
margin: 0;
font-size: 30px;
text-transform: uppercase;
}
.contact-banner .box h4{
color: #182c61;
font-weight: 400;
margin: 10px 0px;
margin-bottom: 30px;	
}
.contact-banner .box form{}
.contact-banner .box form label, .get-form form label{
display: block;
font-size: 15px;
padding-bottom: 5px;	
}
.contact-banner .box form .input, .get-form form .input{
width: 100%;
height: 44px;
font-size: 17px;
background: transparent;
border: solid 1px #182c61;
border-radius: 2px;
margin-top: 5px;
margin-bottom: 15px;
}
.contact-banner .box form .input:focus, .get-form form .input:focus{
outline:none;
}
.contact-banner .box form .submit, .get-form form .submit{
}
.c-horz{
padding-bottom: 50px;
margin-top: 50px;
}
.c-horz .item{
text-align: center;
background-color: #fff;
padding: 30px;
width: 30%;
box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.c-horz .item a{
margin: 0px 10px;
font-weight: 300;
font-size: 16px;
display: block;
padding: 3px 0px;
}
.c-horz .item a:hover span{
color: #EE5A24;	
}
.c-horz .item img{
width:auto;
height:32px;
}
.c-horz .item h5{
font-weight:300;
margin: 0;
font-weight: 300;
font-size: 16px;
padding: 3px 0px;
}
.map{
width:50%;
}
.map iframe{
border-radius:5px;
height: 100%;
}
.testi .item{
width:27%;
text-align:center;
padding-top:30px;
}
.testi .item img{
width: 64px;
margin-bottom: 30px;
}
.testi .item p{
font-style: italic;
font-size: 22px;
color: #182c61bd;
font-family: Georgia, serif;
}
.testi .item p b{
color: #EE5A24;
font-size: 30px;
padding:5px;
}
.testi .item p span{}
.testi .item h6{
margin: 0;
margin-top: 20px;
font-size: 17px;
}
.testi .item h6 span{
display: block;
color: #6e6a92;
font-weight: 300;
font-size: 15px;
}
.webhide{
display:none;
}
.popup-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
  z-index: 9999;
  padding: 15px;
}

/* Show State */
.popup-overlay.active{
  opacity: 1;
  visibility: visible;
}

/* ===== Popup Card ===== */
.popup-box{
  background: #fff;
  width: 100%;
  max-width: 440px;
  padding: 32px 28px;
  border-radius: 16px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  transform: scale(.85) translateY(30px);
  opacity: 0;
  transition: all .35s ease;
}

/* Animate In */
.popup-overlay.active .popup-box{
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* Close Button */
.popup-close{
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 26px;
  cursor: pointer;
  color: #666;
  transition: color .2s ease, transform .2s ease;
}

.popup-close:hover{
  color: #000;
}

/* Inputs */
.popup-box input,
.popup-box textarea{
  width: 100%;
  padding: 14px 15px;
  margin-bottom: 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 15px;
  transition: border .2s ease, box-shadow .2s ease;
}

.popup-box input:focus,
.popup-box textarea:focus{
  outline: none;
  border-color: #182C61;
  box-shadow: 0 0 0 3px rgba(24,44,97,.12);
}

/* Submit Button */
.popup-box .btn{
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  font-size: 16px;
}

/* Success Message */
.success-msg{
  display: none;
  margin-top: 18px;
  padding: 12px;
  border-radius: 10px;
  background: #e9f9ef;
  color: #1e7e34;
  font-weight: 600;
  text-align: center;
}
.form-success,
.form-error {
  display: none;
  margin-top: 15px;
  font-size: 14px;
}

.form-success {
  color: #1dd1a1;
}

.form-error {
  color: #ee5253;
}
@media (max-width: 767px) {
body {
    margin-top: 95px;
}	
.mobhide{
display:none;
}
.webhide{
display:block;
}
.navbar {
        position: fixed;
        width: 100%;
        height: calc(100vh - 88px);
        background-color: #fff;
        right: -100%;
        top: 95px;
        display: block;
        padding: 13px;
        padding-top: 50px;
        opacity: 0;
				
}
.navbar a{
        display: block;
        font-size: 16px;
        font-weight: 600;
        border-bottom: solid 1px #cccccc4a;
        padding: 12px 0px;
        letter-spacing: 1px;
		 background-image: url(../img/arrow-right.svg);
		 background-repeat:no-repeat;
		 background-position:center right;
		 background-size:10px;
}
.navbar a:last-child {
    margin-right: 14px;
}
.navbar a:after{
display:none;
}
.navbar.on{
opacity:1;
right:0%;
}
.trigger{
        width: 40px;
        height: 40px;
        background-image: url(../img/trigger.svg);
        background-size: 80%;
        background-position: center right;
}
.trigger.cls{
background-image: url(../img/closet.svg);
}
.trigger svg{
width:100%;
height:100%;
}
.top-strip .container{
width:100%;
}
.top-strip .webhide{
display:flex;
}
.menu, .menu.active {
padding: 5px 0px;
}
.menu .logo img {
height: 50px;
}
.emigrate{
width:56px;
}
.top-strip .flex.cnt{
display:none;
}
.top-strip .social {
width: 100%;
}	
.top-strip .social a{
display: flex;
padding: 8px 0px;	
width:16.6666666667%;
justify-content: center;
opacity: 1;
}
.top-strip .social a span{
display:none;
}
.slider-container {
    height: 350px;
}
.slide {
}
.slide h1, .slide h2, .slide h3{
margin:10px 0px;
}
.slide .container{
        height: 100%;
        background-color: #000b2a61;
        width: 100%;
        padding: 20px;
        display: flex;
        align-items: end;
        flex-direction: column;
        justify-content: end;
}
.slide:nth-child(1){
 background-position: 85% 50%; 	
}
.slide:nth-child(2){
 background-position: 50% 50%; 	
}
.slide:nth-child(3){
 background-position: 80% 50%; 	
}
.slide h1 {
    font-size: 30px;
}
.slide h2 {
    font-size: 18px;
}
.slide h3 {
    font-size: 14px;
}
section {
    padding: 40px 0px;
}
.short-service {
    padding: 0;
}
.short-service .container {
    flex-wrap: wrap;
	width:100%;
}
.short-service .item {
        width: 50%;
        padding: 15px 0px;
        font-size: 14px;
}
.short-service .item:nth-child(1), .short-service .item:nth-child(3){
border-right:solid 1px #cccccc70;
}
.short-service .item:nth-child(1), .short-service .item:nth-child(2){
border-bottom:solid 1px #cccccc70;
}
.short-service .item br{
display: block;
}
.short-service .item:last-child{
display:none;
}
.short-service .item img {
    width: 40px;
    margin-bottom: 10px;
}
.about {
    padding-bottom: 15px;
}
.about .container{
display:block;
}
.about .vsms .item {
        width: auto;
        background-color: #fff;
        padding: 20px;
        margin-bottom: 5px;
}
.about .vsms p {
    font-size: 15px;
    line-height: 23px;
}
.box-60 {
    width: auto;
}
.box-30 {
    width: auto;
}
.title {
    font-size: 25px;
}
.subtitle {
font-size: 15px;
}
p {
    font-size: 15px;
    line-height: 23px;
	font-weight:400;
}
.counter {
        padding: 0px;
        border-radius: 0;
        margin-top: 10px;
}
.counter div span:nth-child(1) {
font-size: 26px;
        width: 80px;
        padding-left: 20px;
        font-weight: 500;
}
.counter div span:nth-child(2) {
    padding-left: 25px;
}
.counter div b {
    font-size: 16px;
}
.counter div {
    padding: 15px 0px;
}
.shorts .container{
display:block;
}
.shorts .item {
        height: 520px;
        width: 100%;
        margin-bottom: 15px;
}
.shorts .item .data p {
    font-size: 15px;
    line-height: 23px;
}
.shorts .item .data ul li {
    font-size: 15px;
}
.btnbar {
    bottom: 0;
    height: auto;
    opacity: 1;
    padding: 20px 0px;
	background:transparent;
}
.btn {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
}
.shorts .item .data {
    padding: 15px;
    padding-bottom: 70px;
}
.shorts .item:hover ul{
opacity:1;
}
.btnbar .btn {
    margin: 0px auto;
    background: transparent;
    border: solid 1px #ee5e29;
    color: #ee5a24;
    padding: 8px 20px;
    border-radius: 5px;
    width: 88%;
    text-align: center;
}
.title.as {
    font-size: 25px;
}
.flip-card {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}
.flip-card:last-child{
margin-bottom:0;
}
.indsutries {
    padding-bottom: 20px;
}
.indsutries .subtitle{
padding:0px 15px;
}
.indsutries .container {
    display: block;
}
.indsutries .data1 {
    width: 100%;
    display: block;
}
.indsutries .item {
    margin-bottom: 0;
    width: 100%;
    padding: 15px 20px;
    border-radius: 0;
	border:0;
    border-bottom: solid 1px #eceaf5;
}
.indsutries .item h5 {
    font-size: 16px;
}
.indsutries .item img {
    width: 35px;
}
.indsutries .data2 {
        width: 100%;
        margin-top: 15px;
		overflow:hidden;
}
.whychose .container:nth-child(2) {
    margin-top: 30px;
    flex-wrap: wrap;
	        flex-direction: column-reverse;
}
.col-40 {
    width: 100%;
}
.col-45 {
    width: 100%;
}
.gridbox .item h4 {
    font-size: 14px;
    padding: 0px 15px;
}
.whychose h5 {
    font-size: 18px;
    margin-top: 20px;
}
.whychose p {
    margin-bottom: 20px;
}
.whychose .btn {
    position: static;
}
.ourteam {
    padding-bottom: 30px;
}
.ourteam .container:nth-child(2) {
    display: block;
}
.ourteam .item {
        width: auto;
        padding-bottom: 0;
        margin-bottom: 15px;
}
.ourteam .item p {
    font-size: 15px;
    line-height: 23px;
}
.ourteam .item .thumb {
    height: 200px;
    width: 200px;
}
.ourteam .item.small {
    width: auto;
    margin-top: 15px;
	        display: block;
			padding:20px;
			         padding-bottom: 2px;
}
.ourteam .item .data {
    padding: 20px;
    padding-top: 20px;
}
.ourteam .item.small .data {
        width: auto;
        text-align: center;
        padding: 20px 0px;
}
.ourteam .item.small .thumb {
    height: 150px;
    width: 150px;
    margin: 0px auto;
}
.ourteam .item.small b {
    margin: 0px auto;
    margin-top: 10px;
}
.ourteam .item.small .more {
    width: 100%;
    padding-top: 8%;
    font-size: 16px;
    min-height: auto;
	text-align:center;
}
.testi .container.flex{
display:block;
}
.testi .item {
    width: auto;
    padding-top: 0px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px;
	margin-bottom:25px;
}
.testi .item:last-child{
border:0;
margin-bottom:0;
padding-bottom:0;
}
.testi .item p {
    font-size: 18px;
    font-family: Georgia, serif;
}
.testi .item p b {
    font-size: 18px;
}
.c-horz{
        display: block;
        margin-top: 30px;
        padding-bottom: 20px;
}
.c-horz .item {
        padding: 20px;
        width: auto;
        border: solid 1px #f0f0f0;
        box-shadow: none;
}

.contact-banner .container:nth-child(3) {
    padding-top: 0;
    display: block;
	width:100%;
}
.contact-banner .box {
    width: 100%;
    padding: 20px;
	        padding-bottom: 30px;
}
.contact-banner .box h2 {
    font-size: 23px;
}
.contact-banner .box h4 {
    margin-bottom: 25px;
    font-size: 13px;
}
.contact-banner .box form .input, .get-form form .input {
    height: 42px;
}
.map{
width:100%;
}
.map iframe {
    border-radius: 0px;
    height: 350px;
}
footer{
margin-top:0;
}
footer .container {
    padding: 20px 0px 20px 0px;
    display: block;
}
footer .item a {
    font-size: 14px;
    padding: 5px 0px;
}
footer .item h4 {
    font-size: 16px;
    margin-bottom: 5px;
}
footer .copy {
    font-size: 13px;
    padding: 20px 15px;
}
.ql{
    bottom: 10px;
    right: 10px;	
}
.ql a {
    width: 32px;
    height: 32px;
}
.ql a img {
    width: 22px;
}
  .popup-box{
    padding: 26px 20px;
  }
}