@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');



html {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

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

}



p{

	margin: 0 !important;

}



*,

*:before,

*:after {

	-webkit-box-sizing: inherit;

	-moz-box-sizing: inherit;

	box-sizing: inherit;

	margin: 0;

	padding: 0;	

}



body {

	margin:0;

	padding:0;

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

}



.clear{

	clear:both;

}



.img{

	width:100%;

	display:block;

}



.v_a_img{

	vertical-align:middle;

}



/*--------------------------------------------------------------

Header

--------------------------------------------------------------*/

.top_main{

	width:100%;

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

    background-repeat: repeat;

}



.top{

	width:90%;

	margin:0 auto;

	max-width:1440px;

}



.top2{

	width:90%;

	margin:0 auto;

	max-width:1440px;

}



.col_sm1{

	width: 100%;

	margin: 0 auto;

}



.col_sm2{

	width: 48%;

	float: left;

	margin: 1%;

}



.col_sm22{

	width: 50%;

	float: left;

}



.col_sm3{

	width: 31%;

	float: left;

	margin: 1%;

}



.col_sm4{

	width: 23%;

	float: left;

	margin: 1%;

}



.col_sm44{

	width: 25%;

	float: left;

	border: 2px solid #ff6502;

}



.col_sm5{

	width: 18%;

	float: left;

	margin: 1%;

}



.col_sm8{

	width: 60%;

	float: left;

	margin: 1%;

}



.col_sm88{

	width: 35%;

	float: right;

	margin: 1%;

}



.col_sm9{

	width:38%;

	margin:1%;

	float:left;

}

.col_sm99{

	width:58%;

	margin:1%;

	float:left;

}



.top_main{

	position: absolute;

}



.logo{

	width: 264px;

	float: left;

	margin: 1%;

}



.navbarr{

	    width: 330px;

    float: right;

    margin: 1.5% 1%;

}



