html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* start editing from here */
a {
	color:#222;
	text-decoration:none;
}
.clear {
	clear:both;
}/* clear float */
body {
	font-family:"Times New Roman", Times, serif;
}
.wrap {
	width:1100px;
	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}
/*----start-top-----*/
.top_bg {
	background: #402212;
}
.top {
	padding:0.5% 0;
}
.language {
	float:left;
	color:#7a655a;
	font-weight:bold;
	padding:0.5% 0%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
}
.language a {
	font-family:Arial, Helvetica, sans-serif;
	color:#7a655a;
}
.language a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#8dc63f;
}
.language .selected {
	color:#8dc63f;
}
/*--- social-icons ----*/
.social-icons {
	float:right;
}
.social-icons li:first-child {
	margin-left: 0;
}
.social-icons li {
	float:left;
	margin-left:15px;
}
.social-icons li a {
	height: 21px;
	width: 21px;
	display: block;
	background:url(../Images/soc_icons.png);
}
.social-icons li.facebook a {
	background: url(../Images/soc_icons.png) 0% 0%;
}
.social-icons li:nth-child(1) a:hover {
	background: url(../Images/soc_icons.png) 0% 98%;
}
.social-icons li:nth-child(2) a {
	background: url(../Images/soc_icons.png) 32% 0%;
}
.social-icons li:nth-child(2) a:hover {
	background: url(../Images/soc_icons.png) 32% 98%;
}
.social-icons li:nth-child(3) a {
	background: url(../Images/soc_icons.png) 66% 0%;
}
.social-icons li:nth-child(3) a:hover {
	background: url(../Images/soc_icons.png) 66% 98%;
}
.social-icons li:nth-child(4) a {
	background: url(../Images/soc_icons.png) 100% 0%;
}
.social-icons li:nth-child(4) a:hover {
	background: url(../Images/soc_icons.png) 100% 98%;
}
/*----start-header-----*/
.header {
	background:#fff;
	border-top:3px solid #8dc63f;
}
/* navigation bar */
#topnav {
	display: block;
	width: 100%;
	position: relative;
}
#topnav .logo {
	float: left;
}
#topnav .logo a {
	text-decoration: none;
	display:block;
}
#topnav #navbtn {
	display: none;
	float: right;
	top: 0;
	width: 20px;
	padding: 2.8em 0em;
	background: url('../Images/nav-icon.png') center no-repeat;
	text-indent: -99999px;
	overflow: hidden;
}
#topnav nav {
	position: absolute;
	top: 0;
	right: -10px;
}
#topnav nav ul {
	list-style: none;
}
#topnav nav ul li {
	display: block;
	float: left;
	margin-right: 0px;
}
#topnav nav ul li a {
	color: #402212;
	font-size: 1em;
	padding: 2.8em 1.5em;
	display: block;
	transition: 0.5s all;
	-webkit-transition: 0.51s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	border-bottom: 2px solid #fff;
}
#topnav nav ul li a:hover {
	color: #fff;
	background: #8dc63f;
}
#topnav nav ul li.current-menu-item>a {
	color: #fff;
	background: #8dc63f;
}
/* menu block */
#btmnav {
	display: block;
	padding: 5px 0;
	border-top: 1px solid #cfcfcf;
	font-size: 1.1em;
	font-weight: normal;
}
#btmnav .credits {
	color: #999;
	line-height: 1.45em;
}
#btmnav nav {
	padding: 9px 0;
	padding-bottom: 15px;
}
#btmnav nav ul li {
	display: inline;
}
#btmnav nav ul li a {
	font-weight: bold;
}
/*---start-content----*/
/* start slider */
.slider_bg {
	background:  url('../Images/slider_bg.jpg');
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slider {
	padding: 0 4%;
}
.content_slogan {
	background:url(../Images/sloganbg.jpg) center center;
	padding:45px 0;
	text-align: center;
	position:relative;
}
.content_slogan h1 {
	font-size:1.6em;
	color: #fff;
}
.content_brands {
	background:#ececec;
	text-align: center;
	position:relative;
	margin:0;
	overflow:hidden;
}
.content_brands ul li {
	list-style-type: none;
	float:left;
	padding:1% 3.2%;
}
.content-grids {
	padding:0 0 10px 0;
	background:#FFF;
}
.grid {
	float: left;
	width: 28%;
	background: #fff;
	padding: 19px 18px 25px;
	color: #7e7e7e;
	text-align: left;
	margin-right: 2%;
	overflow:hidden;
}
.grid h3 {
	padding: 8px 0;
	font-size: 1.6em;
	color:#402212;
	border-bottom: 5px solid #8dc63f;
	width:120px;
}
.grid p {
	font-size: 0.9em;
	color:#666;
	padding: 0em 0em 1em 0em;
	line-height: 1.5em;
	float:left;
	width:77%;
	margin-right:2%;
}
.grid img {
	padding: 0em 0em 1em 0em;
	width:100%;
}
.button {
	color: #ffffff;
	background-color:#8dc63f;
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	float:right;
}
.button:hover {
	background-color: #222;
}
.last-grid {
	margin:0px;
}

element.style {
}
.content-video {
    padding: 20px 0;
    background: #ececec;
    text-align: center;
    position: relative;
    margin: 0;
    overflow: hidden;
}
.wrap_video {
    margin: 0;
    padding: 14px 0;
    list-style: none;
    margin: -2% 0 30px -2%;
}
.wrap_video li {
    float: left;
    margin: 2% 0 0 2%;
    padding: 0;
    width: 31.333%;
}

/*----- Home page - About Us ----*/
.hm-about {
	float:left;
	width:60%;
	margin:20px 0 50px 0;
}
.hm-about img {
	float:right;
	margin:0 0 0 20px;
}
.hm-about h4 {
	color: #8dc63f;
	font-size: 1.1em;
	line-height: 1.5em;
	padding:1% 0;
}
.hm-about p {
	font-size: 0.9em;
	color: #666;
	line-height: 1.5em;
	text-align: left;
	margin: 0em 0 1em 0;
}
/*----- Home page - News & Events  ----*/
.hm-news {
	float: right;
	width: 35%;
	text-align: left;
	margin:20px 0 50px 0;
}
.hm-news h4 {
	color: #8dc63f;
	font-size: 1.1em;
	line-height: 1.5em;
	padding:1% 0;
}
.hm-news p {
	font-size: 0.9em;
	color: #666;
	line-height: 1.5em;
	margin: 0em 0 1em;
}
.headline span {
	display: inline-block;
	padding: 0 30px 5px 0;
	border-bottom: 5px solid #8dc63f;
	margin-bottom: -1px;
	font-size:1.6em;
}
.headline {
	margin:0 0 25px 0;
	border-bottom: 1px solid #eaeaea;
}
.more_click{
	float:left;	
}
.social_share{
	margin-top:30px;	
}
.readmore, .back {
	color: #ffffff;
	background-color:#8dc63f;
	display: inline-block;
	padding: 10px 12px;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.readmore:hover, .back:hover {
	background-color: #222;
}
.back {
	margin:10px 0 0 0;
}
/*-----Products Slider----*/
.hm-products h3 {
	font-size: 1.6em;
	color:#402212;
	text-align:left;
	float:left;
	background:url(../Images/bg-h2.png) no-repeat 0 16px;
	width:100%;
}
.grid4 {
	float: left;
	width:22%;
	background: #fff;
	padding:0;
	color: #7e7e7e;
	text-align: left;
	margin-right:3%;
}
.grid4 h3 {
	padding: 8px 0;
	font-size: 1.6em;
	color:#402212;
	width:100%;
}
.grid4 p {
	font-size: 0.9em;
	color: rgba(148, 145, 145, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em 1em 1em 0em;
	line-height: 1.5em;
	float:left;
}
.grid4 img {
	padding: 0em 0em 0em 0em;
}
/*---start-footer-----*/
.footer {
	background:#140a04;
	padding: 50px 0;
	position:relative;
}
.footer a {
	color: #3e3631;
}
.footer a:hover {
	color: #5c5049;
}
.footer-grid {
	float:left;
	width:23%;
	margin-right:2%;
}
.footer-grid h3 {
	font-size: 1.2em;
	color: #3e3631;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.footer-grid h3 {
	font-size: 1.2em;
	color: #3e3631;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.footer-grid p {
	font-size: 0.75em;
	color:#3e3631;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.footer-grid .halal {
	margin-left:40px;
}
.footer-grid-address {
	margin-top:30px;
}
.footer-grid ul li a:hover {
	color:#005F4D;
}
.footer-lastgrid {
	margin:0;
}
.email-link {
	color:#FFF;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform:lowercase;
}
.email-link:hover {
	color:#FFF;
}
/*---start-copy-right-----*/
.copy-right {
	text-align:center;
	padding:1em;
	background:#323A45;
}
.copy-right p {
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.copy-right p a {
	color: rgba(148, 145, 145, 0.84);
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.copy-right p a:hover {
	color:#FFF;
}
/*---about-us----*/
.about-us {
	background:url(../Images/sub-slider1.jpg) no-repeat;
	position: relative;
	height:200px;
	list-style: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
.about-header h3 {
	font-size: 2em;
	color: #fff;
	width: 1100px;
	margin:0 auto;
	padding:100px 0 0 0px;
}
.about-info {
	margin:10px 0px;
}
.about-info img {
	float:left;
	margin:0 30px 50px 0;
}
.about-info a {
	text-transform: uppercase;
	font-size: 1.2em;
	color:#8dc63f;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding:10px 0;
	display: block;
}
.about-info p {
	font-size: 0.9em;
	color: #666;
	line-height: 1.8em;
	padding:10px 0;
	display:block;
}
.about-info span {
	color: #8dc63f;
}
.revolution {
	margin-bottom:50px;
}
.revolution ul li {
	list-style:none;
	margin:10px 0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.revolution .year {
	font-size: 1.2em;
	width:60px;
	color: #666;
	padding:10px 20px;
	margin:0;
	background:#8dc63f;
	text-align:center;
	display:block;
	float:left;
}
.revolution .desc {
	font-size: 0.9em;
	color: #666;
	padding:5px 0 5px 10px;
	display:block;
	text-align:left;
	float:left;
	width:89%;
	line-height:1.2em;
	border:1px solid #eaeaea;
	margin-left:5px;
	min-height:31px;
}
/*---products---*/
.product {
	background:url(../Images/sub-slider2.jpg) no-repeat;
	position: relative;
	height:180px;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.products-header h3 {
	font-size: 2em;
	color: #fff;
	width: 1100px;
	margin:0 auto;
	padding:100px 0 0 0px;
}
.products-info {
	margin:30px 0px;
}
.products-info p {
	font-size: 0.9em;
	color: #666);
	line-height: 1.8em;
	padding:10px 0;
}
.prod-grid {
	float: left;
	width: 28%;
	background: #fff;
	padding: 19px 18px 25px;
	color: #7e7e7e;
	text-align: left;
	margin-right: 2%;
	overflow:hidden;
	height: 300px;
}
.prod-grid h4 {
	padding: 8px 0;
	font-size: 1.6em;
	color:#8dc63f;
	font-size: 1.2em;
	text-transform: uppercase;
}
.prod-grid p {
	font-size: 0.9em;
	color:#666;
	padding: 0em 0em 1em 0em;
	line-height: 1.5em;
	float:left;
	width:100%;
	margin-right:2%;
}
.prod-grid .prod-content{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 61px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.prod-grid .prod-content p{
	float:none;
}
.prod-grid img {
	padding: 0em;
}
.prod-wrap h4 {
	padding-bottom:10px;
	font-size: 1.2em;
	color: #8dc63f;
}
.prod-wrap span {
	padding-bottom:10px;
	font-size: 1.2em;
	color: #8dc63f;
}
.prod-wrap img{
	float:left;
	margin:0 30px 20px 0;
	width:100%;
	max-width:480px;
	display:block;
}

.prod-wrap .res-table {
    overflow-x: scroll;
}
.this-table {
    width: 100%;
}
.this-table th {
    padding: 5px 2px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}
.this-table td {
    padding: 5px 4px;
}
.social_share a{
	width:71px;
	height:25px;
	background:url('../Images/share.jpg') no-repeat;
	display:block;
}
.social_share a:hover{
	background:url('../Images/share_hover.jpg') no-repeat;
}
/*---News---*/
.news-event {
	background:url(../Images/sub-slider3.jpg) no-repeat;
	position: relative;
	height:160px;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.news-header h3 {
	font-size: 2em;
	color: #fff;
	width: 1100px;
	margin:0 auto;
	padding:100px 0 0 0px;
}
.news-info {
	margin:20px 0px;
	overflow:hidden;
}
.news-wrap {
	margin:30px 0px;
	overflow:hidden;
}
.grid-news-right {
	width: 75%;
	float:left;
}
.grid-news-left {
	width: 16.66666667%;
	float:left;
}
.news-date {
	font-size: 1.2em;
	color:#8dc63f;
}
.news-title {
	font-size: 1.5em;
	display: block;
	padding: 0 0 10px 0;
	color:#402212;
}
.news-title h3 {
	color:#402212;
	font-size: 2em;
	margin: 0;
	font-weight: 600;
}
.grid-news-right p {
	color: #48505e;
	font-size:0.9em;
	margin-bottom:10px;
}
/*---contact-us----*/
.contact-us {
	background:url(../Images/sub-slider4.jpg) no-repeat;
	position: relative;
	height:160px;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.contact-header h3 {
	font-size: 2em;
	color: #fff;
	width: 1100px;
	margin:0 auto;
	padding:100px 0 0 0px;
}
.contact-info {
	margin:50px 0px;
	overflow:hidden;
}
.grid2-3 {
	width: 55%;
	padding:1.5%;
	float:left;
}
.grid1-3 {
	width: 30%;
	padding:1.5%;
	float:left;
}
.contact-form {
	position:relative;
	padding-bottom:30px;
}
.contact-form div {
	padding:5px 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: none;
	outline: none;
	color: #464646;
	font-size: 0.9em;
	border: 1px solid rgba(85, 85, 85, 0.19);
	border-radius:4px;
	-webkit-appearance:none;
	margin-top:15px;
}
.contact-form input:focus {
	border: 1px solid rgba(141, 198, 63, 0.8);
}
.contact-form textarea {
	resize:none;
	height:178px;
}
.contact-form textarea:focus {
	border: 1px solid rgba(141, 198, 63, 0.8);
}
.esterick {
	color:#666;
	font-size:0.8em;
}
.esterick span {
	color:#ed1c24;
	float:left;
	margin-right:5px;
}
.mybutton {
	color: #ffffff;
	background-color:#8dc63f;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	float:right;
	border:0px;
	width:100px;
	height:40px;
	line-height:20px;
	cursor:pointer;
}
.mybutton:hover {
	background-color: #222;
}
.company_address {
	padding-top:26px;
}
.company_address p {
	font-size: 0.9em;
	color:#666;
	line-height: 1.5em;
}
.company_address p span {
	color:#666;
	cursor:pointer;
}
.company_address p span:hover {
	color:#8dc63f;
}
.company_address h3 {
	color:#8dc63f;
	padding-bottom:10px;
	font-size: 1.2em;
}
.form-grid-left {
	width:45%;
	float:left;
}
.form-grid-right {
	width:45%;
	float:right;
}
label.error{
	display:none !important;	
}
.contact-form input.error, .contact-form textarea.error{
	border:1px solid #f00;	
}
.ajax_loading{
	position:absolute;
	right:110px;
	margin-top:12px;
	display:none;
}
.success{
	margin-top:17px;
	color:#8dc63f;
	display:none;	
}
/* responsive slider */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	max-height:550px;
	float: left;
	width: 100%;
	border: 0;
}
.rslides {
	margin: 0 auto;
}
.rslides_container {
	position: relative;
	float: left;
	width: 100%;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	opacity:0.7;
	filter:alpha(opacity=20);
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 100px;
	width: 50px;
	background: transparent url("../Images/themes.png") no-repeat left top;
	margin-top: -50px;
}
.centered-btns_nav:active {
	opacity: 1.0;
}
.centered-btns_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
.transparent-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #fff; /* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}
.transparent-btns_nav.next {
	left: auto;
	right: 0;
}
.large-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	opacity: 0.6;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	background: #000 url("../Images/themes.png") no-repeat left 50%;
	width: 50px;
}
.large-btns_nav:active {
	opacity: 1.0;
}
.large-btns_nav.next {
	left: auto;
	background-position: right 50%;
	right: 0;
}

table.this-table, th, td {
    border: 1px solid black;
}
/*table.this-table>tbody>tr>td {
    padding-left: 10px;
}
*/
img.move-center {
    vertical-align: middle!important;
    margin: 0px;
}
/*table.this-table>tbody>tr>td {
    height: 77px;
    color: #92ac17;
}*/
img.move-center {
    margin: 0px;
    max-width: 80%;
}
/*table.this-table>tbody>tr>th {
    color: #92ac17;
}*/
th.change-this {
    width: 350px;
}
th.this-big {
    width: 70px;
}
.res-table {
    clear: left;
    overflow-x: auto;
}

.products-info>.prod-grid>.prod-content>p {
    display: none!important;
}

.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {
	outline: none;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
	margin-top: 10px;
	text-align: center;
}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
 	*float: left;
	margin-right: 5px;
}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(141,198,63, .2);
	display: inline-block;
	_display: block;
 	*display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	width: 9px;
	height: 9px;
}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
	background: #222;
	background: rgba(141,198,63, .8);
}
/* carousel */
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/
#owl-demo .item {
	margin: 0.5em 0.5em 0.5em 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 1em 1em 1em 0em;
	background: #fff;
	cursor:pointer;
}
#owl-demo .item:hover a {
	color:#171717;
}
#owl-demo .item img {
	display: block;
	height: auto;
	width:100%;
}
.item img, .item a, .item p {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.item img:hover, .item a:hover, .item p:hover {
	opacity:1;
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
.item a {
	font-size: 1.1em;
	color: #8dc63f;
	padding: 0.5em 0 0.4em 0;
	display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	text-transform: uppercase;
}
.item p {
	color: #666;
	font-size: 0.9em;
	margin: 0.5em 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	max-height: 34px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display:none;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	height:57px;
	width:39px;
	display:block;
	font-size: 12px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	opacity:0.6;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	text-decoration: none;
}
.owl-prev {
	position: absolute;
	top: -5%;
	right:45px;
	background: url(../Images/c-arrows.png) no-repeat;
}
.owl-next {
	position: absolute;
	top:-5%;
	right: 5px;
	background: url(../Images/c-arrows.png) no-repeat -39px 0px;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: url(../Images/c-arrows.png) no-repeat;
}
.owl-theme .owl-controls .owl-page.current-menu-item span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin-top:30px;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/* CSS3 Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
	0% {
		opacity: 1
	}
}
@-moz-keyframes empty {
	0% {
		opacity: 1
	}
}
@keyframes empty {
	0% {
		opacity: 1
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-moz-keyframes fadeOut {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes fadeOut {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}
	100% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}
}
@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}
	100% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}
}
@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px);
	}
	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}
	100% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}
}
@-webkit-keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%);
	}
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0);
	}
}
@-moz-keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%);
	}
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0);
	}
}
@keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%);
	}
	75% {
		opacity: .5;
		transform: translateZ(-500px);
	}
	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0);
	}
}
@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
}
@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8);
	}
}
@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8);
	}
}
@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
	}
}
@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%);
	}
}
@keyframes goDown {
	from {
		transform: translateY(-100%);
	}
}
 @-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}
@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}
@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5);
	}
}
@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}
@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}
@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5);
	}
}
/*----responsive-design-----*/
@media (min-width: 981px) and (max-width: 1200px) {
	.wrap {
		width:90%;
	}
	.grid {
		width:27.8%;
	}
	.hm-products h3 {
		width:90%;
	}
	.content_brands ul li {
		list-style-type: none;
		float: left;
		padding: 1% 1%;
	}
	.content_brands img {
		width:auto;
		padding:0px;
	}
	.revolution .desc {
		padding:5px 5px 5px 10px;
		display:block;
		text-align:left;
		float:left;
		width:89%;
		line-height:1.2em;
		border:1px solid #eaeaea;
		margin:10px 0 0 0;
		min-height:31px;
	}
	img.move-center {
	    margin: 0px;
	    max-width: 58px;
	}
	.prod-grid {
	    float: left;
	    width: 27%;
	    background: #fff;
	    padding: 19px 18px 25px;
	    color: #7e7e7e;
	    text-align: left;
	    margin-right: 2%;
	    overflow: hidden;
	    
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	.wrap {
		width:95%;
	}
	.top-nav ul li a {
		padding:40px 15px;
	}
	.grid {
		width:26.8%;
	}
	.prod-grid {
		width:26.8%;
	}
	.grid4 {
		width:22%;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%;
	}
	.footer {
		padding:0;
	}
	.footer-grid h3 {
		margin-bottom:5px;
	}
	#topnav h1 {
		padding: 1.4em 0em;
	}
	#topnav #navbtn {
		padding: 2.8em 0em;
	}
	#topnav {
		height: auto;
	}
	#topnav nav {
		display: none;
		position: static;
		width: 100%;
		top: auto;
		right: auto;
	}
	#topnav nav ul li {
		float: none;
		margin: 0;
		background: #f0f0f0;
	}
	#topnav nav ul li a {
		display: block;
		width: 100%;
		line-height: 1.4em;
		border: 0;
		padding: 9px 9px;
		border-bottom: 1px solid rgba(90, 85, 73, 0.17);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#topnav nav ul li a:hover {
		background:#8dc63f;
		color: #ffffff;
	}
	#topnav nav ul li a.sel {
		color: #6f8767;
		background: #8dc63f;
	}
	#topnav #navbtn {
		display: block;
	}
	.hm-products h3 {
		width:90%;
	}
	.hm-about {
		float:none;
		width:100%;
		margin:30px auto;
		overflow:hidden;
	}
	.hm-news {
		float:none;
		width:100%;
		margin:30px auto;
		overflow:hidden;
	}
	.footer {
		padding:50px 0;
	}
	.content_brands ul li {
		list-style-type: none;
		float: left;
		padding: 1% 0.2%;
	}
	.content_brands img {
		width:auto;
		padding:0px;
	}
	.products-header h3, .about-header h3, .contact-header h3, .news-header h3 {
		width:90%;
		padding:80px 0 0 0px;
	}
	.grid1-3, .grid2-3 {
		float:none;
		width:100%;
	}
	.form-grid-right, .form-grid-left {
		float:none;
		width:95%;
	}
	.revolution .desc {
		padding:5px 5px 5px 10px;
		display:block;
		text-align:left;
		float:left;
		width:89%;
		line-height:1.2em;
		border:1px solid #eaeaea;
		margin:10px 0 0 0;
		min-height:31px;
	}
	/* Button responsive */
	.centered-btns_nav {
		background-size:60px auto;
		width:30px;
		height:60px;
		margin-top:-30px;
	}
	img.move-center {
	    margin: 0px;
	    max-width: 58px;
	}

	/* Button responsive */
}

