body{
  font-size: 15px;
  font-family: 'futura_ltbook', sans-serif;
 
  }
  .fa{
    font-size: 45px;
  }

  .container { 
    width: 100%; 
   /* Full viewport height */ 
} 

  .navbar{
    background-color: gray !important; 
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
  .navbar-brand {
    color: #ffffff;
    font-weight: bold;
  }

  .navbar-nav .nav-item .nav-link {
    color:#0000CD;
    position: relative; 
    transition: 0.3s;
    font-weight: 400;

    
  }

  .navbar-collapse {
    position: relative;
   
}
  

  .navbar-nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #808080;
    transition: 0.3s;
    color:#fff;
  }

  .navbar-nav .nav-item .nav-link:hover::before {
    width: 100%; 
    color: #fff;
  }

  /* <!-- Carousel --> */

  .carousel-item  img{
   height: 65vh;
    object-fit: cover;
  }

  /* <!-- About --> */
   
   
  
  
  #about-us-section {
    background: #0066CD;
    width: 100%;
    height: 65vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 8vh;
  }
  
 

  .about-us-image{
    background: url(../image/about_bg.png) no-repeat right;
    position: absolute;
    top: 0;
    right: 5%;
    height: 100%;
    overflow: hidden;
    width: 800px;
  }
  
  .about-man-img {
   position: relative;
   left: 52%;
  
  }
  
 
  .about-us-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    width: 46%;
    height: 80%;
    margin-right: 850px;
    margin-left: 12px;
    z-index: 2;
  }
  .about-us-info h2 {
    color: white;
    font-size: 30pt;
    text-align: right;
    position: relative;
    right: 7%;
  }
  .about-us-info p {
    color: white;
     
    text-align: justify;
     
  }
  .about-us-info a {
    background-color: white;
    color: #0c4c91;
    width: 40%;
    text-align: center;
    padding: 15px 0px 15px 0px;
    font-size: 12pt;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    text-decoration: none;
    font-weight: bold;
  }
  
  .about-us-info a:hover {
    background: #808080;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    transform: translateY(10px);
  }

  /* about_us media query  */
   

  @media screen and (max-width: 860px) {
    #about-us-section {
      flex-direction: column;
      justify-content: space-between;
      height: 100vh;
    }
  }

  @media screen and (max-width: 860px) {
    .about-us-image {
      position: relative;
      width: 100%;
      height: 45%;
    }
  }
  
  @media screen and (max-width: 747px) {
    .about-us-image {
      height: 35%;
    }
  }
  
  @media screen and (max-width: 644px) {
    .about-us-image img {
      position: absolute;
      left: -220px;
    }
  }
  
  @media screen and (max-width: 1353px) {
    .about-us-info {
      margin-right: 400px;
      /* width: 60%; */
      background: #0c4c9199;
      padding: 0px 25px 0px 0px;
    }
  }
  
  @media screen and (max-width: 1238px) {
    .about-us-info {
      margin-right: 340px;
      width: 100%;
    }
  }
  
  @media screen and (max-width: 1111px) {
    .about-us-info {
      margin-right: 270px;
    }
  }
  
  @media screen and (max-width: 910px) {
    .about-us-info {
      margin-right: 150px;
    }
  }
  
  @media screen and (max-width: 860px) {
    .about-us-info {
      margin: 0px 0px 0px 0px !important;
      padding: 0px 20px 0px 20px !important;
      width: 100%;
      height: 55%;
      align-items: center;
    }
  }
  
  @media screen and  (min-width: 747px) {
    .about-us-info {
      height: 65%;
      
    }
  }
  

  
  @media   (max-width: 860px) {
    .about-us-info h2 {
      text-align: center;
      right: 0%;
    }
  }
  

  
  @media screen and (max-width: 860px) {
    .about-us-info p {
      text-align: center;
    }
  }
  
    /* <!-- why choose us --> */
#why-choose-us{
  position: relative;
  top: 15vh;
  background-color: #D3D3D3;
  height: 80vh;
}
.head_title{
  text-align: center;
  position: relative;
  left: 16%;
  top: 4vh;

}
.why_us_item{
  background: #fff;
  text-align: center;
  padding: 30px 25px;
  
  box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  border:5px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
 
  position: relative;
  top: 7vh;
}
.head_title h2 {
  font-weight: bold;
  font-family: 'futura_ltbook', sans-serif;
  color: #484848;
}

.why_us_item:hover{
  background:#ADD8E6;
  box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
   
}

