body{font-size:15px; font-family:"Bai Jamjuree", serif; line-height:22px; font-weight:400; color:#000; background:#f2f2f2; font-style:italic;}

a{color:#009999; transition:all 0.3s ease-in-out;}
a:hover{text-decoration:none;}

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


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


.top-header-bar{background:#e5322d; padding:5px 0; width:100%;}
.top-header-bar a{color:#fff; font-size:14px; font-weight:bold;}
.top-header-bar .number-email{margin-top:4px; text-align:center;}
.top-header-bar .number-email a{margin-right:10px;}
.top-social-container{text-align:right; list-style:none; margin:0px; padding:0px;}
.top-social-container li{display:inline-table; margin:0px 3px; text-align:center;}
.top-social-container li a{padding:7px 3px 5px 3px; border-radius:50%; background:#00000040; width:30px; height:30px; display:block; font-weight:bold; font-size:16px;}
.top-social-container li a.whatsapp{background:#04e475;}
.top-social-container li a.facebook{background:#3a589b;}
.top-social-container li a.twitter{background:#000000;}
.top-social-container li a.youtube{background:#CC0000;}
.top-social-container li a.linkedin{background:#0a66c2;}
.top-social-container li a:hover{background:#fff; color:#000;}

.top-menu-bar{background:#fff; padding:5px 0px;}
.top-menu-bar .top-logo{margin-top:-45px; padding:6px; background:#fff; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%);}
.top-menu-bar .top-logo img{max-width:140px;}
.top-menu-bar .top-menu{margin:34px 0 0 0; padding:0px;}
.top-menu-bar .top-menu li{margin:0px 0 0 5px; padding:0px;}
.top-menu-bar .top-menu a{color:#000; margin:0px; text-transform:capitalize; font-weight:500; font-size:16px;}
.top-menu-bar .top-menu .tab-sub-menu{float:right; position:absolute; display:block; right:0px; top:15px;}
.top-menu-bar .top-menu > li:hover, .top-menu-bar .top-menu li:hover > a, .top-menu-bar .top-menu li > a:focus, .top-menu-bar .top-menu li.open>a{background:#fff; color:#e5322d;}
.top-menu-bar .top-menu > li:hover > .sub-menu{display:block;}
.top-menu-bar .top-menu > li .sub-menu{margin:0px 0 0 15px; padding:0px;}
.top-menu-bar .top-menu > li .sub-menu li{padding:0px; margin:0px;  display:block;}
.top-menu-bar .top-menu > li .sub-menu li a {padding:10px 15px; font-weight:400; color:#000; border-bottom:1px solid #000; display:block;}

.btn-touch{background:#e5322d; color:#fff; margin:0px 10px !important; display:block; color:#fff !important;  border-radius:8px; padding:12px 15px !important; }
.btn-touch:hover, .btn-touch:focus{background:#fee25f !important; color:#000 !important;}

.top-menu-bar .top-menu > li .sub-menu li a {
    background: #fff; /* default color */
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #fff 50%, #e5322d 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
.top-menu-bar .top-menu > li .sub-menu li a:hover {
    background-position: left; color:#fff;
}	

.banner{background:#f0ece9;}

.white-box{box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%);  border-radius:4px; padding:30px; margin:20px 0px; background:#fff; line-height:22px; font-size:16px; text-align:justify; font-style:italic;}
.white-box a{color:#1f8268;}
.white-box .heading{color:#e5322d !important; font-size:25px !important; font-weight:bold; margin:8px 0 8px 0 !important; padding:0px !important;}
.white-box .line{border-top:3px solid #e5322d !important; display:inline-table; margin-bottom:-20px;}

.heading{color:#e5322d; font-size:25px; font-weight:bold; margin:8px 0; padding:0px;}
h2, h3, h4, h5{color:#e5322d; font-size:20px; font-weight:bold; margin:12px 0 8px 0; padding:0px;}

.line{border-top:2px solid #e5322d; padding:0px 32px;}

.services-bar{padding:30px 0; line-height:22px; font-size:14px;}
.services-bar img{max-width:100px;}
.services-bar .name{font-weight:400; font-size:20px; line-height:1.25; color:#e5322d; display:block; margin:10px 0;}

.services-box{background:#fff; padding:20px; border-radius:5px; transform:none; will-change:transform; transition:all .25s ease; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); margin-bottom:30px;}
.services-box:hover{transform:scale(1.07);}
/*.services-box img{transform:none; will-change:transform; transition:all .25s ease;}
.services-box:hover img{transform:scale(1.07); }*/

.p-bg{background:url(../images/p-bg.png) center top no-repeat #000; padding:60px 0px; color:#fff;}
.p-bg .heading{color:#fff; font-size:50px;}

.content-bar{background:#f5f5f5; padding:30px 0; line-height:22px; font-size:14px; text-align:justify;}


.image-box{background:#fff; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%); border-radius:4px; padding:10px; margin:20px 0px; height:200px; overflow:hidden; border:1px solid #e5dfdf;}
.image-box img{height:178px;} 


.clients-logo-bar{background:#fff; padding:30px 0 40px 0; line-height:22px; font-size:14px; shadow:0 10px 30px 0 rgb(0 0 0 / 10%);}
.clients-logo-bar .heading{color:#e5322d;}
.clients-logo-bar .line{border-top:2px solid #e5322d;}
.img-client{margin:20px 10px; transform:none; will-change:transform; transition:all .25s ease; }
.img-client img{max-width:250px; background:#fff; border-radius:5px; padding:10px; box-shadow:0 10px 30px 0 rgb(0 0 0 / 10%);}
/*.img-client:hover img{transform:scale(1.07);}*/


.brand-list .name{margin-bottom:15px;}
.brand-list .name a{color:#e5322d; font-size:22px; font-weight:bold;}


.team-bar{background:url(../images/bg-team.png) center top no-repeat; padding:30px 0 40px 0; line-height:22px; font-size:14px; color:#fff;}
.team-bar .heading{color:#fff;}
.box-team {line-height:1.25; font-weight:400; letter-spacing:.025em; font-size:16px;}
.box-team .img-box{max-height:500px; overflow:hidden; margin-bottom:10px;}
.box-team .name{font-size:24px; margin-bottom:5px;}
.box-team .designation{font-size:20px; margin-bottom:5px;}

.team-box-bar{font-size:18px; margin-bottom:}
.team-img-box{margin-bottom:20px;}
.team-img-box .name{text-align:center; color:#000; font-size:24px; margin:10px 0px; font-weight:bold;}
.team-img-box .description{text-align:center; color:#e5322d; font-size:24px; margin:10px 0px; font-weight:bold;}
.team-img-box .timeing{font-size:18px; font-weight:bold;}
.team-img-box img{border-radius:50%; width:400px; height:400px;}

.btn-request-quote{padding:15px 20px; font-size:16px; background:#e5322d; margin:10px 0px; display:inline-table; color:#fff  !important; border:none;}
.btn-request-quote:hover{background:#fee25f; color:#e5322d !important;}

.captcha-code{background:#54c1e5; color:#fff; text-align:center; padding:5px 3px 3px 3px;height:32px;font-size:17px; margin-top:3px;}

.default-page{background:url(../images/bg.png) center top fixed #330000;}
.default-page .heading{color:#ffff; font-size:60px; margin:50px 0 10px 0px;}
.default-page .line{border-top:5px solid #fff;}


.product-box{border:1px solid #f5f5f5; background:#fff; border-radius:5px; color:#0f172a; padding:20px; margin-bottom:30px;}
.product-box .img{max-height:250px; min-height:250px; overflow:hidden;}
.product-box .img img{max-height:250px;}
.product-box .name{background:#ccc; font-size:18px; font-weight:600; padding:10px; text-align:center; color:#000;}

.btn-view{background:#e5322d; font-size:18px; text-align:center; color:#fff; padding:10px; margin:0px; display:block; width:100%;  border:1px solid #e5322d;; transition:all 0.3s ease-in-out;}
.btn-view:hover{background:#fee25f; color:#e5322d;}

.footer-bar{background:#d4d4d4; padding:30px 0 40px 0; line-height:22px; font-size:14px; color:#000; line-height:25px;}
.footer-bar a{color:#000;}
.footer-bar .heading{font-size:25px; font-weight:bold; letter-spacing:.2em; text-align:left; border-bottom:1px solid #999999; padding-bottom:10px; margin-bottom:10px; color:#000;}
.footer-bar .quick-links{padding:0px; margin:0px; list-style:none;}
.footer-bar .quick-links li{width:49.5%; display:inline-table; margin-bottom:5px;}
.footer-bar .quick-links li a{color:#000; font-size:15px}
.footer-bar .quick-links li a:hover{color:#fee25f;}

.footer-box{border-right:1px solid #999999;}
.copy-rights{background:#999; padding:15px 0 10px 0px; font-size:15px; color:#000;}

.footer-social-container{margin:10px 0px; padding:0px; list-style:none;}
.footer-social-container li{padding:0; margin:5px; display:inline-table}
.footer-social-container li a{text-align:center; width:42px; height:42px; font-size:20px; line-height:42px; background:rgb(255 255 255 / 49%); z-index:1; color:#000; display:list-item;}
.footer-social-container li:hover a{background:#fee25f; color:#e5322d;}

.footer-bar .get-touch{padding:0px; margin:0px; list-style:none;}
.footer-bar .get-touch li{margin-bottom:10px;}

.footer-bar .get-touch .fa{width:35px; height:35px; font-size:16px; line-height:35px; background:rgba(255, 255, 255, 0.1); z-index:1; text-align:center; border-radius: 50%; margin-right:8px;}
.footer-bar .get-touch li:hover .fa{background:#fee25f; color:#e5322d;}
.footer-bar .get-touch li:hover a{color:#e5322d;}

.mobile-bar{display:none !important;}

.three-lines{background:#54c1e5; cursor: pointer; height:40px; padding:10px; margin-top:25px; width:40px; z-index:999; border-radius:5px;}
.three-lines div.lines{background-color:#fff; color:#fff; height:2px; margin-bottom:7px;}

@media only screen and (max-width:767px){
	
	.white-div, .desktop-bar{display:none !important;}
	.mobile-bar{display:block !important;}
	.top-header-bar .top-logo{border:none; text-align:left;}
	.top-header-bar .top-logo img{max-width:90px;}
	
	#menu-top-menu{background:#fff; position:absolute; left:-100%; top:0; width:0%; margin:0; padding:0 0 0 15px; 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; }
	#menu-top-menu.active{left:0px; width:100%;}
	#menu-top-menu li{float:none; width:100%;  margin:0px; padding:0px 0px; border-bottom:1px solid #54c1e5;}
	#menu-top-menu li a:hover , #menu-top-menu li a:active , #menu-top-menu li a:focus{color:#000000; background:#54c1e5;}
	#menu-top-menu li .dropdown-menu{width:100%;}
	#menu-top-menu li a{display:block; float:left; padding:7px 10px; width:100%;}
	
	#menu-top-menu li a:hover{background:#54c1e5; color:#000;}
	
	#menu-top-menu li a.sub{width:86%; float:left;}
	#menu-top-menu li .tab-sub-menu{border-left:1px solid #54c1e5; color:#fff; cursor:pointer; display:block; float:right; padding:9px 12px 10px 12px; text-align:center; width:14%; background:#54c1e5; top:0px;}
	#menu-top-menu li{float:none; clear:both; display:block;}
	#menu-top-menu .dropdown .sub-menu{display:none;}
	#menu-top-menu .dropdown.open a{background:#54c1e5; color:#fff;}
	#menu-top-menu .dropdown.open .sub-menu{display:block;}
	#menu-top-menu .dropdown.open .sub-menu a{border-bottom:0;}
	#menu-top-menu .dropdown.open a:hover{background:#fff; color:#000;}
	.btn-touch{background:#fff; color:#000 !important; width:100% !important; padding:7px 10px !important; margin:0px !important; border-top:1px solid #54c1e5; border-radius:0;}
	
	
	#menu-top-menu .sub-menu a{border-top:1px solid #fff;}
	
	.top-header-bar .fa-plus{display:block; ;}
	
	.top-box-icon-bar .name{font-size:11px;}
	.top-box-icon-bar .details{font-size:11px;}
	h1, .heading{font-size:18px;}
	
	.top-header-bar .number-email a{display:block; margin:0px;}
	.top-menu-bar .top-logo{padding:0px; margin:0px; background:none; box-shadow:none;}
	.top-menu-bar .top-logo img{max-width:100%;}
	.top-social-container{text-align:center;}
	
	.white-box .heading{font-size:20px !important;}
	
	.team-img-box img{width:200px; height:200px;}
	.team-img-box .name{font-size:20px;}
	.team-img-box .description{font-size:18px;}
	.team-img-box .timeing{font-size:15px;}
	.white-box{padding:15px;}
	
	.default-page .heading{font-size:30px;}
}


@media only screen and (min-width:767px) and (max-width:1000px){
	.top-header-bar .number-email A{display:block;}
	.top-social-container{margin-top:10PX;}
	.top-menu-bar .top-menu{margin:-10px 0 0 0;}
	
	.top-menu-bar .top-logo img{max-width:100%;}
	.team-img-box img{max-height:260px; max-width:260px;}
	
}


@media only screen and (min-width:800px) and (max-width:1050px){
	.top-header-bar .top-menu-bar .top-menu li a{padding:10px; font-size:13px;}
	.top-phone-email{font-size:13px; padding:0px;}
	.top-box-icon-bar .name{font-size:14px;}
	.top-menu-bar .top-menu{margin:0px 0 0 0;}
	.top-menu-bar .top-menu a{padding:10px 10px;}
	.top-menu-bar .top-logo img{max-width:100%;}
	.top-menu-bar .top-menu .tab-sub-menu{top:11px;}
	.top-social-container{margin-top:8px;}
}