#body .container{



    max-width: 1200px !important;



}







body{



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



}







.a-font{



    /* font-family: 'Archivo Narrow', sans-serif; */



    



    font-family: 'Merriweather', serif;



}







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







.bc-img{



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



    background-size: cover;



    background-position: center;



    min-height: 600px;



}







.bc-img2{



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



    background-size: cover;



    background-position: center;



    min-height: 600px;



}







.bc-img3{



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



    background-size: cover;



    background-position: center;



    min-height: 600px;



}















.carousel-control-next, .carousel-control-prev {



    opacity: 1 !important;



    



}







.carousel-control-next, .carousel-control-next {



    opacity: 1 !important;



    



}







.carousel-control-next, .carousel-control-prev i {



    background: #fff;



    color: #ed1f24;



    padding: 10px;



    /* border-radius: 100%; */



}







.carousel-control-next, .carousel-control-next i {



    background: #fff;



    color: #ed1f24;



    padding: 10px;



    /* border-radius: 100%; */



}







.banner-content{



    position: absolute;



    top: 0;



    left: 0;



}







.banner-header {



    color: #fff;



    font-size: 60px;



    /* text-transform: uppercase; */



    font-weight: 700;



    letter-spacing: 1px;



    margin-bottom: 30px;



    animation-name: moveInleft;



    animation-duration: 3s;



}







a.banner-link {



    background: #fff;



    color: #ed1f24;



    padding: 14px 30px;



    font-size: 16px;



    font-weight: 500;



    display: inline-block;



    z-index: 1;



    position: relative;



    overflow: hidden;



    font-weight: 600;



}







a.banner-link i{



    margin-left: 8px;



}







a.banner-link::before {



    content: "";



    width: 100%;



    height: 100%;



    background-color: #ed1f24;



    z-index: -1;



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    transform: translatex(-100%);



    transition: ease-in-out .4s;



}







a.banner-link:hover{



    text-decoration: none;



    color: #f7f7f7;



}







/* a.banner-button:hover{



    color: #000;



} */







a.banner-link:hover::before{



    transform: translatex(0);



   



}







.banner-text {



    padding-top: 200px;



}







/* .banner-header {



    display: block;



    font-size: 60px;



    font-weight: 400;



    letter-spacing: 35px;



  



    animation-name: moveInleft;



    animation-duration: 3s;



} */















@keyframes moveInleft {



    0% {



        opacity: 0;



        transform: translateX(-100px);



    }







    80% {



        transform: translateX(10px);



    }



    100% {



        opacity: 1;



        transform: translate(0);



    }



}



.banner video{width:100%;}

.banner{margin:-200px 0 0; z-index:-1;}









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







.top-ul{



    margin: 0;



    padding: 0;



    list-style: none;



    display: flex;



}







.top-ul li a {



    display: inline-block;



    font-size: 16px;



    color: #000;



}







.top-ul li{



    margin-right: 20px;



}







.top-ul li a i {



    margin-right: 8px;



    color: #ff9902;



    font-size: 15px;



}











.top-navigation {



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



    background-size: cover;



    background-position: center;



    min-height: auto;



    /* padding: 0 10px; */



    padding: 10px 0;



}







 /* .top-navigation2 .navbar{



    background-color: initial !important;



}  */















/* .top-navigation:before {



    position: absolute;



    width: 36.854167%;



    height: 100%;



    content: '';



    background: #06163a;



    left: -22px;



    top: 0;



     transform: skew(-24deg,0deg); 



    



     -webkit-transform: skew(-24deg,0deg); 



} */















.top-panel-list {



    margin: 0;



    padding: 0;



    display: flex;



    list-style: none;



    margin-top: 20px;



}







.top-panel-list li a {



    display: flex;



    font-weight: 400;



    /* padding-right: 50px; */



    padding-left: 30px;



}







.top-panel-list li a span {



    font-size: 17px;



    color: #000000;



    margin-bottom: 8px;



    display: inline-block;



    font-weight: 600;



}







.top-panel-list li a h5 {



    font-size: 16px;



    color: #ffffff;



    margin-bottom: 0;



    font-family: 'Lato', sans-serif;



}







.top-panel-list li a:hover{



    text-decoration: none;



}







.top-panel-list li a i {



    font-size: 15px;



    margin-right: 12px;



    color: #fff;



    display: inline-block;



    transform: translateY(5px);



}







.top-rt {



    margin-top: -18px;



}







.top-navigation .container-fluid{



    padding: 0 40px;



}







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







.top-navigation2 .navbar {



    background-color: #FFF !important;



    position: relative;



    padding: 10px 0;



    width: 100;



}







.top-navigation2 .navbar::after {



    position: absolute;



    width: 11.854167%;



    height: 100%;



    content: '';



    background: #878787;



    right: 0;



    top: 0;



    /* transform: skew(-24deg,0deg); */



    /* -webkit-transform: skew(-24deg,0deg); */



    /* clip-path: polygon(0 50, -154% 0%, calc(100% - 146px) 156%, -13% 100%); */



}







a.navbar-brand img {



    width: 130px;



}