.why_us_item h4{
  font-weight: bold;
  font-size: 2.5vh;
    text-transform: uppercase;
    color: #484848;
    font-family: 'futura_ltbold', sans-serif;
    line-height: 2;
    position: relative;
    top: 1.5vh;
}


    /* <!-- why choose us  media query--> */
    @media screen and  (max-width:1080px) {
  
      .head_title{left: 0%;}
      #why-choose-us{
        height: 154vh;
      }
}


/* service_section */
#service_section{position:relative;  top:20vh;}
#service_section h2 {
  margin: 85px 0 50px;
  text-align: center;
  font-family: 'futura_ltbook', sans-serif;
  color: #484848;
font-weight: bold;
 
}

.service_item h3{
  font-weight: bold;
  text-transform: uppercase;
  color: #484848;
  font-family: 'futura_ltbold', sans-serif;
  font-size: 20px;
  margin: 25px 0 15px;
}

.service_item p{ 
  font-size: 15px;
  line-height: 24px;
  font-family: 'futura_ltbook', sans-serif;
  color: #484848;
 
 }

 .service_item .btn.know_btn {
  margin: 20px 0 100px;
}
.btn.know_btn {
  background: #0000CD  none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  font-family: "futura_ltbold", sans-serif;
  font-size: 16px;
  padding: 10px 20px;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.btn.know_btn:hover, .btn.know_btn:focus {
  background: transparent;
  color: #0000CD ;
  border: 1px solid #0000CD ;
}

/* Achievements_section */
#Achievements_section{
  position: relative;
  top: 15vh;
}

#Achievements_section h2 {
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
  
  color: #484848;
font-weight: bold;
 
}
.testimonial_head p {
  color: #484848;
 font-size: 15px;
 font-family: "futura_ltbold", sans-serif;
 width: 87%;}
 .testimonial_area {
  position: relative;
}
 .testimonial_content {
  background: #e5e5e5 none repeat scroll 0 0;
  border-radius: 18px;
  margin: 55px 0 30px;
  padding: 40px 15px 40px 70px;
  text-align: left;
  position: relative;
  color: #393939;
}
 .testimonial_content p:first-child::before {
  color: #989898;
  content: ",,";
  font-family: "GillSansMT-UltraBold";
  font-size: 15vh;
  left: 6%;
  position: absolute;
   transform: rotateY(180deg);
  bottom: 31vh;
  font-weight: bold;
  
}

 
.testimonial_item :hover{
 background-color: #0000CD;
 color: #fff;
}
.testimonial_content::after {
  background: inherit;
  bottom: -10px;
  content: "";
  height: 3vh;
  left: 47%;
  position: absolute;
  transform: rotate(45deg);
  width: 6%;
}
.testimonial_content p {
  color: #484848;
 font-size: 15px;
 font-family: "futura_ltbold", sans-serif;
 width: 87%;}

 /* Achievements_section media */
 /* @media only screen and (max-width:1080px) {
  .testimonial_content p:first-child::before{
    bottom: 17vh;
    left: 1%;
  }
 } */
 @media screen and (max-width:1080px) {
  .testimonial_content p:first-child::before{
    bottom: 17vh;
    left: 1%;
  }
 }



 
 /* contact_form  */
 #contact_form
 {position: relative; top: 15vh; background: #ADD8E6;}
 .contact-detail h2 {
  margin: 10px 0 0;
  color: #73757e;
}

 .second_heading {
  font-size: 40px;
  font-family: "futura_ltbook", sans-serif;
  
}
 ul{list-style: none;}
  .contact-ul li .fa-location-dot {
    color: #f44337;
    margin: 0px 2px 7px;
    border: 2px solid #f4433790;
}

.contact-ul i {
  font-size: 18px;
  padding: 10px;
 
  border-radius: 50%;
  margin: 2% 0% 2%;
}

 .contact-ul li .fa-phone {
  color: #00b055;
  border: 2px solid #00b05590;
}
.contact-ul li .fa-envelope {
  color: #ff6347;
  border: 2px solid #ff634790;
}
.contact-ul li, .contact-ul b {
  font-size: 20px;
  margin: 10px 0;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  word-wrap: break-word;
}
.contact-detail a {
  color: #000;
  text-decoration: none;
}
 .contact-ul li b:hover {
  color: #f93;
}
.contact-detail span {
  width: 74%;
  display: flex;
  justify-content: center;
  position: relative;
  bottom: 2vh;
}
.contact-detail span a {
  font-size: 16px;
    padding: 6px 9px;
    color: #000;
    border-radius: 50%;
    margin: 0px 5px;
}
.contact-detail span .fb {
  color: #3b5998;
  border: 3px solid #3b5998;
}
.contact-detail span .fb:hover {
  color: #fff;
  background-color: #3b5998;
}

.contact-detail span .insta {
  color: #833ab4;
  border: 3px solid #833ab4;
}

.contact-detail span .insta:hover {
  color: #fff;
  background-color: #833ab4;
}
.contact-detail span .twitter:hover {
  color: #fff;
  background-color: #00acee;
}
.contact-detail span .twitter {
  color: #00acee;
  border: 3px solid #00acee;
}
.contact-detail span .youtube {
  color: #FF0000;
  border: 3px solid #FF0000;
}

.contact-detail span .youtube:hover {
  color: #fff;
  background-color: #FF0000;
}

.contact-detail span .google-plus {
  color: #db4a39;
  border: 3px solid #db4a39;
}

.contact-detail span .google-plus:hover {
  color: #fff;
  background-color: #db4a39; 
}
.contact-detail span .linkedin {
  color: #0077B5;
  border: 3px solid #0077B5;
}

.contact-detail span .linkedin:hover {
  color: #fff;
  background-color: #0077B5;
}

.form-inline{
  display: ruby;
}

.form-inline .form-control {
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: 15px;
  height: 45px;
  margin: 8px;
  padding: 10px 20px;
width: 100%;
  box-shadow: none;
  line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}
 .form-inline textarea.form-control {
  width: 388px;
  resize: none;
}
.form-inline{position: relative;top: 8vh;}

.btn.submit_btn {
  background: #73757e none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  height: 7vh;
  width: 20%;
  border-radius: 10px;
  margin: 0px 8px 55px 0;
}
#contact_form .btn.submit_btn:hover {
  background: #555 none repeat scroll 0 0;
  color: #fff;
}

