@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Electrolize');
@import url('https://fonts.googleapis.com/css?family=Coda:400,800|Michroma|PT+Sans:400,400i,700,700i|Squada+One');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
* {
   margin: 0;
   /*font-family: 'Raleway', sans-serif;
    font-family: 'Electrolize', sans-serif;
    font-family: 'PT Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

p {
   line-height: 1.5;
}


/* Header Style */

.hero {
   height: 100vh;
   overflow: hidden;
}

.quickbar {
   display: flex;
   background-color: #07649d;
   justify-content: space-between;
   align-items: center;
   padding: 15px 5%;
}

.about a {
   color: #fff;
   text-decoration: none;
   font-size: 14px;
}

.quickmenu {
   list-style-type: none;
   margin-left: auto;
   display: inline-flex;
   padding: 0px;
}

.quickmenu li{
   color: #fff;
   font-size: 14px;
   float: left;
   padding: 0px 10px;
}

.navigation {
       width: 90%;
    margin: auto;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown {
   position: relative;
   display: inline-block !important;
}

.dropdown .dropdown_menu {
   list-style-type: none;
    background-color: rgba(46, 103, 154, 0.9);
    position: absolute;
    display: none;
    z-index: 1;
    padding: 0;
}

.dropdown .dropdown_menu li:hover {
   background-color: rgba(0, 0, 0, 0, 1);
}

.dropdown div {
   height: 20px;
}

.dropdown .dropdown_menu li {
   min-width: 285px;
    text-align: left;
    display: block;
    margin-right: 0;
}

.dropdown .dropdown_menu li a {
   padding: 20px !important;
    text-decoration: none;
    color: #FFF !important;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.dropdown:hover .dropdown_menu {
   display: block;
}

.bar_icon {
   visibility: hidden;
}

.main_menu ul {
   list-style-type: none;
   float: right;
   padding: 0;
}

.main_menu ul li {
   display: inline;
   margin-right: 30px;
}

.main_menu ul li:last-child {
   margin-right: 0;
}

.main_menu ul li .active {
   color: #31709d !important;
   border-bottom: 1px solid #31709d;
   padding-bottom: 10px;
   font-weight: 500;
}

.main_menu ul li a {
   text-decoration: none;
   text-transform: uppercase;
   color: #005386;
   font-style: normal;
   font-weight: 500;
}


/* Banner Style */

.slider {
   width: 100%;
   height: 75vh;
   position: relative;
   z-index: 0;
}

.slider ul {
   padding: 0;
   list-style: none;
   width: 100%;
}
.slider ul li{
   width: 100%;
    height: 75vh;
}
.slider ul .slider-one{
   background: url(../images/slider-01.jpg) !important;
   background-position: center !important;
    background-size: cover !important;
}
.slider ul .slider-two{
   background: url(../images/slider-02.jpg) !important;
   background-position: center !important;
    background-size: cover !important;
}
.slider ul .slider-three{
   background: url(../images/slider-03.jpg) !important;
   background-position: center !important;
    background-size: cover !important;
}
.owl-carousel{
   z-index: -1;
}
.owl-nav {
   display: none;
}

.owl-dots {
   width: 100%;
   bottom: 8%;
   position: absolute;
   margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot span {
   background: #005386 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background: #fff !important;
}
.caption ,.caption_new{
    position: absolute;
    top: 20%;
    right: 5%;
    width: 40%;
}
.caption h1,.caption_new h1{
   text-align: right;
   color: #fff;
   font-weight: 400;
   font-family: 'Oswald', sans-serif;
}
.caption h1 span,.caption_new h1 span{
   font-family: 'Oswald', sans-serif;
   font-size: 1.5em;
}
.caption div,.caption_new div{
   width: 30%;
   border: 2px solid #fff;
   -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
   position: absolute;
   right: 0;
   margin-top: 30px;
}
.caption a,.caption_new a{
   display: block;
   text-decoration: none;
   color: #fff;
   font-size: 18px;
   text-align: center;
   padding: 10px 0;
   -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}
.caption div:hover{
   background-color: #00689A;
   border: none;
}
.caption_new h1{
   color: #015b92;
}
.caption_new div{
   background-color: #00689A;
   border: none;
   transform: none;
}
.caption_new div a{
   transform: none;
}
.slider_content{
   z-index: 1;
   position: absolute;
    top: 20%;
   left: 5%;
   width: 30%;
}
.slider_content form{
   background-color: rgba(0, 104, 154, 0.8);
    padding: 10% 5%;
}
.slider_content form h1{
   color: #fff;
   font-weight: 500;
   font-size: 1.5em;
   text-align: center;
   text-transform: uppercase;
}
.radio_div{
   display: flex;
   align-items: center;
   margin: 30px 0;
}
.radio_div input:nth-child(3){
   margin-left: 20px;
}
.radio_div label{
   color: #fff;
   margin-left: 5px;
}
.slider_content form select{
   width: 90%;
   display: block;
   height: 35px;
   -webkit-appearance: none;
    border-radius: 0;
    padding-left: 5px;
   background-image: url(../images/dropdown.png);
   background-repeat: no-repeat;
   background-position: right 10px center;
}
.form_flx{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 90%;
   margin: 30px 0;
}
.form_flx input{
   height: 30px;
   width: 45%;
}
.slider_content form button{
   border: 1px solid #fff;
   padding: 8px 15px;
   font-size: 16px;
   text-transform: uppercase;
   cursor: pointer;
   background-color: transparent;
   color: #fff;
}
/* Clients Style */

.clients {
   width: 90%;
   margin: auto;
   padding: 20px 0;
}

.clients ul {
   padding: 0;
   list-style: none;
}

.clients ul li img {
   width: 75% !important;
}


/* Service Style */

.service_div {
   width: 100%;
   padding-top: 50px;
}

.heading {
   text-align: center;
   margin-bottom: 50px;
   font-family: 'Oswald', sans-serif;
   color: #005386;
   font-weight: 400;
   font-size: 2.5em;
}

.tab {
   width: 100%;
}

.tab ul {
   width: 100%;
   padding: 0;
   list-style: none;
   display: flex;
   justify-content: space-between;
}

.tab ul li {
   width: 33.33%;
   color: #fff;
   padding: 30px 0;
   cursor: pointer;
}

.tab ul li:nth-child(1) {
   background-color: #01629d;
}

.tab ul li:nth-child(2) {
   background-color: #015b92;
}

.tab ul li:nth-child(3) {
   background-color: #005386;
}

.tab ul li p {
   display: block;
   text-align: center;
   font-size: 18px;
}

.inner_div {
   position: relative;
   height: 425px;
   overflow: hidden;
}

.inner_div img {
   width: 100%;
   height: 100%;
}
.over_bg{
   position: absolute;
    width: 33.33%;
    height: 30px;
    background-color: rgba(46, 98, 157, 0.9);
    top: 0;
}
.over_bg1{
   position: absolute;
    width: 33.33%;
    height: 30px;
    background-color: rgba(42, 90, 146,.9);
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
}
.over_bg3{
   position: absolute;
    width: 33.33%;
    height: 30px;
    background-color: rgba(38, 82, 133,.9);
    top: 0;
   right: 0;
}
.serve_desc {
   width: 30%;
   right: 0;
   position: absolute;
   top: 30px;
   height: 100%;
   background-color: rgba(1, 98, 157, .9);
}

.serve_desc p:nth-child(1) {
   text-align: center;
   color: #fff;
   margin: 50px 0;
   font-size: 20px;
   text-transform: uppercase;
}

.serve_desc p:nth-child(2) {
   color: #fff;
   margin-top: 50px;
   width: 90%;
   margin: auto;
}

.explore_div {
   width: 70%;
   margin: auto;
   background-color: rgba(1, 98, 157, 1);
   margin-top: -4px;
   display: flex;
   padding: 40px 15%;
   justify-content: space-between;
   align-items: center;
}

.explore_div p {
   width: 60%;
   color: #fff;
   font-size: 18px;
}

.explore_div a {
   text-decoration: none;
   color: #005386;
   padding: 7px 20px;
   background-color: #fff;
}


/* Contact Style */

.contact_div {
   width: 100%;
   padding: 50px 0;
   background: url(../images/contact_bg.jpg);
   background-size: cover;
   background-position: center;
}

.contact_div div {
   width: 50%;
   margin: auto;
   padding: 50px 0;
   background-color: rgba(0, 83, 134, .6);
}

.contact_div h1 {
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   font-weight: 400;
}

.contact_div a {
   display: block;
   width: 100px;
   margin: auto;
   text-align: center;
   margin-top: 30px;
   text-decoration: none;
   color: #fff;
   padding: 7px 15px;
   border: 1px solid #fff;
}


/* Footer Style */

.footer {
   background-color: #fff;
   position: relative;
   display: flex;
   padding: 50px 5%;
}

.footer .abtjvs {
   display: inline-block;
   width: 20%;
}

.footer .abtjvs p {
   font-family: 'lato', sans-serif;
   font-size: 15px;
   width: 90%;
   text-align: justify;
}

.footer .abtjvs ul {
   list-style-type: none;
   padding: 0px;
   margin-top: 20px;
}

.footer .abtjvs li a {
   float: left;
   margin-right: 20px;
   text-decoration: none;
   color: #005386;
}

.footer .abtjvs p>a {
   font-family: 'lato', sans-serif;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.footer .colright {
   width: 80%;
}

.quicklinks {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   list-style-type: none;
}

.quicklinks li a {
   text-decoration: none;
   color: #000;
   text-transform: uppercase;
   margin: 0 20px;
   font-family: 'lato', sans-serif;
   font-size: 14px;
}

.colright .address {
   display: flex;
   justify-content: space-between;
   padding: 0px 20px;
   flex-wrap: wrap;
    align-items: baseline;
}
.blk_col {
    width: 74%;
}
.cols {
    display: flex;
    justify-content: space-between;
}
.col_btm{
    
}
.col {
   width: 23%;
   margin-top: 10%;
}

.address iframe {
   width: 100%;
   margin-right: 20px;
   margin-top: 20px;
}
div.login-control,div.profile-photo img,.gm-style .place-card-medium{
   display: none !important;
}
div.profile-photo img{
   
}
.colright .address .col h1 {
   font-family: 'lato', sans-serif;
   font-size: 16px;
   padding-bottom: 5px;
   border-bottom: 1px solid grey;
}

.colright .address .col p {
   font-family: 'lato', sans-serif;
   font-size: 15px;
}

.get_in .contact_num {
   display: flex;
}
.contact_num p{
   display: flex;
   align-items: baseline;
}
.contact_num p i{
   margin-right: 5px;
}
.get_in h1 {
   font-family: 'lato', sans-serif;
   font-size: 16px;
   padding-bottom: 5px;
   margin-right: 30px;
   align-self: center;
   border-bottom: 1px solid grey;
}

.get_in br {
   display: none;
}

.get_in p {
   font-family: 'lato', sans-serif;
   font-size: 16px;
   margin-right: 20px;
   align-self: center;
}
.col_btm h1 {
    font-family: 'lato', sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid grey;
}
.colms{
    display: flex;
	margin-top:12px;
}
.colms p{
    font-size: 15px;
}
.ad {
   background-image: url(../images/map.html);
   background-repeat: no-repeat;
   background-position: top left;
   margin-top: 20px;
}

.contact_num {
   margin-top: 20px;
}

.copy {
   text-align: center;
   padding: 10px 5%;
   background-color: #005386;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.copy p {
   margin: 0;
   font-size: 12px;
   color: #fff;
   font-family: 'lato', sans-serif;
}
.copy p a{
   text-decoration: none;
   font-size: 12px;
   color: #fff;
}
.copy p a img{
   width: 22px;
}
.copy div{
   display: flex;
   align-items: center;
}
.copy div img{
   width: 100px;
   margin-left: 10px;
}
.ads{
       padding-left:50px; 
	   margin-top:0px;
    }
/* Media Query */
@media only screen and (max-width:1100px){
    .inner_div img {
        width: auto;
    }
   .colright .address{
        display: block;
    }
    .imap,.blk_col{
        width: 100% !important;
    }
   .col{
      width: 30%;
   }
    .col_btm {
        margin-top: 30px;
}
}
@media only screen and (max-width:960px){
   .nav{
       flex:2;
       list-style-type: none;
      visibility: hidden;
       margin-left: auto;
       display: -webkit-flex;
       display: block !important;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
}
   .nav li a{
      display: none !important;
   }
   .active_nav li a{
      display: block !important;
      color: #fff !important;
      padding: 10px 0;
   }
   .herocontent{
      height: 140vh;
   }
    .active_nav{
        padding: 0px;
        position: fixed;
        width: 100%;
        height: 100%;
       visibility: visible;
        display: block;
        left:0;
        top:0;
        margin: auto;
        padding-top: 12% !important;
       background-color: #005386;
       z-index: 9999;
       text-align: center;
    }
    .navrow ul{
     display: none;
    }
    .menuclose{
    position: absolute;
    right: 10px;
    top: 30px;
    color: #07c8ff;
    font-size: 2em;
    background-color: transparent;
    border: 0px;
    }
    .navrow ul li a{
        text-align: center;
        display: block;
        margin: 0px;
        font-weight: bold;
        width: 100%;
        margin: 20px 0px;
        transition-property: all;
        transition-duration: 400ms;
    }
    .navrow ul li a:hover{
        color: #07649d;
        
    }
   .dropdown{
      min-width: 100%;
      position: relative;
      display: inline-block !important;
   }
   .dropdown .dropdown_menu{
      min-width: 100%;
    position: relative;
    margin: 10px 0 0 0px;
      background-color: rgba(46, 103, 154, 1);
   }
   .dropdown div{
      height: 0px;
   }
   .dropdown .dropdown_menu li a{
      border-bottom: 0;
      text-align: center;
   }
    .quickbar{
       padding: 15px 1%;
        text-align: center;
    }
    .quickmenu{
        text-align:center;
    }
    .quickmenu li a{
        padding-top:8px;
    }
   .bar_icon{
      visibility: visible;
      color: #005783;
      font-size: 2em;
       position: absolute;
       right: 10%;
   }
   .slider_content,.caption{
      top: 15%;
      width: 45%;
   }
   .caption div{
      width: 50%;
   }
   .serve_desc{
      width: 50%;
   }
   .explore_div{
      width: 90%;
      padding: 40px 5%;
   }
   .footer .abtjvs{
      width: 40%;
   }
   .quicklinks li a{
      margin: 0 10px;
   }
    .footer .colright{
        width: 100%;
    }
}
@media only screen and (max-width:768px){
   .quickbar{
      display: block;
   }
   .quickmenu{
      margin-top: 15px;
   }
   .hero{
      height: auto;
   }
   .slider,.slider ul li{
      height: 100vh;
   }
   .caption,.caption_new {
       width: 90%;
       position: relative;
       margin: auto;
       right: auto;
      top: 5%;
   }
   .caption h1, .caption_new h1 {
       text-align: left;
   }
   .caption div, .caption_new div{
      position: relative;
   }
   .ads {
	   padding-left:0px;
		margin-top: 20px;
   }
   .slider_content{
      top: auto;
    width: 90%;
    bottom: 5%;
   }
   .contact_div div{
      width: 90%;
   }
   .contact_div h1{
      font-size: 22px;
   }
   .footer{
      display: block;
   }
   .footer .abtjvs{
      width: 100%;
   }
   .footer .colright{
      width: 100%;
      margin-top: 50px;
   }
   .quicklinks{
      justify-content: flex-start;
      padding: 0;
   }
   .copy{
      flex-wrap: wrap;
   }
   .copy p{
      display: block;
   }
   .copy div{
      width: 100%;
      justify-content: center;
      margin-top: 10px;
   }
     .cols{
        flex-wrap: wrap;
    }
    .col{
        width: 48%;
    }
    .colms{
        display: block;
    }
    ads{
       padding-left:0; 
    }
}
@media only screen and (max-width:500px){
   .quickmenu{
      display: flex;
       flex-wrap: wrap;
       justify-content: center;
   }
   .caption div, .caption_new div{
      width: 50%;
   }
   .serve_desc{
      width: 100%;
      background-color: rgba(1, 98, 157, .5);
   }
   .explore_div{
      display: block;
   }
   .explore_div p{
      width: 100%;
      text-align: center;
   }
   .explore_div a {
       display: block;
       width: 40%;
      margin: auto;
       text-align: center;
      margin-top: 30px;
   }
   .quicklinks{
      display: block;
   }
   .quicklinks li{
      margin-bottom: 20px;
   }
   .col{
      width: 100%;
   }
}