.top-navigation2{border-bottom:3px solid #1d70b8; z-index:999999; position:relative; background:#FFF;}



.top-navigation2 .navbar .container-fluid {



    padding: 0 40px;



}







/* .top-navigation2 .navbar .container{



    background-color: rgba(0,0,0,0.7) !important;



} */







.top-navigation2 .navbar .container-fluid .navbar-nav {



    margin: 0;



    padding: 0;



    margin-left: 130px !important;



}







.top-navigation2 .navbar .container-fluid .navbar-nav li a {



    color: #000 !important;



    font-weight: 400;



    font-size: 17px !important;



    padding-left: 0 !important;



    padding-right: 0 !important;



    font-family: 'Lato', sans-serif;



    text-transform: capitalize;



}







.top-navigation2 .navbar .container-fluid .navbar-nav li {



    margin-left: 35px;

	position:relative;

	



}







.top-navigation2 .navbar .container-fluid .navbar-nav li:first-child{



    margin-left: 0;



}



/*.top-navigation2  .navbar-nav li ul{margin:0;padding:0; list-style:none;position:absolute;left:0px;top:0px;width:230px; background:#1d3862;}*/











.top-ul2 {



    margin: 0;



    padding: 0;



    list-style: none;



    display: flex;



    /* position: relative; */



    z-index: 9999;



}







.top-ul2 li a i {



    display: inline-block;



    font-size: 18px;



    background: #fff;



    width: 35px;



    height: 35px;



    color: #000000;



    border-radius: 100%;



    text-align: center;



    line-height: 37px;



    /* z-index: 9999999; */



    position: relative;



}







h5.top-title {



    color: #fff;



    z-index: 9999;



    font-size: 18px;



    font-weight: 500;



}











.sticky {



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 9999;



    /* background:black; */



  }







  .sticky2 {



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 99999;



    /* background:black; */



  }















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







/* .abt-img {



    width: 100%;



    height: 640px;



   



    float: left;



    overflow: hidden;



    position: relative;



    



} */







.abt-img img {



    width: 100%;



    float: right;



}











h4.abt-header {



    /* color: #ed1f24; */



    /* font-size: 20px; */



    /* font-weight: 600; */



    /* margin-bottom: 12px; */



    color: rgba(0,0,0,.6);



    font-size: 20px;



    line-height: 24px;



    text-transform: uppercase;



    /* width: 100%; */



    margin: 0 0 12px;



    letter-spacing: 3px;



}







.abt-lft {



    /* width: 90%; */



    margin-left: 130px;



    margin-top: 100px;



}







h4.abt-header2 {



    font-size: 23px;



    color: #000000;



    margin-bottom: 15px;



    line-height: 45px;



    font-weight: 600;



}







p.abt-para {



    color: #535353;



    text-align: justify;



    line-height: 28px;



    padding-right: 200px;



}







a.abt-link {



    background: #d22602;



    color: #fff;



    display: inline-block;



    font-size: 16px;



    padding: 9px 38px;



    margin-top: 10px;



    transition: .5s ease-in-out;



    font-weight: 600;



}







a.abt-link:hover{



    background-color: #000;



    color: #fff;



    text-decoration: none;



}







.about{



    margin-top: 90px;



}







.about .container-fluid{



    padding: 0 5px;



}







.abt-flex{



   



    width: 58.333333%;



    



}







.abt-flex2{



    width: 41.666667%;



}







.abt-img2{



    width: 100%;



    height: 406px;



    overflow: hidden;



    float: left;



    position: relative;



    /* border-radius: 50px; */



    background-color: #ddd;



   display: none;



}







.abt-img2 img{



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    max-width: 100%;



    width: auto;



    height: auto;



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



}







/*------------- application --------------*/











.app-container{



    width: 90%;



    margin: 0 auto;



}







/* .a-img img{



    width: 100%;



     border-radius: 15px; 



} */







 .app .app-container .row .col-lg-4{



    padding-left: 10px;



    padding-right: 10px;



} 







.app .app-container .row{



    margin-left: -10px;



    margin-right: -10px;



}







/* .app-txt {



    position: absolute;



    bottom: 0;



    left: 0;



} */







/* h5.app-title {



  



    background: #000;



    color: #fff;



} */







/* .app-img {



    position: relative;



    overflow: hidden;



  }



   */



  







  .team-block{



    overflow: hidden;



    transition: ease-in-out .4s;



    margin-bottom: 20px;



}















.team-img img {



    width: 100%;



    height: 100%;



    border-radius: 15px;



}







.team-overlay {



    width: 100%;



    background-color: rgba(0, 0, 0,60%);



    height: 20%;



    position: absolute;



    /* top: 0; */



    left: 0px;



    border-radius: 0 0 15px 15px;



    bottom: 0;



}







  /* .team-block:hover .team-overlay{



    visibility: visible;



    opacity: 1;







}   */







/* .team-text {



    position: absolute;



    text-align: center;



    padding-left: 1em;



    padding-right: 1em;



    width: 100%;



    top: 0%;



    left: 50%;



    transform: translate(-50%, -50%);



     opacity: 0;



    -webkit-transform: translate(-50%, -50%);



    -moz-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



    -webkit-transition: all 0.3s ease-in-out 0s;



    -moz-transition: all 0.3s ease-in-out 0s;



    transition: ease-in-out .4s;



} */







 /* .team-block:hover .team-text{



    top: 50%;



  left: 50%;



  opacity: 1;



}  */







h4.team-header {



    font-size: 18px;



    color: #fff;



    font-weight: 600;



    margin-bottom: 0;



    /* font-family: 'Roboto Slab', serif; */



    text-transform: uppercase;



    letter-spacing: 3px;



    /* padding: 17px 30px; */



    text-align: center;



    line-height: 56px;



}







.app-header {



    font-size: 35px;



    font-weight: 600;



    margin-bottom: 35px;



}







/*------------- product --------------*/







h5.p-header {



    font-size: 30px;



    font-weight: 600;



    margin-bottom: 15px;



}







p.p-header2 {



    font-size: 16px;



    /* padding: 0 306px; */



    color: #535353;



    margin-bottom: 25px;



    padding: 0 215px;



    line-height: 30px;



}







/* .pro-img img {



    border: 1px solid #353434;



} */







.product .p-container .container-fluid .owl-dots {



    /* background: #fff; */



    display: inline-block;



    /* box-shadow: 0px 0px 10px 0px RGBA(0,0,0,0.16); */



    /* border: 0px solid RGBA(0,0,0,1); */



    border-radius: 35px;



    line-height: 14px;



    margin-top: 10px;



    padding: 4px 11px;



}







.product .p-container .container-fluid .owl-theme {



    text-align: center;



    



} 







.product .p-container .container-fluid .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {



    background: #d22602;



}







/*------------- paralox ----------------*/







 .parallax-bg{



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



    height: 400px;



    width: 100%;



   position: relative;



   margin-top: 90px;



} 







/* .parallax-bg {



    padding: 100px 0;



    



    background-image: url(../images/paralox.png);



    background-attachment: fixed;



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    



} */







.para-2 {



    text-align: center;



    font-size: 27px;



    color: #fff;



    font-weight: 600;



    padding: 0 112px;



    /* letter-spacing: 2px; */



    line-height: 47px;



     padding-top: 10%; 



}







/*------------- why ----------------*/







.w-bg {



    background: #fff;



    padding: 50px 40px;



    margin-left: -100px;



    margin-top: 56px;



    box-shadow: 0px 4px 12px 0px #9b9b9b;



}







h5.w-header3 {



    font-size: 30px;



    font-weight: 600;



    margin-bottom: 15px;



    color: #1d3862;



}







p.w-header4 {



    font-size: 16px;



    /* padding: 0 306px; */



    color: #535353;



    margin-bottom: 30px;



    padding: 0 215px;



    line-height: 30px;



}







.w-img img{



    width: 50px;



    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(298deg) brightness(101%) contrast(101%);



}















h5.w-header {



    font-size: 17px;



    margin-top: 15px;



    margin-bottom: 0;



    line-height: 22px;



    color: #000;



}







.w-btm{



    margin-top: 30px;



}







/* .w-box {



     background-color: #fff;



    border: 1px solid #d22602;



    padding: 20px 40px;



    min-height: 165px; 



} */







.w-top {



    padding-top: 42px !important;



}







.w-top2 {



    padding-top: 32px !important;



}















/* .why-bg {



    background-color: #1d3862;



    min-height: 530px;



} */







.why-container {



    width: 87%;



    margin: 0 auto;



}







.w-img2 img {



    width: 100%;



    height: 560px;



}







.w-img img {



    width: 32px;



     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(298deg) brightness(101%) contrast(101%); 



    /* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(2225%) hue-rotate(177deg) brightness(93%) contrast(95%); */



    



}







.w-img {



    background-color: #1d3862;



    padding: 12px;



    /* box-shadow: 0px 10px 20px 0px rgba(255, 255, 255, 0.4); */



    display: inline-block;



    border-radius: 15%;



}







p.why-para {



    /* background: #fff; */



    color: #cdcccc;



    /* padding: 0 100px; */



}















.why-1 {



    margin-top: 70px;



}







/*------------- investors ----------------*/







.in-bg {



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



    background-size: cover;



    background-position: center;



    min-height: auto;



    padding: 80px 0;



    margin-top: 90px;



}















.in-bg2 {



    background-color: rgb(29 56 98);



    padding: 30px 40px;



    /* border: 2px solid #fff; */



    min-height: 304px;



}







.in-color {



    background-color: #dce7f6;



}







.a-color{



    color: #1d3862 !important;



}







.a-color:hover{



    color: #1d3862 !important;



    text-decoration: none;



}







h5.in-header {



    font-size: 22px;



    color: #fff;



    font-weight: 700;



    margin-bottom: 20px;



    



}







/* h5.in-header2::before {



    width: 60px;



    height: 2px;



    background: #ffffff;



    content: '';



    position: absolute;



    left: 0;



    right: 0;



    bottom: -15px;



    margin: 0 auto;



} */







.in-list{



    margin: 0;



    padding: 0;



    list-style: none;







}







.in-list li a {



    color: #fff;



    line-height: 70px;



    display: inline-block;



    font-size: 15px;



    font-family: 'Lato', sans-serif;



}







.in-list li a:hover{



    text-decoration: none;



}







.in-list li a img {



    width: 40px;



    margin-right: 14px;



}







.in-list li a i {



    font-size: 8px;



    margin-right: 12px;



}











.in-list2{



    margin: 0;



    padding: 0;



    list-style: none;







}







.in-list2 li a {



    color: #fff;



    line-height: 72px;



    display: flex;



    font-family: 'Lato', sans-serif;



}







.in-list2 li a:hover{



    text-decoration: none;



}







.in-list2 li a.a-color2{



    color: #1d3862 !important;



}







.a-color3{



    



    color: #1d3862 !important;



}







.in-list2 li a h5 {



    font-size: 15px;



    line-height: 25px;



    font-family: 'Lato', sans-serif;



}







.in-list2 li a i {



    font-size: 8px;



    margin-right: 15px;



    transform: translateY(8px);



}







.in-list2 li {



    padding-bottom: 8px;



}







.in-list2 li:last-child{



    padding-bottom: 0;



}







.in-list3{



    margin: 0;



    padding: 0;



    list-style: none;







}







.in-list3 li a{



    display: flex;



    font-family: 'Lato', sans-serif;



}







a.in-icon i {



    color: #fff;



    font-size: 8px;



}







h5.ul-3 {



    color: #fff;



    font-size: 22px;



    font-family: 'Lato', sans-serif;



}







h5.ul-3 i{



   margin: 0 6px;



    font-size: 20px;



    font-family: 'Lato', sans-serif;











}







h5.ul-2 {



    color: #fff;



    font-size: 15px;



    font-family: 'Lato', sans-serif;



}







h5.ul-2 span{



    margin-left: 6px;



}







a.in-icon i {



    color: #fff;



    font-size: 8px;



    /* margin-top: 10px; */



    /* transform: translate(10px, 10px); */



    /* margin-left: 10px; */



    margin-right: 15px;



    transform: translateY(10px);



}







.in-top{



    margin-top: 18px;



}







.in-title{



    font-size: 15px;



    margin-top: 40px;



    color: #fff;



    font-family: 'Lato', sans-serif;



}







.in-header2 {



    font-size: 42px;



    color: #fff;



    margin-bottom: 32px;



    position: relative;



}







/* h5.in-header2::before {



    width: 60px;



    height: 2px;



    background: #ffffff;



    content: '';



    position: absolute;



    left: 0;



    right: 0;



    bottom: -15px;



    margin: 0 auto;



} */







a.in-link {



    font-size: 17px;



    display: inline-block;



    color: #ffffff;



    /* border: 1px solid #fff; */



    width: 100%;



    /* text-align: center; */



    /* padding: 9px 27px; */



    /* background: #ffffff; */



    font-weight: 700;



    margin-top: 13px;



    font-family: 'Lato', sans-serif;



}







a.in-link:hover{



    color: #ffffff;



    text-decoration: none;



}







a.in-link i {



    font-size: 14px;



    margin-left: 8px;



}







.in-top{



    margin-top: 50px;



}







/* .investor{



    margin-top: 100px;



} */







.in-top {



    margin-top: 99px !important;



}







/* <!------------------- clientele ----------------------> */







.client {



    margin-top: 60px;



}







.c-img img {



    border: 1px solid #b8b3b3;



}







.client .container .client-owl .owl-dots {



    background: #fff;



    display: inline-block;



    box-shadow: 0px 0px 10px 0px RGBA(0,0,0,0.16);



    border: 0px solid RGBA(0,0,0,1);



    border-radius: 35px;



    line-height: 14px;



    margin-top: 33px;



    padding: 4px 11px;



}







.client .container .client-owl .owl-theme {



    text-align: center;



    



} 







.client .container .client-owl .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {



    background: #d22602;



}







/* <!------------------- footer up ----------------------> */











.look{



    background: url(../images/up-bg.jpg) no-repeat;



    background-size: cover;



    background-position: center;



    padding: 90px 0;



    margin-top: 80px;







}







.look-container{



    width: 75%;



    margin: 0 auto;



}







h5.look-header {



    color: #fff;



    font-size: 32px;



    font-weight: 600;



    letter-spacing: 2px;



    margin-bottom: 20px;



}







p.l-header {



    color: #fff;



    font-size: 35px;



    font-weight: 600;



    margin-bottom: 7px;



}







p.l-header2 {



    font-size: 18px;



    color: #ececec;



    line-height: 30px;



    padding-right: 62px;



}







.l-link {



    display: inline-block;



    background: #1d3862;



    color: #ffffff;



    text-transform: capitalize;



    padding: 11px 55px;



    letter-spacing: 2px;



    font-weight: 600;



    position: relative;



    z-index: 1;



    overflow: hidden;



    border: none;



    font-size: 18px;



    margin-top: 20px;



}







.l-link i{



    margin-left: 5px;



}







.l-link:hover{



    text-decoration: none;



    background-color: #fff;



    color: #1d3862;



}







a.l-link::before {



    content: "";



    width: 100%;



    height: 100%;



    background-color: #fff;



    z-index: -1;



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    transform: translatex(-100%);



    transition: ease-in-out .4s;



}







a.l-link:hover::before{



    transform: translatex(0);



   



}







.look-row .row .col-lg-6 .look-form .form-grp .form-control {



    border-radius: initial;



    border: 2px solid #e0e0e0;



    padding: 26px 22px;



    /* font-size: 18px; */



    color: #000;



    width: 85%;



    margin-bottom: 15px;



}















/* <!------------------- footer ----------------------> */







.ftr-1 {



    z-index: 999999;



    position: relative;



}







.ftr-logo img {



    width: 300px;



}







.ftr-bg::after {



    position: absolute;



    width: 37.854167%;



    height: 100%;



    content: '';



    background-color: #1d3862;



    /* right: 0; */



    top: 0;



    left: 0;



    /* z-index: -99; */



}







.ftr-container {



    width: 75%;



    margin: 0 auto;



}











.ftr-bg {



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



    /* background-size: cover; */



    /* background-position: center; */



    padding: 70px 0;



    background: #fff;



    position: relative;



   



}







.ftr-list{



    margin: 0;



    padding: 0;



    list-style: none;



}











/* .footer {



   



    padding: 50px 0 30px;



    background: #454545;



} */







h5.ftr-heading {



    color: #1d3862;



    font-size: 18px;



    margin-bottom: 14px;



    position: relative;



    font-weight: 600;



}











h5.ftr-heading2 {



    color: #fff;



    font-size: 16px;



    margin-bottom: 12px;



    /* display: initial; */



}







p.ftr-para2 {



    color: #ddd8d8;



    font-size: 15px;



    margin-top: 30px;



    margin-bottom: 24px;



    padding-right: 134px;



    /* text-align: justify; */



    line-height: 25px;



}







.ftr-flex{



    display: flex !important;



}







.ftr-list li a h5 {



    color: #373737;



    font-size: 16px;



    margin-top: 9px;



    line-height: 26px;



    font-weight: 400;



    font-family: 'Lato', sans-serif;



    margin-bottom: 0;



}







.ftr-list li a h5:hover{



    /* color: #d22602; */



    text-decoration: none !important;



}







.ftr-list li a {



    display: flex;



    margin-bottom: 7px;



}







/* .ftr-list li a:hover{



    color: #d22602;



    text-decoration: none;



} */







.ftr-list li a i {



    color: #1d3862;



    margin-right: 10px;



    font-size: 14px;



    /* width: 30px; */



    /* height: 30px; */



    display: inline-block;



    /* background: #d22602; */



    padding: 10p;



    /* text-align: center; */



    /* padding: 9px; */



    transform: translateY(15px);



    line-height: 12px;



}







.ftr-list2 li a i {



    font-size: 6px;



    transform: translateY(-3px);



    margin-right: 8px;



    color: #1d3862;



}







.ftr-list2{



    margin: 0;



    padding: 0;



    list-style: none;



}







.ftr-list2 li a {



    color: #373737;



    display: inline-block;



    line-height: 33px;



    font-size: 16px;



    font-family: 'Lato', sans-serif;



}







 .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;



    font-family: 'Lato', sans-serif;



}







