@import url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


html, body{
   padding: 0;
	background:#ffffff;
	margin: 0;    overflow-x: hidden;
	 font-family: 'Bai Jamjuree', sans-serif;
}
ul li,ol li{
	margin:0;
	font-size:16px;color: #646464;
}
p{ font-size: 16px; color: #606060; margin-bottom: 25px;font-family: 'Bai Jamjuree', sans-serif; text-align: justify;}
h1,h2,h3,h4,h5,h6{
	margin:0; color: #121634;
	font-family: 'Bai Jamjuree', sans-serif;
}
a:hover, a:focus{ text-decoration: none !important; outline: none !important;}

ul,label{
	margin:0;
	padding:0;
}
a{ text-decoration: none;
 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
	 -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
body a:hover{text-decoration:none;}
a:focus{ outline:none;}
img{ width: auto; max-width: inherit;}
.header{width: 100%; z-index: 999; padding: 0 3%; background: #fff;}

.logo{padding: 10px 0;}
.logo img{width: auto;}

/*==============================nav==============================*/
.navbar-brand{display: none;}
.navbar-default{background: none;}
.navbar-collapse{padding: 0;}
.navbar-default .navbar-nav>li>a{color: #000;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #0078b7;}
.navbar{float: right;padding: 0 0; padding:31px 0;margin-bottom:0 !important;border: none !important;}
.navbar-nav > li{font-size: 16px; font-weight: 600; margin-right:45px;}
.navbar-nav > li:last-child{ margin-right: 0;}
.navbar-nav > li > a{ color:#1f406d;}
.nav > li > a{ /*margin-right:45px;*/ padding-left:0 !important; padding-right:0 !important;-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); position: relative;}
.nav > li:hover>a{ color: #0078b7;}
.nav > li > a:hover, .nav > li > a:focus{ background: none !important;}
.nav li a:after{content:"";display:block;position: absolute;top:0%;width:0px;height:2px;background-color:#0078b7;transition: all .3s ease-in-out;}
/*.nav li a:before{content:"";display:block;position: absolute;bottom:4px;width:0px;height:1px;background-color:#0078b7;transition: all .3s ease-in-out;}*/
.nav > li > a:hover:after{width:100%;}
/*.nav > li > a:hover:before{width:30px;}*/
.navbar-toggle .icon-bar{ background: #fff;}
#toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 999; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../images/arrow.png)0 0 no-repeat;}
#toTopHover {width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}
.navbar-brand{display: none;}
.navbar-collapse{padding: 0;}
.navbar-default .navbar-nav > li:first-child  a{margin-left: 0;}
.navbar-default .navbar-nav > li:last-child a{margin-right: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color: #0078b7;}
.dropdown-menu{border-top: 3px solid #0078b7;border-radius: 5px; padding: 0;}
.dropdown-menu > li{border-bottom: 1px solid #ddd;}
.dropdown-menu > li:last-child{border-bottom: none;}
.dropdown-menu > li > a{padding: 7px 15px; font-weight: 500;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; background-color: #0078b7;}
.navbar-default .navbar-nav > li > a span {  font-size: 12px;}
/*----------------------------- Banner ------------------------*/
.slider-btn { color: #fff; background: #373435; padding: 7px 15px; font-weight: 500; border-radius: 0;}
.slider-btn:hover { background: #0078b7; color: #fff;}
.desktop{display: block;}
.mobile{display: none;}

.banner-slider .owl-carousel .owl-item img{width: 100%;}
/*----------------------------- About ------------------------*/
.about{width: 100%; float: left; background: url(../images/about.jpg)0 0 no-repeat; background-attachment: fixed; background-size: cover; padding: 60px 0;}
.about-wid{width: 75%; margin: 0 auto;}
.about h1{font-size:40px; color: #fff; text-align: center; padding-bottom:25px;}
.about p{color: #fff; margin-bottom: 0; text-align: justify;}
/*----------------------------- Our Solutions ------------------------*/
.our-solutions{width: 100%; float: left; padding: 60px 0; background: #eff1f2;}
.our-solutions-item{width: 100%;float: left; -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;
transition: all 0.4s;}
.our-solutions-item .img{ width: 100%;  float: left; position: relative;overflow: hidden;}
.our-solutions-item .img img{width: 100%;-wekbit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.our-solutions-item .txt{width: 100%; float: left; z-index: 1; text-align: center; padding-top: 0; position: relative;}
.our-solutions-item .txt h4{font-size: 22px; color: #0094de; padding-bottom: 10px;}
.our-solutions-item .txt .bs-order-number {position: absolute; top: 0; z-index: -1;right: 10px;  font-size: 82px; font-weight: 700; letter-spacing: -0.03em; color: #dadada; margin-bottom: 0;}

.our-solutions-item:hover {-webkit-box-shadow: 0 0 30px #c4c6c7 inset; -moz-box-shadow: 0 0 30px #c4c6c7 inset; box-shadow: 0 0 30px #c4c6c7 inset;}
.our-solutions-item.bs-lightbox {-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}
.our-solutions-item .bs-lightbox{-wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: absolute; bottom: 0; right: 0; width: 36px; height: 36px; font-size: 11px; line-height: 36px; text-align: center;
color: #ffffff; background: #00abc9; opacity: 0.8;  -webkit-transform: translateX(100%) rotate(90deg); -moz-transform: translateX(100%) rotate(90deg); -o-transform: translateX(100%) rotate(90deg); -ms-transform: translateX(100%) rotate(90deg); transform: translateX(100%) rotate(90deg);}
.our-solutions-item:hover .bs-lightbox {-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}
.our-solutions-item a{ width: 100%; display: block;}
.our-solutions-item .txt a{ width: 100%; display: block; padding: 20px;}
/*----------------------------- Why Choose Us ------------------------*/
.why-choose{width: 100%; float: left; padding: 60px 0;}
h2{font-size: 36px; text-align: center; padding-bottom: 30px;}
.choose-why{width: 90%; margin: 0 auto;}
.why-choose-icon{width: 100%; float: left; text-align: center;padding: 0 40px 40px;}
.why-choose-icon span img{ width: auto;}
.why-choose-icon h3{ font-size: 22px; padding: 15px 0 10px; font-weight:600; color: #262626; position: relative;}
.integrity{color: #4394aa !important;}
.experience{color: #f65745 !important;}
.transparency{color: #f1b62b !important;}
.performance{color: #63569e !important;}
.dedication{color: #46cfab !important;}
.accountability{color: #135eae !important;}
.why-choose .pb-0{padding-bottom: 0;}
/*----------------------------- Our Channel ------------------------*/
.our-channel{width: 100%; float: left; background: url(../images/our-channel-bg.jpg)0 0 no-repeat; background-size: cover; padding: 60px 0;}
.our-channel h2{padding-bottom: 50px; color: #fff;}
.video-our{width: 100%; float: left;}
.pd-our{padding-bottom: 0 !important;}
.view-channel{margin-top:20px; display: inline-block; text-align: center; border: none; padding: 12px 30px; background: #606060; font-weight: 500; font-size: 14px; color:#fff !important; letter-spacing: 0.75px; text-transform: uppercase; -webkit-transition: background 1s ease-out; -moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; outline: none !important; cursor: pointer; position: relative; overflow: hidden;}
.view-channel:before, .view-channel:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.view-channel:after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.view-channel:hover:before, .view-channel:hover:after { -webkit-transform: translate(0,0);  transform: translate(0,0);}
/*----------------------------- Our Clients ------------------------*/
.our-clients{width: 100%; float: left; padding: 60px 0;}
/*----------------------------- Technology ------------------------*/
.technology{width: 100%; float: left; background: url(../images/technology-bg.jpg)0 0 no-repeat; background-attachment: fixed; background-size: cover; padding: 60px 0;}
h3{color: #fff; font-size: 30px; text-align: center; padding-bottom: 30px;}
.technology h3{padding-bottom: 0;}
.technology p{color: #fff; text-align: center;}
/*----------------------------- Our Presence ------------------------*/
.maps{width: 100%; float: left; padding: 60px 0; background: url(../images/our-presence-bg.jpg)0 0 no-repeat;background-size: cover;}
.maps h2{ color: #fff;}
.presence{ width: 70%; margin: 0 auto; position: relative;}
.maps-icon{ position: absolute; top: 34px; left:52.7%; background: url(../images/maps-icon.png)0 0 no-repeat; content: ""; display: block; clear: both; width: 27px; height: 36px;}
.maps-icon a{display: block; width: 100%; height: 100%;}
.icon1{ left: 47.6%; top:106px;}
.icon2{ left: 52.8%; top:150px;}
.icon3{ left: 43.7%; top:173px;}
.icon4{ left: 76%; top:252px;}
.icon5{ left: 57%; bottom:119px; top: inherit;}
.icon6{ left: 48.9%; bottom:123px; top: inherit;}
.icon7{ left: 16.8%; bottom:180px; top: inherit;}
.icon8{ left: 52%; top: 121px;}
[tooltip]{position:relative; display:inline-block;}
[tooltip]::after {content: attr(tooltip); position: absolute; left:50%; top:0; transform: translateX(-50%) translateY(-100%); background: rgba(0,0,0,0.7); text-align: center; color: #fff; padding:5px; font-size: 18px; font-weight: 600; min-width: 200px; border-radius: 5px; pointer-events: none; z-index:99;  opacity:0;}
[tooltip-position='left']::after{left:0%; top:50%; margin-left:0; transform: translateX(-100%)   translateY(-50%);}
[tooltip-position='top']::after{left:50%;}
[tooltip-position='buttom']::after{top:100%; margin-top:0; transform: translateX(-50%) translateY(0%);}
[tooltip-position='right']::after{left:100%; top:50%; margin-left:8px; transform: translateX(0%)   translateY(-50%);}
[tooltip]:hover::after,[tooltip]:hover::before { opacity:1}
/*----------------------------- Facts ------------------------*/
.facts{width: 100%; float: left;}
.facts img{width: 100%;}
/*----------------------------- Footer ------------------------*/
.footer{width: 100%; float: left; padding: 35px 0 0;}
.footer-logo{float: left; width: 100%; padding-bottom: 20px;} 
.footer-we{font-size: 20px; font-weight: 500; color: #646464;}
.socials {display: inline-block; list-style-type: none;}
.footer .socials li { margin-right:20px; float: left; width: 40px; height: 40px; text-align: center;}
/*.footer .socials li:nth-child(2n){ background:#ff0000 !important;}
.footer .socials li:nth-child(3n){background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}*/
.footer .socials li:last-child{margin-right: 0;}
.footer .socials li a { color: #fff; font-size: 20px;}
.footer .socials li a i {font-size: 20px; line-height: 40px; color: #fff; display: inline-block; vertical-align: middle; position: relative; top: 0;}
.footer-box{width: 100%; float: left;}
.footer-link{width: 100%; float: left;}
.footer-link h4{font-size: 18px; padding-bottom:10px; font-weight: 500;}
.footer-link ul{list-style-type: none; padding-bottom: 15px; }
.footer-link ul li{font: 15px; padding-left: 15px; position: relative; padding-bottom: 8px;}
.footer-link ul li a:before {position: absolute; content: "\f105"; font-family: fontawesome; left: 0px; *color: #646464;}
.footer-link ul li a{text-decoration: none; color: #646464;}
.footer-link ul li a:hover{ color: #0078b7;}
.link-state{list-style-type: none;    display: inline-block;}
.link-state li{ float: left; position: relative; font-size: 15px; color: #048fdd; padding:0 7px 0 5px !important;}
.link-state li a{color: #048fdd !important;}
.link-state li:first-child{padding-left: 0 !important;}
.link-state li:last-child{padding-right: 0 !important;}
.link-state li a:before{display: none;}
.link-state li:before { content: "|" !important; position: absolute; right: 0; left: inherit !important; color: #048fdd !important;}
.link-state li:last-child:before{content: none !important;}
.copyright{width: 100%; padding:15px 0; border-top: 1px solid #000; margin-bottom: 0;}
.copyright a:hover{color: #048fdd;}

/*=============== Footer Accordion ================*/
.hide-acco {   display: block;}
.show-acco {    display: none;}
.accordion {border: 1px solid #5f656b; cursor: pointer; padding: 10px !important; width: 100%; text-align: left; outline: none;
font-size: 13px; transition: 0.4s; display: none;}
 .accordion::after {content: ''; background: url(../images/accordian-plus.png) no-repeat right; width: 18px; height: 18px; display: block;font-size: 13px; color: #777; float: right; margin-left: 5px;}
.accordion.active::after {content:""; background:url(../images/accordian-remove.png)no-repeat right; width: 18px; height:23px; display:block;}
.panel.show { opacity: 1; max-height: 500px;}
.panel { padding: 3px 18px; margin-bottom: 0; background: none; max-height: 0; overflow: hidden;transition: 0.6s ease-in-out; opacity: 0;}
/*=============== Footer Accordion End ================*/
/*============================== social sidebar ======================*/

div#social-sidebar {
    display: none;
}
#social-sidebar li {line-height: 0;font-size: 0}
#social-sidebar {position: fixed;font-family: Arial;z-index: 99;}
#social-sidebar ul li a {text-align: center;position: relative;display: block}
#social-sidebar ul li .link-icon {display: inline-block;text-align: center;overflow: hidden}
#social-sidebar ul li a:hover .link-label {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
#social-sidebar ul li a .link-label {width: 0;white-space: nowrap;opacity: 0;position: absolute;z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
#social-sidebar.pos-left {right: 0;top: 25%}
#social-sidebar.pos-left ul li a .link-label {left: -600%}
#social-sidebar.pos-left ul li a:hover .link-label {left: 100%}
#social-sidebar.pos-left ul li a .link-label:before {left: -4px}
#social-sidebar ul li a {width: 35px;height: 35px;line-height: 35px;font-size: 21px;}
#social-sidebar .link-icon {width: 35px;height: 35px;line-height: 35px}
#social-sidebar ul li a {border-radius: 5px;}
#social-sidebar .link-icon {border-radius: 5px;}
#social-sidebar.pos-left ul li a {margin-top: 5px;right: 1px;}
#social-sidebar.label-fancy .link-label {margin-top: -16px;padding: 4px 8px;min-width: 80px;width: auto;
line-height: 24px;font-size: 14px;border-radius: 3px;top: 50%;}
#social-sidebar.label-fancy .link-label:before {margin-top: -4px;width: 8px;height: 8px;content: "";
display: block;transform: rotate(45deg);position: absolute;z-index: -2;top: 50%;}
#social-sidebar.label-fancy.pos-left a:hover .link-label {left: 130%}
#social-sidebar.colors-color ul li a span, #social-sidebar.colors-color ul li a span:before {background: #333;color: #FFF;}
#social-sidebar.colors-color ul li a[class*="facebook"] span, #social-sidebar.colors-color ul li a[class*="facebook"] span:before {background: #234999;}
#social-sidebar.colors-color ul li a[class*="instagram"] span, #social-sidebar.colors-color ul li a[class*="instagram"] span:before {background: #f09433;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);;}
#social-sidebar.colors-color ul li a[class*="linkedin"] span, #social-sidebar.colors-color ul li a[class*="linkedin"] span:before {background: #cb2e96;}
#social-sidebar.colors-color ul li a[class*="envelope"] span, #social-sidebar.colors-color ul li a[class*="envelope"] span:before {background: #de3641;}
#social-sidebar.colors-color ul li a[class*="twitter"] span, #social-sidebar.colors-color ul li a[class*="twitter"] span:before {background: #6CDFEA;}
#social-sidebar.colors-color ul li a[class*="whatsapp"] span, #social-sidebar.colors-color ul li a[class*="whatsapp"] span:before {background: #45C355;}
#social-sidebar.colors-color ul li a[class*="youtube"] span, #social-sidebar.colors-color ul li a[class*="youtube"] span:before {background: #CD181F;}

/*============================= Contact Us ==================================*/
.banner {background: url(../images/banner/contact-us.jpg) no-repeat center; background-size: auto auto;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;-ms-background-size: cover; -moz-background-size: cover; padding: 126px 0; position: relative;background-position: center !important;}
.banner::before{position: absolute; top: 0;left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, .6); content: "";display:block;}
.page_head h1 {color: #fff; font-weight: 500;font-size: 32px; text-transform: uppercase; position: relative;}
.located{width: 100%; float: left; padding: 30px 0;}
.located h2{ position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.located h2:after{position:absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;width: 70px; height: 2px; background: #121634;content: ""; }
.short-text-title{width:35%; padding-right:32px; margin-bottom:0; font-size:28px;font-weight: 600; line-height:1.2; text-align:right; position:relative;}
/*.short-text-title:before {content: ''; width: 2px;  top: 0;  bottom: 0;  background:#0e2f64;  position: absolute; right: -2px;}*/
.short-text-description:before {  content: '';  width: 2px;  top: 0;  bottom: 0;  background: #0e2f64;  position: absolute; left: 0;}
.short-text-description {width: 65%; padding-left: 32px; line-height: 1.55555; position: relative;}
.short-text-description h5{padding-bottom: 7px;}
.short-text-description p{margin-bottom: 0;}
.short-text-description .btn-oasis{display: block; float: left; font-size: 16px; font-weight: 600; border-bottom: 1px solid #0e2f64; color: #0e2f64;  transition: .3s; margin-top: 10px;}
.layout1 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 30px;}
.mar-top2{ margin-top: 30px;}
.form{width: 100%; float: left; padding: 60px 0; background: #f5f5f5;}
.form-wrapper {padding:0; width: 70%; margin: 0 auto;}
.form-wrapper h2{margin-bottom:35px; position: relative;padding-bottom: 20px;}
.form-wrapper h2:after{position:absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;width: 70px; height: 2px; background: #121634;content: ""; }
.form-wrapper input{width:100%;border:none; border-bottom:2px solid #dfdfdf; border-radius:0; outline:none; box-shadow:none; font-size: 16px; padding:10px;  margin-bottom: 35px;}
.form-wrapper textarea { width: 100%; max-width: 100%; height: 110px; resize: none; border: none; border-bottom: 2px solid #dfdfdf;  font-size: 16px; padding: 10px 10px 0;  margin-bottom: 32px; outline: none;}
.btn-submit { margin: 0; display: inline-block; text-align: center; border: none;  padding: 12px 35px; background:#00589c; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: 0.75px; text-transform: uppercase; -webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; outline: none !important; cursor: pointer; position: relative; overflow: hidden;}
.btn-submit:before, .btn-submit:after {content: '';position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 1;    background-color: rgba(255,255,255,0.25);-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate(-100%,0);transform: translate(-100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-submit:after {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.btn-submit:hover::before, .btn-submit:hover::after { -webkit-transform: translate(0,0); transform: translate(0,0);}
.follow{width: 100%; float: left; padding: 50px 0;}
.follow h2{margin-bottom:25px; position: relative;padding-bottom: 20px;}
.follow h2:after{position:absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;width: 70px; height: 2px; background: #6b6b6b;content: ""; }
.follow-icon{width: 100%; display: inline-block; text-align: center; margin-top: 15px;}
.follow-icon ul{list-style-type: none;}
.follow-icon ul li {  display: inline-block;margin-right: 10px;}
.follow-icon ul li:last-child{margin-right: 0;}
.follow-icon ul li a i.fa-facebook {    background: #3b5998;}
.follow-icon ul li a i {border-radius: 50%; display: block; font-size:20px;height:60px;margin: 0 15px 0 auto;position: relative; text-align: center;width:60px;line-height: 60px;color: #fff;background: #ccc; -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;transform: scale(1.0);}
.follow-icon ul li a i:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.follow-icon ul li a i.fa-whatsapp {    background: #25d366;}
.follow-icon ul li a i.fa-instagram {    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.follow-icon ul li a i.fa-youtube-play{    background: #ff0000;}
.map {width: 100%; margin: 0;float: left;}
.map .container-fluid { padding: 0;}
.map iframe { float: left;}

/*======================= Company Overview  ======================*/
.tg-bglight { background: #0093dd;}
.tg-haslayout {  width: 100%;  float: left; margin-top: 0;}
.tb-t{display:flex;}
.tb-c{padding-right: 0; padding-left: 0; vertical-align: top;  overflow: hidden;}
.tb-c img{ width: 100%; height: 100%;}
.tg-whychooseus {width: 100%; float: left;  text-align: left;   padding:40px 30px;}
.tg-sectionhead {  width: 100%;  float: left;  *padding: 0 0 25px;}
.tg-sectiontitle { padding: 0 0 30px; vertical-align: top; display: inline-block;  text-align: left;  overflow: hidden;}
.tg-sectiontitle h2 { text-transform: uppercase; color: #999; text-align: left; font-size: 16px; line-height: 13px; margin: 0 0 10px; padding: 0 15px 0 0; display: inline-block;  position: relative;}
.tg-sectiontitle h2:before { top: 50%; left: 100%;  width: 999px; height: 1px; content: ''; background: #999; position: absolute;}
.tg-sectiontitle h3 { margin: 0;    text-transform: uppercase; text-align: left; font-size: 30px; line-height: 23px; color: #1e4e9a;}
.tg-description { width: 100%;  float: left; *padding-bottom: 25px;}
.tg-description p{color: #fff;}
.company-over{width: 100%; float: left; padding: 0 0 50px;}
.company-over strong{color: #00589c; font-weight: 500;}
.company-over h4{font-size: 26px; padding-bottom: 25px;    line-height: 40px; color: #00589c;}
.company-over p{text-align: justify;}
.mission{width: 100%; float: left; *display: -webkit-inline-box; padding-top: 10px;}
.bm{display: table-cell;}
.vision{ background: #0093dd; position: relative; z-index: 11;}
.vision:before{position:absolute; width: 100%; height: 100%; content: ""; right:0%; top: 0;background: #0093dd;z-index: -1;}
.mission h4{ font-size: 27px; color: #fff; padding-bottom: 18px;}
.mission p{color: #fff; margin-bottom: 0; font-size: 19px;}
.mission-p{padding:25px;    background: #00589c;}

.directors{width: 100%; float: left; background: #252525; padding: 40px 0;}

.dis-wid{width:50%; margin: 0 auto;}
.pan{background: #323232; background-image: none;}
.pan h2{color: #fff;  text-align: left;}
.pan p{ text-align: justify;}
.knh{color: #62c9ff !important; font-size: 18px;}
.overview-img{position: relative;}

.about-overview{width: 100%;     padding-top: 25px;}
.overview{ width: 100%; float: left;padding: 60px 0;}
.mission-vision{width: 100%; float: left; background:#0093dd; padding: 50px 0;}
.mission-vision h4{font-size: 18px; color: #fff;  padding-bottom: 30px;}
.completed-projects{float:left; width: 100%;}
.completed-projects ul{list-style-type: none; padding: 0;}
.completed-projects ul li{ float:left; width: 100%; font-size: 16px; color: #fff; padding-bottom:20px; padding-left: 30px; position: relative;}
.completed-projects ul li:before {position: absolute; content: "\f178"; font-family: fontawesome; left: 0px; color: #fff;}
.pd-30{padding-top: 30px;}
.directors-message{width: 80%; margin: 0 auto;display: table;}
.directors-message .table_col {display: table-cell; float: none; vertical-align: middle;}
.directors-bg{padding: 20px 20px 20px 40px; background: rgba(255, 255, 255, 0.3); margin-left: -30px;}
.no-padding { padding-left: 0; padding-right: 0;}
.directors-bg h4{ font-size:20px; color: #fff; padding-bottom: 25px;}
.directors-bg p{color: #fff;}
/*======================= History  ======================*/
.history{width: 100%; padding: 60px 0; background: #e4e4e4;}
.history h1{text-align: center; color: #00589c; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.history h1:after{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #00589c;  height: 2px; width: 70px; content: "";}
.main-timeline { overflow: hidden;  position: relative;  padding: 60px 0;}
.main-timeline:before {content: "";  width: 3px;  height: 100%;  background: #cfcdcd;  position: absolute;  top: 0;  left: 50%;}
.main-timeline .timeline {width: 50%; clear: both; position: relative;}
.main-timeline .timeline:first-child:before, .main-timeline .timeline:last-child:before {content: ""; width: 11px; height: 11px;
background: #0c458c; box-sizing: content-box;border: 5px solid #fff; box-shadow: 0 0 0 2px #0c458c; position: absolute; top: -54px;     right: -11px;}
.main-timeline .timeline:before, .main-timeline .timeline:after { content: ""; display: block;  clear: both;}
.main-timeline .timeline-icon { width: 24px; height: 24px; background: #0c458c; border: 1px solid #0c458c; position: absolute; top: 17px;
right: -13px;  z-index: 2;  transform: rotate(45deg);}
.main-timeline .timeline-icon:before {content: ""; display: block; width: 15px; height: 15px; background: #fff; position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.2s ease 0s;}
.main-timeline .timeline-content {width: 78%; padding: 18px 30px; background: #fff; text-align: left; float: right; margin-right: 12%;
border: 1px solid white; position: relative; transition: all 0.3s ease 0s;    z-index: 1;}
.main-timeline .timeline-content:before { content: ""; display: block; width: 14px; height: 14px; background: #0c458c; border: 1px solid #ffffff; position: absolute; top: 21px; right: -5.3px; transform: rotate(45deg); transition: all 0.2s ease 0s;}
.main-timeline .date {display: block; font-size: 20px; font-weight: 600; color: #0c458c;text-align: right;margin: 0 0 10px; transition: all 0.3s ease 0s;}
.main-timeline .description {font-size: 16px; color: #3f3f3f;line-height: 28px; font-weight: 500; padding-left: 25px; margin-top: 8px; position: relative; margin-bottom: 15px;}
.main-timeline .description:before{position: absolute; content: "\f178"; font-family: fontawesome; left: 0px; color: #0c458c;}
.main-timeline .timeline-content:after {content: ""; width: 11%; height: 1px; background: #cfcdcd; position: absolute; top: 27px; right: -12%; z-index: -1;}
.main-timeline .timeline:nth-child(2n), .main-timeline .timeline:nth-child(2n) .timeline-content { float: right; text-align: left;}
.main-timeline .timeline:last-child:nth-child(even):before { right: auto; left: -10px;}
.main-timeline .timeline:last-child:before { top: auto; bottom: -54px;}
.main-timeline .timeline:nth-child(2n) .timeline-icon { right: 0; left: -12px;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before { left: -4.3px;}
.main-timeline .timeline:nth-child(2n) .timeline-content:after { left: -12%;}
.main-timeline .timeline:nth-child(2n) .date{text-align:left;}

.main-timeline ul{list-style-type: none;}
.main-timeline ul li{float: left; width: 100%; line-height: 28px; padding-bottom: 5px; position: relative;color: #3f3f3f;font-weight: 500; text-align: justify;}
.main-timeline ul li .l-5{width: 12px; float: left;}
.main-timeline ul li .l-95{width: 94%; float: left; padding-left: 5px;}
/*======================= Solutions  ======================*/
.sol-description h3 {color: #00589c; text-align: left; position: relative; margin-bottom: 30px; padding-bottom: 15px;}
.sol-description h3:after {position: absolute; bottom: 0; left: 0; margin: 0 auto; background: #00589c; height: 2px; content: ""; width: 100px;}
.sol-description p {color: #000; text-align: justify; font-size: 16px;}

.solutions-points ul {width: 50%; float: left; position: relative; list-style: none;}
.solutions-points ul li {position: relative; padding-left: 25px; padding-bottom: 10px; color: #000;}
.solutions-points ul li:before {position: absolute; content: "\f178"; font-family: fontawesome; left: 0px; color: #0c458c; top: 0; bottom: 0; line-height: 27px;}
.image-zoom-effect {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.image-zoom-effect:hover {
    transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

a.about-btn {
    display: inline-block;
    background: transparent;
    font-size: 16px;
    border: 2px solid #fff;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    max-width: 180px;
    width: 100%;
    color: #fff !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.about-btn:before {
    background: #0094de;
}
.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.about-btn:hover {
    color: #fff !important;
}

/*======================= Golden Temple Plaza  ======================*/
.cyl {
    background: #00589c;
    color: #fff;
    padding: 50px 20px 45px 30px;
	margin-bottom: 40px;
	min-height: 395px;
    height: 100%;
}
.cyl h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
.cyl p {
    color: #fff;
    font-size: 15px;
}
.gallery img {
    width: 100%;
}
.view-gallery {
    margin-top: 10px;
}
.view-gallery a {
    position: relative;
    color: #00589c;
    font-size: 18px;
    font-weight: 600;
    margin-right: 0px;
}


.solution-provide h3 {
    position: relative;
    color: #00589c;
    text-align: left;
    padding-left: 15px;
}
.solution-provide h3:before {
    position: absolute;
    border-right: 2px solid #00589c;
    content: '';
    height: 30px;
    left: 0;
    top: 0;
    bottom: 0;
}

.solution-provide h4 {
    font-size: 18px;
    margin-bottom: 13px;
}
.solution-provide p {
    font-size: 15px;
    margin-bottom: 30px;
    color: #000;
}

.solutions-points {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

/*======================= Project  ======================*/

.project-pg {
    background: transparent;
    overflow: hidden;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}
.project-pg img {
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
	width: 100%;
}
.img.project-img {
    overflow: hidden;
    background: #e6e6e65e;  
} 
.img.project-img img{ background-position: center;
    transition: all 0.5s ease; overflow: hidden;
    -webkit-transition: 0.5s ease;}
.img.project-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.project-img h4 {
    padding: 20px;
    display: block;
    font-size: 18px;
    color: #00589c;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
	text-align: left;
}




h4.arrow-right {
    position: relative;
}
h4.arrow-right:before {
    position: absolute;
    content: "\f105";
    font: normal normal normal 20px/1 FontAwesome;
    right: 20px;
	-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}


.custom-arrow:hover h4.arrow-right:before{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
	}

section.global-footprints {
    width: 100%;
    float: left;
    padding: 30px 0;
	background: url(../images/the-facts.jpg) no-repeat;
	background-size: cover;
}

.global-footprints h2 {
    color: #fff;
    font-size: 40px;
}
.footprints-global{width: 100%; float: left; padding:30px 0;}
.footprints-global ul{list-style-type: none;}
.footprints-global ul li{float: left; width:33.33%;}
.footprints-global ul li:last-child{border-right: none;}
.half-right {padding: 0; float: left; width: 100%; position: relative; text-align: center;}
.numscroller {font-size: 50px; color: #fff; font-weight: bold; position: relative; padding-bottom: 0; line-height: 35px;}
.numscroller-info-top { color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; padding-top:5px;}


.our-solutions-item p {
    max-width: 120px;
    height: 35px;
    width: 100%;
    line-height: 35px;
    margin: 0 auto;
    background: #0193de;
    color: white;
}


.case-stu {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.case-studies img {
    width: 100%;
}
.case-studies h3 {
    color: #4c4c4c;
    padding: 20px 0;
    font-size: 25px;
}
.case-studies h5 {
    color: #000;
    font-size: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.case-studies h5:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #00589c;
    height: 3px;
    width: 70px;
    content: "";
}
.case-studies a {
    color: #00589c;
    font-weight: 700;
    position: relative;
	padding-left: 16px;
}
.case-studies a:before {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    left: 0px;
	font-size: 16px;
   
}
.view-gallery a {
    position: relative;
    padding-right: 15px;
}
.view-gallery a:before {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    right: 0;
    font-size: 20px;
    top: 0px;
}

.dsn{ display: block;}
.dsb{display: none;}
/*=========================== Awards ==============================*/
.company-awards{width: 100%; float: left; padding: 60px 0;}
.company-awards h2{ position: relative; text-align: left; color:#00589c; padding-left: 15px; padding-bottom: 0; margin-bottom: 30px;}
.company-awards h2:after{height:90%; width:3px; bottom:0; margin:auto; background:#00589c; content:""; position:absolute; left:0; top:0;}
.siia{width: 100%; float: left;}
.siia-img{margin:0 auto;}
.bor-siia{border-left: 1px solid #000;}
.bor-siia h4{font-size: 20px; color: #565656; padding-bottom: 30px;}
.siia-box{width: 100%; float: left; min-height: 171px; background: #00589c; padding:25px;  margin-bottom: 30px;}
.siia-box p{color: #fff;}
.siia-box p span{color: #ffe16d;}
.siia-box small{font-size: 16px; color: #fff;}
.siia-fl{ float: left; width: 100%;}
.mb-0{ margin-bottom: 0;}
.mar-top3{margin-top: 70px;}

/*=============== Banner ====================*/
.a-b:before{display: none; }
.a-b{background: none !important; padding: 0 !important;}
.a-b img{width: 100%;}
.wid-vid{width: 50%; margin: 0 auto;float: none;}
.banner2{width: 100%;}
.banner2 img{width: 100%;}
.mb-n{display: block;}
.mb-d{display: none;}
.banner-slider{width: 100%; float: left;}
.banner-slider .owl-carousel .owl-stage-outer{padding: 0 !important;}
.banner-slider .owl-prev{    background: #6b6b6b !important;width: 35px; height: 35px; margin: 0 15px !important;}
.banner-slider .owl-next{    background: #6b6b6b !important; width: 35px; height: 35px; margin: 0 15px !important;}
.banner-slider .owl-theme .owl-nav{top: 50%;}
.banner-slider .owl-next span{color: #fff !important; font-size: 18px; line-height: 35px;}
.banner-slider .owl-prev span{color: #fff !important; font-size: 18px; line-height: 35px;}

/*================== Careers =======================*/

.job-openings{width: 100%; padding: 50px 0;}
.job{width: 100%;}
.job h2{font-size:28px; padding-bottom: 30px; color: #0093dd;}
.job-openings h2{text-align:left;}
.job-openings h3{text-align:left;}
.job-openings p{margin-bottom: 15px;}
.ui-accordion .ui-accordion-header{padding: 11px 11px 11px 20px;font-size: 16px; font-weight: 500; border-radius: inherit;}
.ui-icon-triangle-1-s { background-position:0; float: right;}
.ui-icon-triangle-1-e { background-position:0; float: right;}
.ui-icon, .ui-widget-content .ui-icon{ background-image: url(../images/plus-icon.png);}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{ background-image: url(../images/minus-icon.png);}
.job h5{padding-bottom: 20px;}
.job ul { list-style-type: none; padding: 0 0 15px 0; margin: 0;}
.job ul li {font-size: 16px;position: relative;  padding-left: 25px;  padding-bottom: 10px;    font-family: 'Bai Jamjuree', sans-serif;}
.job ul li:before { position: absolute; content: "\f178"; font-family: fontawesome;  left: 0px;  color: #0093dd;}
.mt-0{margin-top: 0 !important;}

/*==================== 4-7-19 ====================*/
.owl-news.owl-theme .owl-nav{    top: 35%;}
.owl-news .owl-next span { color: #ffffff; font-size: 50px;}