#body .container{

    max-width: 1300px !important;

}



body{

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

}



.a-font{

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

    

    font-family: 'Exo 2', sans-serif;

}



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



/* .fixed-list{

    list-style-type: none;

    margin: 0;

    padding: 0;



}



.fixed-list li a{

    width: 42px;

    height: 42px;

    line-height: 42px;

    border-radius: 100%;

    text-align: center;

    margin: 3px 0;

    color: #fff;

    display: inline-block;

    font-size: 16px;

}



.fix{

    background: #1773ea;

    

}



.fix2{

    background: linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%);

    

}



.fix3{

    background: #1bc895;

    

}



.fix4{

    background: #0fdace;

    

}



.fix5{

    background: #0077b5;

}







.fixed{

    z-index: 999999;

    position: fixed;

    right: 0;

    top: 30%;

}

 */





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



 .top-lft {

    margin-top: 5px;

}



 .top-nav {

    /* background: #000735; */

    background: #e9ebf4;

    padding: 6px 0;

}



.top-nav .container-fluid{

    padding: 0 100px !important;

}



 .top-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

 }



 .top-list li a {

    display: inline-block;

    margin-right: 15px;

    color: #000;

    font-weight: 600;

    font-size: 15px;

}

 .top-list li a i {

    color: #ec7d1b;

    font-size: 13px;

    margin-right: 8px;

}



.top-list li a:hover{

    text-decoration: none;

}



 .top-list2{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

 }



 .top-list2 li a{

    display: inline-block;

 }



 .top-list2 li a i {

    width: 35px;

    height: 35px;

    background: #fff;

    border-radius: 100%;

    color: #000;

    font-size: 14px;

    text-align: center;

    line-height: 35px;

}





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



 a.navbar-brand img {

    width: 200px;
	transition:0.5s all;

}

.sticky  a.navbar-brand img{width:160px;}

 .top-nav2 .navbar {

    margin: 0 !important;

    padding: 0 !important;

    /*background: #000735 !important;*/
	background: #010b52 !important;

    padding: 8px 0 !important;

}



/* .top-nav2 .navbar::before{

    content: "";

    width: 40%;

    height: 100%;

    background: #000735;

    position: absolute;

    top: 0;

    left: 0;

    

} */



 .top-nav2 .navbar .container-fluid{

    padding: 0 100px !important;



 }



 .navbar-nav li a{

    

    color: #fff !important;

    padding: 0 20px !important;



 }



 .navbar-nav li{

    position: relative;

 }



 a.nav-btn {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: 1px solid #fff;
    padding: 8px 35px;
	transition:0.5s all;
}
a.nav-btn:hover{background:#FFF; color:#010b52; text-decoration:none;}


.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }



  .sticky2 {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }



  .nav-content {

    position: absolute;

    top: 80px;

    left: -10px;

    z-index: 999;

    background: rgba(0,0,0,0.7);

    display: inline-block;

    /* right: -4px; */

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

    opacity: 0;

    visibility: hidden;    

}



.navbar-nav .nav-in:hover .nav-content{

    opacity: 1;

    visibility: visible;

     top: 69px; 

    

}



ul.sub-content li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content li a:hover{

    text-decoration: none;

}



.top-nav2 ul.sub-content{

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav2 ul.sub-content li a {

    color: #fff !important;

    white-space: nowrap;

    /* padding-left: 0 !important; */

    /* margin-left: 0 !important; */

    /* padding: 15px !important; */

    padding: 10px 115px 8px 22px !important;

    display: inline-block;

}



/*.navbar-nav .nav-in2:hover .nav-content{
opacity: 1;
visibility: visible;
top: 51px;  
}*/

.hoverenable{
opacity: 1;
visibility: visible;
top: 51px;  
}





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



.bc-img{
    background: url(../images/banner-a.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 604px;
}
.bc-img2{background: url(../images/banner-b.jpg) no-repeat;}



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



.abt-img{

    width: 100%;

    height: 450px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    border-radius: 10px;

    

}



.abt-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

}



.abt-lft .row .col-lg-6{

    padding-left: 10px;

    padding-right: 10px;

}



.abt-lft .row{

    margin-left: -10px;

    margin-right: -10px;

}



.abt-top{

    margin-top: 50px;

}



.abt-title {

    font-size: 18px;

    color: #ec7d1b;

    font-weight: 500;

    text-transform: capitalize;

    /* margin-left: 29px; */

    position: relative;

    padding-left: 40px;

    margin-bottom: 10px;

}



.abt-title::before {

    content: "";

    width: 25px;

    height: 1px;

    background: #000735;

    position: absolute;

    top: 11px;

    left: 0;

}



h5.abt-title2 {

    font-size: 35px;

    font-weight: 600;

    line-height: 47px;

    margin-bottom: 30px;

}



p.abt-para {

    color: #4b4b4b;

    font-size: 16px;

    line-height: 30px;

    text-align: justify;

    margin-bottom: 38px;

}



a.abt-link {
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    /*background: #000735;*/
	background: #010b52;
    padding: 12px 38px;
	transition:0.5s all;
}
a.abt-link:hover{background:#ec7d1b; color:#FFF; text-decoration:none;}


a.abt-link i{
    font-size: 13px;
    margin-left: 6px;
}



.abt-rt {

    margin-left: 40px;

    margin-top: 30px;

}



.about{

    margin-top: 80px;

}





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







.abt-bg2 {

    /*background:#000735;*/
	background:#010b52;

    min-height: auto;

    padding: 50px 0;

    margin-top: 90px;

    

}



.employees {

    margin-bottom: 0;

    border-right: 1px solid #696868;

}



.customer{

    border-right: 1px solid #696868;



}



.design{

    border-right: 1px solid #696868;



}





.counter {

    background-color: transparent;

    text-align: center;

    padding-top: 10px;

}



.counter-count {

    font-size: 33px;

   

    position: relative;

    color: #ffffff;

    text-align: center;

   

    display: inline-block;

    margin-bottom: -8px;

}



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

    font-size: 18px;

    color: #d8d5d5;

    line-height: 38px;

    text-align: center;

    margin-bottom: 0;

}



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

   

    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;

}



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