.ftr-list3 li a i {



    background-color: #ffffff;



    width: 33px;



    height: 33px;



    color: #1d3862;



    text-align: center;



    line-height: 33px;



    border-radius: 100%;



}







.ftr-2 {



    margin-left: 55px;



}







.ftr-3 {



    margin-left: 30px;



}







.footer-2 {



    background: #dce7f6;



    padding: 25px 0;



    border-top: 1px solid #fff;



}







.ftr-title {



    font-size: 15px;



    color: #1d3862;



    margin-bottom: 0;



    font-weight: 600;



}







.ftr-top{



    margin-top: 60px;



}







.footer {



    margin-top: -3px;



    position: relative;



}



















/*------------- all baners ----------------*/







/*.about-banner{

    background: url(../images/abt-banner.png) no-repeat;

    background-size: cover;

    background-position: center;

}*/



.product-banner{

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

    background-size: cover;

    background-position: center;

}









.contact-banner{

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

    background-size: cover;

    background-position: center;

}







.quality-banner{

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

    background-size: cover;

    background-position: center;

}



.award-banner{    

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

    background-size: cover;

    background-position: center;

}



.mngteam-banner{    

	background: url(../images/mng-team.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}

.milestone-banner{    

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

    background-size: cover;

    background-position: center;

}

.about-banner{    

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

    background-size: cover;

    background-position: center;

}

.bord-banner{    

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

    background-size: cover;

    background-position: center;

}

.csr-banner{    

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

    background-size: cover;

    background-position: center;

}

.in-banner{    

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

    background-size: cover;

    background-position: center;

}



.gallery-banner{

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

    background-size: cover;

    background-position: center;

}







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















.ovr-cap{



    padding: 250px 0;



}







.over-img {



    width: 100%;



    height: 478px;



    overflow: hidden;



    float: left;



    position: relative;



    /* border-radius: 50px; */



    background-color: #ddd;



    margin-top: 20px;



}







.over-img img{



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    max-width: 100%;



    width: auto;



    height: auto;



    margin: 0 auto;



}







h5.ovr-header {



    color: #1d3862;



    font-weight: 600;



    font-size: 25px;



    margin-bottom: 20px;



}







p.ove-para {



    font-size: 15px;



    text-align: justify;



    color: #535353;



    line-height: 28px;



    margin-bottom: 10px;



}







.ove-rt {



   



    margin-right: 20px;



}







.overview{



    margin-top: 80px;



}







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







/* .abt-bg2 {



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



    min-height: auto;



    padding: 60px 0;



    margin-top: 50px;



} */







.abt-bg2 {



    background: url(../images/abt-bg2.png) no-repeat;



    min-height: auto;



    padding: 60px 0;



    margin-top: 70px;



    /* background-attachment: scroll; */



}











.counter {



    background-color: transparent;



    text-align: center;



    padding-top: 10px;



}







.counter-count {



    font-size: 33px;



    /* background-color: #00b3e7; */



    /* border-radius: 50%; */



    position: relative;



    color: #ffffff;



    text-align: center;



    /* line-height: 92px; */



    /* width: 92px; */



    /* height: 92px; */



    display: inline-block;



    margin-bottom: -8px;



}







.employee-p, .customer-p, .order-p, .design-p {



    font-size: 18px;



    color: #d8d5d5;



    line-height: 38px;



}







.employees {



    margin-bottom: 35px;



}







h3.abt-des-title {



    color: #fff;



    font-size: 40px;



    



    letter-spacing: 2px;



}







p.abt-des-para3 {



    color: #d8d5d5;



    font-size: 15px;



}







p.abt-des-para3 {



    color: #d8d5d5;



    font-size: 15px;



    line-height: 26px;



    margin-bottom: 26px;



}







a.abt-see {



    /* background: #fff; */



    color: #ffffff;



    font-size: 15px;



    



    font-weight: 500;



    padding: 12px 14px;



    border: 1px solid #fff;



    display: inline-block;



}







a.abt-see:hover{



    text-decoration: none;



    color: #fff;



}







.employees {



    margin-bottom: 0;



}







/*----------------- vission ----------------------*/







.v-icon img {



    width: 75px;



}







h5.v-title {



    font-size: 21px;



    font-weight: 600;



    color: #1d3862;



    margin-top: 20px;



}







p.v-para {



    font-size: 16px;



    color: #616161;



    line-height: 28px;



}







.v-box{



    background: #fff;



    box-shadow: 0px 4px 12px 0px #c5c2c2;



    padding: 20px;



    min-height: 295px;



}







h5.v-header {



    color: #1d3862;



    font-weight: 600;



    font-size: 33px;



    margin-bottom: 15px;



    text-transform: capitalize;



}







p.v-para2 {



    font-size: 17px;



    color: #393939;



    margin-bottom: 40px;



}







.vission {



    margin-top: 70px;



}







/*----------------- mission ----------------------*/







.mission {



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



    background-size: cover;



    background-position: center;



    min-height: auto;



    padding: 70px 0;



    margin-top: 80px;



}







.m-container{



    width: 90%;



    margin: 0 auto;



}







h5.m-header {



    color: #fff;



}







.m-para{



    color: #fff;



}







.m-text {



    background: rgba(0, 0, 0,60%);



    width: 50%;



    padding: 40px 30px;



    /* margin: 40px 0; */



    



}







h5.m-header {



    color: #fff;



    font-size: 30px;



    margin-bottom: 25px;



}







.m-para {



    color: #dfdfdf;



    font-size: 17px;



    line-height: 30px;



}







/*----------------- core values ----------------------*/







.core #faq .card {



    margin-bottom: 30px;



    border: 0;



  }



  



  .core #faq .card .card-header {



    border: 0;



    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);



            box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);



    border-radius: 2px;



    padding: 0;



  }



  



  .core #faq .card .card-header .btn-header-link {



    color: #fff;



    display: block;



    text-align: left;



    background: #dce7f6;



    color: #222;



    padding: 20px;



    font-size: 18px;



}



  



  .core #faq .card .card-header .btn-header-link:after {



    content: "\f107";



    font-family: 'Font Awesome 5 Free';



    font-weight: 900;



    float: right;



  }



  



  .core #faq .card .card-header .btn-header-link.collapsed {



    background: #1d3862;



    color: #fff;



}



  



  .core #faq .card .card-header .btn-header-link.collapsed:after {



    content: "\f106";



  }



  



  .core #faq .card .collapsing {



    background: #dce7f6;



    line-height: 30px;



  }



  



  .core #faq .card .collapse {



    border: 0;



  }



  



  .core #faq .card .collapse.show {



    background: #dce7f6;



    line-height: 30px;



    color: #222;



  }







  .c-btm{



    margin-bottom: 35px !important;



  }











  /*----------------- coontact-1 ----------------------*/







