.navbar-dark .navbar-brand{
  width: 220px;
}
.navbar-toggler i{
  color:#00B7D8 ;
}
.navbar-toggler:focus {
  color:#00B7D8 ;
  box-shadow: 0 0 0 0.1rem;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #00B7D8;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #00B7D8;
}
.navbar-nav .nav-link:hover {
  color: #00B7D8;
}
nav .input-group {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 50px;
    border: 2px solid #00B7D8;
    overflow: hidden;
  }
nav .form-control{
    border: 0px;
  }
nav .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0;
}
nav input[type="search"] {
    border: 0;
    outline: 0;
  }
  
nav .input-group-text {
    background-color: transparent;
    border: 0;
  }
nav  span{
    background-color: black;
  }
nav .fa-search {
    color: white;
   padding-left: 10px;
   padding-right: 10px;
  }
.navbar-dark .navbar-nav .nav-link {
    color: #00B7D8;
    padding: 0px 20px;
}



/* ==================== nav end =============== */


/* ==================== carsoul =============== */

.trans{
  background: rgba(90, 90, 90,0.5);
  height: 270px;
  margin-top: 220px;
  margin-bottom: 50px;
}
.trans h1 ,.trans p{
 float: right !important;
 text-align: right !important;
}
.trans p{
  margin-top: 150px;
  margin-right: -320px;
}
.trans h1 .h_blue{
  color: #00B7D8;
 }
 .trans h1 .p{
  font-size: 15px;
  line-height: -0.5rem;
 }


.slick-dots{
  
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 16px 0;
  list-style: none;
  bottom: 40px;
}
.slick-dots li{
  margin-top:-40px ;
  margin: 0 0.25rem;
  background: black;
  border-radius: 50%;
  opacity: 0.7;
}
.slick-dots button{
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  border-radius: 50%;
}
.slick-dots li button:before {
  margin-top: -40px;
}
.slick-dots li.slick-active button{
  background-color: white;
}


.pic1{
  background-image: url('images/hero-slider1.gif') !important;
  height:auto;
  background-size:cover;
  background-position: center top;
  width: 100% ;
}
.pic2{
  background-image: url('images/hero-slider2.gif') !important;
  height:auto;
  background-size:cover;
  background-position: center top;
  width: 100%;
}
.pic3{
  background-image: url('images/hero-slider3.gif') !important;
  height:auto;
  background-size:cover;
  background-position: center top;
  width: 100% ;
}
/* ==================== carsoul end =============== */

.blue{
 background-color: #00B7D8;
}
.blue h4{
  color: white;
 padding: 20px 0px;
 }
 

 /* ===================== section2================ */
 .section2 span{
  background-color: black;
  padding: 40px 30px;
  border-radius: 20px;
 }
 .section2 .section2_blue{
  background-color: #00B7D8;
  
 }
 .section2 span i{
  vertical-align: middle;
  color: #fff;
  font-size: 50px;
 }
 .section2 h1{
margin-top: 80px;
 }
 /* ===================== section2 END================ */

 /* ===================== section4 ================ */
.section4 h1{
  color:#00B7D8 ;
}

.section4 .span1 {
  background-color: #fff;
  padding: 70px 20px;
  border-radius: 50%;
}
.section4 .span2 {
  background-color: #fff;
  padding: 70px 50px;
  border-radius: 50%;
}
.section4 span i{
  color:black ;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  font-size: 100px;
}
.section4 .col-md-4{

  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;

}

/* =================section 5 slider================ */


/* =================section 5 slider end================ */
.pic4{
  background-image: url('images/2nd-slider1.gif') !important;
  height: 500px !important;
  background-size: cover;
}
.content{
  display: flex;
  align-items: center;
  justify-content: center;
}
.content h1{
  color:#00B7D8  ;
 }
.content .function{
 color: #fff;
}
.content .content_icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
 }
 .content .content_icon i {
  font-size: 90px;
 }

.pic5{
  background-image: url('images/2nd-slider2.gif') !important;

  height: 500px !important;
  background-size: cover;
}
.pic6{
  background-image: url('images/2nd-slider3.gif') !important;

  height: 500px !important;
  background-size: cover;
}
.pic7{
  background-image: url('images/2nd-slider4.gif') !important;

  height: 500px !important;
  background-size: cover;
}
.pic8{
  background-image: url('images/2nd-slider5.gif') !important;

  height: 500px !important;
  background-size: cover;
}

 /* ===================== section4 END================ */




 /* ===================== section6 form ================ */
 .section6 label{
  font-weight: bold;
 }
 .section6 input{
  border-radius: 10px;
  border: 2px solid rgb(160, 159, 159);
  padding: 10px 10px;
 }
 .form-control:focus {
 
  box-shadow: 0 0 0 0;
}
 /* ===================== section6 END================ */

