html,body,ol,ul{font-size:14px;font-weight:400;color:#222;font-family: 'Varela Round', sans-serif;margin:0;padding:0;}
html,body{ width: 100%;}
p{line-height:22px; color: #333; font-size: 14px; }
a:hover,a:focus{outline:none;text-decoration:none;}
a{transition:all .2s;-moz-transition:all .2s; color:#0075aa;}
a:focus,.btn:focus,a:active,.btn:active{box-shadow:none;outline:none;}
ul{margin:0;padding:0;}
ul>li{list-style:none;}
h1{ font-size: 36px; }
h2{ font-size: 28px; }
h3{ font-size: 22px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; line-height: 26px; }
h6{ font-size: 16px; line-height: 22px;}
.pbn{ padding-bottom: 0px !important; }
header{ padding: 10px 0; position: fixed; top: 0;  z-index: 999; background: #fff; width: 100%; }
.header-top{ position: absolute; right: 15px; top: 5px; }
.header-top li{ display: inline-block; margin-left: 30px; }
.header-top li a{ display: inline-block; color: #222; font-size: 13px; }
.header-top li a .fa{ color: #0075aa; margin-right: 5px; }
.navbar{ display: block; }
.navbar-brand img{max-width:200px;}
.navbar-collapse{width:inherit!important;float:right; margin-top: 40px; }
.nav-item .nav-link.active, .nav-item .nav-link:hover{ color: #0075aa !important; border-color: #0075aa; }
.main-menu .navbar-toggler img{width:100%;}
.navbar-toggler { top: 13px; position: absolute; right: -10px; }
.navbar-toggler-icon{width: 40px;height: 40px;background: none;border: none;}
.navbar-toggler-icon img { width: 100%; }
body,html{overflow-x:hidden;}
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/favicon.png) 50% 50% no-repeat rgba(255,255,255,0.9);background-size:120px;}

.navbar .dropdown-menu div[class*="col"] { margin-bottom:1rem; }
.navbar .dropdown-menu {  border:none; left: inherit !important; max-width: 768px;  background-color:#fff; padding: 30px 30px 20px;}
.navbar-nav .nav-link{font-size: 16px; color: #222; padding: 5px 0 !important; }
.navbar-nav .dropdown-menu .nav-link{ padding: 7px 0 !important;}
.navbar-nav .dropdown-menu .nav-item{ margin: 0 !important;}
.navbar-nav .nav-item{ margin:0 0 0 50px !important; }

.btn-success {background-color: #75bb3e; border-color: #75bb3e;}
.btn-success:hover, .btn-success:focus{ background-color: #68aa35; border-color: #68aa35;  }
.feature{ position: relative; margin-top: 30px; }
.feature .icon img{ max-width: 60px; margin: 0 0 15px; display: block; }
.feature h4{ font-size: 18px; }
.feature p { font-size: 12px; height: 45px; overflow: hidden; color: #777; line-height: 20px; }
.benefits li{ margin-bottom: 25px; font-size: 20px; padding-left: 40px; background: url(../images/svg/check.svg) no-repeat left center; background-size: 25px; }

.lead{line-height: 30px;}
@media screen and (min-width: 992px) {
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

.navbar .dropdown {position:static;}
.navbar .dropdown.mini{ position: inherit; }
.navbar .dropdown.mini .dropdown-menu { max-width: 220px;left: inherit;right: inherit; }

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  top:65px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  
}

.video {
  color: #fff;
  z-index: 9;
  background-color: black;
  height: 75vh;
  min-height: 500px;
  position: relative;
  width: 100%;
  margin-top: 100px;
  overflow: hidden;
}

.video.bg{ background:url(../images/banner-bg.jpg) no-repeat center center/cover !important; }
.banner-content{ margin-top: 25%; }
.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video .container {
  position: relative;
  z-index: 2;
}

.video .container p{ color: #fff; }
.video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  .video {
    background: url(../images/about-video.jpg) black no-repeat center center scroll;
  }
  .video video {
    display: none;
  }
}

.btn-primary{ background: #0075aa; color: #fff; border-color: #0075aa;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{  background: #0075aa; color: #fff; border-color: #0075aa; }
.section{ padding: 60px 0; position: relative; background: #fff; }
.grey-bg{ background: #f5f5f5 !important; }
.section.services{ padding: 60px 0 30px !important; }
.about-video{ width: 100%;height: 500px; min-height: 350px; margin-top: 30px; overflow: hidden; position: relative; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; 
background: url(../images/about-video.jpg) no-repeat center center/cover; display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap}

 .play_about_video{
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    opacity: 1;
    background: rgba(0,0,0,.7);
    border: 3px solid #fff;
    position: relative;
    z-index: 1;
}

.play_about_video:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 30px;
    border-color: transparent transparent transparent #fff;
    margin-left: -12px;
    margin-top: -17px;
}

.service-box{ background: #fff; position: relative; margin-bottom: 30px; overflow:  hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.service-media img{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.service-box:hover .service-media img{ -moz-transform: scale(1.2) rotate(5deg);
-webkit-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
-ms-transform: scale(1.2) rotate(5deg);
transform: scale(1.2) rotate(5deg);}
.service-box .service-cont{ position: absolute; background: rgba(0,0,0,0.5); padding: 20px; bottom: 0; color: #fff; right: 0; left: 0; }
.section.enquiry-bg{ color: #fff; position: relative; width: 100%; height: 500px; background-image: url(../images/enquiry-bg.jpg) !important; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; }
.section.enquiry-bg:before{
	background-color: #396caa;
	content: "";
	opacity: 0.8;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.section.enquiry-bg.counter{ background-image: url(../images/enquiry-bg.jpg) !important;}
.counter-content img{ display: block; max-width: 70px; margin: 0 auto 15px; }
.counter-value{ font-size: 50px; line-height: 50px; }
.counter-text {color: rgba(255,255,255,1); font-size: 22px;}
.relative{ position: relative; }
.btn-lg{ padding: 15px 30px; }
.footer-content .footer-logo{ max-width: 200px; display: inline-block; margin: 0 auto 20px; opacity: 0.7; }
footer{ padding: 50px 0 15px 0; background: #f5f5f5; }
footer .social-media{ padding: 0; margin: 0;  }
footer .social-media li{ display: inline-block; margin: 10px; }
footer .social-media li a{ display: inline-block; color: #777; font-size: 18px;}
.footer-bottom{ padding-top: 30px; margin-top: 20px; border-top: 1px solid #ddd; }
.footer-bottom p, .footer-bottom a, footer p{ color: #777; }
.news, .clients, .enquiry-bg, .services, .about, footer{position: relative; z-index: 99;}

.client-slider .owl-nav{  position: absolute; top: -80px; right: 0; }
.client-slider .owl-prev, .client-slider .owl-next{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: inline-block; background: #fff; margin: 0 0 0 15px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.client-slider .owl-prev:hover, .client-slider .owl-next:hover{ background: #0075aa; color: #fff; }

.owl-controls .owl-dots{ text-align: center; }
.owl-controls .owl-dots .owl-dot{ display: inline-block; }
.owl-controls .owl-dots .owl-dot span{ width: 15px; height: 15px; background: #ccc; display: inline-block; margin: 0 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.owl-controls .owl-dots .owl-dot.active span{ background: #0075aa;}

.btn{border-radius: 3px;}
.form-control{ height: 40px; background: #f5f5f5; border-radius: 3px; border:none; }
.form-group label{ margin-bottom: 2px; }
.form-group { margin-bottom: 10px; position: relative; }
.form-group .error{ position: absolute; right: 5px; top: 0; font-size: 10px; color: red; }
.req{ margin-left: 2px; color: red; }
.modal-footer{ justify-content:center; }

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}