.con-list{



    margin: 0;



    padding: 0;



    list-style: none;



}







.con-list li a{



    display: flex;



}







.con-list li a i {



    color: #1d3862;



    transform: translateY(7px);



    margin-right: 13px;



}







.con-list li a h5 {



    font-size: 16px;



    color: #373737;



    line-height: 28px;



    padding-bottom: 8px;



}







.con-list li a h5 span{



    font-weight: 600;



}







.con-list li a h5:last-child{



    padding-bottom: 0;



}







.con-list li a:hover{



    text-decoration: none;



}







h4.con-header {



    font-size: 35px;



    text-transform: capitalize;



    color: #1d3862;



}







p.con-para {



    /* padding-right: 659px; */



    color: #464646;



    margin-bottom: 45px;



    padding: 0 248px;



}







h5.con-title {



    font-size: 18px;



    color: #000;



    font-weight: 600;



    letter-spacing: 1px;



    margin-bottom: 15px;



}







.con-up {



    margin-top: 30px;



}







.con-1 {



    background: #ffffff;



    box-shadow: 0px 4px 12px 0px #c5c2c2;



    padding: 20px;



    min-height:290px;



}







.con-detail {



    margin-top: 70px;



}







.map{



    margin-top: 70px;



}











/*----------------- quality ----------------------*/