/* ================footer============== */
.footer_left,.footer_center {
 padding: 20px 20px;
}

.icons span{
  text-align: center;
 width: 40px;
 height: 30px;
  margin: 0 5px;
  background-color:#00B7D8 ;
}
.icons span i{
  font-size: 20px;
 margin-top: 6px;
}
.azul{
  color:#00B7D8 ;
  font-weight: bold;
}

/* ================footer end============== */

 @media (max-width: 768px) {
  .navbar-dark .navbar-brand {
    width: 150px;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding: 10px 5px;
}
.section4 .col-md-4{
  margin-top: 100px;
}
.footer{
  padding-bottom: 70px;
}
.trans p{
  margin-top: 0px;
  margin-right: -0px;
}
.trans h1 {
font-size: 25px;
 }
 .trans p {
  font-size: 15px;
   }
 }
 @media (max-width: 400px) {
  .section2 span{
    background-color: black;
    padding: 30px 20px;
    border-radius: 20px;
   }
  .section2 span i{
    font-size: 30px;
   }
 }

 @media (max-width: 315px) {
  .trans h1 {
    font-size: 20px;
     }
     .trans p {
      font-size: 14px;
       }
 }

/* ========================== page2 ==================== */
.location{
min-height: 300px;
}
.location .location_left{
  display: flex;
  justify-content: center;
  align-items: center;
}

.location .location_left i{
  color:#00B7D8;
  font-size: 150px;
}
.location .location_left h1{
  color:#00B7D8;
  margin-left: 20px;
  margin-top: 100px;
  align-items: center;
}
.location .location_left{
  display: flex;
  align-items: center;
  justify-content: center;
}
.location_left_line{
  height: 2px;
  width: 200px;
  background-color: #00B7D8;
  margin-left: 25px;
}
.location .location_left ul{
  color:#00B7D8 ;
  margin-top: 30px;
}
.location .location_left ul li{
 font-size: 18px;
 font-family: sans-serif;
}

/* ================= p2 section3================= */

.p2_section3 h1{
  color:#00B7D8 ;
}
.p2_section3_line{
  height: 3px ;
  background-color: #00B7D8 ;
}
.p2_section4 .p2_section4_content{
  padding: 0px 30px;
}
.p2_section4 .p2_section4_content h1{
  color:#00B7D8 ;

}
@media (max-width: 1240px) { 
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:20px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 27px;
    
  }
  .p2_section4 p{
    
    font-size: 17px;
    
  }
 }
 @media (max-width: 1140px) { 
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:20px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 25px;
    margin: 10px 0px;
    
  }
  .p2_section4 p{
    margin: 5px 0px;
    font-size: 17px;
    
  }
 }
 @media (max-width: 1040px) { 
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:20px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 23px;
    margin: 8px 0px;
    
  }
  .p2_section4 p{
    margin: 4px 0px;
    font-size: 17px;
    
  }
 }

 @media (max-width: 992px) { 
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:20px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 22px;
    margin: 8px 0px;
    
  }
  .p2_section4 p{
    margin: 4px 0px;
    font-size: 16px;
    
  }
 }

 @media (max-width: 940px) { 
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:20px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 21px;
    margin: 8px 0px;
    
  }
  .p2_section4 p{
    margin: 3px 0px;
    font-size: 15px;
    
  }
 }

 @media (max-width: 890px) { 
  
  .p2_section4 .p2_section4_content{
    padding: 0px 0px;
    padding-left:15px ;
  }
  .p2_section4 h1{
    color:#00B7D8 ;
    font-size: 20px;
    margin: 8px 0px;
    
  }
  .p2_section4 p{
    margin: 2px 0px;
    font-size: 14px;
    
  }
  .p2_section4 img{
   
    margin: 0px;
    padding: 0px;
  }
 }
 @media (max-width: 552px) { 
  .location_left_line{
    height: 2px;
    width: 100px;
    background-color: #00B7D8;
    margin-left: 25px;
  }
 }




 /* =====================p3 css==================== */

 .p3_section2 h1{
  color:#00B7D8 ;
 }
 .p3_section3 h1{
  margin-top: 60px;
  color:#00B7D8 ;
 }


 .p3_section5 h1{
  margin-top: 60px;
  color:#00B7D8 ;
 }

 @media (max-width: 580px) {
  .p3_section2 h1,.p3_section3 h1,.p3_section5 h1 ,.p3_section2 p,.p3_section3 p,.p3_section5 p{
    padding-left:15px ;
    padding-right: 15px;
   }
   
  }