

 #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: 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;  

    

}





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



.bc-img{

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

    background-size: cover;

    background-position: center;

    min-height: 604px;

}



/*------------ 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;

}



.p-header {

    color: #000735;

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 16px;

}



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

    border-top: 10px solid #fff;

    border-left: 10px solid #fff;

    border-right: 10px 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: 345px;

}



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

}



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;

}



/* .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: 40px 0 20px;

    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/pro-banner.png) no-repeat;

    background-size: cover;

    background-position: center;

}



.pro-cap {

    padding: 223px 0;

}



h5.ep-heading {

    background: #000735;

    color: #fff;

    padding: 20px 25px;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 0;

}

  

.ep-list {

    margin: 0;

    padding: 0;

    list-style: none;

    border: 1px solid #ddd;

}

  

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

    height: 534px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

  }

  

  .p-img2 img{

    position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      max-width: 100%;

      width: auto;

      height: auto;

  }



  tr.table-tr {

    background: #000735;

    color: #fff;

}







tr.t-border {

    text-align: center;

    background: #eaedfc;

}



table.table-box2 {
    width: 80%;
    border: 1px solid #9d9d9d;
}
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;}