h5.q-header {



    text-transform: capitalize;



    font-size: 25px;



    font-weight: 600;



    color: #1d3862;



    margin-bottom: 16px;



}







p.q-para {



    color: #545454;



    font-size: 16px;



    text-align: justify;



    line-height: 30px;



}







.q-rt {



    margin-top: 48px;



    margin-left: 20px;



}



.quality {



    margin-top: 70px;



}







.quality-2{



    margin-top: 50px;



}







/*----------------- infrastructure ----------------------*/







.f-img img{



    width: 100%;



}







.f-img2 img {



    /* width: 88%; */



    margin-left: 40px;



    margin-top: 40px;



}







h5.f-header {



    font-size: 27px;



    color: #1d3862;



    font-weight: 600;



    letter-spacing: 2px;



    margin-bottom: 27px;



    border-bottom: 1px solid #d22602;



    padding-bottom: 26px;



    position: relative;



}







h5.f-header::before {



    content: "";



    width: 77px;



    height: 2px;



    background-color: #d22602;



    position: absolute;



    bottom: 0px;



    left: 0;



}







p.f-para {



    font-size: 17px;



    color: #5c5c5c;



    line-height: 30px;



}







.f-list{



    list-style: none;



    margin: 0;



    padding: 0;



}







.f-list li {

    color: #4d4d4d;

    font-size: 16px;

    line-height: 27px;

	position:relative;

	padding-left:25px;

	margin:10px 0;

}







