

 #body .container{

    max-width: 1300px !important;

}



body{

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

}



.a-font{

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

}



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



.top-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.top-list li a {

    display: inline-block;

    color: #6a6a6a;

    font-size: 16px;

}



.top-list li a i {

    color: #000;

    font-size: 14px;

    margin-right: 8px;

}



.top-social a i {

    display: inline-block;

    color: #000;

}



.top-nav {

    padding: 6px 0;

    border-bottom: 1px solid #d3d3d3;

}



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



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

}





.navbar-brand img {

    width: 110px;

}



.top-nav2 .navbar-nav li a {

    font-size: 16px;

    color: #000 !important;

    text-transform: capitalize;

    font-weight: 500;

    font-size: 17px;

    padding: 0 20px !important;

}



.top-nav2 .navbar-nav {

    margin-left: 30px;

}



.nav-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.nav-list li a{

    display: inline-block;

    font-size: 15px;

    color: #6a6a6a;

}



.top-nav2 .navbar{

    background-color: #fff !important;

    padding: 0px 0 !important;
	z-index:99999;

}



.nav-btn {

    background-color: #000 !important;

    color: #fff !important;

    font-size: 16px !important;

    padding: 10px 30px;

}



.nav-btn i{

    margin-left: 8px;

    font-size: 14px;

}



.ico-1 {

    margin-top: 15px;

}



.ico-2 {

    margin-top: 15px;

    margin-left: 20px;

    margin-right: 22px;

}



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



.main-banner{

    padding: 0 100px;

}



.bc-img{

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

    background-size: cover;

    background-position: center;

    min-height: 682px;

}



.bc-img2{

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

    background-size: cover;

    background-position: center;

    min-height: 682px;

}



.bc-img3{

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

    background-size: cover;

    background-position: center;

    min-height: 682px;

}



h6.ban-header {

    color: #ffffff;

    font-size: 17px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 5px;

}



h1.ban-header2 {

    font-size: 60px;

    color: #fff;

    margin-bottom: 18px;

}



p.ban-para {

    color: #fff;

    font-size: 17px;

    padding: 0 200px;

    margin-bottom: 35px;

}



a.ban-link {

    background: #fff;

    color: #000;

    font-weight: 500;

    display: inline-block;

    padding: 14px 47px;

}



a.ban-link i{

    font-size: 14px;

    margin-left: 6px;

}



.ban-text {

    text-align: center;

    padding: 0;

}



.banner-content{

    position: absolute;

    top:50%;

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

}



.main-banner i.fa-solid.fa-angle-left {

    color: #000;

    background: #fff;

    padding: 15px 10px;

    font-size: 22px;

}



.main-banner i.fa-solid.fa-angle-right {

    color: #000;

    background: #fff;

    padding: 15px 10px;

    font-size: 22px;

}



.m-icon {

    width: 75px;

    height: 75px;

    background: #ffffff;

    text-align: center;

    border-radius: 100%;

    line-height: 55px;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 36px 0px, rgba(188, 207, 76, 0.08) 0px 0px 0px 1px;

}



.m-icon img {

    margin-top: 20px;

    width: 38px;

}



p.m-para {

    color: #6a6a6a;

    line-height: 28px;

}



.manufacture {

    margin-top: 60px;

}





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



.abt-img img {

    width: 86%;

}



h6.a-header {

    text-transform: uppercase;

    color: #797979;

    font-size: 16px;

    letter-spacing: 3px;

    font-weight: 500;

    margin-bottom: 8px;

}



h5.a-header2 {

    font-size: 55px;

    font-weight: 500;

    letter-spacing: 1px;

    margin-bottom: 22px;

}



p.a-para {

    color: #7e7e7e;

    font-size: 17px;

    line-height: 30px;

    margin-bottom: 30px;

    padding-right: 80px;

}



a.a-link {

    background: #aabf2e;

    color: #000;

    font-weight: 500;

    display: inline-block;

    padding: 10px 37px;

}



