body{

    

    font-family: 'Signika', sans-serif !important;

}



 

#body .container {

    max-width: 1140px !important;

}



@font-face{

    src: url(../fonts/ATCArquette-Medium.ttf);

    font-family: atc-med;

}



@font-face{

    src: url(../fonts/ATCArquette-Regular.ttf);

    font-family: atc-reg;

}



.a-font{

    font-family: atc-med !important;

}



.a-font2{

    font-family: atc-reg !important;

}



/*------------ fixed social -------------------*/



.fixed-list{

    list-style-type: none;

    margin: 0;

    padding: 0;



}



.fixed-list li a{

    width: 52px;

    height: 52px;

    line-height: 52px;

    /* border-radius: 100%; */

    text-align: center;

    margin: 3px 0;

    color: #fff;

    display: inline-block;

    font-size: 25px;

}



.fix{

    background-image: linear-gradient(to right top, #2d35b7, #2945c5, #2454d2, #1f62df, #1b71ec);

    

}



.fix2{
    background: linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%);
}
.fix3{
    background: #0a66c2;
}
.fix4{
    background: #0fdace;
}
.fix5{
    background: #0077b5;
}

a.twitterfx{background:#000; padding:9px; position:relative; line-height:0px !important;}
a.twitterfx img{}




.fixed{

    z-index: 999999;

    position: fixed;

    right: 0;

    top: 30%;

}







/*--------------- banner ---------------*/

.main-nav .navbar{padding:0rem 1rem !important}

.main-banner{position:relative;}
.main-banner:after{content:'';width:100%; height:100%;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}

.banner {

   /* background: url(../images/banner.jpg) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

    /*padding: 310px 0 230px;*/
	position:absolute;
	left:0;
	right:0px;
	top:30%;
	width:75%;
	margin:auto;
	z-index:1;

}



.ban-container {

    width: 87% !important;

    margin: 0 auto !important;

    animation-name: moveInleft;

    animation-duration: 3s;

}



h5.ban-header {

    color: #fff;

    font-weight: 500;

    font-size: 60px;

    padding: 0 0 0 0;

    margin-bottom: 28px;
	text-align:center;

}



.ban-link {

    display: inline-block;

    background-image: linear-gradient(to right top, #f07b00, #f36a00, #f75700, #fa3e00, #fd0d00);

    color: #fff;

    font-size: 24px;

    padding: 6px 31px;

    border-radius: 50px;
	transition:0.5s all;

}
.ban-link:hover{text-decoration:none; color:#FFF; background-image: linear-gradient(to right top, #f75700, #fa3e00, #fd0d00, #f07b00, #f36a00,);}

.dftl-btn{ display: inline-block; padding: 6px 31px; font-size: 18px; background:#f07d00; color:#FFF;border-radius: 50px; transition:0.5s all;}
.dftl-btn:hover{text-decoration:none; color:#FFF; background:#e30613;}
.indxbtn span{display:block;}
.indxbtn a{font-weight:400 !important;}

.overlay{

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.5);

    position: absolute;

    top: 0;

    left: 0;

}



@keyframes moveInleft {

    0% {

        opacity: 0;

        transform: translateX(-100px);

    }



    80% {

        transform: translateX(10px);

    }

    100% {

        opacity: 1;

        transform: translate(0);

    }

}









/*--------------- navigation ---------------*/



/* .main-nav{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999999;

    width: 100%;

} */



.top-nav .navbar {

    background-color: #fff !important;

    width: 100%;

}



a.navbar-brand img {

    width: 140px;

}



.navbar-nav li a {

    /*color: #676666 !important;*/
	color: #333 !important;

    font-size:20px;

    font-weight: 400;

    /* padding: 0 20px !important; */

}



.navbar-nav li{

    padding-left: 30px;



}



.navbar-nav li:first-child{

    padding-left: 0;

}



.navbar-nav li a i {

    color: #f07d00;

    font-size: 15px;

    margin-right: 6px;
	position:relative; top:-1px;

}



.nav-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.nav-list li a {

    display: inline-block;

    color: #000;

}



.nav-list li a i {

    margin-top: 12px;

    margin-right: 47px;

}



a.nav-btn {

    background: #f2521c;

    color: #fff !important;

    text-transform: capitalize;

    font-size: 16px;

    padding: 10px 37px;

    font-weight: 600;

}





.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background: black; */

    /* box-shadow: 0px 2px 17px 6px #dedddd; */

    box-shadow: 0 6px 17px -6px #abaaaa;

    background-color: #fff !important;

}



  .sticky2 {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }





  /*--------------- about ---------------*/



  .ab-rt{

    margin-left: 20px;

  }



  .clear{

    clear: both;

  }



  .about {

    /* margin-top: 70px; */

    background: #f6f6f6;

    padding: 90px 0;

}



h5.a-header2 {

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 500;

    color: #212121;

    /* letter-spacing: 2px; */

    margin-bottom: 15px;

}



.a-header {

    font-size: 45px;

    /* padding-left: 20px; */

    color: #1f1f1f;

    position: relative;

    line-height: 55px;

}



p.a-para {

    font-size: 20px;

    color: #212121;

    line-height: 30px;

}



/*--------------- our business ---------------*/



/* .b-img img {

    width: 100%;

} */



.business{

    margin-top: 70px;

}



.bu-header2 {

    font-size:50px;

    /* font-weight: 600; */

    color: #212121;

    text-transform: capitalize;

    margin-bottom: 22px;

}



p.bu-para2 {

    text-align: center;

    font-size: 20px;

    color: #212121;

    padding: 0 58px;

    margin-bottom: 45px;

}



.bu-img {

    width: 100%;

    height: 404px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;
	border-radius:10px;

}



.bu-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

    transition: all .5s ease-in-out;

}



h5.bu-header a {

    color: #f2521c;

    font-size: 25px;

    font-weight: 700;

    margin-bottom: 8px;

    display: inline-block;

}



p.bu-para {

    font-size: 19px;

    color: #212121;

    line-height: 30px;

    margin-bottom: 0;

    padding-right: 0px;

    margin-top: 18px;

}



a.bu-link {

    display: inline-block;

    color: #fff;

    background: #f2521c;

    text-transform: capitalize;

    font-weight: 600;

    padding: 10px 36px;

}



a.bu-link i{

    font-size: 14px;

    margin-left: 6px;

}



a.bu-link:hover{

    text-decoration: none;

    color: #fff;

}



.bu-box {

    background: #e9ecef;

    padding: 15px;

}



.bu-box2 {

    display: inline-block;

    margin-top: 25px;

}



.bu-text {

    padding-top: 23px;

}



.mt-top{

   margin: 70px 0 90px;

}

.mt-topnew{

   margin: 70px 0 50px;

}




.bu-row{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    margin-left: -15px;

}



.bu-col{

    flex: 0 0 20%;

    max-width: 20%;

    padding-left: 15px;

}



.bu-cap a{

    font-family: atc-med !important;

    font-size: 20px;

    color: #212121;

    display: inline-block;

    text-align: center;

    margin-top: 18px;

}



.bu-cap{

    text-align: center;

}



/* .bu-img2 img{

    width: 100%;

} */



.paralox {

    background: url(../images/para-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    padding: 100px 0;

    margin-top: 70px;

}



.para-header {

    color: #fff;

    font-size: 40px;

    padding: 0 228px;

    line-height: 58px;

}



/*--------------- Regional Presence ---------------*/



.regional{

    background: url(../images/re-img-2.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 1070px;

    margin-top: 80px;

}



.re-header2 {

    font-size: 50px;

    color: #fff;

}



.re-para {

    font-size: 20px;

    color: #fff;

}



.re-icon i {

    /* width: 60px;

    height: 60px;

    background: #fff; */

    display: inline-block;

    font-size: 25px;

    

}



.re-icon{

    width: 60px;

    height: 60px;

    background: #fff;

    text-align: center;

    line-height: 60px;

    border-radius: 100%;

}



.re-1{

    justify-content: end;



}







.re-1.d-flex {

    background: #f07c00;

    width: 27%;

    margin-left: auto;

    

    height: 94px;

}



.re-text.text-center {

    padding-top: 30px;

}



/*--------------- career ---------------*/



.career{

    margin-top: 70px;

}



.career .container-fluid {

    padding: 0 100px !important;

}



p.ca-para {

    margin-top: 20px;

}



h4.ca-header {

    font-size:50px;

    color: #212121;

    font-weight: 500;

    margin-bottom: 18px;

}



a.ca-link {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: capitalize;

    padding: 8px 48px;

    font-size: 17px;

}



a.ca-link:hover{

    color: #fff;

    text-decoration: none;

}



p.i-para a {

    font-size: 19px;

    color: #000;

    font-weight: 600;

    line-height: 28px;

    margin-top: 20px;

    display: inline-block;

}



p.i-para a:hover{

    text-decoration: none;

}



.ca-contain {

    margin-top: 40px;

}







.i-img img{

    width: 100%;

}



.i-text {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 40px 60px;

}



h5.i-title {

    font-size: 20px;

    color: #fff;

    margin-bottom: 0px;

}



h4.i-title2 {

    font-size: 40px;

    color: #fff;

    margin-bottom: 15px;

}



p.i-para {

    color: #fff;

    font-size: 18px;

}



/*----------- footer -----------*/



.ftr-container {

    width: 54%;

    margin: 0 auto;

}



.ftr-social a i {

    color: #fff;

    font-size: 25px;

    padding: 24px 15px 0;

}



.ftr-social {

    border-bottom: 1px solid #c5c5c5;

    width: 44%;

    margin: 0 auto;

    padding-bottom: 28px;

    margin-bottom: 50px;

}









.ftr-logo {

    margin-bottom: 50px;

}



.ftr-bg {

    background-color: #e3e3e3;

    padding: 50px 0;

}



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;

}





/* .footer {

   

    padding: 50px 0 30px;

    background: #454545;

} */



h5.ftr-heading {

    color: #f07d00;

    font-size: 25px;

    margin-bottom: 15px;

    position: relative;

}







 /* h5.ftr-heading::before {

    width: 40px;

    height: 3px;

    background: #fff;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

}  */



h5.ftr-heading2 {

    color: #fff;

    font-size: 20px;

    margin-bottom: 15px;

}



p.ftr-para2 {

    color: #212121;

    font-size: 20px;

    /* margin-top: 28px; */

    /* padding-right: 100px; */

    line-height: 30px;

    /* text-align: justify; */

}



.ftr-flex{

    display: flex !important;

}



.ftr-list li a h5 {

    color: #212121;

    font-size: 23px;

    margin-top: 2px;

    line-height: 35px;

    font-weight: 400;

    font-family: atc-reg;

}



.ftr-list li a h5:hover{

    

    text-decoration: none;

}



.ftr-list li a {

    display: flex;

    margin-bottom: 7px;

}



.ftr-list li a:hover{

   

    text-decoration: none;

}



.ftr-list li a i {

    color: #f2521c;

    margin-right: 14px;

    font-size: 20px;

    /* width: 30px; */

    /* height: 30px; */

    display: inline-block;

    /* background: #ff5e14; */

    padding: 10p;

    text-align: center;

    /* padding: 9px; */

    transform: translateY(11px);

    /* line-height: 12px; */

}



.ftr-list2{

    margin: 0;

    padding: 0;

    list-style: none;

}



.ftr-list2 li a {

    color: #eaeaea;

    display: flex;

    

    

}



.ftr-list2 li a h5 {

    font-size: 25px;

    color: #212121;

    font-weight: 400;

    margin-bottom: 18px;

    line-height: 28px;

    font-family: atc-reg;

}



.ftr-list2 li a i {

    color: #f2521c;

    margin-right: 12px;

    transform: translateY(11px);

    font-size: 9px;

}



.ftr-2 {

    margin-left: 55px;

}



.ftr-3 {

    

    margin-left: 20px;

}



.ftr-list2 li a:hover{

   

    text-decoration: none;

}



.ftr-list3{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}





.ftr-list3 li a {

    

    display: inline-block;

    line-height: 40px;

    font-size: 16px;

   

}



.ftr-list3 li a i {

    background-color: #f2521c;

    width: 35px;

    height: 35px;

    color: #ffffff;

    text-align: center;

    line-height: 35px;

    /* border-radius: 100%; */

}



.ftr-2 {

    margin-left: 55px;

}













.ftr-top{

    margin-top: 60px;

}



.footer {

    margin-top: 70px;

    position: relative;

}







.ftr-5 {

    float: right;

}







.ftr-2 {

    margin-left: 38px;

    border-left: 1px solid #9e9e9e;

    padding-left: 36px;

    border-right: 1px solid #9e9e9e;

}



.ftr-item{

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

}



.ftr-item li a{

    display: inline-block;

}



.ftr-item li a {

    display: inline-block;

    color: #fff;

    width: 42px;

    height: 39px;

    text-align: center;

    font-size: 22px;

    line-height: 40px;

}



h5.ftr-title {

    font-size: 21px;

    color: #757575;

    margin-top: 5px;

}



.ftr-cap {

    font-size: 22px;

    color: #767676;

    margin-right: 15px;

    transform: translateY(7px);

}



.footer-2 {

    background: #cacaca;

    padding: 20px 0;

}



/*----------- back to top -----------*/





#clickTop {

    position: fixed;

    right: 30px;

    bottom: 25px;

    z-index: 999;

}



.click-button {

    background: #f07b00;

    border: none;

    color: #fff;

    /* padding: 5px 12px; */

    display: inline-block;

    border-radius: 3px;

    width: 38px;

    height: 38px;

    /* font-size: 20px; */

}



.click-angle {

    font-size: 25px;

    line-height: 36px;

}


.industryserve [class^="col-"]{margin-bottom:35px;}
.industryserve [class^="col-"] div{position:relative;}
.industryserve [class^="col-"] div img{border-radius:10px;}
.industryserve [class^="col-"] div span{font-family: atc-med !important;font-size: 20px;color: #212121; display: inline-block; text-align: center;margin-top:10px}
.benefitarea{background:#f6f6f6; padding:50px 0 50px;}
.benefitarea [class^="col-"]{margin-bottom:25px;}
.benefitarea [class^="col-"] div{display: block;padding:25px 35px;border-radius:10px;position:relative;transition:0.5s all;top:0;background:#FFF;box-shadow: 0px 5px 10px 1px rgb(0 0 0 / 7%); transition:0.5s all;}
.benefitarea [class^="col-"] div:hover{background:#f07d00;}
.benefitarea [class^="col-"] div:hover img{filter: -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1)}
.benefitarea [class^="col-"] div:hover h3{color:#FFF}
.benefitarea [class^="col-"] div:hover span{color:#FFF;}
.benefitarea [class^="col-"] div img{width:50px; display:block; margin-bottom:15px;}
.benefitarea [class^="col-"] div h3{font-size:22px; font-family: atc-med !important;}
.benefitarea [class^="col-"] div span{display:block; color:#212121; margin-top:10px; font-size:19px; font-family: atc-reg !important;}

.banner-header{position:absolute; left:0; right:0px; max-width:1140px; padding:0 15px; margin:0 auto; bottom:10%; /*left:50%; top:50%; transform:translate(-50%, -50%);*/ z-index:11;}
.banner-header h1{color:#FFF; font-size:38px;line-height:45px;font-weight:400; color:#FFF;}	
.banner-header .breadcrumb{padding:0px; background-color:transparent;}
.banner-header .breadcrumb-item a{color:#f1f0f0 !important; font-weight:400; }				
.banner-header .breadcrumb-item+.breadcrumb-item::before{color:#f1f0f0;}
.textblack h1{color:#000;}
.textblack .breadcrumb-item a{color:#000 !important;}
.textblack .breadcrumb-item+.breadcrumb-item::before{color:#000;}


.contact-page{background:url('../images/mapc.png') no-repeat center center; font-family: atc-reg !important; font-size:19px;}
.contact-page h5{font-size: 35px;font-weight: 600;line-height:47px;margin-bottom:30px;}
.contact-page h4{font-weight:600; font-size:20px;}
.bgcocollast{background:#f07d00; color:#FFF; }
.bgcocollast .fromcol{padding:35px;}
.bgcocollast .fromcol h5{font-size:35px; font-weight:600; margin-bottom:30px;}
.fromcol .form-control{background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,0.5); border-radius:0px;}
.fromcol button{ border:1px solid #FFF; background:#FFF; padding:10px 20px; color:#ec7d1b; margin-top:10px; transition:0.5s all;}
.fromcol button:hover{background:transparent; color:#FFF;}


.form-control::placeholder {
  color: rgba(255,255,255,0.8) !important;
  opacity: 1; /* Firefox */
}

.form-control::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(255,255,255,0.8) !important;
}

.carrerpage p{font-family: atc-reg !important;font-size: 19px;color:#504f4f;}
.boldoff h5 span{font-weight:400;}
.boldoff h5 a{font-size:24px;}

.aboutbenefit [class^="col-"] div{height:220px; padding:25px;}
.manufaml{background:url('../images/manufac-bg.jpg') no-repeat center center; padding:100px 0; text-color:#FFF;}
.manufaml:after{content:''; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%;}
.manufaml h3,.manufaml p{position:relative; color:#FFF; z-index:1;}