.product{

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

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 80px 0;

}



.pro-container{

    width: 80%;

    margin: 0 auto;

}



.p-box {

    display: inline-block;

    width: 100%;

}



.p-box2 {

    background: #fff;

    padding: 25px 20px;
	text-align:center;

}



.p-header {

    color: #000735;

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 16px;

}

.p-box2 .p-header{margin-bottom:30px;} 

p.p-para {

    font-size: 15px;

    color: #6a6a6a;

    line-height: 28px;

    margin-bottom: 25px;

}



a.p-link {
    display: inline-block;
    text-transform: capitalize;
    /*background: #000735;*/
	background: #010b52;
    color: #fff;
    padding: 10px 21px;
	transition:0.5s all;
}
a.p-link i{
    font-size: 12px;
    margin-left: 6px;
}
a.p-link:hover{background: #ec7d1b; color:#FFF; text-decoration:none;}

.p-box2 a.p-link{color: #010b52;border:1px solid #010b52; background:#FFF; padding:8px 21px;}
.p-box2 a.p-link:hover{background:#010b52; color:#FFF;}

.p-img {
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}



h5.p-header2{

    text-align: center;

    color: #fff;

    text-transform: capitalize;

    font-size: 40px;

    margin-bottom: 50px;

}





/*----------------- why choose us ----------------------*/



.w-icon img {

    width: 75px;

}



.w-title{

    font-size: 22px;

    color: #000735;

}



.w-title {

    font-size: 22px;

    color: #000735;

    margin-top: 22px;

    margin-bottom: 20px;

}



p.w-para {

    font-size: 15px;

    color: #686868;

    line-height: 27px;

}



a.w-link {

    color: #000735;

    text-transform: capitalize;

    font-weight: 600;

    font-size: 17px;

}



a.w-link i{

    font-size: 14px;

    margin-left: 8px;

}



.w-box {

    box-shadow: 0 0 8px 5px #e4e4e4;

    padding: 40px 25px;

    min-height:400px;

}



.w-top{

    margin-top: 30px;

}



.w-header{

    color: #000735;

    text-transform: capitalize;

    font-size: 40px;

    margin-bottom: 40px;

    font-weight: 600;

}



.why{

    margin-top: 90px;

}





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



.paralox {

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

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 112px 0;

    margin-top: 90px;

}



.para-header {

    color: #fff;

    text-transform: capitalize;

    font-size: 55px;

    margin-bottom: 22px;

}



.para-link {

    display: inline-block;

    background: #ffffff;

    color: #000735;

    text-transform: capitalize;

    font-weight: 600;

    font-size: 17px;

    border: 1px solid #000735;

    padding: 13px 47px;

}



.test .owl-carousel .owl-item img {

    display: inline-block;

    width: auto;

    text-align: center;
	border:1px solid #ddd;
	padding:5px;

}



p.t-para {

    font-size: 18px;

    line-height: 33px;

    color: #565656;

    padding: 0 80px;

    margin-top: 22px;

}



h5.t-title {

    color: #000735;

    font-size: 18px;

    font-weight: 600;

}



h5.t-title2 {

    font-size: 16px;

    color: #515050;

}



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

    background: #000735;

}



.test .owl-theme .owl-nav {
    display: flex;
    justify-content: space-between;
}

#owl-carousel_Test .owl-theme .owl-nav{display:none !important;}

/* .test .owl-nav i.fa.fa-angle-left {

    font-size: 20px;

    background: #000735;

    color: #fff;

    height: 32px;

    width: 32px;

    border-radius: 100%;

    line-height: 32px;

    position: absolute;

    top: 152px;

    left: 0;

}



.test .owl-nav i.fa.fa-angle-right {

    font-size: 20px;

    background: #000735;

    color: #fff;

    height: 32px;

    width: 32px;

    border-radius: 100%;

    line-height: 32px;

    position: absolute;

    top: 152px;

    right: 0;

} */



.test{

    margin-top: 90px;

}



/*----------------- client ----------------------*/



.client .container-fluid{

    padding: 0 100px !important;

}



.client .owl-carousel .owl-item img {
    display: block;
    /*width: 150px;*/
}



.c-width{
    /*width: 100px !important;*/
}



.client {

    background: #e9ebf4;

    padding: 50px 0;

    margin-top: 90px;

}



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



.ftr-container{

    width: 80%;

    margin: 0 auto;

}



.ftr-logo a img {

    width: 130px;

}

.ftr-bg {
    /*background-color: #06163a;*/
	background-color: #010b52;
    padding: 50px 0;
}



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;

}





/* .footer {

   

    padding: 50px 0 30px;

    background: #454545;

} */



h5.ftr-heading {

    color: #fff;

    font-size: 18px;

    margin-bottom: 13px;

    position: relative;

}



/* h5.ftr-heading::before {

    width: 40px;

    height: 3px;

    background: #ff5e14;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

} */



h5.ftr-heading2 {

    color: #fff;

    font-size: 20px;

    margin-bottom: 15px;

}



p.ftr-para2 {

    color: #c9c9c9;

    font-size: 15px;

    margin-top: 28px;

    /* padding-right: 100px; */

}



.ftr-flex{

    display: flex !important;

}



.ftr-list li a h5 {

    color: #d9d9d9;

    font-size: 15px;

    margin-top: 9px;

    line-height: 26px;

    font-weight: 400;

    

}



.ftr-list li a h5:hover{

    

    text-decoration: none;

}



.ftr-list li a {

    display: flex;

    margin-bottom: 7px;

}



.ftr-list li a:hover{

    color: #f56600;

    text-decoration: none;

}



.ftr-list li a i {

    color: #ff5e14;

    margin-right: 10px;

    font-size: 14px;

    /* width: 30px; */

    /* height: 30px; */

    display: inline-block;

    /* background: #ff5e14; */

    padding: 10p;

    text-align: center;

    /* padding: 9px; */

    transform: translateY(14px);

    /* line-height: 12px; */

}



.ftr-list2{

    margin: 0;

    padding: 0;

    list-style: none;

}



.ftr-list2 li a {

    color: #cbcbcb;

    display: inline-block;

    line-height: 35px;

    font-size: 15px;

}



.ftr-list2 li a i {

    color: #ff5e14;

    margin-right: 8px;

}



.ftr-2 {

    margin-left: 55px;

}



.ftr-3 {

    margin-left: 30px;

}



.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: #07266d;

    width: 35px;

    height: 35px;

    color: #ffffff;

    text-align: center;

    line-height: 35px;

    /* border-radius: 100%; */

}