.f-list li i {

    color: #d22602;

    font-size: 14px;

    margin-right: 12px;

	position:absolute; left:0px; top:10px;

}







.f-box {



    background: #fff;



    padding: 35px 40px;



    margin-top: -378px;



    position: relative;



    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.4);



}







.f-content {



    width: 70%;



    margin: 0 auto;



}







.infrastructure{



    margin-top: 70px;



}







.f-img3 img{



    width: 100%;



}







h5.f-header2 {



    color: #fff;



    margin-bottom: 16px;



}







.f-box2 {



    background: #1d3862;



    padding: 40px 35px;



}







p.f-para2 {



    font-size: 17px;



    color: #bbb;



    line-height: 30px;



}







.f-list2{



    list-style: none;



    margin: 0;



    padding: 0;



}







.f-list2 li {



    color: #fff;



    font-size: 17px;



    line-height: 38px;

	position:relative;

	padding-left:25px;

}







.f-list2 li i {



    color: #d22602;



    font-size: 14px;



    margin-right: 12px;

	position:absolute; left:0px; top:12px;



}







.f-rt {



    margin-left: -30px;



}







.f-container{



    width: 80%;



    margin: 0 auto;



}







.f-3{



    margin-top: 90px;



}







p.f-para3 {



    font-size: 17px;



    color: #5f5e5e;



    line-height: 30px;



}







.f-header3 {



    color: #1d3862;



    font-size: 27px;



    font-weight: 600;



    margin-bottom: 16px;



}







h5.p-cap {



    color: #d22602;



    font-weight: 600;



    margin-bottom: 20px;



    margin-top: 20px;



}







h5.p-cap2 {



    font-size: 16px;



    color: #484747;



    margin-bottom: 11px;



    /* display: inline-block; */



}







.product-1 {



    margin-top: 70px;



}







.in-3{



    background: url(../images/mechine-shop_a.jpg) no-repeat;



    background-size: cover;



    background-position: center;



    min-height: auto;



    padding: 70px 0;



    margin-top: 80px;



}







.in-4{



    margin-top: 90px;



}







.in-4 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {



    background: #d22602;



}







.in-4 .owl-theme .owl-dots .owl-dot span {



    background: #ff775b;



}







table.table-box2.mt-2 {



    width: 55%;



}







td.table-td {



    border: 1px solid #000;



    /* width: 100%; */



}







h5.pro-caption {



    color: #d22602;



    text-transform: capitalize;



    font-weight: 600;



    margin-top: 22px;



    margin-bottom: 23px;



    font-size: 18px;



}







