@font-face{
    font-family:"avenir-next-lt-pro-regular";
    src:url("https://fontsme.com/wp-data/a/700/17700/file/AvenirNextLTPro-Regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/a/700/17700/file/AvenirNextLTPro-Regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/a/700/17700/file/AvenirNextLTPro-Regular.otf") format("truetype");
}
span.font5{font-family:"avenir-next-lt-pro-regular";font-size:50px;text-transform:none;}
body {
  color: #000;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;

  overflow-x: hidden !important;
}
.nav-item{ font-size: 15px; padding: 8px; color: #fff; text-transform: uppercase; font-weight: 500;}
.top-head{
   background: #0f558647;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}

.carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.navbar-inverse{
    background-color:#f00;
    }
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}

.navbar-brand {
  font-size: 30px;
}



nav.navbar.shrink {
  min-height: 35px;
}

nav.shrink a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}

nav.shrink .navbar-brand {
  font-size: 25px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}
.add{
    background-color:#ff0;}

/*.carousel-caption {
	animation: anim-1 40s;
}
    @keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}*/
.carousel-caption h2{
  background: #0000007a; color: #fff; font-size: 37px; text-align: center;padding: 11px 6px; margin-bottom: 25px; border-radius: 5px; text-transform: uppercase;
}
.carousel-caption p{background: #0000007a; color: #fff; font-size: 20px; text-align: center;border-radius: 5px;padding: 11px 6px;}

.servics-sec :after {
   content: " ";
    position: absolute;
        top: 100%;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    background-color: #e34925;
    height: 3px;
}
.servics-sec h4{
  text-align: center;
      line-height: 47px;
    font-size: 38px;
}
.para{
  font-size: 17px;
    line-height: 27px;
    text-align: justify;
}
.para1{
  font-size: 17px;
    line-height: 30px;
    text-align: justify;
}

.info-box-icon{
      text-align: center;
    margin-bottom: 8px;
}
.info-box-title{
  font-weight: 400;
  font-size: 21px;
    text-align: center;
    margin-bottom: 15px;
}
.info-box-inner{
  color: #777;
    font-size: 15px;
    text-align: center;
}
.box-icon-wrapper{
      height: 220px;
   margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #ebe6e6;
    padding: 15px;
    border-radius: 5px;
}

.box-icon-wrapper:hover
{box-shadow: 2px 3px 14px rgba(0,0,0,);
  background-image: -webkit-linear-gradient(top,#f6c4b8,#e34925 100%);
  color: #fff;
}
.box-icon-wrapper p:hover{
  color: white;
}
.info-box-icon img{
  width: 50px;
}

.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}

#why_us{
  background-image: url(../images/bacck.jpg);
  background-repeat: no-repeat;
      background-position: bottom;
}
.secp{
        margin-bottom: 40px;
    line-height: 68px;
    font-size: 38px;
}
.secp:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 2%;
    width: 75px;
    height: 3px;
    background-color: #e34925;
}
.secpp{
        margin-bottom: 40px;
    line-height: 68px;
    font-size: 38px;
}
.secpp:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 75px;
    height: 3px;
    background-color: #e34925;
}
.whyus li{
    font-size: 15px;
    /* margin-right: 10px; */
        display: flex;
    text-align: justify;
    line-height: 26px;
    list-style: none;
    margin-bottom:15px;
}
.whyus li:before {
    content: url(../images/arrow_right.png);
    margin-right: 3px;
    line-height: 15px !important;
    float: none;
    vertical-align: middle;
    display: inline-block;
}
.whyus{
  padding: 0px;
  padding-left: 0px;
   /* border-left: 1px solid #e34f25;*/
}
.whyus p{margin: -7px 0px 16px 5px;}