.ftr-2 {

    margin-left: 55px;

}



.ftr-3 {

    margin-left: 30px;

    margin-top: 32px;

}



.footer-2 {

    background: #06163a;

    padding: 25px 0;

    border-top: 1px solid #b4b4b4;

}



.ftr-title {

    font-size: 15px;

    color: #fff;

    margin-bottom: 0;

}



.ftr-top{

    margin-top: 60px;

}



.footer {

    margin-top: -3px;

    position: relative;

}



/*--------------- products -------------------*/



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



.pro-banner{
    background: url(../images/product-banner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.contactbanner{ background: url(../images/contact-baner.jpg) no-repeat;}
.careerbanner{ background: url(../images/career-banner.jpg) no-repeat;}
.aboutbaner{ background: url(../images/about-baner.jpg) no-repeat;}
.hrcoilbanner{ background: url(../images/product-banner.jpg) no-repeat;}
.facilitbaner{background: url(../images/facility-banner.jpg) no-repeat;}

.pro-cap {

    padding: 223px 0;

}

.ep-box{background:#f2f2f1;}

h5.ep-heading {

    background: #000735;

    color: #fff;

    padding: 20px 24px;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 0;
	position:relative;
	cursor:pointer;

}
h5.ep-heading i{position:absolute; right:15px; top:20px; display:none;}
  

.ep-list {

    margin: 0;

    padding: 0;

    list-style: none;

    

}

  

.ep-list li a {

    /* background: #ddd; */

    display: inline-block;

    width: 100%;

    /* line-height: 50px; */

    padding: 18px 15px;

    /* margin-bottom: 5px; */

    color: #6f6f71;

    font-weight: 600;

    font-size: 17px;

    border-bottom: 1px solid #c8c8c8;

    transition: all .5s;

}



.ep-list li a:hover{

    text-decoration: none;

    border-left: 2px solid #000735;

    color: #000;

    background-color: #f1f1f1;

}

  

  .ep-list li a i {

    font-size: 14px;

    float: right;

  }



  .active1{

    border-left: 2px solid #000735;

    color: #000 !important;

    background-color: #f1f1f1;

  }



  .b-none{

    border-bottom: initial !important;

    

  }



  h4.cat-header {

    color: #000735;

    font-size: 30px;

    font-weight: 600;

    /* margin-left: 8px; */

    margin-bottom: 25px;

}



  .structure{

    margin-top: 60px;

  }

  

  .s-rt {

    margin-left: 30px;

    width: 90%;

  }

  

  

  

  .p-img2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
  }

  

  .p-img2 img{
      width: 100%;
      height: auto;
	  height:500px;
	  object-fit:cover;
	  object-position:center top;
  }



  tr.table-tr {

    background: #000735;

    color: #fff;

}







tr.t-border {

    text-align: center;

    background: #eaedfc;

}



table.table-box2 {
    width: 80%;
    border: 1px solid #9d9d9d;
	margin:auto;
}
table.table-box3 {
    width: 100%;
    border: 1px solid #9d9d9d;
}
.pro-table {
    margin-top: 60px;
    display: inline-block;
}

.owl-theme .owl-nav{margin:0; position:absolute; top:40%; width:100%;}
.owl-carousel .owl-nav button.owl-prev{position:absolute; left:-50px; top:0px;}
.owl-carousel .owl-nav button.owl-next{position:absolute; right:-50px; top:0px;}
.owl-theme .owl-nav [class*='owl-']{color:#ddd !important; font-size:35px !important;}
.owl-theme .owl-nav [class*='owl-']:hover{color:#ec7d1b !important; background:transparent !important;}
.owl-theme .owl-dots{margin-top:25px;}

.contact-page{background:url('../images/map.png') no-repeat center center;}
.bgcocollast{background:#010b52; 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{background:transparent; border:1px solid #ec7d1b; padding:10px 20px; color:#ec7d1b; margin-top:10px; transition:0.5s all;}
.fromcol button:hover{background:#ec7d1b; color:#FFF;}
.companyabout{padding:0 25px;}
.companyabout p.abt-para{margin-bottom:18px;}
.notbefore{padding-left:0px;}
.notbefore:before{display:none; }
.mdbx{position:relative;}
.mdbx:before{content:''; position:absolute; left:30%; bottom:-50px; width:40%; height:40%; background:url('../images/pattern.png') no-repeat; z-index:-1;}
.onlipricebtn{background:#ff5e14; color:#010b52; padding:8px 16px; display:inline-block; font-weight:600; color:#FFF; transition:0.5s all;}
.onlipricebtn:hover{text-decoration:none; background:#010b52; color:#FFF;}
.productpage{padding:0 100px;}

.table-wrap {
    /* max-width: 800px; */
    /* margin: 80px auto; */
    overflow-x: auto;
    width: 100%;
    margin-top: 55px;
}
  
table, td, th {
    border: 1px solid #b9b7b7;
    text-align: left;
    font-size: 16px; 
    text-transform: capitalize;
}
.roundtable td{text-transform:lowercase;}

th {
    background: #000735;
    color: #fff;
    text-transform: uppercase;
    /* font-size: 17px; */
    
}
  
  table {
    border-collapse: collapse;
    width: 100%;
  }

  /* td{
    font-size: 16px;
  } */
  
  th, td {
    padding: 10px;
    white-space: nowrap;
    
}
  
table tbody tr:nth-child(even) {
    background: #d3d8f6;
    color: #000;
    font-weight: 500;
}
  
  .box-wrap {
    padding: 0px 16px;
  }/*# sourceMappingURL=main.css.map */
.bg-white{background:#FFF;z-index:1;}
.missionvissionarea{background:#010b52; padding:80px 0; margin:100px 0; position:relative;}
.missionvissionarea:after{content:'';position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/mission-bg.jpg') no-repeat; background-size:cover; opacity:0.1}
.msntxt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%; z-index:1;}
.msntxt h3{font-size:25px;font-weight:600; margin-bottom:16px;}
.msntxt p{font-size:16px;line-height: 30px; text-align: justify;}
.nmdbx:before{background:none;}
.mngt-named{border-left:3px solid #010b52; padding-left:15px; margin-top:15px;}
.mngt-named .p-header{font-size:20px; margin-bottom:5px;}
.mngt-named .abt-title{font-size:16px; text-transform:initial;}
.innertable th{background:#3241a9 !important;}