
/*********************center****************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 4px;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/

.main_2{
    background: #9bb1e2;
}
.hero {
    position: absolute;
	width:40%;
    top: 56%;
    left: 25%;
    z-index: 2;
    color: #fff;
    text-transform:capitalize;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 60px;
	color:#fff;    
}
.hero h1  span{
	color:#fff;    
}
.hero p {
  line-height:1.8em;
  color:#fff;
  font-size:16px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d1573;
    opacity: 1;
}

/********************************/
/*          Custom Buttons      */
/********************************/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 120vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
      background-image: url(../img/bnr1.jpg);
}
.fade-carousel .slides .slide-2 {
    background-image: url(../img/2.jpg);
}
.fade-carousel .slides .slide-3 {
      background-image: url(../img/3.jpg);
}
#center .carousel-indicators{
  bottom:10%;
  }
.fade-carousel .carousel-indicators > li{
      background: #fff;
	  border-color: #fff;
	  width:11px;
	  height:11px;
  }
.fade-carousel .carousel-indicators > li.active{
      width:11px;
	  height:11px;
	  background:#2a93c9;
	  border-color:#2a93c9;
  }

/*********************center_end****************/

/*********************timetable****************/
.main_3{
position:absolute;
width:100%;
bottom:-300px; 
z-index:2; 
  }
.timet_1{
background:#fafafa;
padding:40px 20px;
border-bottom:5px solid #2a93c9;
  }
.timet_1i h5{
 border-bottom:1px solid #ddd;
 padding-bottom:15px;
 margin-bottom:15px; 
  }
.timet_1i1 h1 i{
margin-right:5px;
vertical-align:middle; 
 }
#timetable{
padding-bottom:40px; 
 }
/*********************timetable_end****************/

/*********************serv_home****************/
#serv_home{
     padding-top: 40px;
 padding-bottom:40px;
 }
.serv_home_1 hr{
width:10%; 
border-color:#2a93c9;
margin-left:0;
border-width:3px;
 }
.serv_home_2i span i{
 color:#2a93c9;
 font-size:60px;
 }
/*********************serv_home_end****************/

/*********************quality****************/
#quality {
    background-image: url(../img/bg.jpg);
	background-position:center;
}
.quality_m{
background:#00000038;
padding-top:120px;
padding-bottom:120px; 
 }
.quality_1l h3{
        margin-bottom: 20px;
}
/*********************quality_end****************/

/*********************depart****************/
#depart{
padding-top:40px;
padding-bottom:20px;
background:#fafafa;
 }
#depart .serv_home_2{
margin-bottom:20px; 
 }
#depart .serv_home_2i{
text-align:center; 
padding:30px 15px;
cursor:pointer;
 }
#depart .serv_home_2i:hover{
background:#fff;
 }
/*********************depart_end****************/

/*********************testi****************/
.main_o {
    background: rgba(0,44,143,0.66);
}
.testi{
    padding-top: 40px;
    padding-bottom: 40px;
}
.testi_1l{
padding-top: 25px;
}
.testi_1l ul {
    margin-top: 20px;
    list-style: circle;
    padding-left: 20px;
    color: #666;
}

.center_detail_2 {
    margin-top: 30px;
}


.click_inner ul {
    margin-top: 20px;
    list-style: circle;
    padding-left: 20px;
    color: #666;
}

#team_home{
 background:#fafafa;
 padding-top:40px;
 padding-bottom:40px;
 }
.team_home_1ii{
    position: absolute;
    top: 50%;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    background-color: rgba(255, 255, 255, 0.7);
    padding: 12px 20px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: 0;
    right: 0;
 }
/*
.team_home_1ii:hover{
background:#fff; 
 }
*/
.team_home_1i {
    margin-bottom: 30px;
}
.team_home_1ii ul li a i{
 vertical-align:middle;
 margin-right:5px;
 color:#2a93c9;
 }
