.clr:before, .clr:after {clear: both;content: "";display: table;}

.clr:after {clear: both;}

.clr {*zoom:1;}

body{transition: ease-in-out.3s;}
/*==============================================================*/

*{ padding: 0px; margin:0px;list-style-type: none;outline:0px; }

img{width:100%;}

p.main-pra {width: 85%; margin: 0px auto;}

.wht-we-offer { text-align: center; padding: 2% 0px; background: #f5f5f5;}

.my_container {border: 0px solid red; width: 1200px; margin: 0px auto;}

.main-heading { font-size: 42px;  text-align: center;}

.product{ margin-top: 60px; }

.Lbox  figure, .M-box figure{  margin: 0;overflow: hidden;}

.Lbox figure img, .M-box figure img  { transform: scale(1); transition: ease-in-out.5S}


.Lbox:hover figure img, .M-box:hover figure img{transform: scale(1.1); filter: grayscale(100);}

.Lbox:hover, .M-box:hover {background-color:#996100; }

.Lbox:hover h5, .M-box:hover h5  {color: #fff; }

.Lbox h5, .M-box h5  {color: #999; font-size: 30px;text-align: left; padding: 14px }

.Lbox { width:784px; border: 1px solid #ccc; float: left;background: #fff; overflow: hidden;transition: ease-in-out.5S}

.MR-40 {margin: 0px 52px;overflow: hidden;}

.M-box { margin-bottom:52px;overflow: hidden;width: 364px;float: right;border: 1px solid #ccc; background: #fff;transition: 
	ease-in-out.5S}

/*========about====================================================================== */

.about { text-align: center; padding: 4% 0px;}

.about h4 {  font-size: 21px; color: #996100; text-transform: none;}

.about-page {padding: 5% 0px;}


.about ul li { width: 24%; display: inline-block;border: 1px solid #ccc; list-style-type: none;
			  margin-top:0px; margin-bottom: 0px; overflow:hidden; position:relative;}

.about ul li .overlayD {position: absolute; top: -150px; background:#2f2d26d9;  width: 100%; color: #fff; transition: ease-in-out.3S; 
height: 100%;padding: 43px;font-size: 25px;
font-family:"Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;letter-spacing: 2px;}

.about ul li:hover div{top:0px;}
.about ul li:hover img{filter:grayscale(100);}

/**/
.testimonial { text-align: center; padding: 3% 0px;}



/*===================================================================================================*/

footer{background:#000; color:#999; font-size: 12px; padding-top:2%;padding-bottom:2%;}

footer ul > li { width: 370px;list-style-type: none;float: left;vertical-align: top;}

footer ul li h4 {font-size: 30px;color: #009646;font-weight: lighter; margin-bottom:25px;}

footer ul li img {width: 50%; margin-bottom: 15px;}

ol { margin: 0px; padding: 0;}

li.one a {display: inline-block; width: 30px; height: 30px; border-radius: 100%; text-align: center;line-height: 30px; 
	background: #009646;color: #000000; margin-right: 10px;}
li.one a:hover{background: #fff;}


.three ol {width: 49%;border: 0px solid;display: inline-block;vertical-align: top!important;}

.three ol li{ line-height:22px;}

li.three { margin: 0px 44px;}

li.three a {margin-left: 18px; color: #cccc;}
li.three a:hover{ color:#fff; }

li.three { margin: 0px 0px 0px 88px;}

li.two li {line-height: 25px;}

/*=========================================================================================================================*/

.inner_slider {background: url(../images/bg/3.jpg) no-repeat; background-position: bottom center; height: 300px;position: relative;background-size: cover; background-position:center;}

.about-page h3 {margin: 40px 0px 20px 0;font-size: 35px;border-bottom: 2px solid;color: #0a0a0a;letter-spacing: 0;}

.about-sub-img {width: 32%; float: left; }

.about-page-text { width: 64%;float: right;text-align: justify;}

.about-page-text h5 {font-size: 137px;color: #d8d2d2;}
.about-page-text h2 {color: #d8d2d2;}

/*==========contact page========*/

.contact_box {}

.contact_box .left { float: left; width: 40%; border: 1px solid #8a7004; padding:1%;background: #009646;}

.contact_box .left input { width: 49%;padding: 10px; border: 1px solid #9a7f09;  font-size: 13px;}

.contact_box .left input[type="email"] {width: 99%!important;margin-bottom: 15px;margin-top: 15px;border: 1px solid #9a7f09;}

.contact_box .left textarea {max-width: 99%;min-height: 110px;min-width: 99%; padding:10px;border: 1px solid #9a7f09;}

button { cursor:pointer;padding: 10px 20px;background: #2b2626;border: 0px;color: #fff;border-radius: 2px;margin-top: 15px;text-transform: uppercase;font-size: 15px;}

.map {width: 60%;float: left;height: 321px;overflow: hidden;}

.map iframe{width:100%;height:345px;}

/*product detail*/

.product-inn { width: 35%; border: 4px solid #fff; box-shadow: 0px 0px 4px #ccc; float: left;;}

.product-Detail { width: 60%; float: right;}

.product-Detail h5 {border-bottom: 1px solid; margin-bottom: 20px;}
ul.gallery li {width: 25%;float: left;border: 1px solid #fff; overflow: hidden;}