a.a-link:hover{

    color: #000;

    text-decoration: none;

}



.about {

    background: #fcfdf3;

    padding: 70px 0;

    margin-top: 60px;

}



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



.pro-container {

    width: 75% !important;

    margin: 0 auto !important;

}



.pro-img {

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



.pro-img img {
    max-width: 100%;
    width: auto;
    height: auto;
    transition: all .5s ease-in-out;
}



.pro-img::before {

	position: absolute;

	top: 0;

	left: -75%;

	z-index: 2;

	display: block;

	content: '';

	width: 50%;

	height: 100%;

	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	-webkit-transform: skewX(-25deg);

	transform: skewX(-25deg);

}

.pro-img:hover::before {

	-webkit-animation: shine .75s;

	animation: shine .80s;

}

@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}





h5.pro-header a {

    display: inline-block;

    position: absolute;

    bottom: 41px;

    left: 42px;

    color: #fff;

    font-size: 27px;

    letter-spacing: 4px;

}



h5.pro-header a:hover{

    text-decoration: none;

    color: #fff;

}



.p-btm{

    margin-bottom: 33px;

}



.pro-title {

    font-size: 50px;

    margin-bottom: 35px;

}



.product{

    margin-top: 70px;

}





/*--------------- counting ---------------------*/





.counter-container {

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    margin: 30px 50px;

  }

  

  .counter {

    font-size: 40px;

    margin-top: 10px;

    color: #fff;

}

  

  @media (max-width: 580px) {

    body {

      flex-direction: column;

    }

  }

  

  .c-flex {

    justify-content: space-between;

}



.counter-container img {

    width: 50px;

    margin: 0 auto;

}



.c-bg{

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

    background-size: cover;

    min-height: auto;

}



span.c-span {

    color: #e5e5e5;

    font-size: 20px;

    text-transform: capitalize;

}



.counting{

    margin-top: 50px;

}



/*--------------- testimonial ---------------------*/



.t-img img {

    width: 60px !important;

    margin: 0 auto;

}



.t-test {

    text-align: center;

}



.test-header {

    text-align: center;

    font-size: 50px;

    margin-bottom: 20px;

}



.t-icon i {

    font-size: 50px;

    color: #aabf2e;

}



p.t-para {

    font-size: 18px;

    padding: 0 200px;

    line-height: 32px;

    color: #5a5a5a;

    margin-top: 20px;

    margin-bottom: 25px;

}



h5.t-title {

    margin-top: 20px;

    margin-bottom: 25px;

}



.test .owl-nav .owl-prev {

    float: left;

    /* color: red; */

    margin-left: -48px;

}



.test .owl-nav .owl-next {

    float: right;

    /* color: red; */

    margin-left: -48px;

}



.test i.fa.fa-angle-left {

    position: absolute;

    top: 27%;

    left: 0;

    font-size: 30px;

    background: #ffffff;

    padding: 7px 17px;

    /* line-height: 20px; */

    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;

}



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

    position: absolute;

    top: 27%;

    right: 0;

    font-size: 30px;

    background: #ffffff;

    padding: 7px 17px;

    /* line-height: 20px; */

    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;

}



.test {

    margin-top: 70px;

}



/*--------------- blog ---------------------*/



.b-img {

    width: 100%;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
    transition: all .5s ease-in-out;
	overflow:hidden;
}



.b-img img {


    max-width: 100%;

    width: auto;

    height: auto;

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

}



.b-img img:hover{

    transform: scale(1.1);

}



.b-box2 {

    display: inline-block;

    background: #000;

    text-align: center;

    padding: 8px 18px;

    position: absolute;

    top: 0;

    right: 0;

}



.b-title {

    color: #fff;

    font-size: 22px;

    margin-bottom: 1px;

}



.b-title2{

    color: #fff;

    margin-bottom: 0;

}



