body{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
    background-color: #fff;
	font-size: 14px;
	border-bottom: 8px solid #49791C;
}

*{box-sizing: border-box;}
body,
input,
textarea {
	font-family: 'Roboto', sans-serif;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.txtUp {
	text-transform: uppercase;
}

.clearfix:after {
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}
.container{max-width: 1258px; width: 100%; margin:0px auto;}

.logo{position: relative; width: 173px;}
.header .contNm{position: absolute; top:10px; right:0px; text-transform: uppercase; font-weight: 900; background-color: #57A00A;border-radius:20px; color:#fff; padding:5px 10px; font-size: 12px;}
.header .container{display: flex; justify-content: space-between; align-items: baseline}
.header.stick{position: fixed; top:0; background-color:#fff; box-shadow: 0 0 5px rgba(00,0,0,0.3); width:100%; z-index: 2; padding-top:5px;}
.header.stick .logo{width:100px}
.header.stick .logo img{width:100%}
.header.stick .contNm{font-size: 8px;padding: 2px 5px;top: 7px;}
.crsBtn,.burgerMnu{display:none;}

.navigation{text-transform: uppercase; align-self: flex-end; margin-bottom: 2px;}
.navigation li{display: inline-block; margin:0px 10px; list-style: none;}
.navigation li a{color:#828282; display: block; text-decoration: none;  padding: 8px;}
.navigation li.active a{position: relative; font-weight: 600;}
.navigation li.active a:after{background:#49791C; height: 3px; width:100%; left:0;position:absolute; bottom: -1px;content: "";}
.navigation li.selected a{font-weight: 600; color: #49791C;}
.navigation .crsBtn{position: absolute; left:72%; top:10px; width:40px; height: 40px; z-index: 10; background: url(../images/crsbtn.svg) no-repeat center center;}

.form-slider{ margin:30px 0px;}
.form-slider .slider{float: left; width: 69%;overflow: hidden;}
.form-slider ul{margin: 0;padding:0; list-style: none;}
.form-slider .form{float: right; width: 31%; min-height: 390px; margin-top:-20px; background: #fff; border-radius:24px; padding: 20px;  box-shadow: 0px 9px 24px rgba(0,0,0,0.2);}
.form-slider .form h3{font-size: 25px; color: #222424; font-weight:normal; margin:0; padding:0; margin-bottom: 15px}
.form-slider .form input,.form-slider .form textarea{border:1px solid #dcdcdc; outline: none; height:40px; padding: 10px; width: 100%;border-radius: 4px; margin-bottom: 10px;}
.form-slider .form input:focus,.form-slider .form textarea:focus{border:1px solid #888888;}
.form-slider .form textarea{min-height:105px}
.form-slider .form input[type="submit"]{background:#49791C; outline: none; cursor: pointer; margin: 0px auto;margin-bottom: -38px; transition: all 0.2s linear; color:#fff; width:90%;border-radius: 30px;display: block;text-transform: uppercase; font-weight: 600; }
.form-slider .form input[type="submit"]:hover{background: #000; }
.form-slider .captchaForm{display: flex; align-items: center; margin-bottom: 0;}
.form-slider .captchaForm .fieldInput{margin-left: 5%; margin-bottom: 0;}
.form-slider .field:last-child{margin-top:10px;}
.form-slider .swiper-slide img{border-radius: 16px;}
.form-slider .swiper-pagination-bullet{ background-color:#fff; border:1px solid #979797; width:17px; height: 17px;}

.conpanyBrief{font-size: 16px; margin:30px 0px; color: #565757;}
.conpanyBrief p{font-size: 16px; line-height: 26px; margin:0px auto; max-width: 85%;}
.conpanyBrief h1 { font-size: 36px; text-align: center; font-weight: 300; line-height: normal; color: #222424;}


.products{margin:20px 0px;}
h3.headingStyl1{padding-top:20px;font-size: 36px; display: block; color: #222424; margin: 20px auto 40px; font-weight: 300;}
.productsLstng{display: flex; margin-top: 20px; flex-wrap: wrap; justify-content: space-between}
.productsLstng .prod{width: 48%; display: flex; margin-bottom: 40px;}
.productsLstng .imgSec{margin-top:-10px;box-shadow: -5px 16px 33px rgba(0,0,0,0.14); width: 45%; float: left; border-radius: 10px;}
.productsLstng .imgSec img{width:100%;}
.productsLstng .txtSec{float: left; color:#808080; width: 55%; line-height: 20px; margin-left: 0px; padding:20px; height: 95%; background-color: #fff; border-radius:0 8px 8px 0;position: relative;}
.productsLstng .txtSec strong{font-size: 18px; color: #000; line-height: 25px;} 
.productsLstng .txtSec a{box-shadow: -5px 16px 33px rgb(146, 137, 115);transition: all 0.3s linear; background:#49791C; border-radius: 20px; padding:8px 20px; text-transform: uppercase; font-weight: 600; color:#fff; text-decoration: none; position: absolute; bottom:20px;}
.productsLstng .txtSec strong{font-size: 18px; color: #000; line-height: 25px;} 
.productsLstng .txtSec a:hover{background: #333}

.productsLstng .txtSec:hover{
	background-color: #debf72;
}


.why-lento{background-color:#FEFFF9; padding: 30px 0px; }
.why-lento .whyLnto .imgSec{border:3px solid #386900; margin:0px auto; border-radius: 50%; width: 140px; position: relative; height:140px;}
.why-lento .whyLnto .imgSec img{margin: auto; position: absolute; left:0; right:0; bottom:0; top:0;}
.why-lento .whyLntoLstng{display: flex; justify-content: space-evenly;}
.why-lento .whyLnto{width: 17%; color: #808080; line-height: 21px;box-shadow: 2px 2px 10px #ccc;padding-top: 12px;border-radius: 15px;background-color: #fff;}
.why-lento .whyLnto h4{color:#222424; font-size: 18px;}
.why-lento .whyLnto strong{display: block; color:#386900; margin-bottom: 10px; }


.aboutUs{margin: 40px auto 70px; color:#808080; line-height: 23px; font-size: 16px;}
.aboutusCont{display: flex; align-items: center;}
.aboutusCont .txtSec{margin-left: 40px;}

.video-blog{font-size: 28px;}
.videoSec{border-radius:10px; padding:0px 0px}
.video-blog strong{display:block; font-size: 18px; margin-bottom: 15px;}
.video-blog .video{background-color:#292926; color:#fff; padding:20px 60px;}
.video-blog{display: flex; display: none}
.video-blog .video p{font-weight: normal; line-height:21px; color: #bfbfbf;}
.video-blog .video p strong{color: #fff;}
.video-blog .video span{color: #696969; font-size: 14px;}
.video-blog .container > div{border-radius:12px; width: 49%; margin-left:2%}
.video-blog .container > div:first-child{margin-left:0;}
.video-blog .blog{background-color:#fff;border:1px solid #979797;  padding:20px 50px;}
.video-blog .container{display: flex; font-size:16px; line-height: 22px;}
.video-blog .video h3{color:#fff;}
.videoSec img{border-radius:5px;}
.video-blog .blog a{color:#49791C; text-decoration: none;}

footer{background-color: #FFC943; padding-top: 10px;}
footer .container{display: flex;justify-items: center; align-items: center; justify-content: space-between;}
footer .lft{color:#828282}
footer .center{color:#828282; font-size: 14px; line-height:18px;}
footer .center strong{color:#323232;}
footer .ryt{display:flex; align-items: center; color:#323232}
footer span{margin-right:10px;}
.socialShr li{list-style: none; display:inline-block;}
.socialShr li{margin:0px 2px; display: inline-block;}
.socialShr li a{background: url(../images/social.png) no-repeat}
.socialShr li a{width:38px; height: 36px; display: block;}
.socialShr li a.fbIcn{background-position: 0px 0px}
.socialShr li a.twIcn{background-position: -56px 0px}
.socialShr li a.insicn{background-position: -110px 0px}
.socialShr li a.lnicn{background-position: -167px 0px}

@media(max-width:1025px){
	.container{max-width: 95%;}
	.video-blog img{width: 100%;}
	.productsLstng .prod{align-items: center;}
	.productsLstng .imgSec{margin-top:0; width: 35%}
	.productsLstng .txtSec{width: 65%; border-radius:8px;}
	.productsLstng .txtSec a{position: static; display: inline-block;}
	.productsLstng .txtSec strong{font-size: 16px;}
	.productsLstng .txtSec p{font-size: 13px; line-height: 17px; margin-top: 5px;}
	.aboutusCont{align-items: center;}
	.video-blog .container > div{padding: 20px 30px;}
	h3.headingStyl1, .conpanyBrief h1{font-size: 28px; margin-bottom: 20px;}
}
@media(max-width:768px){
	.aboutusCont{display: block; text-align: center;}
	.aboutusCont .txtSec{margin:0;}
	.why-lento .whyLnto .imgSec{width:110px; height: 110px;}
	.why-lento .whyLnto .imgSec img{max-width: 50px;}
	.form-slider .slider{width:100%;}
	.form-slider .form{width:100%;}
	.form-slider .form .field{width: 48%; float: left;}
	.form-slider .form .field:nth-child(2n){margin-left:4%;}
	.form-slider .form .field:last-child{margin:0px auto; float: none;}
	.products{margin:0;}
	.why-lento{padding:15px 0;}
}

@media(max-width:640px){
	.logo{width: 120px;}
	.logo img{width: 100%;}
	.header .contNm{font-size: 9px; top: 5px; padding: 4px 7px;}
	.slider img{width: 100%;}
	.form-slider{margin-top:10px}
	.form-slider .form{border-radius:10px; position: relative; z-index: 1; margin-top:-10px}
	.form-slider .form .field{width: 100%;}
	.form-slider .form .field.captchaForm{margin-bottom:10px;}
	.form-slider .form .field:nth-child(2n){margin-left: 0;}
	.productsLstng .imgSec{width: 100%;}
	.productsLstng .prod{ width: 100%; display: block;}
	.productsLstng .txtSec{width: 90%; text-align: center; margin-left:5%; height: auto; margin-top: -20px;}
	.why-lento .whyLntoLstng{display: block;}
	.why-lento .whyLnto h4{margin: 5px 0;}
	.why-lento .whyLnto p{margin:5px 0;}
	.why-lento .whyLnto strong{margin-bottom: 0;}
	.why-lento .whyLnto{margin: 0px auto 35px; width: 80%;}
	.aboutusCont img{width: 100%;}
	.video-blog .container{display: block}
	.video-blog .container > div{width: 100%; margin-bottom: 20px; margin-left: 0;}
	footer .container{display: block; text-align: center;}
	footer .lft{margin-bottom: 10px;}
	footer .ryt{display:block;}
	footer .ryt span{margin-bottom: 10px; display: block}
	.header .container{align-items: center;}
.crsBtn{display:block;}
	.burgerMnu{display:block; margin-right: 10px;}
	.burgerMnu a{padding: 5px; display:block; opacity: 0.7}
	.burgerMnu svg rect{fill: #468107;}
	.navigation{display: none;}
	.navigation nav{
		-webkit-transform: translate(-100%,0);
		-moz-transform: translate(-100%,0);
		-ms-transform: translate(-100%,0);
		-o-transform: translate(-100%,0);
		transform: translate(-100%,0);
		-webkit-transition: -webkit-transform 0.3s ease-out;
		-moz-transition: transform 0.3s ease-out;
		-o-transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out; }
	body.fixdPos{overflow: hidden;position: fixed;}
	.fixdPos .navigation{display:block; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; background: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; top:0; bottom: 0; right: 0; left: 0; z-index: 9;}
	.fixdPos .navigation nav{background: #000; -webkit-transform: translate(0%,0);
		-moz-transform: translate(0%,0);
		-ms-transform: translate(0%,0);
		-o-transform: translate(0%,0);
		transform: translate(0%,,0); -webkit-transition: -webkit-transform 0.3s ease-out;
		-moz-transition: transform 0.3s ease-out;
		-o-transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out; font-size:18px; height: 100%;position: absolute; width: 70%;}
	.fixdPos .navigation li{display: block; margin: 0;}
	.fixdPos .navigation li a{padding:20px; display: block; color:#fff;}
	.fixdPos .navigation li.active a:after{height: 1px;}
}

/* = == == = add a css == = == = */
.header1 {
 text-align:center; 
 padding: 15px; 
 color:#000 !important;
}
.header1 a{
	text-decoration: none !important;
	color:#000 !important;
	font-family: 'Roboto', sans-serif;
	padding-right: 20px;
}
.imgSec .fa {
    color: #FFC943;
    font-size: 50px;
    padding-top: 37px;
}

/* = = = == = */
.why-lento .whyLnto .imgSec:hover{
	background-color: #c79a47;
}

.imgSec .fa:hover{
	color: #fff;
}