@media (max-width: 835px){
	.prod-grid {
	    width: 42.8%;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media (max-width: 767px) {
	.wrap {
		width:95%;
	}
	.grid {
		float:none;
		width:94%;
		padding:3%;
		margin:15px 0;
	}
	.grid img {
		float:none;
		width:100%;
	}
	.prod-grid {
		float:none;
		width:94%;
		padding:3%;
		margin:15px 0;
	}
	.prod-grid img {
		float:none;
		width:100%;
	}
	.grid4 {
		float:none;
		width:94%;
		padding:3%;
		margin:15px 0;
	}
	.content_top {
		padding:10px 0;
	}
	.content_top:after {
		top:-10px;
	}
	#topnav h1 {
		padding: 1.4em 0em;
	}
	#topnav #navbtn {
		padding: 2.8em 0em;
	}
	#topnav {
		height: auto;
	}
	#topnav nav {
		display: none;
		position: static;
		width: 100%;
		top: auto;
		right: auto;
	}
	#topnav nav ul li {
		float: none;
		margin: 0;
		background: #f0f0f0;
	}
	#topnav nav ul li a {
		display: block;
		width: 100%;
		line-height: 1.4em;
		border: 0;
		padding: 9px 9px;
		border-bottom: 1px solid rgba(90, 85, 73, 0.17);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#topnav nav ul li a:hover {
		background:#8dc63f;
		color: #ffffff;
	}
	#topnav nav ul li a.sel {
		color: #6f8767;
		background: #8dc63f;
	}
	#topnav #navbtn {
		display: block;
	}
	.hm-products h3 {
		width:80%;
	}
	.hm-about {
		float:none;
		width:100%;
		margin:30px auto;
		overflow:hidden;
	}
	.hm-news {
		float:none;
		width:100%;
		margin:30px auto;
		overflow:hidden;
	}
	.footer {
		padding:30px 2.5%;
	}
	.footer-grid {
		float:none;
		width:94%;
		padding:1%;
		margin-right:0;
		overflow:hidden;
	}
	.footer-grid h3 {
		margin-top: 20px;
	}
	.footer-grid-address {
		margin-top:0px;
	}
	.content_brands ul li {
		float:left;
		text-align:center;
	}
	.content_brands img {
		width:75%;
		padding:0px 30px;
	}
	.products-header h3, .about-header h3, .contact-header h3, .news-header h3 {
		width:90%;
		padding:80px 0 0 0px;
	}
	.grid1-3, .grid2-3 {
		float:none;
		width:100%;
	}
	.form-grid-right, .form-grid-left {
		float:none;
		width:95%;
	}
	.about-info img {
		float: left;
		margin: 0 30px 20px 0;
	}
	.revolution .desc {
		margin: 10px 0 0 0;
		width: 93%;
		padding: 5px 5px 5px 10px;
	}
	.grid-news-right, .grid-news-left {
		width: 100%;
		float:none;
	}
	/* Button responsive */
	.centered-btns_nav {
		background-size:45px auto;
		height:45px;
		width:22px;
		margin-top:-35px;
	}
	img.move-center {
	    margin: 0px;
	    max-width: 58px;
	}
	.prod-grid {
	       height: unset;
	    /* height: -webkit-fill-available; */
	}
	/* Button responsive */
}
@media (max-width: 479px) {
	.wrap {
		width:90%;
	}
	#topnav .logo {
		float:left;
		width:80%;
	}
	#topnav .logo img {
		width:95%;
	}
	#topnav .logo a {
		text-decoration: none;
		display:block;
	}
	.top-nav {
		float:none;
	}
	.top-nav ul li {
		float:none;
	}
	.top-nav ul li a {
		padding:15px 20px;
	}
	.content-grids, .about-us {
		padding:20px 0;
	}
	#topnav h1 {
		padding: 1.4em 0em;
	}
	#topnav #navbtn {
		padding: 1.5em 0em;
		float:right;
	}
	#topnav nav {
		display: none;
		position: static;
		width: 100%;
		top: auto;
		right: auto;
	}
	#topnav nav ul li {
		float: none;
		margin: 0;
		background: #f0f0f0;
	}
	#topnav nav ul li a {
		display: block;
		width: 100%;
		line-height: 1.4em;
		border: 0;
		padding: 9px 9px;
		border-bottom: 1px solid rgba(90, 85, 73, 0.17);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#topnav nav ul li a:hover {
		background:#8dc63f;
		color: #ffffff;
	}
	#topnav nav ul li a.sel {
		color: #6f8767;
		background: #8dc63f;
	}
	#topnav #navbtn {
		display: block;
	}
	.wrap_video, .wrap_video li {
    margin-left: 0;
	}
	.wrap_video li {
	    width: 100%;
	    padding-bottom: 10px;
	}
	.hm-products h3 {
		width:70%;
		margin-left:6%;
	}
	.hm-about {
		float:none;
		width:90%;
		margin:30px auto;
		overflow:hidden;
	}
	.hm-about img {
		float:none;
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:center
	}
	.hm-about h4 {
		color: #8dc63f;
		font-size: 1.1em;
		line-height: 1.5em;
		padding:2% 0;
		float:none;
		display:block;
	}
	.hm-about p {
		font-size: 0.9em;
		color: #666;
		line-height: 1.5em;
		text-align: left;
		margin: 0em 0 1em 0;
	}
	.hm-news {
		float:none;
		width:90%;
		margin:30px auto;
		overflow:hidden;
	}
	.footer {
		padding:30px 2.5%;
	}
	.footer-grid h3 {
		margin-top: 0;
		width:100%;
		float:none;
	}
	.footer-grid {
		width:100%;
		float:none;
		overflow:hidden;
	}
	.footer-grid-address {
		margin-top:0px;
	}
	.about-info {
		margin:0;
	}
	.about-info img {
		float: none;
		width:100%;
		margin: 0 0 20px 0;
	}
	.revolution .desc {
		margin: 10px 0 0 0;
		width: 93%;
		padding: 5px 5px 5px 10px;
	}
	.content_brands ul li {
		float:none;
		padding:1% 4.5%;
	}
	.content_brands img {
		width:46%;
		padding:1%;
	}
	.content_slogan {
		padding: 20px 0;
	}
	.products-header h3, .about-header h3, .contact-header h3, .news-header h3 {
		width:90%;
		padding:90px 0 0 0px;
	}
	.grid1-3, .grid2-3 {
		float:none;
		width:100%;
	}
	.form-grid-right, .form-grid-left {
		float:none;
		width:95%;
	}
	.grid-news-right, .grid-news-left {
		width: 100%;
		float:none;
	}
	/* caroseul */
	#owl-demo .item img {
		display: block;
		width:100%;
		height: auto;
	}
	/* Button responsive */
	.centered-btns_nav {
	background-size:30px auto;
	height:30px;
	width:15px;
	margin-top:-30px;
	}
	img.move-center {
	    margin: 0px;
	    max-width: 58px;
	}
	/* Button responsive */
}
@media (max-width: 355px){
	.prod-wrap img {
	    float: left;
	    margin: 0 30px 20px 0;
	    display: block;
	    width: 100%
	}
}