#work_method{
background: #471585;
}
.carousel-item p{
  color: #fff;
}
#client-testimonial-carousel .carousel-item {
  height: 170px;
}
.owl-carousel .item {
     margin: 3px
 }

 .owl-carousel .item img {
     display: block;
     width: 100%;
     height: auto
 }

 .owl-carousel .item {
         
    
    height: 120px;
    overflow: hidden;
 }

 .owl-carousel {
     margin-bottom: 15px
 }

 .fusion-footer-widget-area {
    background-color: #363839;
    border-color: #e9eaee;
    border-top-width: 0px;
    background-image: url(../images/footer_bg_img-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    padding-top: 28px;
    padding-bottom: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
.fusion-footer-widget-area > .fusion-row {
    padding-left: 0px;
    padding-right: 0px;
}
.widget-title{
  color: #fff; font-size: 18px;
}
.fusion-column {
      /* border-right: 1px solid #474541;*/
}
.address label:before {
    content: url(../images/address.png);
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 26px;
    padding-top: 10px;
   min-height: 70px;
}
.contact-info-container .phone label:before {
    content: url(../images/phone.png);
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    padding-top: 10px;
    min-height: 20px;
}
.contact-info-container p.address {
    margin-bottom: 28px;
    color: #fff;
}

.contact_info p {
    margin: 0;
}
.address label{
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.phone label {
   display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.btnn {
    width: 100%;
    background: #e34f25 !important;
    font-size: 20px;
    border: 0px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #ffffff;
    width: 100% !important;
    line-height: 2;
   
}
.contact-info-container .email label:before {
    content: url(../images/email.png);
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}
.contact-info-container .email label {
    
    
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.email a {color: #fff;}
 .fusion-social-networks-wrapper{   border-top: 1px solid #474541;
      border-bottom: 1px solid #474541;
          text-align: center;
    padding: 10px;
 }

.fusion-social-network-icon {
      margin: 0 5.5px 14px;
}

.fusion-icon-facebook:before {
    content: url(../images/facebook.png);
}
.fusion-icon-twitter:before {
    content: url(../images/twitter.png);
}
.fusion-icon-googleplus:before {
    content: url(../images/google_plus.png);
}
.fusion-icon-linkedin:before {
    content: url(../images/linked_in.png);
}
.foot{
      margin-bottom: 30px;
}
.email{
      margin: 14px 6px 5px;
}
.footer-bottom {
    
    background-color: #2a2f34;
    padding: 9px 0 0px;
    color: #fff;
}
.footer-bottom a{
  color: #fff;
}
.sec{
  margin:10px;
  border: 1px solid #e5d4d4;
}
.text-c{

        border-top: 1px solid #cbaeae;
    color: #ffffff;
    padding: 10px;
    background: #443f4bad;
}

/*-------------------------other css---------------*/


.breadcrumb {
    background: none;
/*    position: absolute;*/
    right: 0;
    bottom: 0;
    margin-bottom: 0px;
    float: right;
    font-size: 20px;
    color: #efefef;
}
.breadcrumb li a{
    color: #fff;
}
.banner-heading .banner-title {
   font-size: 45px;
    color: #fff;
    padding: 70px 0px;
    font-weight: 400;
    text-align: center;
    font-family: inherit;
}
.bg-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: rgba(36, 46, 68, 0.7);
    z-index: -1;
}
.bg-overlay {
    position: relative;
    z-index: 1;
}
.banner-area {
    background:url(../images/aa.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-heading {
       padding: 86px 45px 0px;
}
#contact,#wedo,#howdo,#clients,#about,#serves {
  padding: 30px 0px;
    background: #fff2f0;
}
#contact h4{
    color: #3a1469;
    margin-bottom: 15px;
}
#contact .address{
   color: #292727;
    /*line-height: 25px;*/
}
#contact .text-white{
   color: #292727!important;
    line-height: 25px;
    text-align: left!important;
}
.wedo_box{
     height: 256px;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #391469;
    padding: 15px;
    background: white;
}
.wedo_box h4{
   color: #431a72;
    font-weight: 500;
}
.wedo_box p{
   color: #201e1e;
    line-height: 26px;
}
.paragraph p{
    font-size: 17px;
    font-family: inherit;
    color: #393737;
    line-height: 27px;
    border-bottom: 1px solid #ece4e4;
    padding-bottom: 10px;
    text-align: justify;
    margin-bottom: 5px;
}
.clients_box {
    width: 100%;
    height: 170px;
    overflow: hidden;
    background: white;
}
.clients_box img{
  
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    position: relative;
    top: 25px;
    
}
.client_title {
   padding: 10px;
    background: #fceeec;
    color: #572788;
    text-align: center;
}
.img_box {
    margin-bottom: 30px;
    box-shadow: 1px 2px 5px 0px #cbc4c4;
}
.txtOverlay{
    opacity:0.9;
    height: 40px;
    padding: 5px;
    width: 100%;
    font-weight:700;
    text-align: center;
    background: url(../images/captchabg.jpg);
}
.theText{
    color:#000;
    font-size: 25px; 
    font-weight:700; 
}
.element {
   width: 44%;
    height: 497px;
    float: left;
    background-image: url(../images/servee.jpg);
    background-size: cover;
    background-position: -39px 0;
    background-repeat: no-repeat;
    -webkit-clip-path: ellipse(90% 70% at 0% 50%);
    clip-path: ellipse(100% 94% at 0% 50%);
    /* -webkit-shape-outside: ellipse(90% 70% at 0% 50%); */
    /* shape-outside: ellipse(90% 70% at 0% 50%); */
    -webkit-shape-margin: 2em;
    shape-margin: 2;
}
.about_list{
    padding-left: 15px;
}
.about_list li{
   font-size: 17px;
    color: #000000;
    line-height: 34px; 
}
.head {
   
}
.head h5{
  font-size: 23px;
    color: #3c156b;
    border-bottom: 2px solid #e34925;
    
    padding-bottom: 10px;  
}
.head h6 {
    font-size: 23px;
    color: #3c156b;
    border-bottom: 2px solid #e34925;
   /* width: 20%;*/
    padding-bottom: 10px;
}
@media screen and (max-width:480px){
    .element{
        display: none;
    }
}


@media screen and (max-width: 320px) {

  #carouselExampleIndicators{
    margin-top: 128px!important;
  }

  .carousel-caption h2{
    font-size: 10px!important;
    margin-top: -59px;
    margin-left: 23px;
  }

  .carousel-caption p{
    font-size: 10px!important;
    margin-top: -10px;
    margin-left: 23px;
  }

  .servics-sec h4{
    font-size: 21px;
  } 

  #work{
   font-size: 23px;
  }
   #client{
   font-size: 21px;
  }
   #estemed{
   font-size: 21px;
  }
  #still{
   font-size: 19px;
  }
   .email{
   margin-left: -50px;
  }
   #img1{
   height: 250px;
  }

  #emailcontact{
    margin-left: 5px;
  }

  .banner-heading .banner-title{
    font-size: 32px;
  }

  #navbar_back{
    background-color: white;
  }
  
}