.banner{

	background-image: url(../images/banner_bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    /*height: 100vh;

    padding-top: 150px;*/

}

.banner2{

	background-image: url(../images/banner_bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    padding-top: 150px;

	padding-bottom:100px;

}



.banner_pro{

	width: 90% !important;

	margin: 0 auto !important;

}



.welcome h1{

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

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 2%;

    color: #fff;

}



.welcome p{

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

	font-size: 22px;

	line-height: 160%;

	color: #fff;

	margin: 1%;

	text-decoration: none;

}



.welcome a{

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

    font-size: 15px;

    padding: 10px;

    background-color: #fff;

    text-decoration: none;

    color: #000;

    font-weight: 600;

}



.bg_img3 h1{

	font-family: 'Poppins';

    font-size: 28px;

    text-align: center;

    width: 50%;

    margin: 0 auto;

    line-height: 160%;

    color: #fff;

    font-weight: 600;

}



.products h1{

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

    text-align: center;

    font-weight: 700;

    font-size: 25px;

    color: #f3f3f3;

    display: inline-block;

    background-image: url(../images/text-bg.jpg);

    padding: 12px 20px;

}

.products2 h1{

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

    text-align: center;

    font-weight: 700;

    font-size: 25px;

    color: #007136;

}

.why{

	text-align: center;

	margin-top: 60px;

}

.why img{

	width: 60%;

}



.why h2{

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

	text-align: center;

	font-weight: 700;

	font-size: 20px;

	color: #007136;

	margin-top: 10px;

	line-height: 160%;

	text-transform: uppercase;

}



.brd_btm{

	border-bottom: 1px solid #fff;

}

.brd{

	border:1px solid #f3f3f3;

}



.ftr_icon{

	    width: 260px;

    margin: 0 auto;

    padding: 30px 0px;

}

.ftr_icon .fa{

	    font-size: 18px;

    color: rgba(214, 81, 6);

    width: 38px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    background: #ffffff;

    border-radius: 4px;

}



.ftr_lt_txt h1{

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

	font-size: 15px;

	color: #fff;

	line-height: 160%;

	text-align: center;

	padding: 20px 0px;

	font-weight: 600;

}



.owl-prev{

	    position: absolute;

    left: -40px;

    top: 40%;

}



.owl-next{

	    position: absolute;

    right: -40px;

    top: 40%;

}



.owl-prev .fa, .owl-next .fa{

	    font-size: 15px;

    background-color: #007136;

    padding: 10px;

    color: #fff;

}



.bg_img22{

	margin:0;

	padding:0;

	font-family:"arial",heletica,sans-serif;

	font-size:12px;

    background: #f4f4f4 url(../images/bg22.jpg) repeat 0 0;

	-webkit-animation: 30s linear 0s normal none infinite animate;

	-moz-animation: 30s linear 0s normal none infinite animate;

	-ms-animation: 30s linear 0s normal none infinite animate;

	-o-animation: 30s linear 0s normal none infinite animate;

	animation: 30s linear 0s normal none infinite animate;

}



@-webkit-keyframes animate {

	from {background-position:0 0;}

	to {background-position: 500px 0;}

}

 

@-moz-keyframes animate {

	from {background-position:0 0;}

	to {background-position: 500px 0;}

}

 

@-ms-keyframes animate {

	from {background-position:0 0;}

	to {background-position: 500px 0;}

}

 

@-o-keyframes animate {

	from {background-position:0 0;}

	to {background-position: 500px 0;}

}

 

@keyframes animate {

	from {background-position:0 0;}

	to {background-position: 500px 0;}

}









.bg_img2{

    padding: 100px 0px;

    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

	background-size: 400% 400%;

	-webkit-animation: gradient 15s ease infinite;

	        animation: gradient 15s ease infinite;

}



@-webkit-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



.bg_img3{

	background-image: url(../images/qt-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    padding: 120px 0px;

    background-attachment: fixed;

}



.bg_img4{

	background-image: url(../images/im_bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    padding: 50px 0px;

        box-shadow: inset 0 0 1em #111;

        text-align: center;

}



.bg_img5{

	background-image: url(../images/bg.jpg);

    background-repeat: repeat;

    padding: 50px 0px;

    text-align: center;

}



.bg_clr1{

	background-color: #000;

}



.mobile_yes{

	display:none;

}





.gallery_col_sm3{

    width: 23%;

    margin: 1%;

    float: left;
        background-color: #fff;

}

.gallery_col_sm3 figure{
	    padding: 40px;
}



.main_heading h1 {

    font-size: 25px;

    font-weight: 600;

    color: #007136;

    text-align: justify;

    padding: 1% 1% 0% 1%;

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

    text-transform: uppercase;

}



.main_heading h2 {

    font-size:30px;

    font-weight: 600;

    color: #007136;

    text-align: center;

    padding: 1% 1% 0% 1%;

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

    text-transform: uppercase;

}









/*--------------------------------------------------------------

link

--------------------------------------------------------------*/

a.link:link {

	color:#fff;

	text-decoration:none;

}

a.link:visited {

	color:#fff;

	text-decoration:none;

}

a.link:hover {

	color:#fff;

	text-decoration:none;

}

a.link:active {

	color:#fff;

	text-decoration:none;

}



a.link2:link {

	color:#000;

	text-decoration:none;

}

a.link2:visited {

	color:#000;

	text-decoration:none;

}

a.link2:hover {

	color:#000;

	text-decoration:none;

}

a.link2:active {

	color:#000;

	text-decoration:none;

}





/*--------------------------------------------------------------

Contact

--------------------------------------------------------------*/

.cont_col_sm3{

	width:31%;

	float:left;

	margin:1%;

	border:1px solid #e9e9e9;

	background-color:#f3f3f3;

	min-height:140px;

}

.cont_pdg_sm3{

	padding:1% 1.5%;

}

.cont_txt h2{

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

	font-size:22px;

	font-weight:400;

	padding:1% 1% 0%;

	color:#000;

	letter-spacing:1px;

}

.cont_txt h3{

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

	font-size:16px;

	font-weight:600;

	padding:1% 1% 0%;

	color:#000;

}

.cont_icn {

    width: 20px;

    float: left;

    margin: 1.5% 3% 0% 1%;  

}

.cont_icn i {

	font-size:20px;

}

.cont_txt_main {

    width: 85%;

    float: left;

}

.cont_txt_main p {

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

    color: #303030;

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;

    text-align: justify;

}

.con_heading h2{

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

	color: #000;

	font-size: 18px;

	font-weight:600;

	padding:2% 1% 0%;

}

.fa-mobile{

	font-size:25px !important;

}

.fa-envelope{

	font-size:17px !important;

}











/* ------------------------------------------------------

top arrow

------------------------------------------------------ */

.top_arrow{

	width:25px;

	height:33px;

	position:fixed;

	right:2%;

	bottom:11%;

	display:none;

	transition-duration: 1s;

	background-image:url('../images/top-b.png');

	cursor:pointer;

	background-repeat:no-repeat;

	z-index: 999;

}

.top_arrow:hover{

	width:25px;

	height:33px;

	position:fixed;

	right:2%;

	transition-duration: 1s;

	bottom:11%;

	cursor:pointer;

	background-image:url('../images/top-b.png');

	display:none;

}



/*--------------------------------------------------------------

Zoom img

--------------------------------------------------------------*/

.column {

    display: inline-block;

    text-align: center;

}



figure {

    overflow: hidden;

    margin:0%;

    padding:0%;

}



a p {

    color: black;

    margin-top: 8px;

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

}



a:hover {

    text-decoration: none;

}



.column img {

    display: block;

    height: auto;

} 



.column#zoomIn img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.column#zoomIn:hover img {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

} 







.gallery h1{

   font-size: 15px;

    font-weight: 500;

    color: #fff;

    text-align: center;

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

    line-height: 160%;

    background-color: #007136;

    text-transform: capitalize;

    padding: 2% 0%; 

    margin-top: -1%; 

}





.gallery p{

    font-size: 15px;

    font-weight: 500;

    color: #000;

    text-align: center;

    padding:2%;

	background-color: #f5f5f5;

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

    line-height: 160%;

	min-height:65px;

}




@media only screen and (max-width:1200px){

.top {

    width: 96%;

    margin: 0 auto;

}



.top2 {

    width: 96%;

    margin: 0 auto;

}

}

@media only screen and (max-width:1100px){
.gallery h1 {
    font-size: 13px;
}
}


@media only screen and (max-width:1000px){

.top {

    width: 100%;

    margin: 0 auto;

}



.top2 {

    width: 100%;

    margin: 0 auto;

}
}







@media only screen and (max-width:900px){

.top_main {

    position: static;

}



.navbarr {

    width: 100%;

    float: left;

    margin: 1.5% auto 0%;

	background-color:#007136;

}

.logo {

    width: 264px;

    float: none;

    margin: 1% auto;

}



.mobile_no{

	display:none;

}



.mobile_yes{

	display:block;

}





.col_sm88 {

    width: 98%;

}

.col_sm8 {

    width: 98%;

}



.gallery_col_sm3 {

    width: 48%;

}



.col_sm99 {

    width: 98%;

}

.col_sm9 {

    width: 98%;

}

.banner2{

    padding-top: 100px;

	padding-bottom:100px;

}



}







@media only screen and (max-width:700px){

.col_sm4 {

    width: 48%;

}

}





@media only screen and (max-width:550px){

.col_sm4 {

    width: 98%;

}

.gallery_col_sm3 {

    width: 98%;

    margin: 1% auto;

    float: none;

}

}