body{font-family: 'Josefin Sans', sans-serif !important;
color: #777 !important;}
p{font-size: 15px!important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.navbar-static-top {border-color: transparent !important; height: auto !important; padding: 0px; margin-top: 5px;}
.navbar-static-top .navbar-nav>li>a {font-weight: 600; color:#fff !important;  margin-left: 34px; margin-top: 0px !important;text-transform: uppercase; font-size: 18px; border-bottom: transparent; }
.navbar-static-top .navbar-nav>li>a:hover {color:#999	 !important; background:none !important; border-bottom: transparent;}
.active{background:none !important; }
.navbar-static-top .navbar-nav>.active>a{border-bottom: transparent; color:#f1f1f1	 !important; background:none !important;}
.navbar-static-top .navbar-toggle .icon-bar { background-color: #1C3254	;}
.navbar-static-top .navbar-toggle { background-color: #fff;   
  border: 2px solid #1C3254	 !important;
  border-radius: 2px!important; }
  .navbar{margin-bottom:-34px !important; background: #000000; padding: 10px 2px 9px;}

  @media screen and (max-width: 991px){
    .navbar{margin-bottom:-15px !important; background: #000000; padding: 2px 0px 3px;}
    header{

      background: #f5f5f5;
    }
    .navbar-static-top .navbar-nav>li>a {font-weight: 600; color:#fff !important;  margin-left: 5px; margin-top: 0px !important;text-transform: uppercase; font-size: 18px; border-bottom: transparent; }
  }

  .tap{
    background: #72BF44 !important  ;padding: 8px 15px 5px 15px; color: #fff !important; border-radius: 5px; border: transparent;
    margin-top: 9px !important; margin-left: 12px;
  }

  .fet{
    background: transparent;
    padding: 2px 10px;
    border: 1.5px solid #fff;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
    color: #fff;
  }
  .fet:hover{
    background: #fff;
    border: 1.5px solid #008000;
    color: #000;

  }
  .img_hover:hover{
    opacity: 0.9;
    cursor: pointer;
  }
  .about2{
    padding: 60px 15px 20px 15px;
  }
  .tent{
    background: #008000 !important; color: #fff !important;padding: 15px 20px 13px 20px; 
    border-radius: 5px; text-decoration-line: none;
    border: none;
  }

  .tents{
    background: #C6A862 !important  ; color: #fff !important;padding: 15px 20px 13px 20px; 
    border-radius: 5px; text-decoration-line: none;
    border: none;
  }


  .home1{
    font-size: 45px;
  }
  .home11{
    font-size: 60px !important;
    padding: 10px;
  }
  .tapa1{
    background: transparent; padding: 6px 20px 6px 20px; color: #000 !important; border: 2px solid #000 !important;
    margin-top: 8px !important; margin-left: 0px !important;
  }

  .tapa1:hover{
    background: transparent; color: #008000 !important;padding: 6px 20px 6px 20px;  border: 2px solid #008000 !important;
    margin-top: 8px !important; margin-left: 0px !important;
  }
  .tapa2{
   background: transparent; color: #008000 !important;padding: 6px 20px 6px 20px;  border: 2px solid #008000 !important;
   margin-top: 8px !important; margin-left: 0px !important;
 }
 .tapa2:hover{
   background: transparent; padding: 6px 20px 6px 20px; color: #000 !important; border: 2px solid #000 !important;
   margin-top: 8px !important; margin-left: 0px !important;
 }
 .btn{
  background: transparent !important	; padding: 2px 17px 2px 17px !important; font-size: 15px; color: #fff !important; border: 2px solid #fff !important;
}
.btn:hover{
 background: #fff!important; font-size: 15px; color: #000 !important; border: transparent;
}
.botn{
  background: #1C3254 !important  ; padding: 12px; font-size: 15px; color: #fff !important; border: transparent !important;
}
.tapp{
  background: #1C3254 !important  ;padding-left: 20px; color: #fff !important; border: transparent !important;
  margin-bottom: 20px;
  padding-right: 20px;
  padding-top:  12px;
  padding-bottom:  12px;
  font-size: 18px;
}
.contact{
  padding: 25px;
  font-size: 20px;
  color: #fff;
  border-bottom: 2px solid#fff;
  border-top: 2px solid#fff;
  border-right: 2px solid#fff;
  border-left: 2px solid#fff;
}
.rev{
  padding: 20px 25px 20px 25px; background: #0A4B73;color: #fff;
}

.head2{
  color: #fff; padding-top: 10px; padding-bottom: 5px; margin: 0;
}
.head22{
  position: absolute;
  left: 0px;top: 3px; width: 20px;height: 20px; 
  line-height: 7px;text-align: center;
  background: #999;color: #fff;border-radius: 3px;
}
.head22:hover{
  position: absolute;
  left: 0px;top: 3px; width: 7px;height: 7px; 
  line-height: 7px;text-align: center;border: 1px solid #1C3254;
  background: #999;color: #fff;border-radius: 3px;
}
.head3{
  padding-top: 25px;
  padding-bottom: 25px;
}
.foot1{
  padding: 40px 0px 70px 0px;
}
.home3{
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.home3:hover {
  -webkit-box-shadow: 0 0 60px rgba(116, 116, 116, 0.20);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.mpara{
  padding-top: 50px;
  padding-bottom: 50px;
}
.para {
  /* The image used */
  background:url(../images/banner3.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.backban {
  /* The image used */
  /*background:url(images/bg1.jpg);*/
  background-size: cover;
  padding-top: 70px;

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
.backband {
  /* The image used */
  background:url(../images/backban2.jpg);
  background-size: cover;
  padding-top: 60px;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
.iconDetails {
 margin-left:2%;
 float:left; 
} 
.carousel-indicators li {
  display: inline-block;
  width: 30px !important;
  height: 12px !important;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(255,255,255,2) !important;
  border: 1px solid #fff;
  border-radius: 10px;
}
.cont{
  font-size: 18px;
}
.top-bottom-bg {
  width: 100%;
  background: #EFBB20;
  margin: 0 auto;
  position: relative;
}
.top-bottom-bg2 {
  width: 100%;
  height: 100px;
  background: #EFBB20;
  margin: 0 auto;
  position: relative;
}

.fusion{
  background-color: #333333;background-position: left top;background-repeat: no-repeat;
  padding-top:25px;padding-right:30px;padding-bottom:25px;padding-left:30px;
  border-top-width:0px;border-bottom-width:0px;border-color:#e5e4e4;border-top-style:solid;border-bottom-style:solid;
}
.fusion-wrapper{
  background-position:left top;background-repeat:no-repeat;
  -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.fusion-h1{
  text-align: center; font-size: 30px; color: rgb(255, 255, 255) !important; line-height: 42px;
}
.fusion-p{
  text-align: center; margin-top: -10px; font-size: 17px !important; line-height: 24px !important; color: #b1b1b1 !important;
}
.para2 {
  /* The image used */
  /*background: url(../images/banner3.jpg);*/
  padding: 5px 5px 0px 0px; 
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */

  background-repeat: no-repeat;
  background-size: cover;
}

.para3 {
  /* The image used */
  background:url(../images/bgbanner.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.para4 {
  /* The image used */
  background:url(../images/index-08_bg.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/*gallery */
*{
  padding:0;
  margin:0;
}



.welcome{
 background:url(../images/banner2.jpg);
 background-size: cover;

 /* Set a specific height */
 min-height: 500px;
 padding: 10px; 

 /* Create the parallax scrolling effect */
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: cover;
}
.welcomee{
 background:url(../images/about.jpg);
 background-size: cover;

 /* Set a specific height */
 min-height: 100px;
 padding: 10px; 

 /* Create the parallax scrolling effect */
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: cover;
}
.welcome{
  background: url(../images/well.jpg);
  background-size: cover;

  /* Set a specific height */
  min-height: 400px;
  padding: 10px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.welcome h2{
  text-align: left;
}

.btt{
  margin-top: 100px !important;
}
.feet{
 text-align: left;
 padding-left: 50px !important;
}
.form{
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 30px;
  color: #000;
}
@media only screen and  (max-width: 800px) 
{
    
.service img{
    height:auto;
    width:100%;
}

  .backban {
    /* The image used */
    background:url(../images/backban1.jpg);
    background-size: cover;
    padding-top: 20px;

    /* Set a specific height */
    min-height: 100px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }
  .head2{
    color: #fff; padding-top: 0px;
  }
  .head3{
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .feet{
   text-align: left;
   padding-left: 15px !important;
 }
 .foot1{
  padding: 30px 0px 30px 0px;
}
.form{
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  color: #000;
}
.mpara{
  padding-top: 20px;
  padding-bottom: 20px;
}
.rev{

  text-align: center;
}
.welcome h2{
  text-align: left;
}



.tapa{
  background: #1C3254 !important  ;padding: 6px 20px 6px 20px; color: #fff !important; border: 2px solid #fff !important;
  margin-top: 8px !important; margin-left: 0px !important;
}

.tapa:hover{
  background: #fff !important  ; color: #1C3254 !important; ;padding: 6px 20px 6px 20px;  border: 2px solid #000 !important;
  margin-top: 8px !important; margin-left: 0px !important;
}
.btn{
  background: transparent !important  ; padding: 10px; font-size: 10px; color: #fff !important; border: 2px solid #fff !important;
}
.home1{
  font-size: 55px;
}
.home11{
  font-size: 36px !important;
  padding: 0px;
}

}

.get-flow-wrap {
  vertical-align: middle;
  color: #FFC94D;

  position: fixed;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 272px;
  width: auto;
  z-index: 999;
  cursor: pointer;}
/*
================================================
About
================================================
*/

#about .about-block h5 {
  color: #34404e;
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 20px;
  text-transform: uppercase;
}

.about-text h6 {
  font-size: 15px;
  margin-top: 0;
  color: #34404e;
  font-weight: 300;
}

#about .about-icon {
  background: #1c3254 none repeat scroll 0 0;
  border: 1.5px solid #b9b9b9;
  border-radius: 3px;
  color: #fff;
  margin-right: 16px;
  min-height: 70px;
  width: 20%;
}

.about-icon i {
  font-size: 20px;
  color: #fff;
}

#about .about-item:hover .about-icon {
  background-color: #0A4B73;
  border-color: #0A4B73;
}

#about .about-block .about-item {
  margin-bottom: 40px;
}

#about .about-block .about-item:last-child {
  margin-bottom: 0;
}
.no-padding {
  padding: 0 !important;
}

/* image hover */
#breadcrumb {
  background: linear-gradient(rgba(28, 50, 84, 0.90), rgba(28, 50, 84, 0.90)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../images/footer-bg.jpg");
  background: -webkit-linear-gradient(rgba(28, 50, 84, 0.90), rgba(28, 50, 84, 0.90)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../images/footer-bg.jpg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 40px 0;
}

#breadcrumb .breadcrumb > li + li::before {
  padding: 0 5px 0 2px;
}

ol.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.page-heading h4 {
  margin: 0;
  color: #fff;
  text-transform: capitalize;
}

#breadcrumb ol.breadcrumb li,
#breadcrumb ol.breadcrumb li a {
  color: #fff;
}

#breadcrumb .breadcrumb li a {
  margin-left: 3px;
}

#breadcrumb ol.breadcrumb > .active {
  color: hsla(0, 0%, 100%, 0.8);
}


/*
   general styles
   */
   .center-block-horiz {
     margin-left: auto !important;
     margin-right: auto !important;
   }
   .set-margin-cicis-menu-to-go {
    margin: 20px;
  }
  .set-padding-cicis-menu-to-go {
    padding: 20px;
  }
  .set-border-cicis-menu-to-go {
   border: 5px inset #4f4f4f;
 }
 set-box-shadow-cicis-menu-to-go {
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
  -moz-box-shadow: 4px 4px 14px #4f4f4f;
  box-shadow: 4px 4px 14px #4f4f4f;
}
/* scroll */
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #008000;
  color: #fff;
  width: 40px;
  height: 38px;
  line-height: 38px;
  right: 25px;
  bottom: 8px;
  padding-top: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
  background-color: #008000;
}
.scroll-top-wrapper.show {
  visibility:visible;
  cursor:pointer;
  opacity: 1.0;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}
.gicon{
  color: #fff; text-align: center; font-size: 28px; padding-top: 15px;
}


/*  general */

section{
 padding-top: 0px;
 padding-left: 50px;
 padding-right: 50px;
 padding-bottom: 30px;
}


.filter-button{
 font-size: 16px;
 border: 2px solid #C6A862;
 padding:8px 10px;
 text-align: center;
 color: #C6A862;
 margin-bottom: 30px;
 background: transparent;
 border-radius: 5px;
 padding-right: 10px;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
 color: #008000;
 background-color: transparent;
 border: 2px solid #008000;
}
.service img{
    height:300px;
    width:100%;
}


/*booking form css*/
.banner-text {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  color: #fff;
}

.banner-text h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.banner-text p {
  font-size: 1.5rem;
  margin-bottom: 30px;
}


.form-control{
  color: #fff!important;
}

@media only screen and  (max-width: 750px) 
{


  .fleets_item{
  height: auto;
}

.fleetsImg {
  height: auto!important;

}



}

@media screen and (max-width: 991px){
  .priceTags{
  text-align: center!important;
  margin-left: 160px!important;
  }

 .priceTags1{
  display: block!important;
 }
  .fleets_item{
  height: auto;
}

.fleetsImg {
  height: auto!important;

}



}

.para_mobile {
  background:url(../images/para.jpg);
  background-size: cover;
  min-height: 200px; 
  background-attachment: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.boxi{
  background:linear-gradient(135deg,rgb(243 210 121) 0%,rgb(163 244 76) 100%);
  padding: 10px;
  border-radius: 11px;
}

.fleetsImg {
  padding: 10px!important;
  height: 335px;

}
.boxii:hover{
  padding: 10px!important;
  border-top: 2px solid #008000;
  border-bottom: 2px solid #008000;
  border-radius: 11px;
}

.fleets_item{
  height: 160px;
}
.fleets_item img{
  height: 100%;
}
.priceTags{
  display: flex;
  margin-left: 115px;
}

.priceTags1{
  display: flex!important;
  margin-left: 10px;
}

.toggle1 {
      margin-left: -18px!important;
     width: 200px;
      display: none;
      position: absolute;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 10px;
      z-index: 1000;
  }

  .toggle2 {
      margin-left: -18px!important;
      width: 200px;
      display: none;
      position: absolute;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 10px;
      z-index: 1000;
  }

  .btn-group:hover .toggle2 {
      display: block;
  }

  .btn-group:hover .toggle1 {
      display: block;
  }


.centeredall {position: absolute;top: 55%; left: 50%; transform: translate(-50%, -50%);}
.centeredall2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}



.form-control1{
  padding: 0px 6px;
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 2.5%;
}

.form-control1:hover{
  padding: 0px 6px;
  width: 100%;
  height: 45px;
  border: 1px solid #D7B65D;
  border-radius: 0px;
}

.form-control1:focus {
 border: 3px solid #D7B65D!important;
 border-radius: 0px;
}


.ggg {
  background: #fff!important;
  color: #333!important;
}


.minus, .qtyminus {
  width: 40px;
  height: 45px;
  background: #eee;
  border: 1px solid#ccc;
  font-size: 25px;
  color: #D7B65D;
}

.plus, .qtyplus {
  width: 40px;
  height: 45px;
  background: #eee;
  border: 1px solid#ccc;
  font-size: 25px;
  color: #D7B65D;
}


.rightside {
  position: sticky;
  top:10%;
}

#rsairport0 {display: none}
#rsairport1 {display:none}
#rsairport2 {display:none}
#rsairport3 {display:none}
#rsairport4 {display:none}





.navbar-static-top .navbar-nav>.active>a {
    border-bottom: transparent;
    color: #c6a862 !important;
    background: none !important;
}


.tent12 {
    background: #72BF44 !important;
    color: #fff !important;
    padding: 10px 19px 4px 10px;
    border-radius: 5px;
    text-decoration-line: none;
}


.nav-tabs {
  border-bottom: none!important;
}
.nav-tabs li {width: 25%;font-size: 17px;text-align: center;padding: 1px;}
.nav-tabs li>a {color:#fff!important;border:1px solid#fff!important; border-radius: 4px!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
 color: #fff!important; border-radius: 4px!important; background: #008000!important;border: 1px solid #fff;
}
.nav-tabs>li>a:hover {
  background: #008000!important;
  color: #fff!important;
  border-radius: 4px;
  border: 1px solid #fff;
}

@media only screen and  (max-width: 750px) 
{
  .nav-tabs>li>a>i{font-size: 15px!important;}
  .nav-tabs li {width: 50%;font-size: 11px!important;background: none;text-align: center;}
}

.centered {position: absolute;width:100%;top: 30%; left: 50%; transform: translate(-50%, -25%);}




.mb-3 {
    margin-bottom: 25px;
}


.tent2{
    background: #008000 !important;
    color: #fff !important;
    padding: 3px 10px 3px 12px;
    border-radius: 5px;
    text-decoration-line: none;
    border: none;
}


.requestHeader{
  height: 50px!important;
}
.requestHeader button{
  margin-top: -20px!important;
}