@media screen  and (max-width:375px) and (min-width: 325px){

  #carouselExampleIndicators{
    margin-top: 128px!important;
  }

  .carousel-caption h2{
    font-size: 10px!important;
    margin-top: -59px;
    margin-left: 23px;
  }

  .carousel-caption p{
    font-size: 10px!important;
    margin-top: -10px;
    margin-left: 23px;
  }

  .servics-sec h4{
    font-size: 17px;
  } 

  #work{
   font-size: 23px;
  }
   #client{
   font-size: 21px;
  }
   #estemed{
   font-size: 21px;
  }
  #still{
   font-size: 19px;
  }
   .email{
   margin-left: -107px;
  }
   #img1{
   height: 250px;
  }
   #emailcontact{
    margin-left: 5px;
  }

  .banner-heading .banner-title{
    font-size: 32px;
  }
   #navbar_back{
    background-color: white;
  }
  
}

@media screen  and (max-width:425px) and (min-width: 380px){

  #carouselExampleIndicators{
    margin-top: 128px!important;
  }

  .carousel-caption h2{
    font-size: 10px!important;
    margin-top: -59px;
    margin-left: 23px;
  }

  .carousel-caption p{
    font-size: 10px!important;
    margin-top: -10px;
    margin-left: 23px;
  }

  .servics-sec h4{
    font-size: 17px;
  } 

  #work{
   font-size: 23px;
  }
   #client{
   font-size: 21px;
  }
   #estemed{
   font-size: 21px;
  }
  #still{
   font-size: 19px;
  }
   .email{
   margin-left: -158px;
  }
   #img1{
   height: 250px;
  }
   #emailcontact{
    margin-left: 5px;
  }

  .banner-heading .banner-title{
    font-size: 32px;
  }
   #navbar_back{
    background-color: white;
  }
  
}