.team_home_1ii h5{
    margin: 0;
}
.team_home_1ii ul li{
 margin-top:5px;
 }
/*********************testi_end****************/

/*********************contact_home****************/
.contact_home_1l{
background:#2a93c9; 
 }
.contact_home_1l{
padding:40px 40px 40px 250px;
 }
.contact_home_1l hr{
width:18%; 
border-color:#fff;
margin-left:0;
border-width:3px;
 }
.contact_home_1l .form-control{
 border:none;
 background:none;
 border-radius:0;
 box-shadow:none;
 border-bottom:1px solid #3aace6;
 height:50px;
 margin-bottom:15px;
 color:#ddd;
 font-size:18px;
 }
.contact_home_1l ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd;
}
.contact_home_1l .button:hover{
background:#fff!important; 
color:#2a93c9; 
 }
.contact_home_1r hr{
width:12%; 
border-color:#2a93c9; 
margin-left:0;
border-width:3px;
 }
.contact_home_1r {
padding-top:170px; 
 }
.contact_home_1r h5{
border-bottom:1px solid #ddd;
padding-bottom:20px;
margin-bottom:20px;
 }
/*********************contact_home_end****************/
@media screen and (max-width : 767px){
.main_3{
position:static;
 }
.hero{
width:100%;
left:50%;
text-align:center;
top:40%;
padding-left:10px;
padding-right:10px;
 }
.hero h1{
font-size:30px; 
 }
.hero p{
font-size:14px; 
 }
#center .fade-carousel{
height:auto;
 }
#center .fade-carousel .carousel-inner .item{
height:auto; 
 }
#center .carousel-indicators{
 bottom:0;
 }
#timetable{
 text-align:center; 
  }
.timet_1{
 padding-left:10px;
 padding-right:10px;
 }
.timet_1i h5{
text-align:left; 
 }
.timet_1i1 {
margin-top:15px; 
 }
#serv_home{
margin-top:0;
text-align:center;
 }
.serv_home_1 hr{
margin-left:auto; 
 }

.serv_home_2i {
margin-top:15px; 
 }
#quality{
text-align:center; 
 }
#depart{
text-align:center; 
 }
#testi{
text-align:center;
padding-top:40px;
padding-bottom:40px;
 }
.testi_1r {
margin-top:15px; 
 }
.testi_1l {
padding-top:0; 
 }
#team_home{
text-align:center; 
 }
.team_home_1i {
margin-top:15px; 
 }
.contact_home_1l {
padding:40px 15px; 
 }
.contact_home_1l h3{
text-align:center; 
 }
.contact_home_1l .button{
text-align:center; 
 }
.contact_home_1l  hr{
margin-left:auto; 
 }
.contact_home_1r{
padding-top:0;
text-align:center;
padding-top:15px; 
 }
.contact_home_1r hr{
margin-left:auto;
 }
.contact_home_1l h5{
 text-align:center;
 }
}

@media (min-width:768px) and (max-width:991px) {
#center .fade-carousel{
height:auto;
 }
#center .fade-carousel .carousel-inner .item{
height:auto; 
 }
.hero h1{
font-size:30px;
 }
.hero p{
font-size:14px;
 }
.main_3{
position:static;
 }
.timet_1i h5{
 font-size:15px;
 }
.timet_1i1 .button_1{
 padding:10px 15px;
 }
.timet_1i1  h1{
 font-size:30px;
 }
#serv_home{
margin-top:0; 
 }
.testi_1r img{
min-height:540px; 
 }
.contact_home_1l{
padding:40px 15px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
#center .fade-carousel{
height:auto;
 }
#center .fade-carousel .carousel-inner .item{
height:auto; 
 }
.timet_1i1  h1{
 font-size:30px;
 }
.contact_home_1l{
padding:40px 15px; 
 }
 }
@media (min-width:1201px) and (max-width:1280px) {

 }