@media (max-width:1080px){
  .form-inline .form-control {
    width: 349px;
}
 .form-inline textarea.form-control {
    width: 349px;
}
  .btn.submit_btn {
    width: 95px;
    height: 4vh;
}
.contact-detail span {
  left: 15%;
}
#contact_form {
  
  height: 91vh;
}
}

/* footer_top */
#footer  a{
  text-decoration: none;
}
#footer {
  background: url(../image/footer_bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
 top: 20vh;
}
#footer::before {
  background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0;
  content: "";
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

#footer::after {
  background: rgba(34, 37, 51, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.footer_top{
  position: relative;
  top: 17vh;
}

.footer_top, .footer_bottom {
  position: relative;
  z-index: 1;
  color: #fff;
}

.footer_item {
 margin-bottom: 20vh;
}
.footer_item p {
  font-family: 'futura_ltbook', sans-serif;
    font-size: 2.2vh;
}
.footer_item .list-unstyled > li  {
  font-family: 'futura_ltbook', sans-serif;
  font-size: 2.2vh;
}
 
.footer_item > h4 {
  color: #fff;
 
  font-size: 25px;
  margin-bottom: 34px;
  text-transform: inherit;
}
.footer_menu .fa {
  font-size: 10px;
  margin-right: 18px;
  font: normal normal normal 14px / 1 FontAwesome;
}
.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.footer_social_icon .fa {
  background: #ADD8E6 none repeat scroll 0 0;
  border-radius: 100%;
  color: #222;
  font-size: 20px;
  height: 45px;
  padding: 12px;
  text-align: center;
  width: 45px;
 
}
.footer_social_icon .fa:hover{
  background: #0000CD none repeat scroll 0 0;
    color: #fff;
  
 
}
.footer_item .list-unstyled   li a {
  color: #fff;

}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-unstyled.footer_menu > li {
  padding: 4px 0;
}
.post{
  position: relative;
  bottom: 2.5vh;
}
.post .date {
  border: 2px solid #fff;
  border-radius: 100%;
  display: block;
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 12px;
  margin-right: 15px;
  padding: 10px;
  text-align: center;
  width: 50px;
}
.footer_item li a:hover .date, .footer_item li a:focus .date {
  border: 2px solid #aaa;
}
.footer_item li a:hover, .footer_item li a:focus {
  color: #aaa;
}
.post .date small {
  font-size: 12px;
}
.list-unstyled.post > li, .list-unstyled.footer_contact > li {
  padding: 14px 0;
  overflow: hidden;
}
.footer_contact .fa {
  margin-right: 25px;
  text-align: center;
  width: 15px;
  float: left;
  font-size: 18px;
}
.list-unstyled.footer_contact p {
  overflow: hidden;
}
.footer_contact{position: relative; bottom: 2.5vh;}
.footer_bottom {
  background: #1a1c27 none repeat scroll 0 0;
  padding: 28px 0 18px;
  margin-top: 55px;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;}