@charset "utf-8";
/* CSS Document */
#navbar{background-color: #333;}
.sticky{position: fixed; top: 0; width: 100%; z-index:999;}



body{margin:0; padding:0; font-family:sec !important; font-size:14px !important;}

@font-face{font-family:first; src: url(../fonts/OpenSans-Light.ttf);}
@font-face{font-family:sec; src: url(../fonts/OpenSans-Regular.ttf);}
@font-face{font-family:third; src: url(../fonts/OpenSans-Semibold.ttf);}
@font-face{font-family:fourth; src: url(../fonts/OpenSans-Bold.ttf);}



h1{margin:0 !important; padding:0 !important; border:none; outline:none;}
h2{margin:0 !important; padding:0 !important; border:none; outline:none;}
h3{margin:0 !important; padding:0 !important; border:none; outline:none;}
h4{margin:0 !important; padding:0 !important; border:none; outline:none;}
h5{margin:0 !important; padding:0 !important; border:none; outline:none;}
h6{margin:0 !important; padding:0 !important; border:none; outline:none;}

ul{margin:0; padding:0; list-style-type:none;}
input, select, option, textarea{outline:none; resize:none;}
button{outline:none;}
.border2{border:solid #000 1px;}
img{border:none; margin:0; padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:none !important;}
a:focus{text-decoration:none;}

.header_top{
    background-color: #626a6e;
}
.header_top .navbar{
    padding: 0px;
}
.header_top .navbar-nav .nav-link{
        color: #fff;
    font-size: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-family: open-sens-light;
    font-weight: 600;
}
.header_bottom{
    border-bottom: 1px solid #ddd;
}
.header_bottom .navbar{
    padding: 6px 0px;
}
.header_bottom .navbar-nav .nav-link{
    color: #4e4c4c;
    font-weight: 600;
    font-family: open-sens-regular;
    font-size: 17px;
    padding-right: 15px;
    padding-left: 15px;
}

.top-bg{background-color: #626a6e; width:100%; padding: 5px 0 5px 0px; color: #fff;}

ul.call-list{margin: 0; padding: 0;}
ul.call-list li{display: inline-block; font-size: 14px; padding: 10px 0; margin: 0 15px 0 0;}
ul.call-list li a{color: #FFF; text-decoration: none}
ul.call-list li i{margin: 0 4px 0 0;}
ul.call-list li:nth-child(1) i{font-size: 16px;}
ul.call-list li:nth-child(2) i{font-size: 16px;}


ul.lang-list{text-align: right; margin: 0;}
ul.lang-list li{display: inline-block; margin: 5px 0 0 20px; line-height:7px; text-align:center; padding: 8px 0; width:30px; height:30px; border-radius: 50%; background: #fff;}
ul.lang-list li a{color: #fff;}
ul.lang-list li:nth-child(1){background: #3b5998;}
/*ul.lang-list li:nth-child(2){background: #00acee;}*/
ul.lang-list li:nth-child(2){background: #0e76a8;}
ul.lang-list li:nth-child(3){background: #25D366;}

.carousel-inner img {width: 100%; height: 100%;}
.carousel{margin: 5px 0 0 0;}
.carousel-item.active{ transition: transform .1s ease,-webkit-transform .1s ease }
.rd-bg{background-image: url(../images/construction01.png); background-repeat: no-repeat; background-size: cover;background-attachment: fixed;}
.main-heading{text-align: center; font-family: fourth; color: #00c37b; text-shadow: 0px 1.4px 1px #000000b0; padding: 30px 0 0 0 !important;}
.des{text-align: center; font-family: first; font-size: 16px; line-height: 30px; color: #4e4e4e;}
.pro-box{margin-top: 20px; padding: 0 0 40px 0;}
.pro-name p{margin: 0;}
.pro-name p:nth-child(1){font-family: third; font-size: 20px; color: #1cd275; margin: 12px 0 3px 0;}
.pro-name p:nth-child(2){letter-spacing: 3px; color: #848484; font-family: first; padding: 0 0 10px 0;}

.h-abt-bg{width: 100%; background-image: url(../images/splash-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 0 80px 0px;}
.h-abt-side{/*background-color: #FFF;*/ background-image: url(../images/plastic.jpg); height: 220px; box-shadow: 0 10px 40px #6b6b6b;}
.srt-des{padding: 42px 0 0 40px;}
.srt-des p{margin: 0;}
.srt-des h2{font-family: fourth; font-size: 17px; margin: 0 0 7px 0 !important; color: #545454;}
.srt-des p:nth-child(2){color: #525252; line-height: 24px; text-align: justify; font-size: 16px;}
.des-icon{position: relative;}
.des-icon img{position: absolute; width: 330px; top: -40px; right: -40px; border-radius: 8px; box-shadow: 0px 14px 18px #5f5f5f;}

.we-can{font-family: first; font-size: 40px; text-align: center; text-transform: capitalize; color: #545454;}
.we-can:after{content:""; display: block; background-image: url(../images/wave-line.png); background-repeat: no-repeat; width: 212px; height: 12px; margin: 0 auto; margin-top: 13px; opacity: .4;}


.box-wrapper{display: flex; margin-top: 25px; color: #fff;}
.box-1{flex: 2; padding: 20px; background-image: url(../images/slider1.jpg); height: 250px;}
.box-2{flex: 1; padding: 20px; background-color: #4a1d06; font-size: 15px; text-align: justify;}
.box-2 p:nth-child(1){font-size: 22px; font-family: third;}
.box-3{flex: 1; padding: 20px; background-color: #6b2700;}

footer{text-align: center;}
footer p{margin: 0;}
.ftr-bg{background-color: #dcdcdc; padding: 10px 0 10px 0; margin: 20px 0 0 0;}

.about-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/about-banner.jpg);
}

.thankyou-banner{
  width: 100%;
    height: auto;
    padding: 120px 0;
  /*  background: url(../images/thank-you.jpg);*/
  background: #fff9f4;
    

}
.thank-icon p{text-align: center; color: #06ca06; font-size: 80px; }
.thank-para p{text-align: center; margin-top: -53px;
font-size: 17px;}
.about-banner h2{
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}

.o-5-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/o-5-banner.jpg);
}

.o-5-banner h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}

.h-abt-bg-ab{width: 100%; background-image: url(../images/splash-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 60px 0 60px 0px;}
.h-abt-side-ab{height: auto; box-shadow: 0 10px 40px #6b6b6b; background: rgb(275,275,275,0.6); border-radius: 10px;}
.srt-des-ab{padding:20px;}
.srt-des-ab p{margin: 0;}
.srt-des-ab h2{font-family: fourth; font-size: 22px; margin: 0 0 7px 0 !important; color: #545454;}
.srt-des-ab p:nth-child(2){color: #525252; line-height: 28px; text-align: justify; font-size: 16px; font-style: italic;;}
.des-icon-ab{position: relative;}
.des-icon-ab img{position: absolute; border-radius: 8px; box-shadow: 0px 14px 18px #5f5f5f;}


.ab-services{
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #f5f5f5;
    line-height: 30px;
}

.ab-services h2{font-family: fourth; font-size: 20px; margin: 0 0 7px 0 !important;  color: #00612a; margin-bottom: 20px !important;}

.ab-services ul li{
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #545454;
}

.ab-services ul li i{
    color: #00612a;
}



.services-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/services-banner.jpg);
}

.services-banner h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}

.quality-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/qulity.jpg);
}

.quality-banner h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}


.enquiry-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/contact.jpg);
}

.enquiry-banner h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}


.contact-banner{
    width: 100%;
    height: auto;
    padding: 120px 0;
    background: url(../images/enquiry.jpg);
}

.contact-banner h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}


.product-o-5{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 60px 0;
}

.product-o-5 h2{font-family: fourth; font-size: 18px; margin: 0 0 7px 0 !important;  color: #00612a; margin-bottom: 20px !important;}


  table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  border:1px solid #ccc;
}
th{
    background-color: #00612a;
    font-size: 20px;
    color: #fff;
}
td, th {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}


.item{
    background: #626a6e;
    border-radius: 10px;
    border: 2px solid #00612a;
    box-shadow: 0 0 20px #00612a;

}

.item img{
    border-radius: 5px;
}

.item h3{
    font-family: third; 
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding:  10px!important;
}


.contact-form-bg {
    background-color: #0080ff;
    padding: 10px;
    margin-top: 30px;
}

.contact-form-bg2 {
    background-color: #fff;
    padding: 30px;
}

.cus-cont-input {
    border: solid #dadada 3px;
    border-radius: 0;
    height: 40px;
    resize: vertical;
}

.cus-cont-submit {
    background: #047aa5;
    width: 50%;
    height: 50px;
    color: #fff;
    border: 0;
    outline: 0;
    text-align: center;
    margin: 0 auto;
   
    border-radius: 25px;
}


.add1 {
    margin: 10px 0;
}

    .add1 h3 {
        margin-bottom: 15px !important;
    }

    .add1 h5 {
        font-size: 16px !important;
        line-height: 30px;
    }


    .add1 p a {
        color: #212529;
    }

.add ul {
    margin: 0;
    padding-left: 0
}




.get-touch {
    padding: 25px 20px 10px;
    border: 6px solid #195691;
}

.get-touch input {
        width: 100%
    }



.products1 {
    margin: 30px 0;
}

.fill {
    width: 100%;
    height: 40px;
    font-size: 14px;
}

.book button {
    float: right;
    margin: 0;
}
.heading1 h4{
        padding: 20px 0 !important;
    position: relative;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 2px;
}

@media screen and (max-width: 768px){
	.logo{text-align: center;}
	.logo span{float: none;}
	a.nav-link{padding: 12px 10px 12px 10px !important; margin-bottom: 10px;}
	a.nav-link.active{padding: 12px 10px 12px 10px !important;}
	.rd-bg{background: none;}
	.des-icon img{position: initial; text-align: center; margin: 0 auto; display: block; border-radius: 0 0 8px 8px; margin-top: 20px;}
	.srt-des{padding: 42px 40px 0 40px;}
	.box-wrapper{display: block;}
	
}

@media screen and (max-width: 990px){
	.h-abt-side{height: auto; padding-bottom: 30px;}
}