p.b-para{

    display: inline-block;

    font-size: 25px;

    line-height: 36px;

    font-weight: 500;

    color: #000;

    margin-top: 25px;

}



p.b-para2 {

    font-size: 17px;

    color: #6c6c6c;

    margin-bottom: 25px;

}



a.b-link {

    display: inline-block;

    background: #000;

    padding: 4px 20px;

    color: #fff;

}



a.b-link:hover{

    color: #fff;

    text-decoration: none;

}



.blog .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 40px;

}



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

    background: transparent;

    border: 2px solid #000;

}



.b-top {

    margin-top: 70px;

}



.b-box2.b-top2 {

    top: 70px !important;

}



.blog {

    background: #fcfdf3;

    padding: 60px 0;

    margin-top: 60px;

}



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



.cl-img img {

    width: 80px !important;

    margin: 0 auto;

}



.cl-img {

    background: #fff;

    text-align: center;

    /* margin: 0 auto; */

    padding: 10px 0;

    min-height: 123px;

    border: 1px solid #ddd;

    line-height: 135px;

}



.client {

    padding: 27px 0;

}



.i-width{

    width: 60px !important;

}



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



.footer {

    background: #31353d;

    /* background-size: cover;

    background-position: center; */

    min-height: auto;

    padding: 60px 0;

    

}



.ftr-logo img {

    width: 150px;

}



.ftr-header {

    font-size: 20px;

    color: #fff;

    /* font-weight: 600; */

    margin-bottom: 20px;

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

}



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;



}



.ftr-list li a {

    display: inline-block;

    color: #d4d4d4;

    font-size: 16px;

    line-height: 36px;

}



.ftr-list li a i {

    margin-right: 15px;

    font-size: 12px;

}



.ftr-list li a:hover{

    text-decoration: none;

}



.ftr-list2 li a:hover{

    text-decoration: none;

}



.ftr-list2{

    margin: 0;

    padding: 0;

    list-style: none;



}



.ftr-list2 li a{

    display: inline-block;



}



.ftr-social a i{

    display: inline-block;



}



p.ftr-para {

    font-size: 16px;

    /* color: #fff; */

    color: #d4d4d4;

    line-height: 26px;

}



