html {
    scroll-behavior: smooth;
  }
p{font-size:18px;line-height:25px}
section{padding:25px 0 35px;background:#fff}
body{position:relative;font-size:14px;font-family:"Kanit";font-weight:300}
a{color:#3CC}
a:hover{color:#FF0}
h4,.h4{font-size:18px}
.dib{display: inline-block;}
img,iframe{max-width: 100%;}
.fixed-side-navbar{position:fixed;top:50%;right:0;z-index:1000;margin-top:-100px;text-align:right;padding:30px 0;-webkit-transition:all .3s;transition:all .3s}
.fixed-side-navbar:hover{background:transparent}
.fixed-side-navbar:hover .nav > li > a > span{color:rgba(0,0,0,0.5);display:block;background-color:#ffe2cc;text-align:center;text-transform:uppercase;font-size:14px;padding:2px 12px;border-radius:15px}
.fixed-side-navbar .nav > li a.active{background-color:transparent;color:#000}
.fixed-side-navbar .nav > li a.active:after{-webkit-transform:scale(0.9);transform:scale(0.9)}
.fixed-side-navbar .nav > li a.active:before{content:'';position:absolute;top:50%;right:17px;margin-top:-8px;width:16px;height:16px;background:transparent;border:2px solid #fff;border-radius:10px}
.nav>li{position:relative;display:block}
.fixed-side-navbar .nav > li a{color:#fff;min-height:32px;background:transparent;padding:5px 45px 5px 25px;border-right:none}
.fixed-side-navbar .nav > li a span{display:none;-webkit-transition:all .2s;transition:all .2s}
.fixed-side-navbar .nav > li a:after{content:'';position:absolute;top:50%;right:20px;margin-top:-5px;width:10px;height:10px;border-radius:10px;background:rgba(250,250,250,0.75);-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(0.6);transform:scale(0.6)}
.fixed-side-navbar .nav > li a:hover{background-color:transparent;border-top-left-radius:5px;border-bottom-left-radius:5px;border-color:#000;boder-right:0}
.fixed-side-navbar .nav > li a:hover > span{color:#000;display:block}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.primary-button a{display:inline-block;background-color:#ff7d27;padding:15px 24px;border-radius:3px;text-transform:uppercase;font-size:14px;color:#fff;font-weight:700;text-decoration:none;letter-spacing:.5px}
.parallax-content{width:100%;min-height:100vh;background-size:cover}
#home{padding-left: 200px;}
#home .container{width: 310px;border: 5px solid #fff;border-radius: 20px;background: rgb(255 125 39 / 90%);position: relative;padding: 80px 15px 5px;}
#home .container img#logo{position: absolute; top:-175px;left:-15px;width: 330px; max-width: initial;}
#home .first-content>div>div{margin-bottom: 12px;border-bottom: 1px solid rgba(255,255,255,.5);}
#home .first-content>div>div:last-child{border-bottom: 0;}
#home .first-content>div a{color: white;font-weight: 500;color: white;text-shadow: 0 1px 3px rgba(0,0,0,.3);display: inline-block;}
#home .first-content>div a>p{font-size: 16px;line-height: 22px;}
.baner-content{padding-top:25vh;text-align:center;background-image:url(../img/bg-main.png)}
.baner-content h1{margin-top:0;font-size:128px;color:#fff;font-weight:900;text-transform:uppercase;margin-bottom:0}
.baner-content em{color:#ff7d27;font-weight:600;font-style:normal}
.baner-content span{display:inline-block;margin-top:-20px;font-weight:300;font-size:48px;color:#fff}
.baner-content .primary-button{margin-top:15px}
.service-content{padding-left:15px;padding-right:15px;padding-top:10vh;padding-bottom: 50px;background-image:url(../img/2nd-section.jpg);background-attachment:fixed;min-height:100vh;background-size:cover;background-position:center center}
.service-content .left-text h4{font-size:24px;font-weight:500;color:#fff}
.service-content .left-text .line-dec{width:45px;height:3px;background-color:#ff7d27;margin:20px 0}
.service-content .left-text p{color:#fff}
.service-content .left-text ul{padding:0;margin-top:30px;list-style:none}
.service-content .left-text ul li{margin:15px 0;font-weight:600;color:#fff}
.service-content .left-text .primary-button{margin:30px 0}
.service-content .service-item{background-color:rgba(0,0,0,0.5);padding:25px 30px;text-align:center;color:#fff;margin-bottom:30px;outline: none  !important;display: block;}
.service-content .service-item:hover{text-decoration: none;}
.service-content .service-item .line-dec{width:45px;height:3px;background-color:#ff7d27;margin:20px auto 15px}
.service-content .service-item button{ display: inline-block; background: #FF7D27; color: white; padding: 7.5px 30px ; border-radius: 4px ; font-weight: 500; font-size: 17px;border: 0;margin: 15px 0 0;outline: none !important;transition: .1s all;cursor: pointer;}
.service-content .service-item button:hover{transition: .3s all;transform: scale(1.1);}

#products{padding-top:20vh;background-image:url(../img/3rd-section.jpg);}
#products .item img{width:100%}
#products .item{margin:15px}
#products .item .text-content{background-color:#fffceb;text-align:center;padding:20px}
#products .item .text-content h4{margin-top:0;font-size:19px;font-weight:600}
#products .item .text-content span{font-style:normal;font-size:17px;font-weight:700;color:#ff7d27}
.owl-pagination{margin-top:40px;opacity:1;display:inline-block}
.owl-page span{display:block;width:14px;height:14px;margin:0 5px;filter:alpha(opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff}
.tabs-content{padding-left:15px;padding-right:15px;padding-top:8vh;background-image:url(../img/4th-section.jpg);background-attachment:fixed;min-height:100vh;background-size:cover;background-position:center center}
section{background-color:transparent;padding-bottom:15px}
.wrapper{text-align:center}
.tabs{list-style:none;margin:0;padding:0}
.tabs li{display:inline-block;text-align:center;margin:10px}
.tabs>li:first-child{font-size:28px;color:#fff;font-weight:500}
.tabs a{display:block;text-align:center;text-decoration:none;text-transform:uppercase;color:#fff;font-size:14px;font-weight:700;padding:10px 15px;border:4px solid #fff}
.tabs a:hover{color:#ff7d27}
.tabs .active{border:4px solid #ff7d27}
.tabgroup p{background-color:rgba(0,0,0,0.5);color:#fff;padding:25px}
.clearfix:after{content:"";display:table;clear:both}
.contact-content{padding-left:15px;padding-right:15px;padding-top:16vh;background-image:url(../img/5th-section.jpg)}
.contact-form{background-color:rgba(0,0,0,0.5);padding:30px 25px;margin-bottom:30px}
#contact input{border-radius:3px;padding-left:15px;font-size:13px;color:#232323;background-color:rgba(250,250,250,1);outline:none;border:none;box-shadow:none;line-height:50px;height:50px;width:100%;margin-bottom:30px}
#contact textarea{border-radius:3px;padding-left:15px;padding-top:10px;font-size:13px;color:#232323;background-color:rgba(250,250,250,1);outline:none;border:none;box-shadow:none;height:165px;max-height:220px;width:100%;margin-bottom:25px}
#contact button{display:inline-block;background-color:#ff7d27;padding:15px 24px;width:100%;border-radius:3px;text-transform:uppercase;font-size:14px;color:#fff;font-weight:700;text-decoration:none;letter-spacing:.5px}
.map{margin-bottom:30px;width:100%;background-color:rgba(0,0,0,0.5);padding:30px 20px}
footer{text-align:center;background-color:#282b2f;padding:70px 0}
footer .primary-button{margin-bottom:30px}
footer ul{padding:0;margin:0;list-style:none}
footer ul li{display:inline-block;margin:0 4px}
footer ul li a{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background-color:#ff7d27;color:#282b2f;border-radius:50%;text-decoration:none;transition:all .5s;font-size:17px}
footer ul li a:hover{color:#282b2f;background-color:#ff8e43}
footer p{font-size:12px;color:#fff;margin-top:15px;color:#fff;letter-spacing:.5px;margin-bottom:0}
footer em{color:#ff8e43;font-weight:600;font-style:normal}
#info-items{display: grid;grid-template-columns: repeat(6, 16.66%);margin: 0 -7.5px;}
#info-items>div{padding: 0 7.5px;}
#info-items>div img{transition: .1s all;}
#info-items>div:hover img{transition: .3s all;transform: scale(1.05);box-shadow: 0 5px 10px rgba(0,0,0,.3);}
#infographic{background: #dff1c7;padding-top: 50px;}
#infographic h4,#products h4{text-align: center;font-size: 30px;color: #444444;margin-bottom: 30px;}
#products .container>h4{color: white;text-shadow: 0 1px 1px rgba(0,0,0,.1);}
#product{position: relative;}
#product .product-title{position: absolute;top: 26vh;width: 100%;text-align: center;z-index: 10}
#product .product-title h4{font-size: 36px;display: inline-block;padding: 20px;margin-bottom: 30px;border-bottom: 2px solid #ff7d27;color: white;text-shadow: 0 1px 1px rgba(0,0,0,.1);}
#product .product-title h4+p{font-size: 26px;color: white;line-height: 30px;margin-bottom: 30px;text-shadow: 0 1px 1px rgba(0,0,0,.1);}
#product .product-title a{color: white;font-size: 16px;font-weight: normal;text-align: center;display: inline-block;padding: 7.5px 40px;border-radius: 4px;background: #ff7d27;text-decoration: none !important;transition: .1s all;}
#product .product-title a:hover{transition: .3s all;transform:scale(1.1);}

#learning-exchange{background-image: url('../img/bg-last-section.jpg');color: white;text-align: center;}
#learning-exchange h4{font-size: 30px;}
#learning-exchange h4+p{font-size: 24px;font-weight: 500;margin-bottom: 20px;}
#learning-exchange h4+p+p{font-size: 19px;font-weight: 500;margin-bottom: 40px;}
#wrap-learning{text-align: left;padding-bottom: 50px;}
#wrap-learning>div{padding: 30px;background: rgba(0,0,0,.5);margin-bottom: 30px;}
#wrap-learning>div>div{display: grid;grid-template-columns: 350px auto;grid-gap: 40px;align-items: top;}
#wrap-learning>div h5{font-size: 20px;font-weight: 500;line-height: 26px;margin-bottom: 15px;}
#wrap-learning>div>div a.btn-view{display: inline-block;background: #FF7D27;color: white;padding: 7.5px 30px;border-radius: 4px;font-weight: 500;font-size: 17px;transition: .1s all;}
#wrap-learning>div>div a.btn-view:hover{text-decoration: none;outline: none;transform: scale(1.1);transition: .3s all;}
#wrap-learning>p.title{font-size: 30px;font-weight: 500;color: white;text-align: center;margin-top: 0;padding-bottom: 14px;border-bottom: 2px solid #ff7d27;margin-bottom: 20px;padding-top: 45px;}
#wrap-learning>p.title strong{font-weight: 500;}
#wrap-learning>div h5+div{font-size: 17px;font-weight: 500;}
#wrap-learning>div h5+div>p{margin-bottom: 5px;font-size: 18px;margin-top: 0;font-weight: normal;}
#wrap-learning>div h5+div>p>b{font-weight: 500;}
#wrap-learning>div ul,#wrap-learning>div ul>li{list-style: none;padding: 0;margin: 0;font-weight: 300;}
#wrap-learning>div ul{margin-bottom: 20px;}

a.btn-view2{display: inline-block;background: #FF7D27;color: white;padding: 7.5px 30px;border-radius: 4px;font-weight: 500;font-size: 17px;transition: .1s all;margin: 0 5px;}
a.btn-view2:hover{text-decoration: none;outline: none;transform: scale(1.1);transition: .3s all;}
#tab-last-section{margin-bottom: 10px;}

footer{border-top: 10px solid #333b44;margin-top: 0;padding: 30px 0 0;background: #282B2F;color: white;}
footer p{font-size: 16px;margin: 0;}
footer h1+p{margin-bottom: 15px;}
footer #footer{display: grid;grid-template-columns: max-content auto;}
footer #logo-partners{display: grid;grid-template-columns: repeat(3, 130px);grid-gap: 30px;padding-right: 30px;margin-top: 0px;align-items: center;}
footer #footer-content{padding-left: 30px;border-left: 1px solid #999;text-align: left;}
footer #footer-content h1{font-size: 24px;}
footer #footer-content ul{margin-top: 10px;}
footer #footer-content ul>li{color: #000;}
footer #footer-content>div>p:not(:first-child){color: #eee;font-weight: 300;}
footer #copyright{padding: 10px;color: #bdc2c9;background: #333b44;margin-top: 0;font-weight: 300;font-size: 15px;}
footer #survey{padding: 10px;color: #fff;background: #06B043;margin-top: 30px;font-weight: 300;font-size: 15px;}
footer #survey a{color: #fff;text-decoration: underline;}
footer #survey img{height: 30px;}

body:after{content:url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display:none}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;top:0;left:0;width:100%;z-index:100000;text-align:center;line-height:0;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container > .nav{left:0}
.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
#home .first-content>div>div>a{transition: .1s all;}
#home .first-content>div>div>a:hover{transition: .3s transform;transform: scale(1.15);text-decoration: none;text-shadow: 0 1px 3px rgba(0,0,0,.5);}

#owl-testimonials2 .owl-controls{position: absolute;bottom: 5px;left: 0;width: 100%;z-index: 10}

.owl-dots{position: absolute;bottom: 15px;left: 0;width: 100%;z-index: 10;text-align: center;}
.owl-dots span{width: 14px;height: 14px;border-radius: 50%;background: rgba(255,255,255,.5);display: inline-block;}
.owl-dots>button{display: inline-block;margin: 0 5px;}
.owl-dots>button.active span{background: white;}
#products .owl-dots{text-align: center;bottom: -50px;}

.modal-content .button-modal-close { position: absolute; top: 10px; right: 15px; font-size: 24px; color: #ccc; display: inline-block; cursor: pointer; z-index: 1; transform: rotate(0deg); transition: .1s all; }

@media (max-width: 767px) {
    .baner-content{padding-top:30vh}
    .baner-content h1{font-size:64px}
    .baner-content span{font-size:24px}
    .baner-content .primary-button{margin-top:15px}
    .service-content{padding-top:5vh;text-align:center;background-attachment: initial;background-size: cover;background-image: url('../img/2nd-section-mobile.jpg');background-repeat: no-repeat;}
    .service-content .left-text .line-dec{width:45px;height:3px;background-color:#ff7d27;margin:20px auto}
    .service-content .left-text ul{text-align:left}
    .service-content .service-item{background-color:rgba(0,0,0,0.5);padding:25px 30px;text-align:center;color:#fff;margin-bottom:30px}
}
@media (min-width: 1200px) {
    .container{max-width:1170px}
}
@media (max-width: 991px) {
    #products{padding-top: 70px;}
    #info-items{grid-template-columns: repeat(3, 33.33%);}
    #info-items > div{margin-bottom: 15px;}
    #wrap-learning > div > div{grid-template-columns: 300px auto;}
    footer #footer{display: block}
    footer #footer-content{padding-left: 0;border: 0;margin-top: 20px;}
    #product .product-title h4{font-size: 22px;padding: 5px 0;}
    #product .product-title h4+p{margin-bottom: 15px;}
    #product .product-title h4+p{font-size: 15px;line-height: initial;}
    #product .product-title a{font-size: 15px;}
    #product .product-title h4{margin-bottom: 0;}
    #product .product-title{top: 50px;}
    .service-content,.tabs-content{background-attachment:initial}
    #products{background-attachment: initial;}
    
}
@media (max-width: 767px) {
    #product .product-title{top: 30px;}
    footer #logo-partners{grid-template-columns: repeat(3, 33.33%);grid-gap: 0;margin-left: 0;margin: 0 -15px;}
    footer #logo-partners>a{padding: 0 15px;}
    #info-items{grid-template-columns: repeat(2, 50%);}
    #wrap-learning > div > div{display: block;}
    #wrap-learning > div > div>a{display: block;margin-bottom: 10px;}
    #wrap-learning > p.title{line-height: initial;}
    #wrap-learning > div{padding: 20px;}
    #wrap-learning > div h5{font-size: 18px;}
    #wrap-learning > div h5 + div{font-size: 15px;}
    #wrap-learning > div h5 + div > p{font-size: 16px;}
    #wrap-learning > p.title{font-size: 22px;}
    #wrap-learning > div > div a.btn-view{font-size: 15px;}
    /* #first-tab-group iframe{height: initial !important;} */
    .fixed-side-navbar{right: -10px;}
    #home{padding-left: 0;}
    footer{padding-left: 15px;padding-right: 15px;}
    .service-content .service-item>h4{font-size: 22px;}
    .service-content .left-text p{text-align: left;}
    #responsive-col2{display: grid;grid-template-columns: repeat(2, 50%);}
    .service-content .service-item{padding: 5px;}
    #responsive-col2>div{margin-bottom: 15px;padding: 0 7.5px;}
    .service-content .service-item>h4{font-size: 18px;margin-top: 10px;}
    .service-content .service-item .line-dec{margin: 10px auto 15px;}
    .service-content .service-item{margin-bottom: 0;}
    #home{padding-top: 27vh;}
}
@media (max-width: 500px) {
    #tab-last-section a{display: block;width: 100%;margin: 0;}
}