body{background:#f6fcfe; font-size:16px; font-family:"Bai Jamjuree", sans-serif;}

body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

a{color:#009999;}
a:hover{text-decoration:none;}

input:focus , button:focus , a:focus{outline:none; text-decoration:none;}


.btn-default{background:#f79420; border:none; padding:6px 8px; text-align:center; color:#fff; font-size:14px; border-radius:5px;}
.btn-default:hover, .btn-default:active, .btn-default:focus , .btn-default:focus-visible{background:#ef8407 !important; color:#fff !important;}

.btn-whatsapp{background:#3de963; border:none; padding:6px 8px; text-align:center; color:#fff; font-size:14px; border-radius:5px; display:block;}
.btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp:focus , .btn-whatsapp:focus-visible{background:#38d587 !important; color:#fff !important;}

.whatsapp-btn-bar{ margin-top:8px; display:block;}



.top-header-menu-bar{background:#fff; box-shadow:0px 10px 40px rgb(202 202 202 / 20%); padding:10px 0px;}
.top-header-menu-bar .menu-list{text-align:center;}
.top-header-menu-bar .menu-list ul{margin:20px 0 0 0; padding:0px; list-style:none;}
.top-header-menu-bar .menu-list > ul > li{display:inline-table; padding:5px 0px;}
.top-header-menu-bar .menu-list > ul > li > a{padding:5px 6px; line-height:30px; font-size:17px; font-weight:600; color:#e47a19;}
.top-header-menu-bar .menu-list > ul > li:hover > a, .top-header-menu-bar .menu-list > ul > li.active > a{color:#0251ba;}

.heading{font-size:40px; text-transform:capitalize; margin-bottom:5px; padding:0px; font-weight:700; color:#111; text-align:center;}
.heading-before{margin-bottom:10px;}

.heading-bg{margin:0px 0 20px 0; background: linear-gradient(120deg, #276ef1 50%, #ff9656 50%); box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); padding:40px 0 30px 0;}
.heading-bg .heading{line-height:35px; font-size:40px; padding:0px; margin:10px 0 10px 0; color:#fff;}

.introduction-bar{padding:0px 0 30px 0; box-shadow:0px 10px 40px rgb(202 202 202 / 20%); background:#e5e2e2; font-size:18px; font-weight:500; line-height:30px; margin-top:-1px; border-top:10px solid #000000;}
.introduction-bar h2{font-size:24px; margin-bottom:5px; padding:0px; font-weight:600; color:#e47a19;}
.introduction-bar .fa{color:#e47a19; font-size:20px;}


.transport-bar{padding:0px 0 30px 0; box-shadow:0px 10px 40px rgb(202 202 202 / 20%); background:#fff; font-size:20px; font-weight:500;}
.transport-bar .box{padding:30px 50px; margin:20px 0px; background:#e5e2e2; line-height:30px; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); border-radius:5px; min-height:380px;}
.transport-bar .box img{background:#e47a19; padding:10px; border-radius:50%;}
.transport-bar h4{font-size:24px; margin-bottom:5px; padding:0px; font-weight:600; color:#e47a19; text-align:center;}
.transport-bar .fa{color:#e47a19; font-size:15px;}

.innovative-bar{padding:0px 0 30px 0; background:#e5e2e2; box-shadow:0px 10px 40px rgb(202 202 202 / 20%); font-size:20px; font-weight:500;}
.innovative-bar .box{padding:30px 25px; margin:20px 0px; background:#fff; line-height:30px; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); border-radius:5px; min-height:400px;}
.innovative-bar .box img{background:#e47a19; padding:10px; border-radius:50%;}
.innovative-bar h4{font-size:24px; margin-bottom:5px; padding:0px; font-weight:600; color:#e47a19; text-align:center;}
.innovative-bar .fa{color:#e47a19; font-size:15px;}


.team-bar{padding:0px 0 30px 0; box-shadow:0px 10px 40px rgb(202 202 202 / 20%); font-size:20px; font-weight:500; background:#fff;}
.team-bar .table{background:#fff;}
.team-bar .table td, .team-bar .table th{padding:15px 5px !important;}
.team-bar .table a{color:#ff9656;}

.client-bar{padding:0px 0 30px 0; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); background:#e5e2e2;}

.img-client{background:#fff;   margin:10px 10px; border:1px solid #f2f2f2; border-radius:5px; transform:none; will-change:transform; transition:all .25s ease; min-height:200px; padding:30px; cursor:pointer;}
.img-client:hover{box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%);}
.img-client:hover img{transform:scale(1.07);}

.slick-prev:before, .slick-next:before{font-size:35px !important; color:#f7942075 !important;}
.slick-prev{left:-30px !important;}
.slick-next{right:-18px !important;}

.slick-slider{
    .slick-arrow{
        display:none !important;
    }
    &:hover{
        .slick-arrow{
            display:block !important;
        }
    }
}


.white-box{padding:20px; margin:10px 0 20px 0px; background:#fff; line-height:22px; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); text-align:justify;}
.white-box .heading, .white-box h1{color:#e47a19; font-weight:bold; font-size:35px; margin:0px; padding-bottom:10px;  text-align:left;}
.white-box h2{color:#e47a19; font-weight:700; font-size:35px; margin:0px 0 25px 0; padding:0px; text-align:left; position:relative;}
.white-box h2:before{content:""; background:#e47a19; width:50px; height:4px; left:0; position:absolute; bottom:-30%;}


.white-box h3, .white-box h4, .white-box h5, .white-box h6{font-weight:600; font-size:30px; margin:0px; padding-bottom:10px; text-align:left; color:#0251ba;}
.white-box h4{font-size:25px;}
.white-box h5, .white-box h6{font-size:20px;}


.form-box span{font-size:12px; font-weight:500;}
.req{font-size:13px; color:#CC0000;}

.captcha-code{background:#000; color:#fff; text-align:center; padding-top:4px; height:32px; font-size:17px;}
.form-box label{margin-bottom:0px;}
.form-box .form-group{margin-bottom:10px;}

.h_line{border-top:3px solid #e47a19; width:50px; margin:0 auto 20px;}



.footer-bar{background:#111; padding:20px 0px; border-top:1px solid #ccc; color:#ccc;}
.footer-bar .heading{font-size:20px; text-transform:capitalize; margin-bottom:20px; font-weight:700; color:#fff; position:relative; text-align:left;}
.footer-bar .heading:before{content:""; background:#e47a19; width:50px; height:4px; left:0; position:absolute; bottom:-30%;}

.footer-bar .list-unstyled a{color:#ccc; display:block; margin:10px 0; font-size:14px;}
.footer-bar .list-unstyled a:hover{color:#fff; text-decoration:underline;}

.footer-bar .contact-us{width:100%; font-size:16px; font-weight:600;}
.footer-bar .contact-us td{padding:0px 10px 15px 0;}
.footer-bar .contact-us span{background:#e47a19; width:100%; text-align:center; padding:8px; display:block; border-radius:4px;}
.footer-bar .contact-us a{color:#ccc;}
.footer-bar .contact-us a:hover{color:#fff;}

.footer-social-container{margin-top:10px; margin-bottom:10px;}
.footer-social-container a{color:#fff; font-size:18px; margin-right:8px; width:35px; height:35px; padding:6px; text-align:center; border-radius:50%; display:inline-block;}
.footer-social-container a.facebook{background:#3080F8;}
.footer-social-container a.instagram{background:#fa7e1e;}
.footer-social-container a.youtube{background:#CD201F;}
.footer-social-container a.twitter{background:#000000;}
.footer-social-container a.linkedin{background:#0a66c2;}
.footer-social-container a:hover{background:#e47a19;}


.copy-rights{background:#201f1d;; padding:10px 0; text-align:left; font-size:15px; color:#fff;}
.developed-by{text-align:right; color:#FFFFFF;}
.developed-by a{color:#FFFFFF;}

.mobile-view{display:none;}

.right0{padding-right:0px; margin-right:0px;}
.left0{padding-left:0px; margin-left:0px;}



.whatsapp-chat{position:fixed; right:30px; bottom:70px; z-index:99; padding:10px; background:#04e475; border-radius:50%;}
.whatsapp-chat:hover{background:#f0f1f1;}
.whatsapp-chat img{width:35px;}




@media only screen and (max-width:767px){
	.top-logo{max-width:150px;}
	body{font-size:14px;}
	.mobile-view{display:block;}
	.desktop-view{display:none;}
	
	.mobile-menu{background:#e47a19; cursor:pointer; padding:8px; margin-top:12px; width:40px; border-radius:3px;}
	.mobile-menu div.ribbon{background:#fff; height:2px; margin-bottom:5px;}
	.mobile-menu div.ribbon:last-child{margin:0}
	
	.top-search-bar{padding-bottom:10px;}
	
	.top-header-menu-bar .menu-list > ul > li{display:block;}
	
	#top-menu{background:#e47a19; position:absolute; left:-110%; top:5px; width:100%; margin:0; padding:0; transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; box-shadow:0 0 6px; z-index:999999; text-align:left;}
	#top-menu.active{left:0px;}
	#top-menu li{float:none; width:100%;  margin:0px; padding:0px 0px; border-bottom:1px solid #fff;}
	#top-menu li a:hover , #top-menu li a:active , #top-menu li a:focus{color:#000000; background:#FFFFFF;}
	#top-menu li .dropdown-menu{width:100%;}
	#top-menu li a{display:block; padding:2px 8px; width:100%; color:#fff;}
	
	#top-menu li a:hover{background:#fff; color:#000;}
	
	#top-menu li{float:none; clear:both;}
	
	.heading-bg .heading{font-size:30px;}
	
	.transport-bar .box{padding:30px 30px;}
	.transport-bar h4{font-size:20px;}
	
	.team-bar{font-size:14px;}
	.team-bar .table td, .team-bar .table th{padding:10px 2px !important}

	.white-box .heading, .white-box h1{font-size:25px;}
	.white-box h2, .white-box h3, .white-box h4, .white-box h5, .white-box h6{font-size:20px;}
	

}


@media only screen and (min-width:700px) and (max-width:900px){
	.top-header-menu-bar .menu-list ul{margin:2px 0 0 0;}
	.top-header-menu-bar .menu-list > ul > li > a{padding:5px; font-size:15px; line-height:20px;}
	.transport-bar .box{padding:30px 20px;}
	.transport-bar h4{font-size:22px;}
	
	.innovative-bar .box{padding:30px 20px;}
	.innovative-bar h4{font-size:22px;}
	.innovative-bar .box3{min-height:auto;}
	
	.team-bar{font-size:18px;}
}

@media only screen and (min-width:900px) and (max-width:1024px){
	.top-header-menu-bar .menu-list ul{margin:32px 0 0 0;}
	.innovative-bar .box{min-height:425px;}
}