h5.q-header {



    text-transform: capitalize;



    font-size: 15px;



    /* font-weight: 600; */



    color: #5d5d5d;



    margin-bottom: 16px;



}







h5.q-header2 {



    text-transform: capitalize;



    font-weight: 600;



    color: #1d3862;



    font-size: 23px;



}







.q-rt {



    margin-top: 71px;



    margin-left: 60px;



}



.susdiv strong{color:#535353;margin-bottom:10px;display:block;}

.susdiv ul{padding-left:20px;}

.susdiv li{color:#535353;margin:5px 0;}

.productpage{padding:0 100px; margin-top:70px;}

.pro-leftmenu{background:#f3f3f3; border-top:3px solid #1d3862; margin-right:25px;}

.ep-heading{padding:15px; font-size:23px; font-weight:600; color:#1d3862;}

.ep-heading i{position:absolute; right:30px; top:18px; display:none;}

ul.ep-list{list-style:none; margin:0;padding:0;}

ul.ep-list li{display:block;}

ul.ep-list li a{display:block; padding:14px 15px; position:relative; color:#5f5e5e; font-size:18px; border-bottom:1px solid #e3e3e4; transition:0.5s all;}

ul.ep-list li a:hover{text-decoration:none; background:#1d3862; color:#FFF;}

ul.ep-list li:last-child a{border-bottom:none;}

ul.ep-list li a i{position:absolute; right:15px; top:15px; opacity:0.8}

ul.ep-list li.listactive a{background:#1d3862; color:#FFF;}



#policy-area {diplay: none}

.policy{padding:10px; font-size:15px; font-weight:600; color:#1d3862;}

.policy i fa{position:absolute; top:18px; display:none; margin-left:110px;}

ul.policy{list-style:none; margin:0px; padding:0; border:1px solid #e1edf8;}	

ul.policy li{display:block; border:none; }

ul.policy li a{display:block; position:relative; color:#5f5e5e; font-size:14px;}

ul.policy li a:hover{text-decoration:none; color:#000}

ul.policy li:last-child a{border-bottom:none;}

ul.policy li a i{position:absolute; right:71px; top:4px; opacity:0.9; color:#000;}

ul.policy li.listactive a{background:#1d3862; color:#FFF;}
ul.policy li:nth-child(odd){background:#eef5fb;}






.timelineheading h2{display:inline-block; padding:7px 15px; border:2px solid #5a5a5a; margin-bottom:0px; font-size:25px; font-weight:600;}

.timeline-body{margin:0;position:relative;overflow:hidden}

.timeline-body:before{content:'';position:absolute;top:0;left:50%;bottom:0;transform:translateX(-50%);width:4px;background-color:#5a5a5a;}

.timeline-body .entries{width:calc(100% - 80px);max-width:1000px;margin:auto;position:relative;left:-5px}

.timeline-body .entries .entry{width:calc(50% - 19px);float:left;padding:10px 20px;margin:35px 0;clear:both;text-align:right; position:relative;}

.timeline-body .entries .entry:before{content:'';}

.timeline-body .entries .entry:not(:first-child){margin-top:-60px}

.timeline-body .entries .entry .title{font-size:32px;margin-bottom:12px;position:relative;color:#005ca9; font-weight:700; padding:0 15px;}

.timeline-body .entries .entry .title:before{content:'';position:absolute;width:20px;height:20px;border:4px solid #005ca9;background-color:#005ca9;border-radius:100%;top:50%;transform:translateY(-50%);right:-54px;z-index:10;}

.timeline-body .entries .entry .title.big:before{width:24px;height:24px;transform:translate(3px,-50%)}

.timeline-body .entries .entry .body{color:#000; box-shadow:0 0px 25px rgba(0,0,0,0.13); padding:20px 20px 10px 20px; font-size:16px; text-align:left;}

.timeline-body .entries .entry .body h3{color:#1d3862; font-size:22px; font-weight:600; margin-bottom:20px;}

.timeline-body .entries .entry .body p{line-height:23px; color:#535353;}

.timeline-body .entries .entry:nth-child(2n){text-align:left;float:right}

.timeline-body .entries .entry:nth-child(2n) .title:before{left:-44px}

.timeline-body .entries .entry:nth-child(2n) .title.big:before{transform:translate(-2px,-50%)}

.mileslast{margin-top:70px;}

.mileslast [class^="col-"]:first-child{background:#365b93;}

.manuftxtx, .unittxt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:85%; text-align:center; color:#FFF;}

.manuftxtx h3{font-size:20px; font-weight:600;}

.manuftxtx span{display:block; background:#1d3862; padding:15px;}

.mileslast [class^="col-"]:last-child{background:#1d3862;}

.unittxt h4{font-size:20px; font-weight:600;}

.unittxt span{font-weight:600; color:#ddd;}

.unittxt p{color:#ddd;}

.award{border:1px solid #ddd;}

.awardcol [class^="col-"]{margin-top:30px; text-align:center;}

.awardcol [class^="col-"] span{display:block; background:#1d3862; color:#FFF; padding:15px 10px; font-size:16px; font-weight:600;}

.mangetm{padding-bottom:15px; cursor:pointer;}



.mngaouter{transition:0.5s all; text-align:left; border-left:3px solid #0e71b8; padding-left:15px; margin:25px 0 0 0;}

.mangetm h3{font-size:20px; margin-top:15px; font-weight:700;}

.mangetm h4{font-size:16px; padding:0; color:#535353;}

.mangetm strong{color:#535353; font-size:16px; font-weight:400;}

.mngimg{position:relative; overflow:hidden;}

.mangetmtxt{position:absolute; width:100%; bottom:-120px; color:#FFF; background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.9)); padding:25px 0 10px; transition:0.5s all;}

.mangetm:hover .mangetmtxt{bottom:0px;}



.productsection{margin-top:55px;}

.productsection [class^="col-"]{text-align:center;} 

.productsection [class^="col-"] span{display:block; font-weight:600; background:#0e71b8; color:#FFF; padding:10px;}

.productsection [class^="col-"] div{overflow:hidden; padding:25px; background:#d4d5d7;}

.productsection [class^="col-"] div img{transition:0.5s all;}

.productsection [class^="col-"]:hover div img{transform: scale(1.1);}

.forgingsunit{}

.forgingsunit [class^="col-"]:last-child{position:relative; background:#2c497b; color:rgba(255,255,255,1);}

.forgingsunit [class^="col-"] .innerin{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%;}

.forgingsunit [class^="col-"] .innerin h5.f-header{color:rgba(255,255,255,1); border-bottom:none; margin-bottom:0px;}

.forgingsunit [class^="col-"] .innerin h5.f-header::before {background:#FFF; display:none;}

.forgingsunit [class^="col-"] .innerin p.f-para{color:rgba(255,255,255,1);}

.forgingsunit [class^="col-"] .innerin .f-list li{color:rgba(255,255,255,1);}

.forgingsunit [class^="col-"] .innerin .f-list li i{color:rgba(255,255,255,1);}

.m-text h5.f-header{border-bottom:1px solid rgba(255,255,255,0.5); }

.m-text h5.f-header::before {background:rgba(255,255,255,0.5);}

.m-text .f-list2 li i{color:#FFF;}

.qualitypage [class^="col-"]{margin-bottom:25px;}

.qualitypage [class^="col-"] div{border:1px solid #ddd; padding:25px; margin:0;} 

.testingfcbg{background:#1d3862; margin:70px 0 0; border-bottom:3px solid #1d3862;}

.testingfcbg [class^="col-"]:last-child{background:#1d3862;}

.testingtext{position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); width:90%;}

.testingtext .f-list li{color:rgba(255,255,255,0.8);}

.testingfcbg .owl-dots{position:absolute; right:0;left:0; bottom:20px;}

.testingfcbg img{width:100%;}

.csrblock{margin-bottom:25px;}

.csrblock span{text-align:center; background:#1d3862; color:#FFF; padding:12px 0; font-weight:600;}



.quality h5.q-header2{font-size:18px;}



.susblocks [class^="col-"]{margin-top:35px;} 

.susinnerblock{box-shadow:0px 5px 25px rgba(0,0,0,0.1); padding:25px; min-height:300px;}

.susinnerblock h4{color:#1d3862;font-weight:600;font-size:22px;margin-bottom:20px;}

.susinnerblock .f-list li{position:relative; padding-left:25px; line-height:27px; margin:12px 0;}

.susinnerblock .f-list li i{position:absolute; left:0px; top:8px;}



.keyobjectivebg{background:url('../images/key-bg.jpg') no-repeat center center; background-size:cover; position:relative;}

.keyobjectivebg:after{content:''; position:absolute; left:0;top:0;width:100%; height:100%; background:rgba(29,56,98,0.9); }

.keyobjective{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}

.keyobjective h4{font-size:33px; color:#FFF; margin-bottom:25px; font-weight:600; white-space:nowrap;}

.keyobjective .f-list li{position:relative; padding-left:25px; line-height:27px; margin:12px 0;color:rgba(255,255,255,0.9);}

.keyobjective .f-list li i{position:absolute; left:0px; top:8px;}



.navbar .nav-item .dropdown-menu{ display: none; background:transparent; width:250px; padding:0px; border:none; border-radius:0px;}



.navbar .nav-item .dropdown-menu li{margin-left:0px !important;}

.navbar .nav-item .dropdown-menu li:first-child{border-top:2px solid #878787;}

.navbar .nav-item .dropdown-menu li:first-child a{border-top:0px;}

.navbar .nav-item .dropdown-menu li a.dropdown-item{padding:15px !important; transition:0.5s all; background:#1d3862; color:#FFF !important;}

.navbar .nav-item .dropdown-menu .dropdown-item{padding:10px !important; border-top:1px solid rgba(255,255,255,0.2)}

.navbar .nav-item .dropdown-menu li a:hover{background:#878787; color:#FFF;}

	.navbar .nav-item:hover .nav-link{}

	/*.navbar .nav-item:hover .dropdown-menu{ display: block; }*/

	.navbar .nav-item .dropdown-menu{ margin-top:0px; padding-top:28px;}

	.navbar .nav-item .dropdown-menu .dropdown-menu-sub{top:0px; padding-top:0px; left:250px;}

	.hoverenable{display:block !important;}

	.dropdown-item{ white-space:normal !important;}

	

.df-header{font-size:27px !important;}	





#owl-carousel_Quality .owl-nav{position:absolute; width:100%; left:0; top:35%;}

#owl-carousel_Quality .owl-nav [class*='owl-']{font-size:55px; color:#FFF !important;}

#owl-carousel_Quality .owl-nav [class*='owl-']:hover{background:none;}

#owl-carousel_Quality .owl-nav button.owl-next{position:absolute; right:15px; top:0px;}

#owl-carousel_Quality .owl-nav button.owl-prev{position:absolute; left:15px; top:0px;}

.navbar-dark .navbar-brand{color:#1d70b8 !important;}

.navbar-dark .navbar-brand span{margin-left:15px;font-weight:600;font-size:20px;}



.productline{margin-top:60px;} 

.productline .item{border:1px solid #ddd;}


.table-striped thead th{background:#1d70b8; color:#FFF;}




@media (max-width: 1200px){

}



@media (max-width: 1199px){

}

	

	



@media (max-width: 980px){

}

@media (max-width: 768px){

	

}



@media (max-width: 650px){

}



@media (max-width: 575px){

	

	

	

}



@media (max-width: 490px){

	.policy { font-size: 12px;}

	ul.policy li {margin: 0px 50px 0px 20px}

	ul.policy li a {font-size: 12px; left:14px;}

	ul.policy li a i{right:60px; }



	

	

}

	

}