* { margin: 0px; padding: 0px; }
ul { list-style: none; }
a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; }
body { color: #000; font-size: 14px; font-family: 'Montserrat', sans-serif; }
.wrapper { overflow: hidden; margin: 0 auto; }
.banner-one img { height: 917px; object-fit: cover; }
.left-icon { width: 84px; height: 50px; position: absolute; top: 50%; margin-left: 92px; }
.right-icon { width: 84px; height: 50px; position: absolute; top: 50%; margin-right: 92px; }
.left-icon i { background: #308001; color: #fff; font-size: 26px; padding: 22px 22px; }
.right-icon i { background: #308001; color: #fff; font-size: 26px; padding: 22px 22px; }
/*.carousel-control-next, .carousel-control-prev .right-icon { width: auto; }
.carousel-control-prev, .carousel-control-next .left-icon { width: auto; }*/
/**********END*********/
header { height: auto; }
/*.hdbg::after { position: absolute; content: ""; height: 124px; width: 10000px; background: #5399ec54; top: 0; z-index: -1;
    right: 65%; transform: skew(-36deg); }*/
.logo { text-align: left; z-index: 1; }
.logo a { display: block; }
.logo img { width: 244px; margin-top: 18px; }
.conthead { height: 124px; background: none; }
.conthead p { text-align: right; margin-top: 45px; }
.conthead p a { color:#333; font-size: 14px; font-weight:500; font-family: 'Montserrat', sans-serif; letter-spacing: 0.2px; }
.conthead p a:nth-child(1) i { color: #3db7ef; font-size: 16px; margin-right: 2px; font-weight: 400; }
.conthead p span { margin:0 50px; color: #585858; font-family: 'Montserrat', sans-serif; font-weight:500; }
.conthead p span i { color: #3db7ef; font-size: 16px; margin-right: 2px; font-weight: 400; }
.conthead p a i { color: #3db7ef; font-size: 16px; margin-right: 2px; }

/************navbar**********/
/*.mwnu { margin-top:-30px; }
.menu:after { position: absolute; content: ""; height: 52px; width: 10000px;
    left: -100px; background: #172646; transition: 0.35s all ease; z-index: -1; left: 34%;
    transform: skew(-36deg); }*/
/*.navbrbg { margin-top: -30px; }*/
.mmenu { font-size: 18px; display: none; }
.navbrbg { position: relative; margin-top:-30px;}
.navbrbg:before { position: absolute; content: ""; height: 100%; width: 10000px;
    top: 0; /*background: #172646;*/ background: #3773b9; transition: 0.35s all ease; z-index: -1; left: 25%; transform: skew(-36deg);   }
/*.navbrbg:after { position: absolute; content: ""; height: 52px; width: 100%; top: 0; background: #172646; transition: 0.35s all ease;
    z-index: -1; right: -29.3%;  }
*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: orange; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active { color: orange; }
.navbar-nav { margin-left: auto; padding-left: 0; margin-right: 0px; }
.navbar-light .navbar-nav .nav-link { color: #FFF; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 16px; }
.nav-link { padding: 0px; }
.menu ul li { border-right: 1px solid rgba(255, 255, 255, 0.2); height: 24px; }
.menu ul li:nth-child(5) { border-right: none; padding-right: 0px; }
.menu ul li:nth-child(5) a { padding-right: 0px; } 
.navbar { padding: 14px 0; }
.navbar-light .navbar-nav .nav-link { color: #FFF; font-weight: 700; font-family: 'Montserrat', sans-serif;
    font-size: 16px; padding: 0 22px; }
.conthead p a:hover { color: #3db7ef; }
/************END************/
.dropdown:hover > .dropdown-menu { background: none; padding-top: 13px;  }
.dropdown-item { padding: 8px 12px; color: #212529; white-space: nowrap; border: 1px solid #17264640; }
.dropdown-item.active, .dropdown-item:active { background: #f48633; }
.dropdown-menu a:hover { background: #f48633; color: #fff; }
/***********carousel************/
.carousel-inner { height: 550px; }
.carousel-item img { height: 550px; object-fit: cover; }
.carousel-control-next { height: 50px; width: 50px; margin-right: 100px; }
.carousel-control-prev { height: 50px; width: 50px; margin-left: 100px; }
.carousel-control-next i, .carousel-control-prev i { font-size: 52px; }
.carousel-control-next, .carousel-control-prev { position: absolute; top: 44%; }
.carousel-caption { position: absolute; bottom: 100px; right: 10%; width: 35%; height: auto; padding: 0; text-align: right; 
  margin: auto; margin-right:0px; }
.carousel-caption h5 { color: #fff; font-size: 28px; padding: 10px 23px; }
/**************underline************/
.underline h1 { font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 0px;
 color: #172646; text-transform: uppercase; }
.underline h1 hr { width: 7%; height: 3px; background: #3db7ef; margin-top: 15px; }
.underline { margin-top: 45px; margin-bottom: 10px; }
.transpot p { font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif; text-align: justify; margin-bottom: 0px; }
.passion h2 { color: #274d81; font-style: italic; font-weight: 700; font-size: 22px; text-decoration: underline; }
.passion p { font-size: 16px; font-family: 'Montserrat', sans-serif; text-align: justify; font-style: italic; margin-bottom: 25px; }

.transpot ul { margin-bottom: 35px; }
.transpot ul li { font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 8px; }
.transpot ul li:last-child { margin-bottom: 0px; }
.transpot ul li i { color: #3db7ef; font-size: 16px; margin-right: 5px; }
.transpt { margin-bottom: 30px; }
.transport1 { height: 40px; background: #3db7ef; /*background: url(../images/patti.png)left center no-repeat;*/
    /*position: relative;*/background-size: 100% 100%; position: absolute; bottom: 30px; padding: 0 60px 0 0px; 
    transition: all 0.8s ease-in-out; }

/*.transportt:hover .transport1 { padding: 0 60px 0 15px; }
.transport1::before { content: " "; position: absolute;
    display: block; width: 25%; height: 100%; top: 0; right: 0; z-index: 0; background: #3db7ef;
    transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); 
    transform: skew(-30deg, 0deg); transition: all all 0.8s ease-in-out; } */

/*.transportt a:nth-child(1) { position: absolute; top: 0; width: 100%; height: 100%; display: block; }*/
.transportt img { width: 100%; opacity: 0.9; border: 5px solid #e7e7e7; }
.transport1 a { color: #fff; padding-left: 10px; height: 40px; line-height: 40px; font-family: 'Montserrat', sans-serif; 
    font-size: 20px; padding-left: 25px; display: block; }
.transport1 a i { padding-right: 5px; display: none; } 
.transportt p { color: #333; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 16px; text-align: center;
    padding: 0 18px; padding-top: 15px; height: 63px; }
/*.transport1:hover { width: 254px; }*/
/*.transport1 a:hover i { padding-right: 5px; padding-right: 0px; display: inline-block; width: 16px; }
.transport1 a:hover i { opacity: 1; }*/
/*.transportt:hover .transport1 { width: 254px; }*/
/*.transportt:hover .transport1 i { padding-right: 5px; padding-right: 0px; display: inline-block; width: 16px; }*/
/****************END***************/
/*.onclickbox { position: absolute; top: 0; width: 100%; height: 100%; }*/

.viewallservices { margin-bottom: 50px; }
.viewallservices a { color: #3db7ef; background: #fff; border:2px solid #3db7ef; font-size: 16px; font-family: 'Montserrat', sans-serif; letter-spacing: 0.06em;
 font-weight: 700; width: 230px; height: 50px; display: block; line-height: 50px; text-align: center; margin-top: 10px; 
transition: all 0.8s ease-in-out; }
.viewallservices a:hover { color: #fff; background: #2e7dab; font-size: 16px; font-family: 'Montserrat', sans-serif; letter-spacing: 0.06em;
 font-weight: 700; width: 230px; height: 50px; display: block; line-height: 50px; text-align: center; margin-top: 10px;
 margin-bottom: 0px; border:2px solid transparent; }
/****************END***************/
/******choose*****/
.whybg { background: #172646; margin-top: 50px; position: relative; margin-bottom: 65px; }
.whybg::before { content: " "; position: absolute; width: 50%; height: 30px; top: 0; background: #172646; 
right: 0; z-index: 0; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); 
transform: skew(-30deg, 0deg); transition: all all 0.8s ease-in-out; margin-top: -30px; }
.whybg::after { content: " "; position: absolute; width: 50%; height: 30px; bottom: 0; background: #fff; 
right: 0; z-index: 0; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); 
transform: skew(-30deg, 0deg); transition: all all 0.8s ease-in-out; margin-top: -30px; }
.whychoose h1 { margin-bottom: 30px; }
.underline p { font-size: 16px; letter-spacing: 0.2px; font-family: 'Montserrat', sans-serif; margin-bottom: 100px; }
.underline p i { color: #3db7ef; font-size: 18px; }
.whychoose h1 { color: #fff; }
.whychoose p { color: #fff; }
/****************END***************/

/*.passion1 { margin-bottom: 50px; }*/
/*******bottom*to*top******/
#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/**********END*********/
/*********aboutus********/
.aboutus { margin-bottom: 50px; }
.aboutus img { float: left; margin-right: 30px; border: 5px solid #e7e7e7; }
.aboutus p { text-align: justify; font-family: 'Montserrat', sans-serif; font-size: 16px; }
/**********END*********/
/*********gallery*********/
.bggallery { width: 100%; height: 300px; background: url(../images/servicebanner.jpg) left no-repeat; background-size:100% 100%; }
.banneraboutus { width: 100%; height: 300px; background: url(../images/aboutusbanner.jpg) left no-repeat; background-size:100% 100%; }
.servcebanner { margin-top:90px; }
.servcebanner h1 { color: #fff; font-weight: 700; font-size: 42px; display: none; }
.servcebanner p { display: none; margin-top: 145px; }
.servcebanner p a { color: orange; font-weight: 500; font-size: 18px; margin: 0 10px; }
.servcebanner p i { color: #fff; }
.servcebanner p span { color: #fff; font-weight: 500; font-size: 18px; margin: 0 10px; }
/***********END*********/
.service p { border-bottom: 2px solid #3773b9; padding-bottom: 10px; margin-bottom: 30px; }
.service p span { color: #fff; font-size: 22px; background: #3773b9;
    padding: 0 15px; height: 50px; display: inline-block; line-height: 50px; /* vertical-align: bottom; */
    margin-left: 52px; }

.service p i { color: #3773b9; font-size: 38px; position: absolute; left: 15px; margin-top: 6px; }
.rightdata p { color: #000; font-weight: 400; font-size: 16px; }
/************Contact**********/
.contactbg { width: 100%; height: 300px; background: url(../images/contact.jpg) left no-repeat; background-size:100% 100%; }
.contact { margin-top: 90px; }
.contact h1 { color: #25265f; font-weight: 700; font-size: 42px; display: none; } 
.contact p { display:none; margin-top: 125px; }
.contact p a { color: #25265f; font-weight: 500; font-size: 18px; margin: 0 10px; }
.contact p i { color: #fff; }
.contact p span { color: #fff; font-weight: 500; font-size: 18px; margin: 0 10px; }
/***********END*********/
.actively { margin-top: 45px; }
.actively p { color: #000; font-size: 16px; font-weight: 500; }
.actively p i { color: #3773b9; font-size: 16px; }
.contac_head { margin-top:45px;  }
.contac_head h1 { font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: 700;
    margin-bottom: 0px; color: #172646; text-transform: uppercase; }
.contac_head h1 hr { width: 12%; height: 3px; background: #3db7ef; margin-top: 15px; }

/********Form*******/
.contac_head input { width: 100%; height: 45px; background: #fff; color: #333;
    font-weight: 600; border: 1px solid #333333a6; font-size: 16px; padding-left: 15px;
    border-radius: 5px; margin-bottom: 15px; outline: none; }
.contac_head textarea { width: 100%; height: 90px; background: #fff; color: #333; font-weight: 600; outline: none;
 border: 1px solid #333333a6; font-size: 16px; padding-left: 15px; border-radius: 5px; margin-bottom: 10px;
  padding-top: 10px; }
.contac_head input[type="number"]::-webkit-inner-spin-button { display: none; }
.contac_head input[type="submit"] { width: 125px; height: 50px; background: #313366; color: #fff; 
 font-weight: 500; padding: 0px; font-size: 20px; cursor: pointer; border: none; margin-bottom: 50px; }
.contac_head input[type="submit"]:hover { background: #3db7ef; }    
/************map***********/
.map { margin-top: 45px; margin-bottom: 55px; }
.map iframe { border: 5px solid #e7e7e7; }
/*  gallery css below three equal columns next to each other */
/*.column {
  flex: 24%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

@media (max-width: 1000px) and (min-width: 800px) {
  .column {
    flex: 32%;
    max-width: 33.33%;
  }
}
@media screen and (max-width: 800px) {
  .column {
    flex: 48%;
    max-width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}*/

/********gallery*end********/
footer { background: #3773b9; padding: 30px 0; padding-bottom: 0px; }
.getintouch h1 { font-weight: 700; font-size: 30px; color: #fff; }
.getintouch h1 hr { background: #fff; width: 60%; height: 2px; margin-top: 5px; margin-bottom: 25px; }
.getintouch ul { margin: 0px; }
.getintouch ul li { padding-bottom: 10px; }
.getintouch ul li i { color: #fff; padding-right: 10px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
.getintouch ul li:hover i { padding-right: 5px; }
.getintouch ul li a { color: #fff; font-size: 16px; font-weight: 500; }
.getintouch ul li a:hover { color: orange; }
.getintouch p { margin-bottom: 25px; }
.getintouch p a { color: #fff; font-size: 24px; padding-right: 14px; }
.getintouch p a:hover { color: orange; }
/******end*****/
/*******getintouch2*******/
.getintouch2 { margin-bottom: 20px; }

address { color: #fff; font-size: 16px; }
/*********copyright********/
.copyriht { background: #1726467d; text-align: center; }
.copyriht p { color: #fff; font-size: 12px; padding: 8px 0; margin-bottom: 0px; margin-top: 30px; }
.copyriht p a { color: orange; }







/*@media screen and (min-width: 768px){
.dropdown:hover > .dropdown-menu { display: block; margin: 0px; padding-right: 0px; border: none; }
.dropdown-item { background: #fff; }
}*/