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

body{font-family: 'Poppins', sans-serif; color:#333333; font-size:16px; font-weight:300; background:#fff;}/*   */
*{margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,label,address,ul,ol{margin:0; padding:0;}
ul li a,ul li a:hover,a:hover,a{text-decoration:none;}
a:focus {outline: none;}
img{max-width:100%;}

:root {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-gutter-xx: 0;
  --bs-white: #ffffff;
  --bs-mid-green: #accc77; 
  --bs-input-bg: #004b49;
  --bs-body-font-size: 16px;
  --bs-body-font-weight:300;
  --bs-body-line-height: 1.5;
  --bs-font-color:#000;
  --bs-font-white: #fff;
  --bs-base-color:#001740;
  --bs-body-font-family:'Poppins', sans-serif;
}
.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
strong{font-weight:600;}
.mb-50{margin-bottom:50px;}
.h-100 { height: 100% !important;}
.card-product-details {--bs-card-spacer-y: 2.5rem;--bs-card-spacer-x: 2.5rem;}
.card-p {--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-card-color);}
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  background: transparent;
}
.gx-10 {--bs-gutter-x: 10px;}
.gx-20, .g-20 {--bs-gutter-x: 1.5rem;}
.gx-30, .g-30 {  --bs-gutter-x: 3rem;}
.gx-40 {  --bs-gutter-x: 4rem;}
.gx-60 {  --bs-gutter-x: 6rem;}
.gy-10 {  --bs-gutter-y: 10px;}
.gy-20, .g-20 {  --bs-gutter-y: 1.5rem;}
.gy-30, .g-30 {  --bs-gutter-y: 3rem;}
.gy-40 {  --bs-gutter-y: 4rem;}
.gy-60 {  --bs-gutter-y: 6rem;}
.gyn {  --bs-gutter-y: 0;}
.gxn {  --bs-gutter-x: 0;}
.g-20.h-100 {  height: calc(100% + 1.25rem) !important;}
.row>* {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.nav-toggle:before { content: "";  position: absolute;  width:37px;  height:26px;  background:url(../img/menu.png)right top no-repeat;  background-color:transparent;  border-radius:0;  box-shadow:none;  -webkit-border-radius:0;  -moz-border-radius:0;  -ms-border-radius:0;  -o-border-radius:0;}
.nav-menus-wrapper-close-button {  width:40px;  height: 40px;  margin: 10px 7px;  display: none;  float: right;  color: transparent;  font-size: 26px;  background: url(../img/menu-close.png) top right no-repeat;  cursor: pointer;}
 
.sticky {position: fixed;  top: 0; padding:9px 0!important;  width: 100%; background:var(--bs-lighyt-green);  transition: height 0.5s ease-in;  z-index: 999;  box-shadow: 0px 6px 21px #00000047;  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s;}
.header-top {background:var(--bs-white); 
  transition: height 0.5s ease-in;  z-index: 999; padding:0; display: flex;
  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s; }
.sticky .logo-holder{display: none;}
.header-brand{width: 10%; float: left;}
.nav-brand {  line-height: unset; display: block; margin-top: 4px;} 
.nav-menu li:last-child a {background: transparent;border: none;}
.navigation {background: transparent; width:70%;float: left; }
.header-right{width:auto; text-align: right;float: right; display: flex;padding-top: 53px; gap:30px;}
.submenu-indicator-chevron {border-color: transparent var(--bs-base-color) var(--bs-base-color) transparent;}
.submenu-indicator {margin-left: 8px;  margin-top: 6px;}
.head-flex {display: flex;  align-items: center; justify-content: space-around;}
.nav-header {float: none;  padding: 0px 0px;  background: transparent;}
.nav-menu>li>a {padding: 27px 20px;  font-size:var(--bs-body-font-size);color:var(--bs-font-color);}
.nav-menu>li {position: relative;}
.nav-menu>li.active {position: relative;  transition: 0.5s;}
.nav-menu>li.active:after {content: '';  position: absolute;  width: 60%;  height: 5px;  left: 50%;  bottom: 0px;  background: var(--bs-base-color);  transform: translateX(-50%);  border-radius: 5px 5px;  transition: 0.5s;}
 
.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {color: var(--bs-base-color);}
.nav-menu li:last-child a {height: unset;}
.nav-dropdown>li>a {width: 100%;  padding:8px 10px;font-weight:300;  display: inline-block;  text-decoration: none;  
  float: left;  font-size: 16px;color:var(--bs-base-color); background:transparent;}
 
.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {color:var(--bs-base-color);  text-decoration: underline;}
.megamenu-list>li>a:hover {background-color: transparent;  color: #fff;  text-decoration: underline;}
.navigation-portrait .nav-menus-wrapper {background-color: var(--bs-base-color);}
.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {border-color: var(--bs-base-color) var(--bs-base-color) var(--bs-base-color) var(--bs-base-color);}
@media screen and (min-width:1200px) {
  .nav-brand {line-height: unset;}
}
@media screen and (max-width:1200px) {
  .nav-menu>li:after {display: none;}
}
.navigation-portrait .nav-brand {line-height: 0px;}
.navigation .nav-brand img{margin-bottom:-7px;}
.nav-dropdown {top:63px;left: -10px;}
.nav-menus-wrapper {text-align: left; display:flex;width: 100%;}
.nav-menu{text-align:left; width:100%;padding-left:30px;}
.nav-menu > li{float: none; text-align: left;}
.nav-dropdown > li{width: 90%;}

header {box-shadow: 0px 5px 14px 0px rgba(227,227,227,0.75);
-webkit-box-shadow: 0px 5px 14px 0px rgba(227,227,227,0.75);
-moz-box-shadow: 0px 5px 14px 0px rgba(227,227,227,0.75);}
header nav {float: right;width: 100%; }
header nav ul {margin: 0;list-style-type: none;}
header nav ul li {display:inline;position:relative;padding:0 5px;width: auto;}
 

header ul li a {color: #fff;font-size: 16px;text-decoration: none !important;transition: ease-in-out 0.4s;display: inline-block;position: relative;padding:10px;height: auto;text-transform: uppercase;font-weight: 300;cursor: pointer;}
header ul li:last-child {background-image: none;}
header nav ul li a img {vertical-align: middle;}
header ul li ul li a:after {background:none;}
header ul li a.active,header ul li.current-menu-item a {color:#fff;}
header ul li a:hover {text-decoration: none;color:#fff;}
header {float: left;width: 100%;padding:10px 0;transition: ease-in-out 0.4s; position: relative; z-index: 9;}
.inner-header{float:left;width:100%; padding:0;} 
 
 

/*default-css*/

h1 {color: #001740;font-size:50px;padding-bottom: 15px;font-weight: 800;line-height: 54px;}
h2 {color: #001740;font-size:36px;padding-bottom: 15px;font-weight: 800;}
h3 {color: #001740;font-size: 30px;padding-bottom: 15px;font-weight: 800;}
h4 {color: #001740;font-size: 24px;padding-bottom: 15px;font-weight:600;}
h5 {color: #001740;font-size: 24px;padding-bottom: 15px;font-weight:600;}
h6 {color: #001740;font-size: 20px;padding-bottom: 15px;}
p {color: #000;font-size: 16px;padding-bottom: 15px;font-weight: 300;}
a {color: #001740;font-size:18px;}
ul,ol {padding-left: 15px;margin-bottom: 15px;}
ul li,ol li {color: #fff;font-size: 15px;}
table {float: left;width: 100%;padding-bottom: 15px;}
tr:first-child {background-color: #001740;color: #fff;}
tr:nth-child(2n+2) {background-color: #ebebeb;}
tr:nth-child(2n+3) {background-color: #aaa7a7;}
tr:first-child td {color: #fff;font-size: 18px;font-weight: normal;}
tr td:first-child {width: 20%;}
tr td {padding: 17px 25px;color: #242424;font-size: 16px;letter-spacing: 0.40px;}
.table-responsive {min-height: .01%;overflow-x: auto;float: left;width: 100%;}
.slowgan{font-weight:600;font-size: 30px;padding-bottom: 20px;}
h1 span{font-weight: 300;}
h2 span{font-weight: 300;}

/* sub menu code end */
.snip1217 {
  text-align:right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; padding:0;
}
.snip1217 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1217 li {
  display: inline-block;
  list-style: outside none none;
  margin:0 12px;
  padding: 0; position: relative;
}
.snip1217 li:after{position: absolute; right:-14px; top:31px; opacity: 0.4; background: #000; content: ''; height: 14px; width: 1px;}
.snip1217 li:last-child:after{background: none;}
.snip1217 a {
  padding:0px 0 24px 0;
  color:#000;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.snip1217 a:after {
  height:4px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #001740;
  width: 0;
}
.snip1217 a:after {
  bottom:-9px;
  left: 0;
}
.snip1217 ul li a::after {
  bottom: 3px;
  left: 0;
  height: 2px;
}
.snip1217 a:hover,
.snip1217 .current a {
  color: #001740;
}
.snip1217 a:hover:after,
.snip1217 .current>a:after {
  width: 100%;
  border-radius: 2px;
}
.snip1217 .current>a .border-none li a:after {width:0!important}
.nav-dropdown li:after{height: 0; background: transparent;}
.nav-dropdown{background:#fff;}
/*index*/

.head-fix {position: fixed;padding:2px 0; background:#fff;z-index: 99999;width: 100%;transition: ease-in-out 0.4s;}
.mob-logo, .head-fix .logo, .head-fix .social, .head-fix .tel{display:none;}
.head-fix .inner-header{background:none;}
.head-fix nav{margin-top: 20px;}
.head-fix .mob-logo{display:block;}
.head-fix .snip1217 a{color:#000;}
.head-fix .snip1217 a:hover, .head-fix .snip1217 .current a{color: #001740;}
.about.padding {padding-top: 79px;}
.about.pad {padding-top: 179px;}

.logo {float: left;width: 100%;}
.btn-def{float:right; width:auto; margin-top:28px;}
.btn-def a{color:#fff;text-transform: uppercase; font-size:18px; background:#001740 url(../img/send-cion.png) 10px center no-repeat; padding:12px 20px 12px 40px;border-radius: 8px; border:none;}
.btn-def a:hover{color:#fff;background:#054ea6 url(../img/send-cion.png) 10px center no-repeat;}
.btn-border a{color:#000;text-transform: uppercase;border:solid 1px #000; font-size:18px; background:#fff url(../img/logo-icon.png) 10px center no-repeat; padding:12px 20px 12px 40px;border-radius: 8px;}
.btn-border a:hover{color:#2b6ebf;background:#ffffff url(../img/logo-icon.png) 10px center no-repeat;border:solid 1px #2b6ebf;}
.btn-border2 a{color:#000;text-transform: uppercase;border:solid 1px #000; font-size:18px; background:#fff url(../img/location-icon.png) 10px center no-repeat; padding:12px 20px 12px 40px;border-radius: 8px;}
.btn-border2 a:hover{color:#2b6ebf;background:#ffffff url(../img/location-icon.png) 10px center no-repeat;border:solid 1px #2b6ebf;}


.main-menu {float: left;width:60%; padding: 0;}
.hero-slider {float: left;width: 100%;position: relative; padding-bottom: 70px; background: #FFFFFF;
background: linear-gradient(337deg,rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 51%, rgba(241, 246, 254, 1) 99%);}
.slider .item img {object-position: center;object-fit: cover;width: 100%;height: 100vh;}
.hero-img{width: 50%; float: right; overflow: hidden;}
.hero-img .item img{-webkit-border-bottom-left-radius: 200px;
-moz-border-radius-bottomleft: 200px;
border-bottom-left-radius: 200px;object-fit: cover; width:100%;}
.slider-btn {position: absolute;bottom: 30px;z-index: 9;text-align: center;width: 100%;}
.slider-btn a img {transition: ease-in-out 0.4s;}
.slider-btn a img:hover {filter: brightness(0%);}
.hero-cont{position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.cont-hight{height: 80vh;}
.text-banner { position: absolute; top:40%;width:600px;padding-right: 40px; transform: translate(-0%, -50%);; }
.btn-box .tob-btn{float: left;margin-right: 20px; margin-top:28px;}
.owl-nav{display: none!important;}
.cont-center{text-align: center;}

.about{ display: block; width: 100%;}
.about .cont-center{padding: 0 14%;}
.about-box{background:#fafafa; padding:20px; border-radius: 10px;min-height:340px;margin:30px 0 20px 0;}
.ab-icon img{border:solid 1px #001740; border-radius: 100%;display: block;margin-bottom:10px;}
.about-box h4:after{background:#c8cdd5;position: absolute; left: 0; bottom:5px; width:70px; height: 4px; content:'';}
.about-box h4{position: relative;}
.about-box:hover{background:#001740;}
.about-box:hover img{background:#fff;}
.about-box:hover h4, .about-box:hover p{color:#fff;}
.misson{background: #fff;position: relative;z-index: 1; border:solid 1px #001740;border-radius: 10px; padding: 10px;}
#owl-carousel2{padding: 0 20px;}
.misson span{letter-spacing:5px; text-transform: uppercase;padding-bottom: 10px; display: block; width: 100%;font-size: 18px;}
.pad-top-40{padding-top:30px;}
.border-left{margin-top:30px;padding: 0 20px;position: relative;}
.border-left:after{position: absolute; content:'';border-left: solid 1px #ccd1d9; height:80%;left: -10px; top: 0;}
.border-left p{padding: 0; margin: 0;}
.service-section{background:#001740; width: 100%; padding-top: 140px; padding-bottom: 40px; margin-top: -90px;}
.service-section h2{color:#fff;padding-bottom: 40px;}
.service-box{border-radius: 10px;padding:50px 20px; background:#fff;margin-bottom: 30px;position: relative; text-align: center;}
.sb-icon{background:#d3e3ff; border-radius: 100%; width: 100px; height: 100px;margin-bottom: 40px; position: relative; left: 50%; margin-left: -50px;}
.service-box h4{padding-bottom:20px;}
.service-box p{padding:0 50px 40px 50px;}
.count{position: absolute; right: 15px; bottom:10px; font-size: 72px; color:#001740; opacity: 0.1;font-weight: 900;}
.readmore{position: absolute; right:40px; bottom:30px;z-index: 1;}
.service-box:hover{background:#d3e3ff;}
.service-box:hover .sb-icon{background:#fff;}
.send-box{border-radius: 10px; background:#2b6ebf url(../img/message-icon-big.png) 95% 95% no-repeat; padding:50px 20px;float: left; width: 100%; text-align: center;}
.send-box .sb-icon{background:#fff;}
.send-box .btn-box .tob-btn {margin: 0 8px;margin-top: 28px;}
.send-box h4, .send-box p{color:#fff;}
.cor-service{background: url(../img/paralax-bg.png) center top fixed; padding:60px 0; width: 100%;}
.conre-cont{text-align: center; color:#fff;height: 100%;}
.conre-cont h4, .conre-cont p{color:#fff;}
.conre-cont h4{font-weight:700;}
.core-box1{background: url(../img/img-box1.png) center top no-repeat;border-radius: 10px; padding:80px 30px 30px 30px;margin-bottom: 30px;}
.core-box2{background: url(../img/img-box2.png) center top no-repeat;border-radius: 10px; padding:80px 30px 30px 30px;margin-bottom: 30px;}
.core-box3{background: url(../img/img-box3.png) center top no-repeat;border-radius: 10px; padding:80px 30px 30px 30px;margin-bottom: 30px;}

footer{background:#001740 url(../img/foot-icon.png) right bottom no-repeat; width: 100%; display: block; padding: 60px 0;}
footer h2{color:#fff;padding-right:40px;}
footer p{color:#fff;}
.uppercase{text-transform: uppercase;} 
.foot-top-section{display:flex; width: 100%; gap: 20px}
.download-btn a{background:#3892d7 url(../img/pdf-icon.png) 10px center no-repeat; color:#fff; font-weight:600;padding:14px 14px 14px 40px; border-radius: 10px;float: left;}
.contact-info{border-radius:10px; padding:34px 20px; background:#13274b;border:solid 1px rgba(255, 255, 255, 0.2);float: left; width: 100%;margin-top:40px;}
.controls label{color:#fff;font-size: 16px;padding-bottom: 6px;}
.form-control{background:#2b3d5d;margin-bottom: 20px; border-radius:6px;height: 56px;border: none!important;}
textarea{resize: none;margin-bottom: 20px;}
.contact-btn{color:#000;text-transform: uppercase;border:solid 1px #000; font-size:18px; background:#fff url(../img/send-cion-hover.png) 10px center no-repeat; padding:12px 20px 12px 40px;border-radius: 8px;}
.contact-btn:hover{color:#fff;background:#3892d7 url(../img/send-cion.png) 10px center no-repeat;border:solid 1px #2b6ebf;}
.btn{padding-left: 0;}
.address-box{border-radius:10px; padding:10px; border:solid 1px rgba(255, 255, 255, 0.2);display: block; width: 100%;margin-bottom:15px;}
.address-box p, .address-box p a{color:#fff;}
.address-box span{opacity: 0.5;color:#fff;}
.address-box p a:hover{opacity:0.7; text-decoration: underline;}
.address{background:#13274b url(../img/address.png) 20px 12px no-repeat;padding-left:90px;}
.phone{background:#13274b url(../img/phone.png) 20px 12px no-repeat;padding-left:90px;}
.mail{background:#13274b url(../img/mail.png) 20px 12px no-repeat;padding-left:90px;}
.hour{background:#13274b url(../img/hour.png) 20px 12px no-repeat;padding-left:90px;}
.foot-social{list-style: none; display: inline-block;width: 100%; padding:0; margin: 10px 0 0 0;}
.foot-social li{display: inline;}
.foot-social li a{background:#1e4872; border-radius:6px;margin-right: 10px; border:solid 1px rgba(255, 255, 255, 0.2);width: 53px; height: 53px;display:inline-block;}
.foot-social li a:hover{background:#3892d7;}
.copy{padding:50px 0; display: flex; width: 100%;}
.width50{width: 50%;float: left;}
.copy p{padding-bottom: 0;}
.owl-carousel .owl-item img {display: block; width:auto;}
.hero-img .owl-item img {display: block; width:100%!important;}
.text-right{float: right; text-align: right;}
.border-gray{border:solid 1px #eaeaea;}
.rc-box .sb-icon{margin-bottom:10px;}
.rc-box .service-box{position: relative;overflow: hidden;}
.rc-box .service-box p{padding:0;}
.rc-box .service-box{padding: 20px;padding-bottom: 0; height: 100%;}
.rc-box ul{list-style: none; margin-top: 20px;margin-bottom: 0; border-top: solid 1px rgba(0, 0, 0, 0.1);padding-top: 15px;}
.rc-box .service-box:hover {
  background: #fff;
}
.rc-box .service-box:hover .sb-icon{background:#d3e3ff;}
.rc-box ul li{color:#000; background: url(../img/arrow-more.png) left 8px no-repeat;padding: 0 0 10px 20px; display: block; text-align: left;}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.service1{background:url(../img/service-hover1.png) left top no-repeat;}
.service2{background:url(../img/service-hover2.png) left top no-repeat;}
.service3{background:url(../img/service-hover3.png) left top no-repeat;}
.service4{background:url(../img/service-hover4.png) left top no-repeat;}
.service5{background:url(../img/service-hover5.png) left top no-repeat;}
.rc-box .service-box:hover .overlay {height:44vh;}
.text a{width:160px; text-transform: uppercase; background:#fff url(../img/arrow-more.png) 20px 18px no-repeat; color:#000; border-radius:6px; padding: 10px; padding-left: 30px; position: absolute; left: 50%; margin-top:-24px; margin-left: -100px; top: 50%;}
.mt-50{margin-top: 50px;}
.shadow-box{box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.26);
-webkit-box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.26); width: 100%; padding: 0; display: block;border-radius: 10px; overflow: hidden;}
.contact-left{background:#000017; padding-top:30px;padding-bottom:30px; height: 100%;}
.contact-left p, .contact-left h2{color:#fff; padding: 0;margin-left: 20px;}
.contact-left .foot-social{margin-left: 20px;}
.contact-left .address{background: url(../img/address.png) 0 12px no-repeat;padding-left:70px;border: none;margin-left: 20px;}
.contact-left .phone{background: url(../img/phone.png) 0 12px no-repeat;padding-left:70px;border: none;margin-left: 20px;}
.contact-left .mail{background: url(../img/mail.png) 0 12px no-repeat;padding-left:70px;border: none;margin-left: 20px;}
.contact-left .hour{background: url(../img/hour.png) 0 12px no-repeat;padding-left:70px;border: none;margin-left: 20px;}
.address-box p{margin-left: 0;}
.contact-left .address-box span{text-transform: uppercase;}
.contact-right{display: block; width: 100%; padding: 20px;}
.contact-right .contact-info{background: transparent; padding: 0; margin-top: 0;}
.contact-right label{color:#000;}
.contact-info .form-control{color: #fff!important; font-size: 16px;}
.contact-right .form-control{background:#e5e5e5;color:#000!important;}
.contact-right .contact-btn {
  color: #fff;
  text-transform: uppercase;
  border: solid 1px #000;
  font-size: 18px;
  background: #000017 url(../img/send-cion.png) 10px center no-repeat;
  padding: 12px 20px 12px 40px;
  border-radius: 8px;
}

.contact-right .contact-btn:hover {
  color: #000;
  text-transform: uppercase;
  border: solid 1px #000;
  font-size: 18px;
  background: #fff url(../img/send-cion-hover.png) 10px center no-repeat;
  padding: 12px 20px 12px 40px;
  border-radius: 8px;
}
.cd {
  text-align: center;
  width: 580px;
  display:flex;gap: 20px;
  position: relative;
  left: 50%;
  margin-left: -260px;
}
.pb30{padding-bottom:50px; border-bottom: solid 1px rgba(0, 0, 0, 0.1);}
.pad-30{padding-left: 12%; padding-right: 12%;}

.gallery span { /* thumbnails */
    width:33%; display: inline-block; padding:6px; margin-bottom: 4px;  
}
.gallery-full span{width:48%;}
.gallery-img img{border-radius: 6px;}
.block {
    display: inline-block;
    background-color: #ccc;
    border-radius: 5px;
    padding: 8px;
}
.gallery img{max-width: 100%;}
pre {
  background-color: #eee;
    border-radius: 5px;
    padding: 8px;
    clear: both;
}

.highlight {
    color: red;
}
.fancybox-container{z-index: 999999;}
.text-center p{text-align: center;}
.desktop-none{display: none;}


textarea.form-control {height: 100px;}
.btn.full-right { margin-top: 10px; margin-right: 10px;}
.g-recaptcha { margin-left: 15px;}
.contact-info .g-recaptcha{margin-left: 0; margin-bottom: 20px;}
.alert-warning {
  color: #8a6d3b;
  background-color: transparent;
  border-color: #faebcc;
  float: left !important;
  padding: 10px !important;
  position: absolute;
  bottom: 0;
}
.h-100 {height: 100% !important;}
.releted-services{text-align: center; width: 100%; display: inline-block;padding: 40px 0 0px 0;}
.releted-services ul{text-align: center; display: inline-block; width: 100%; list-style: none; padding: 0;}
.releted-services ul li{display: inline-block;padding: 0 4px;margin-bottom: 20px;}
.releted-services ul li a{background:#2b6ebf; padding: 10px 15px 14px 15px; border-radius:10px;color:#fff;font-weight: 500;}
.releted-services ul li img{padding-right: 10px;}
.releted-services ul li a:hover{background:#001740;}
.fl-show{float: left; width: 100%;}
.mi-80{min-height:50vh; padding-top:100px;}
/* effect css */
.about-box, .ab-icon, .about-box p, .service-box, .sb-icon, .service-box p, .readmore, .tob-btn, .conre-cont h4, .conre-cont p,
.foot-social, .foot-social li, .foot-social li a{
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}
.fi-img:hover img, .dv-img:hover img, .rc-box:hover .team-list-img img, .why-list:hover .why-icon img, .clients li:hover img{
  transform: scale(1.1);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}
 
.about-box:hover .ab-icon, .service-box:hover .sb-icon, .foot-social li:hover a{
  transform: translateY(-1em);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}
.about-box:hover p, .service-box:hover p, .conre-cont:hover p{
  transform: translateY(1em);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}
.service-box:hover .readmore{
  transform: translateX(-1em);
  transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
.tob-btn:hover{
  transform: translateX(0.5em);
  transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
.red{color:red;}
#form_service {
      appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
#form_service:focus {
    color: #fff !important;
}
#form_service option {
    color: #242424 !important;
    background: #fff;
}
.map2{margin:50px 0 0 0; display: block; width: 100%;}
.pad-zero{padding-left:0px!important; padding-right:0px!important;} 
.pad-btm-40{padding-bottom:40px!important;}

.form-control:focus { 
  background-color:#001740!important;
}
.contact-right .form-control:focus {
  background: #f1f1f1!important;
  color: #000 !important;
}
.contact-right #form_service:focus {
  color: #000 !important;
}
.img-center{display: inline-block; text-align: center; width: 100%;}
.img-center img{border-radius: 10px;}
video { cursor: pointer; position: relative;}
.video-content{position: relative;}
.video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    cursor: pointer;
}

.video-thumbnail {
    width: 100%;
    display: block; position: relative; top: 30px;
}

.play-button {
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.video-item{height: 400px;margin:30px 0 10px 0;background:#000;}
.video-player {
    display: none;
    width: 100%;
    height: 100%;
}