.footer .form-control {

    display: block;

    width: 100%;

    height: 52px;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: initial;

    border-radius: 8px;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.footer .form-control::placeholder{

    font-size: 15px;

    padding-left: 10px;

}



a.frm-link i {

    background: #efb443;

    color: #000;

    display: inline-block;

    padding: 12px 15px;

    font-size: 17px;

    border-radius: 5px;

}



.frm-btn {

    position: absolute;

    top: 6px;

    right: 8px;

}



.ftr-icon i {

    width: 45px;

    height: 45px;

    background: rgba(255, 255, 255, 0.1);

    text-align: center;

    color: #fff;

    line-height: 45px;

    /* border-radius: 5px; */

    /* border: 1px dashed rgba(255, 255, 255, 0.3); */

}



.ftr-list2 li a {

    display: inline-block;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

}



.ftr-h2 {

    font-weight: 400 !important;

    color: #d4d4d4 !important;

    line-height: 24px;

}



.mt-top {

    margin-top: 33px;

}



.ftr-social a i {

    width: 40px;

    height: 40px;

    background: rgba(255, 255, 255, 0.1);

    text-align: center;

    color: #fff;

    line-height: 40px;

    /* border-radius: 5px; */

    /* border: 1px dashed rgba(255, 255, 255, 0.3); */

}



.ftr-2 {

    margin-left: 65px;

}



.ftr-3 {

    /* margin-right: 71px; */

    /* display: inline-block; */

    margin-left: -16px;

}



.ftr-4 {

    margin-left: -37px;

}



.footer2 {

    background-color: #393e47;

    padding: 20px 0;

}



.ftr-cap {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 0;

}



/*---------------- Product Banner ----------------------*/



.product-banner{

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

   /* background-size: cover;

    background-position: center;

    min-height: auto;*/

}



.p-header {

    /*padding: 212px 0;*/

}



.product-des .container-fluid {

    padding: 0 80px !important;

}

.room-text{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.room-caption{color: #fff;font-weight: 600;font-size: 42px;letter-spacing: 3px;}
.room-list{margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;}
.room-list li a{display: inline-block; color: #fff;font-size: 17px;font-weight: 500;}
.room-list li a i{font-size: 12px;padding: 0 8px;}

.pro-box {

    background: #ffffff;

    padding: 30px 20px;

    width: 85%;

    box-shadow: 0px 10px 22px -1px #d0d0d0;

}



h5.pro-header {

    text-transform: capitalize;

    font-size: 23px;

    color: #078381;

    margin-bottom: 16px;

}



ul.pro-list li {

    /* background: #fff; */

    margin-bottom: 15px;

    /* padding: 5px 5px; */

}



.pro-list li:last-child{

    margin-bottom: 0;

}



.pro-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.pro-list li a {

    display: inline-block;

    color: #000;

    font-size: 17px;

    font-weight: 500;

    text-transform: capitalize;

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

}



.pro-list li a:hover {

    background: #078381;

    color: #fff !important;

    padding: 4px 8px;

    width: 100%;

}



 .active1 {

    background: #afca11 !important;

    color: #000 !important;

    

} 



.p-img {

    width: 57%;

   

    overflow: hidden;

    /* float: left; */

    position: relative;

    margin: 0 auto;

}



.p-img img {


    max-width: 100%;

    width: auto;

    height: auto;

    margin: 0 auto;

  

}



h5.p-title a {

    color: #000000;

    font-size: 18px;

    font-weight: 500;

    /* letter-spacing: 1px; */

    display: inline-block;

    margin-bottom: 5px;

}



h5.p-title a:hover{

    text-decoration: none;

}



a.p-link {

    display: inline-block;

    background: #078381;

    color: #fff;

    text-transform: capitalize;

    font-size: 17px;

    padding: 7px 34px;

    font-weight: 600;

    /* width: 100%; */

    text-align: center;

}



a.p-link i{

    font-size: 14px;

    margin-left: 8px;

}



a.p-link:hover{

    color: #fff;

    text-decoration: none;

}



.p-box2 {

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

    padding: 30px;

    background: #fafafa;

    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    margin-bottom: 30px;

   

}



.product-des{

    margin-top: 70px;

}



p.p-para {

    font-size: 17px;

    color: #706f6f;

    margin-bottom: 25px;

}

ul.p-details{

    font-size: 17px;

    color: #706f6f;

    margin-bottom: 25px;

    margin-left: -40px;

    list-style: none;

}



a.pro-link {

    display: inline-block;

    background: #afca11;

    color: #000;

    padding: 6px 18px;

    font-weight: 500;

}



a.pro-link i{

    font-size: 14px;

    margin-left: 6px;

}



a.pro-link:hover{

    color: #000;

    text-decoration: none;

}



.p-btm2{

    margin-bottom: 40px;

}



.p-box {

    background: #fff;

    width: 88%;

    border-right: 1px solid #ababab;

    height: 97%;

}



.p-cap {

    text-transform: capitalize;

    font-size: 27px;

    /* margin-left: 12px; */

    margin-bottom: 20px;

}



.p-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.p-list li a {

    background: #f5f6ec;

    margin-bottom: 12px;

    padding: 4px 15px;

    display: inline-block;

    width: 90%;

    color: #000;

    font-size: 17px;

    border-radius: 6px;

}



.p-list li a:hover{

    text-decoration: none;

}



.pt-btm {

    padding-top: 85px;

}

.marquee0 span{display:inline-block; width:209px; margin: 10px; border:1px solid #ddd; padding:10px 0 10px;}
.marquee0 span img{max-width:100%; display:block !important; margin:0 auto 0px; }
