@charset "utf-8";
* { box-sizing: border-box; margin: 0px; padding: 0px; letter-spacing: 1px; font-family:'Open Sans', Arial, "sans-serif"; }
.clear {clear: both;  }
ul, li { list-style-type: none;}
h1 { text-align: center; font-size: 12px; line-height: 12px; color: #b6b6b6; background-color: #1b1b1b;}
header { 
    width: 100%; height: auto;
   }

.sub-header{ width:100%; padding: 1% 5%; background-color: #ffffff; position: relative; text-align: right}
.sub-slider {  text-align: center;  background: url("../images/Slide1.jpg") 50% no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%; height: auto;
    position: relative;
   background-position: 50% 50%;}
.sub-slider:before {content: "";
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;}
.logo{ width: auto; float: left; position: absolute; display: block; }
.logo img  { width: auto; height: auto;}
.logo2 { width: auto; float: left; position: absolute; display: none;  }
.logo2 img { width: auto; height: auto;}
.navigation-fixed .logo { display: none;}
.navigation-fixed .logo2 { display: block;}
.navigation-fixed #google_translate_element {display: none;}
.slider { width: 90%; margin:10% 5%;}
.pading { width:100%; padding: 7% 5%;}
.white {background-color: #ffffff;}
.gray {background-color: #f8f9fa;}
.title { font-size: 25px; display: block; color: #222; font-weight: 600; text-transform: uppercase;}
marquee img { margin: 0pc 20px;}
.choose-us, .content-area { width: 100%; text-align: center;}
.choose-us div { width: 33.33%; float: left; padding: 30px 20px; border: 2px solid #f8f9fa; }
.choose-us div i {font-weight: 700;  font-size: 50px; color: #2e3192;}
.choose-us div h3{ margin: 20px 0px; font-weight: 700;  font-size: 18px; color: #222; text-transform: capitalize;}
.choose-us div p { font-size: 14px; line-height: 20px; color:#000; text-align: center; font-family: "Arial"; }
.choose-us div:hover { border: 2px solid #2e3192;}
.team { background-image: url("../images/team_bg.jpg"); background-attachment: fixed; background-size: cover;  position: relative; text-align: center ; height: 440px;}
.team i { font-size: 60px; color: #fff; margin: 10px 0px;}
.team h2 {margin: 10px 0px; font-weight: 600; color: #fff; font-size: 20px; line-height: 1.5;  text-transform: uppercase; }
.team p { font-family: Arial, "sans-serif"; font-size: 14px; line-height: 20px; color: #fff; margin: 20px 300px; }
.service { width: 100%; text-align: center; } 
.service .service-box { width: 30.5%; float: left; padding: 30px 20px; margin: 15px 15px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background-color: #fff; }

.service .service-box .left { float: left;  width: auto; padding: 0px; border-right: 2px solid #2e3192; margin-right:20px;  }
.service .service-box i {font-weight: 700;  font-size: 40px; color: #2e3192; padding-right: 20px; }
.service .service-box .right { float: right; width: 70%; text-align: left!important;}
.service .service-box .right h3 a{ margin: 20px 0px; font-weight: 700;  font-size: 18px; color: #222; text-transform: capitalize ; }
.service .service-box p { font-size: 14px; line-height: 20px; color:#000; font-family: "Arial"; margin-top: 10px; }
.service .service-box:hover { border-top: 2px solid #2e3192; border-bottom: 2px solid #2e3192;  }
.span {position: relative;}
.span i { font-size:30px; color: #2e3192;}
.span:before {content: ""; position: absolute; top: -4px; left: 30px; width: 40px; height: 2px;
background: #dadada;}
.span:after {content: ""; position: absolute; top: -4px; right: 30px; width: 40px; height: 2px;
    background: #dadada;}
.pro-bg { background-image: url("../images/pro_bg.jpg"); background-attachment: fixed; background-size: cover;  text-align: center ;}
.pro-bg .pro-box {width: 18%; float: left; margin: 1%; position: relative; overflow: hidden;}
.pro-bg .pro-box img { width:100%; height: auto; transition: all 450ms ease-out 0s;
    transform: scale(1,1); display: block;}
.pro-bg .pro-box:hover img { transition: all 450ms ease-out 0s;
    transform: scale(1.2,1.2);}
.pro-box div { background-color: rgba(0,0,0,0.8); text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #0795d3; opacity: 0; filter: alpha(opacity=0); margin: 0px auto; overflow: hidden; transition: all 450ms ease-out 0s;   z-index: 1000; display: block; padding-top: 60px;}
.pro-box:hover div {opacity: 1; filter: alpha(opacity=1); transition: all 450ms ease-out 0s;
}
.pro-box div a i{background: #2e3192; color: #ffffff; display: table-cell; font-size: 16px; height: 45px; line-height: 48px; transition: all 500ms ease 0s;  width: 45px;}
.pro-box div h2{ font-size: 16px; color: #fff; transition: all 300ms ease-out 0s; display: block; margin-top: 20px;  }

.title-2 {color:#fff; position: relative;}

/*Footer Style*/
.footer-section { width: 100%; margin-top: 30px; } 
.footer-box {  color: #9d9d9d; width:25%; padding-right: 10px; float: left;  }
.footer-box-big {  width:50%; }
.footer-social li {display: inline-block;
    padding-right: 2px;
    padding-left: 2px;}
.footer-social a {font-size: 14px;
    line-height: 26px;
    background-color: #808080;
    display: block;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    width: 30px; }
.footer-social a:hover {background-color: #2e3192;}
.footer-box h3 {
     font-weight: 600;
    font-size: 18px;
    line-height: 1.5; }
.footer-list li  {   margin: 22px  auto; font-family:"open-sans", Arial!important ; }
.footer-list li a {   
    font-weight: 400;
    color: #9d9d9d;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .20px; font-family:"open-sans", Arial!important ;}
.footer-list li a:hover { color: #2c2f8b;
   }
.footer-list li a i { margin-right: 5px;
   }
.footer-box {font-size: 14px; line-height: 25px; color: #848484; margin: 10px 0px 10px 0px; font-family:"open-sans", Arial!important ;}
.border { border-bottom: 1px solid #d0cccc; margin: 30px auto; width: 90%;  }

.footer-bottom { text-align: center;
    padding: 20px 0px; background-color: #3e3e3e;
   }
.copyright {    font-weight: 400; font-family:"open-sans", Arial;
    font-size: 14px; line-height: 18px;
    text-transform:capitalize;
    color: #808080; letter-spacing: 0px; }
.copyright a { color:#808080;}
.text { font-size: 14px; line-height: 20px; color: #4d4d4d; margin: 10px 0px; font-family:"open-sans", Arial!important ;}
.feature { width:50%; float: left; text-align: left; padding: 10px; }
.feature li { font-size: 14px; line-height: 30px; color: #000000; list-style-type: circle; margin-left: 20px;}

.images { box-shadow: 0px 5px 10px #4f4f4f; margin: 20px 0px;}
.images2 {margin: 20px 0px;}

/*Address Style*/
.address-box { width:90%; margin: 0% 5%; background-color: #f8f9fa; position: relative; margin-bottom: -50px;  box-shadow: 0px 7px 20px 10px rgba(0, 0, 0, 0.05); padding: 30px; justify-content: center!important; -webkit-justify-content: center!important; display: flex;}
.address-box ul li {display: inline-block; float: left; padding: 0px 35px; position: relative;}
.icon-holder { float: left; width: 60px; text-align: center; line-height: normal;}
.icon-holder i { color: #0995d2; font-size: 50px;} 
.text-holder { padding-left: 10px; display: table-cell; vertical-align: middle; padding-top: 5px; }
.text-holder h4 {display: block; font-size: 20px;  line-height: 24px; color: #292b2c; font-weight: normal; font-family: "open-sans", Arial!important ;}
.text-holder p {font-size: 16px; color: #292b2c; font-weight: 600; font-family: "open-sans", Arial!important ;}
.enquiry {padding: 10px 20px; background-color: #403f3f; display: inline-block; margin: 5px; color: #FFF; border-radius: 5px; border: 2px solid #000000; font-size: 16px;}
.enquiry:hover {background-color: #000000;}

/* 1.3 Counter Style */

.counter-box {   width:90%;  background-color: #f8f9fa; position: relative; margin-bottom: -50px; margin-left: 5%; margin-right: 5%; box-shadow: 0px 7px 20px 10px rgba(0, 0, 0, 0.05); padding: 30px; justify-content: space-around!important; webkit-justify-content: space-around!important; display: flex;  }
.countEach {    display: inline-block;
    text-align: center;
    margin-right: 20px;
   }
.integers {    color: #000000;
    font-size: 30px;
    display: block;}
.counter-box h3 {    color: #292929;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    margin: 2px 0 0;}
.icon-box {  background: #2c2f8b none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0px 5px 8px 4px rgba(0, 0, 0, 0.28);
    
    display: inline-block;
    font-size: 36px;
    height: 70px;
    line-height: 21px;
    padding: 23px 0;
    text-align: center;
    width: 70px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  margin-bottom: 20px;}
.icon-box span i {  display: contents; font-size: 35px; font-weight: 500; height: 48px; line-height: 0px; text-align: center; transition: all 500ms ease 0s; width: 48px; color: #ffffff;}
.countEach:hover .icon-box { background-color: #000000;} 
.countEach:hover .icon-box span i { color: #fff;}
.table {width: 100%;  font-size: 14px; color: #000000; line-height: 30px; border-collapse: collapse; margin-top: 10px; margin-bottom: 20px; }
.table td, .table th { padding: 0px 5px; border: 1px solid #bebebe;}

@media only screen and (max-width:768px)
{
 .sub-header{ width: 100%; padding: 0%; margin-top: -15px; }   
  .slider { width: 98%; margin:20% 1%;}
  .choose-us div { width: 100%; float: none;} 
    .team { height: auto;}
    .team p { margin: 20px;} 
    .service .service-box { width: 100%; margin: 15px 0px;}
    .pro-bg .pro-box {width: 48%;}
    .pro-box div { padding-top: 100px;}
    .footer-box { width:100%; padding: 0px;} 
	.footer-box-big { width:100%; padding: 0px;}
    .footer-social { margin-bottom: 30px;}
   .address-box ul li { float: none; padding: 20px 50px;}
    .table td, .table th { padding: 0px 3px;}
    .feature { width: 100%; float: none;} 
    .images2 {width:100%; height: auto;}
}

@media only screen and (max-width:600px) 
{
    .sub-header{ text-align: center;}
    .pro-bg .pro-box {width: 90%; margin: 2% 5%;}
    .pro-box div {padding-top: 150px;}
    .address-box ul li {  padding: 20px;}
    .images { width:100%; height: auto;}
    .counter-box {  justify-content: center!important; webkit-justify-content: center!important; display: block;  }
    .countEach { display: block; margin: 10px 0px;  padding-bottom: 15px; 
  border-bottom: 1px dashed #E5E5E5;}
.countEach:last-child { border-bottom: none;}
 .table {font-size: 12px;  }   
.table td, .table th { padding: 0px;}
}


/*banner css start*/
.rslides_container{position: relative;}
.rslides{position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li{-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child{position: relative; display: block; float: left;}
.rslides img{display: block; height: auto; float: left; width: 100%; border: 0;}
.caption span {color: #000000; text-transform: uppercase; font-size: 30px; line-height: 35px; font-weight: bold;  }
.caption{position: absolute; display: block; bottom: 5px; left: 25%; right: 0%; width: 50%; border-bottom: solid 5px #ffffff; text-transform: capitalize; font-size: 20px; text-align: center; background: #000; background: rgba(255, 255, 255, 1); color: #000; border-radius: 5px; line-height: 30px; padding: 10px;}

.rslides1_nav{position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 55%; left: 0; z-index: 99; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px;}
.rslides1_nav:active{opacity: 1.0;}
.rslides1_nav.next{left: auto; background-position: right top; right: 0;}
.rslides1_nav:focus,.rslides2_nav:focus,.rslides3_nav:focus{outline: none;}
.caption a { border-radius: 5px; padding: 0px 10px; background-color: #000000; color: #ffffff; font-size: 14px; line-height: 30px; text-decoration: none; display: inline-block; margin-top: 10px; }
.caption a:hover {background-color: #2e3192;}



@media screen and (max-width: 600px){
    .caption{border-bottom: solid 5px #000000; font-size: 12px!important; line-height: 18px; font-size: 1.1rem; padding: 20px; width: 100%!important; left: 0%!important; right: 0%!important;  bottom: 10px!important;  position:static; } 
.caption span {font-size: 14px; line-height: 30px; padding-top: 20px;} 
    .rslides1_nav{}}
/*banner css end*/