/*
Theme Name: Haycarb
Theme URI: http://www.haycarb.com/
Author: Pyxle Team
Author URI: http://pyxle.net/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: Haycarb
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,center,dl,dt,dd,ol,ul,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;line-height:initial}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.page_general h3{
    border-bottom: 1px dotted #ccc;
    font-size: larger;
    margin-bottom: 4px;
    padding-bottom: 4px;
}


/*====================*/
/*=== Reset Styles ===*/
/*====================*/

html, body 															{letter-spacing: 0.04em;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;text-align: center; font-family: ΢ÈíÑźÚ;}
table 																{border-collapse:separate;border-spacing:0;}
caption, th, td 														{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,q:before, q:after 				{content:"";}
blockquote, q 														{quotes:"" "";}
/* HTML5 tags */
header, section, footer,aside, nav, article, figure, .show				{display: block;}
.clear																{clear:both; height:0px;}
.fleft																{float: left;}
.fright																{float: right;}
.hide																{display: none;}
.disabled 															{pointer-events: none;opacity: 0.5;}
a, img 																{outline:none;border:0;padding:0;margin:0;text-decoration:none}

a{	color:#719e0d;}

*, *:before, *:after 												{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after 									{content: " ";display: table;} 
.clearfix:after 														{clear: both;}
/* IE6/7 support */
.clearfix 															{*zoom: 1;}
.visuallyhidden 														{position: absolute;width: 1px;height: 1px; /* Setting this to 0 make it invisible for VoiceOver */padding: 0;margin: -1px;border: 0;clip: rect(0 0 0 0);overflow: hidden;}
.ir 																	{text-indent: 100%;white-space: nowrap;overflow: hidden;} /* Use this to hide text from the screen */
p																	{line-height:20px; margin-bottom:12px;}
a:hover																{transition:All 0.75s ease;-webkit-transition:All 0.75s ease;-moz-transition:All 0.75s ease;-o-transition:All 0.75s ease;}
/*====================*/
/*=== Flex Slider ====*/
/*====================*/

h2,h3,h4{	margin-top:20px;}

h2 {    font-size: 18px;    line-height: 22px;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .slides{width:100%;height:100%;float:left}.flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;}.flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}html[xmlns] .slides {display: block;} * html .slides {height: 1%;}.no-js .slides > li:first-child {display: block;}.flexslider {width:100%;height:100%;float:left;position:relative;}.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}.loading .flex-viewport{max-height: 300px;}.flexslider .slides{zoom: 1;}.carousel li {margin-right: 5px}.flex-direction-nav{*height: 0;}.flex-direction-nav a {width: 20px; height: 30px;  display: block;  position: absolute; top:0; z-index: 10; cursor: pointer;  opacity: 0; -webkit-transition: all .3s ease;background:#92c22b;color:#fff;text-decoration:none;line-height:28px;font-weight:800;}.flex-direction-nav .flex-next{right:0 !important;background:#92c22b;top:33px;border-radius: 20px 0 0 20px;}.flex-direction-nav .flex-prev {right:0 !important;left:auto !important;border-radius: 0 20px 20px 0;}.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}.flexslider:hover .flex-prev {opacity: 0.8; left: 0px;}.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}.flex-direction-nav .flex-disabled{opacity: 0!important; filter:alpha(opacity=30); cursor: default;}.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}.flex-control-nav li{margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }.flex-control-paging li a.flex-active{ background: #000; background: rgba(0,0,0,0.9); cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active{opacity: 1; cursor: default;}.flex-direction-nav .flex-prev {opacity: 1; left: 0;}.flex-direction-nav .flex-next {opacity: 1; right: 0;}

.flex-viewport {
    z-index: 1;
}

.flexslider .slides {
    padding: 0 !important;
}

.flex-direction-nav {
    position: absolute;
    top: 50%;
	top: calc(50% - 14px);
    width: 100%;
}

.flex-direction-nav li:first-child{
    float:left;
}

.flex-direction-nav li:last-child{
    float:right;
}

.flex-direction-nav li {
	margin: 0 !important;
	position: relative;
    z-index: 1;
}

.flex-direction-nav li a{
	position: static;
}

/* site css */
body					{font-family: 'Asap', sans-serif; font-size:14px;color:#565656;}
#wrapper				{width:100%;margin:0 auto;}

/* header */
.line					{width:100%;height:4px;background:#b8d432;}
.container				{width:980px;/* max-width:100%; */margin:0 auto;}
header					{width:100%;height:114px;padding:0 24px 0 18px;position: relative}
.logo					{width:200px;height:100%;float:left;margin-top:13px;}
.logo a					{display:inline-block;}
nav						{display:block;}
.main_menu				{position:relative;top:48px;text-align:right;}
.main_menu li			{display:inline;margin-left:15px;}
.main_menu li a:hover, .main_menu li.active, .main_menu li.active a		{color:#92c22b;background:none;}	
header li:first-child	{margin-left:0;}
.main_menu a				{text-transform:uppercase;display:inline;font-size: 18px;color:#646255;}
.sub_menu				{position:relative;top:42px;text-align:right;margin-right:71px;margin-right:0px;z-index: 99;}
.sub_menu li				{display:inline;margin-left:14px;background: none;}
.sub_menu a				{text-transform:uppercase;display:inline;color:#95c232;color: #719E0D;background:none;font-size:12px;}
.sub_menu li.active a, .sub_menu a:hover		{color: #646255;background:none;}
.language				{height:24px;background:#f4f6ec;background:rgba(244,246,236,0.44);float:right;position: absolute;    top: 1px;display: inline-block;padding-top:5px;right:18px;}
.language span a			{color:#a9aca3;}
.language span a.active	{color:#7E8275;}
.mobilemenu, .close, .mobilesubmenu		{display:none;}

/* slider_wrapper */
section.slider_wrapper	{width:100%;position:relative;height:320px;/*background:#92c22b;*/}
.slider_bottom			{width:100%;/*height:51px;background:#87b523;*/position:absolute;bottom:0;}
section.slider			{width:100%;height:320px;/*background:url(../images/sliderdots.png*/) no-repeat 153px center;position: relative;}
.product_title			{background:#21221f;width:100%;height:57px;position:absolute;top:450px;top:438px;z-index:-1;}
.product_header h1		{font-size:22px;text-transform:uppercase;color:#8f9b76;padding-top:22px;}
.product_bg				{width:100%;height:112px;background:#2a2b27;position:absolute;top:507px;top:495px;z-index:-1;}
.product_header			{width:100%;height:57px;}
.products				{width:100%;height:169px;position:relative;}
.product				{width:161px;float:left;}
.product .title			{width:161px;height:40px;display:inline-block;color:#95c232;text-transform:uppercase;padding-top:12px;font-size: 16px;border-right: 1px solid #fff;border-right: 1px solid rgba(0,0,0,0.4);position:relative;transition: All .3s ease;-webkit-transition: All .3s ease;-moz-transition: All .3s ease;-o-transition: All .3s ease;}
.product .title h3, .footer_one h3{
	margin-top:0;
}

/*11-19-2015* home-para*/
.home_para{margin-top: 40px;}
.home_para h1{font-size: 24px; color: #92c22b;text-align: left;margin-bottom: 10px;}
.home_para p{text-align: left;}

.product .title h3{
    color: #95c232;
}

.product .title h3:hover{
    color: #fff;
}

.product:first-child .title	{border-left: 1px solid rgba(0,0,0,0.4);}
.arrow					{width:25px;height:25px;background:url('../images/productarrow.png') no-repeat;position:absolute;left:69px;top:27px;}
.slide_wrapper			{width:100%;height:100%;position:absolute;z-index:9;}
.slider_description		{width:450px;float:left;padding-left:25px;padding-top:80px;text-align:left;}
.slider_description h2	{    color: #565656;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;}
.slider_description h3	{color:#3e540d;font-size:21px;line-height:23px;margin-bottom:20px;}
.highlight				{font-weight:bold;}
.slider_description a	{width:76px;height:25px;font-size:14px;display:inline-block;text-align:center;text-transform:capitalize;background:url(../images/slidereadmore.png) no-repeat 14px 6px #a8d054;color:#3e540d;padding-top: 5px;padding-left: 15px;border-radius:3px;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.slider_description a:hover	{background:url(../images/slidereadmore.png) no-repeat 14px 6px #EAF8CB;}
.slide					{float:left; bottom: -327px; position: absolute;right: 70px;}
.product_hover			{display:none;width: 966px;min-height: 130px;background: #2a2b27;position: absolute;top: 40px;left:0;z-index: 9;padding:20px;text-align:left;cursor:pointer;border-bottom:2px solid #87b523;border-top: 1px solid #313131;}
.product_hover a			{color:#87b523;text-transform:uppercase;text-decoration:underline;margin:5px 0;float:right;}
.product_hover p			{color:#71716f;}
.product:hover .product_hover	{display:block;}
.product:hover .title	{background:#95c232;color:#fff;cursor:pointer;}
.product:hover .title h3 {
    color: #fff;
}
.product:hover .title .arrow	{top:31px;}
#home_slider.flexslider	{background:none;border:none;box-shadow:none;position: relative;z-index: 9;}

/* banner */
.main_banner			{width:100%;min-height:225px;max-height: 248px;overflow:hidden;clear:both;background:#eee;
-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.main_banner img			{width:100%;}

/* certification */
.certification			{margin-top:20px;height:240px;height:auto;min-height:200px;}
.certification h2		{font-size:24px;color:#92c22b;}
.certification .left		{width:600px;float:left;text-align:left;background:none;padding: 0;}
.certification .left	h2	{margin-bottom:25px;}
.certification .left	ul li	{display:inline-block;margin-left:25px;}
.certification .left	ul li:first-child	{margin-left:0;}
.certification .right	{width:380px;float:left;text-align:left;}
.home_news				{margin-top:20px;}
.home_news h2			{margin-bottom:20px;}
.home_news h4			{text-transform:uppercase;color:#6e6e6b;margin-bottom:4px;line-height: 16px;}
.home_news h4 a			{text-transform:none;color:#6e6e6b;margin-bottom:4px;line-height: 16px;}
.home_news p				{font-size:12px;color:#8da80a;}

/* footer */
footer					{width:100%;height:230px;text-align:left;}
.footer_one				{height:200px;background:#f9f9f9;padding-top:35px;}
.about					{width:144px;height:100%;float:left;}
.useful					{width:149px;height:100%;float:left;}
.applications			{width:210px;height:100%;float:left;}
footer h3				{font-size:12px;color:#565656;margin-bottom:19px;text-transform:uppercase;}
footer ul li				{line-height:18px;}
footer ul li	 a			{color:#9aa386;font-size:12px;}
.video					{width:270px;float:right;margin-right:23px;text-align: right;}
.video p					{font-size:11px;line-height:18px;color:#a1a1a1;margin-top:10px;}
.footer_two				{width:100%;height:36px;background:#1d1d1d;}
.footer_two	.container p	{text-transform:uppercase;font-size:11px;color:#666;float:left;line-height:36px; margin:0}
ul.social_media			{padding-left:9px;padding-top:6px;float:left;}
ul.social_media li		{display:inline;margin-right:6px;}
ul.social_media li:hover	{opacity:0.6;}
.footer_two .container p.copyright	{float:right;margin-right:23px;text-align: right;text-transform:uppercase;font-size:11px;color:#666; margin:0}
.footer_two .container p.copyright a	{color:#666;}
.footer_two .container p.copyright a:hover	{color:#f1f1f1;}

/* general */
.general				{padding:10px 15px;margin-top:20px;}
.general h2				{color:#92c22b;font-size:18px;margin-bottom:10px; margin-top: 2px;}
.general h1				{font-size:24px;color:#92c22b;margin: 0;margin-bottom: 12px;}
.general p				{margin:0 0 1em;}

.certification a{
	border:none !important;
}

.certification a:hover{
	background:none !important;
}

.library_page hr{
border: thin solid #eee;
}

.library_page a h2{
    background: url("../images/PDF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 6px 0 6px 2%;
    padding: 8px 0 8px 48px;
    width: 48%;
}

/* overview */
.overview .flexslider	{width:100%;height:165px;}
.flex-viewport, .flex-viewport ul, .flex-viewport ul li	{height:100%;}
.slider_content			{padding:20px;}
.slider_content h2		{margin:0 0 15px 0;color:#AEFF00;}
.slider_content p		{color: #FFFFFF;font-size: 17px;}
.left					{width:175px;float:left;background:#f6f6f6;z-index:9;}

.left  a					{display:inline-block;width:100%;height:40px;line-height:40px;text-align:left;color:#6e6e6b;font-size:13px;padding:0 10px;border-top:1px solid #92c22b;transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;border-bottom: 1px solid #E8E8E8;}
.left  a:first-child		{border-top:none;}
/*.left  a:hover, .active	{background:#92c22b} */
.right					{float:left;text-align:left;width:1003px;padding-left:20px;}
.ri_left				{width:100%px;float:left;padding:0 20px 20px 0;}
.ri_left p				{margin:10px 0;}
.our_values				{/*width:50%;float:left;*/margin-top: 15px;}
.our_values:nth-child(2){/*padding-right:25px;*/}
.video_ovr{
    background: none repeat scroll 0 0 #ccc;
    height: 350px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.video_ovr iframe			{}

#our_vision{
	background: linear-gradient(#fdfcfc, #eee) repeat scroll 0 0 #fdfcfc;
    border: 1px solid #eee;
    font-size: 1.2em;
    margin-top: 24px;
    padding: 10px;
    text-align: center;
}

#our_vision p{
	line-height: 1.4em;
    margin: 14px;
}

.ri_right				{width:250px;float:left;padding-left: 20px;border-left: 1px solid #f2f2f2;}
.md_message				{overflow: auto;padding: 10px;background: #FDFCFC;margin-bottom: 20px;border: 1px solid #eee;}
.md_img					{width:100px;height:107px;overflow:hidden;float:left;margin:0 15px 15px 0;border:3px solid #565656;margin-bottom: -6px;}
.md_message h2			{margin-bottom:10px;}
.md_message img			{height:100%;}
.md_message p			{margin-top:0; display: table-row-group;}
.readmore				{
    background: url("../images/more_arrow2.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #7ba520;
    display: inline-block;
    float: right;
    margin-bottom: 6px;
    padding: 5px 0 2px 20px;
}

.sus_left .fancybox.readmore		{
	background: url("../images/more_arrow2.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    margin-bottom: 0;
}
.hg .md_img				{border:none;width:100px;height:100px;overflow:hidden;border-radius:100%;}
.hg .md_img img			{height:auto;}
.block					{padding:5px;overflow:auto;background: #FDFCFC;border: 1px solid #f6f6f6;margin-bottom:15px;}
.block h2				{margin:0.5em 0;}
.block_img				{width:156px;height:90px;margin:0 10px 10px 0;float:left;border: 1px solid #ddd;}
.block_img img			{height:100%;}
.block .map				{width:100%;height:100px;border: 1px solid #A3A3A3;margin: 0;}
.block .map img			{width:100%;}				
.subsidiary .img			{
    border: 1px dotted #ccc;
    float: left;
    margin: 0 4% 4% 0; 
    overflow: hidden;
    width: 47.5%;
	background:#eee;
}
.subsidiary .img	img		{width:100%;}
.subsidiary .img p{
    font-size: 12px;
    height: 65px;
    line-height: 16px;
    margin: 0;
    text-align: center;
}
.img.even				{margin-right:0;}
.his_tmline				{text-align:center;}
.certificates			{text-align:center;}

.his_tmline1				{text-align:left; padding-left: 54px; background:url("../images/histr_btn_icon.png") no-repeat scroll 2px 3px #fdfcfc;}
.certificates1			{text-align:left; padding-left: 54px; background:url("../images/cert_btn_icon.png") no-repeat scroll 2px 3px #fdfcfc;}

/* history */
#history, #overview		{margin-bottom:15px;}
.history_thumbs			{}
.history_thumbs #slider	{}
.history_thumbs #carousel	{
    margin-bottom: 4px;
    margin-top: 16px;
    position: relative;
}
.history_thumbs #carousel.flexslider .slides > li	{height:120px;position:relative;}
.history_thumbs #carousel li 	{margin-right: 5px;cursor:pointer;}
.history_nav_content	{ overflow:auto;
    background: none repeat scroll 0 0 rgba(243, 243, 243, 0.8);
    height: 80px;
    margin-top: 310px;
    padding: 1px;
}
.history_nav_content h2	{color: #4E4E4E;font-weight: 600;}
.history_nav_content p	{
    color: #565656;
    margin: 0;
    padding: 4px;
}
.thumb_content			{position:absolute;bottom:0;width:100%;}
.thumb_content p			{text-align: center;position: relative;top: 66%;color: #565656;background: rgba(146,194,43,0.9);padding: 10px 0;margin: 0;font-weight: bold;font-size: 17px;}

/* flexslider */
.flexslider, .business_map	{background: #fff;border: 4px solid #fff;position: relative;-webkit-border-radius: 4px;-moz-border-radius:4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);zoom: 1;}

/* business */
.business_map			{width:100%;height:200px;margin-bottom:25px;}
.business_map iframe		{width:100%;height:100%;overflow:hidden;}
.collection_img			{width:100px;height:150px;background:#ccc;float:left;margin-left:20px;overflow:hidden;border: 1px solid #ddd;}
.collection_img:first-child	{margin-left:0;}
.collection_img	img		{width:100%;}
.the_brand				{padding:15px 0;overflow:auto;}
.the_brand h2			{margin:1em 0;}
.brand_img				{height:100px;overflow:hidden;float:left;border: 1px solid #ddd;
    margin: 6px 10px 10px 0;}
.infograph				{padding-top:20px;}
.bus_right				{/*margin-top:1em;*/}
#business ul, #business ul li	{height:100%;}
#business .slides > li	{margin-left:5px;}
#business .slides > li:first-child	{margin-left:0;}
#business .slides > li p	{width:100%;text-align:center;color:#f6f6f6;background:#4E9714;margin:0;position:absolute;bottom:0;display:inline-block;font-size:12px;}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev	{text-align:center;}
.flex-direction-nav a	{bottom:0!important;}

/* wysiwyg */
.wysiwyg					{}
.wysiwyg h1					{color:#92c22b;font-size: 24px;}
.wysiwyg h2					{color:#92c22b;font-size: 20px;}
.wysiwyg h3					{color:#92c22b;font-size: 18px;line-height: 25px;}
.wysiwyg h4					{color:#92c22b;font-size: 16px;}
.wysiwyg p					{color: #565656;margin: 1em 0;}
.wysiwyg strong				{font-weight:bold;}
.wysiwyg a					{}
.wysiwyg a:hover				{}
.wysiwyg ul					{list-style-position: outside;padding-left: 15px;}
.wysiwyg ul li					{list-style-type: disc;line-height: 18px;margin-bottom: 5px;}
.wysiwyg img					{float: left;margin: 15px 15px 15px 0;max-width:100%;height:auto;border: 1px solid #ddd;}

/* banner */
.banner						{width:100%;margin-bottom: 20px;position:relative;border-bottom: 2px solid #ddd;}
.banner img					{width:100%;}

/* integrated network */
.main_left					{width:495px;float:left;}
.main_right					{width:260px;float:left;}
.main_left .left				{/*width:265px;float:left;*/ width:100%;background:none;padding:0 15px 20px 0;}
.main_left .right			{/*width:266px;float:left;*/ width:100%;padding:0;padding-right:15px;border-right:1px solid #f2f2f2;}
.main_left h2				{margin-bottom: 14px;}
.manu_content				{
    border-bottom: 1px dashed #ddd;
    display: block;
    margin-bottom: 20px;
    overflow: auto;
	padding-bottom: 6px;
	}
.manu_content h3 			{font-weight: bold;    font-weight: bold;
    margin-bottom: 4px;}
.manu_content img			{float:left;margin:0 16px 16px 0;border: 1px solid #ddd;}

.content_left				{
	/*width:90px;float:left;*/
	display: block;
    width: 90px;
}
.content_left a	 			{padding:0;}
.content_left a:hover		{background:none;}
.content_right				{
	/*width:160px;float:left;*/
	display: table-cell;
}
.address p					{margin:0;}
.address p a					{width:auto;padding:0;line-height:20px;height:auto;color: #6e6e6b;font-size: 14px;transition: All 1s ease;
-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.address p.telephone			{margin-top:10px;}
.address p.email				{margin:10px 0;}
.address p a:hover			{background:none;color:#B3E24F;}
.manufacturing				{overflow:auto;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #CEC3C3;}
.gallery_img				{width:47.5%;min-height: 100px;height:auto;float:left;margin:14px 5% 7px 0;position:relative;overflow:hidden;}
.gallery_img  p				{position: absolute;bottom: 0;margin: 0;width: 100%;display: inline-block;text-align: center;background:#92c22b;padding:5px 0;color:#fff;}
.gallery_img.even			{margin-right:0;}
.gallery_img img				{width:100%;}

/* leadership */
.leaders					{overflow: auto;padding-bottom: 40px;border-bottom: 1px dashed #D5D5D5;margin-bottom: 20px;}
.leader_content				{width:173px;height:auto;overflow:hidden;float:left;margin-top:18px;background: #f6f6f6;border: 2px solid #f1f1f1;padding: 5px;margin-right: 20px;}
.leader_content.four		{margin-right:0;}
.leader						{width:160px;height:169px;overflow:hidden;margin-bottom:8px;border:2px solid #ccc;}
.leader img					{width:100%;}
.leader_content h3			{font-weight:bold;color:#565656;font-size: 16px;margin-bottom: 6px;}
.leader_content h4			{font-weight:bold;color:#565656;font-size: 15px;margin-bottom: 10px;}
.fancybox-skin {
    background: none repeat scroll 0 0 #eee;
}
.fancy_leader_content		{text-align:left;border: 2px solid #92c22b;padding:10px;background:#fff;}
.fancy_leader_content h3		{color: #565656;font-size: 18px;font-weight: bold;margin-bottom:1em;}
.fancy_leader_content .leader	{float:left;margin:0 15px 15px 0;background: #ddd;}

/* corporate governance */
.cor_gvr					{text-align:left;}
.desc_img,.ar_img			{width:140px;height:170px;float:left;margin:0 15px 15px 0;}
.ar_edit					{position: relative;}
.description				{overflow: auto;margin-bottom: 15px;}
.annual_report				{clear:both;overflow: auto;margin-bottom: 20px;}
.annual_report h2			{margin-top: 15px;}
.ar_img img					{width:100%;}
.annual_report ul			{float:left;}
.annual_report ul li			{margin-right: 5px;margin-bottom: 5px;}
.annual_report ul li a			{display:inline-block;text-transform: uppercase;width: 30px;height: 30px;background: #D3D3D3;border: 1px solid #ECECEC;text-align: center;padding-top: 6px;color: #413E3E;font-weight: bold;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;position:relative;}
.cor_gvr .left_side_bar ul li a	{padding:6px 0 0 0;}
.left_side_bar ul li a:hover	{background: #9FD233;}
.annual_report ul li a.active .highlights	{width:21px;height:23px;background:url('../images/arrow.png');top:2px;left:26px;position:absolute;}
.cor_gvr .left_side_bar		{width:95%;float:left;}
.cor_gvr .tab_content		{float:left;width:465px;padding: 8px 10px 2px;background: #f6f6f6;border: 1px solid #E7E7E7;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tab_content h3				{color: #92c22b;font-size:16px;margin-bottom:10px;}
.download					{width:100px;height:130px;overflow:hidden;float:left;margin:8px 15px 15px 0;}
.cor_gvr .main_left			{padding-right:10px;}
.address					{margin-top:15px;}
span.contacts				{display:inline-block;min-width: 46px; letter-spacing: 0;}
.contacts a					{    color: #565656;
    letter-spacing: 0;
   
    transition: all 1s ease 0s;}
.contacts a:hover			{background: #92c22b;color: #f1f1f1;}
.annual_reports				{margin-top:25px;width:100%;min-height:100px;}
.year						{width: 31.3%;float: left;min-height: 100px;background: #ccc;border: 1px solid #ddd;margin: 0 1% 25px 1%;}

/* certifications */
.certifications	.main_left	{
   /* float: left;
    padding: 15px;
    text-align: center;*/
    width: 54%;
}
.certifications	.main_left .left_side_bar ul li a{padding:0;border:none;}
.certficate_img				{width:90px;height:95px;background:#f9f9f9;margin: 0 5px 7px 0;float:left;overflow:hidden;border:3px solid #fff;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

h3.box2_title{
    color: #92c22b;
    font-size: 16px;
    margin-bottom: 10px;
}

.certficate_img_wide{
	width:186px;
}
.certifications	.main_left .left_side_bar ul li a:hover, .certifications	.main_left .left_side_bar ul li a.active{background:none;}
.certficate_img.even		{margin-right:0;}
.certficate_img img			{width:100%;}
.certifications	.main_right	{width:46%;float:left;padding:15px;}
.certifications	.main_right .tab_content	{margin-top:15px;overflow: auto;padding: 10px;background: #f8f8f8;border: 1px solid #E7E7E7; min-height: 450px;}

.main_right.contacts{
	background: linear-gradient(#fdfcfc, #eee) repeat scroll 0 0 #fdfcfc;
    border: 1px solid #eee;
    padding: 8px;
}

.description.corp_gov .desc_txt, .annual_report .desc_txt{
	display:table;
}

.annual_report  .desc_img{
	overflow:unset;
	text-align: center;
}

.annual_report  .desc_img img{
	border: 1px solid #ddd;
}

.annual_report h3{
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
	margin-top: 0;
}

.tab_bar_download img{
	width:100px;
}

.desc_txt strong, .fancybox-inner strong{
	font-weight:bold;
}

#comp_overview .flexslider{
	height: 270px;
}

/* application */
.application				{text-align:left;}
/* .application .left_side_bar	{padding-bottom: 5px;margin-top: 50px;}
.application .left_side_bar ul li, .end_product .left_side_bar ul li	{display:inline-block;}
.application .left_side_bar ul li a, .end_product .left_side_bar ul li a	{display:inline-block;padding:10px 15px;color:#565656;border: 2px solid #E4E4E4;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.application .left_side_bar ul li a:hover, .end_product .left_side_bar ul li a:hover{background:#B3E24F;}
.application .tab_content,.end_product .tab_content	{overflow:auto;padding: 10px;background: #F5F5F5;border: 2px solid #E4E4E4;} */
.product_img				{width:100%;height:180px;overflow:hidden;}
.applications_content .product{
    background: none repeat scroll 0 0 #ececec;
    border: 2px solid #ddd;
    float: left;
    min-height: 340px;
    margin: 0 10px 15px;
    padding: 8px 10px;
    width: 31%;
}
.applications_content .product img	{width:100%;}
.application .applications_content h3	{text-transform:uppercase;font-weight:bold;color: #92c22b;font-size: 16px;margin-bottom: 10px;margin-top: 10px;}
.application .applications_content p	{
    color: #565656;
    line-height: 22px;
    margin-top: 12px;
}

#product_end_page .banner{
	height:auto;
}

.product_intro				{width:250px;float:left;padding-right:30px;}
.product_intro .readmore		{float:left;}
.products_slider			{width:100%;/*height:160px;float:left;*/border:1px solid #fff;display: table;}
.product_slides				{overflow:auto;margin-bottom:22px;}
.products_menu				{/*margin-bottom:25px;text-align: center;*/}
.products_menu ul li			{display:inline-block;position:relative;}
.products_menu ul li a			{
    background: none repeat scroll 0 0 #eee;
    border-radius: 10px 10px 0 0;
    color: #565656;
    display: inline-block;
    font-size: 22px;
    margin: 0 10px 0 0;
    padding: 10px 15px;
    transition: all 0.5s ease 0s;
}
.products_menu ul li a.active, .products_menu ul li a:hover	{background: #92c22b;color: #565656;}
.enquiry_wrapper			{overflow:auto;border: 15px solid #92c22b;padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.enquiry_wrapper h1			{font-size: 24px;color: #565656;margin: 10px 0;}
.enquiry_wrapper .contact-forms	{width:100%;padding:0;}
.enquiry_wrapper .contact-forms ul li	{margin:0 2%;width:46%;float:left; min-height:50px}
.enquiry_wrapper .contact-forms ul li.text_area	{width:96%;clear:both;}
.enquiry_wrapper .contact-forms input[type="submit"]	{float:right;background:#565656; margin-top:10px}
.enquiry_wrapper .contact-forms input[type="submit"]:focus	{background:#565656;}
.enquiry_wrapper .contact-forms input:focus, .enquiry_wrapper .contact-forms textarea:focus{background:#fff;}

#app_and_prod .product_intro {
	background: none repeat scroll 0 0 rgb(0, 0, 0);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #eee;
    height: 244px;
    margin: 4px;
    padding: 10px;
    position: absolute;
    width: 300px;
}

#app_and_prod .applications_content {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 4px solid #92c22b;
    overflow: auto;
    padding: 14px 0 0 6px;
}

#app_and_prod .product_intro p{
    height: 176px;
    overflow: auto;
}

#app_and_prod .product_intro a{
 float: right;
}

/* sub application */
.sub_app_left 				{width: 200px;float: left;margin-right:10px;}
.sub_app_left li				{display:block;margin-bottom:3px;width: 100%;}
.sub_app_left li a				{
    background: none repeat scroll 0 0 #eee;
    color: #565656;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 10px;
    text-transform: uppercase;
    transition: all 1s ease 0s;
    width: 100%;
}

.sub_app_left li a:hover, .sub_app_left li a.active	{background:#92c22b !important;}

.sub_app_right				{width:740px;float:left;}
.sewage_img					{width:160px;height:145px;overflow:hidden;float:left;margin:0 15px 15px 0;}
.sub_left 					{width: 514px;float: left;}
.sub_right					{float:left;}
.brochure 					{padding: 10px;border: 1px solid #d5d5d5;overflow: auto;margin-bottom:20px;background: linear-gradient(#fff, #eee) repeat scroll 0 0 #eee;}
.brochure  h2				{margin-bottom:10px;}
.brochure_img				{width:120px;height:90px;float:left;margin:10px 15px 15px 0;overflow:hidden;}
.brochure_img img			{width:100%;}
.flow_chart					{width: 75%;border: 1px solid #DBDBDB;margin-right: 10px;overflow:hidden;float:left;}
.flow_chart	 img{
	width:100%;
}
.broch_img					{width: 20%;float:right;overflow:hidden;}
.broch_img img				{width:100%;}
.brochure ul{
    list-style: outside none disc;
    margin-bottom: 16px;
    padding-left: 20px;
}
.brochure li{
    line-height: normal;
    padding-bottom: 4px;
}

.brochure .flexslider ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.brochure .flexslider li{
 padding: 0;
}

.brochure .brochure_list 	{        
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    margin-bottom: 12px;}
.brochure .brochure_list ul.slides li	{
	background: linear-gradient(#fff, #eee) repeat scroll 0 0 #eee;
    border: 1px solid #d5d5d5;
    color: #7ba520;
    cursor: pointer;
    margin-right: 6px;
    text-align: center;
	}
	
.brochure .brochure_list ul.slides li a	{	
	    color: #7ba520;
    display: block;
    padding: 16px 0;
}
.brochure .brochure_list ul.slides li:hover, .brochure .brochure_list ul.slides li.flex-active-slide	{
    background: linear-gradient(#eee, #ddd) repeat scroll 0 0 #ddd;
}
.brochure_slides			{padding-bottom:5px;overflow: hidden;}
.block.sub_appl	img			{width:100%;}
.life .left_side_bar        {padding-bottom:5px ;padding-top:0;margin-top:10px}
.life .left_side_bar ul li a.active        {background: #eee;}
.cor_gvr .left_side_bar     {background: #fff}
.cor_gvr .left_side_bar ul li a.active     {background:#92c22b;color:#fff}
/* actions */
.search						{margin-bottom:20px;display: inline-block;}
.search input[type="search"], .search input[type="text"]	{height:30px;border:1px solid #E4E4E4;float: left;padding-left:5px;}
.search input[type="submit"]	{height:30px;line-height:30px;border: 1px solid #999;background: #92c22b;float: left;color:#f5f5f5;cursor:pointer;}
.single_action				{width:100%;overflow: auto;margin: 20px 0;padding-top: 20px;border-top: 1px solid #DFDFDF;}
.action_product				{margin-bottom: 20px;}
.action_category			{width:16.3%;float:left;padding: 10px;background: #E6E1E1;margin-right: 4px;border: 1px solid #C7C7C7;}
.action_category h3			{text-transform:uppercse;text-align:center;}
.last						{margin-right:0;}

/* end product */
.end_product				{text-align:left;}
.left_side_bar ul li a	{background: none repeat scroll 0 0 #eee;
    border-radius: 10px 10px 0 0;
    color: #565656;
    display: inline-block;
    font-size: 16px;
    font-weight: lighter !important;
    margin: 0 10px 0 0;
    padding: 10px 14px;
    transition: all 1s ease 0s;}

.left_side_bar ul{
    border-bottom: 4px solid #92c22b;
    margin: 0 !important;
    padding: 0 !important;
}

#certification_logos ul{
    border-bottom: none;
}

.left_side_bar ul li a.active {    background: none repeat scroll 0 0 #92c22b;
    color: #222;}
.banner_content				{position:absolute;top:0;padding: 20px;background: rgba(0, 0, 0, 0.75);height: 100%;}
.banner_content	a.readmore	{float:left;}
.banner_content	h1			{font-weight:bold;text-transform:uppercase;}
.ep_left					{width:678px;float:left;padding-right:15px;border-right:1px dashed #cecece;}
.ep_left h2					{margin:1em 0;}
.ep_left ul li a				{display:inline-block;padding: 8px 10px;color:#565656;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.ep_left ul li a:hover			{background: #B3E24F;}
.ep_right					{width: 248px;;float:left;padding-left: 15px;}
.ep_right .block				{color: #565656;text-align:center;background: #FCFCFC;border: 1px solid #F0F0F0;}
.ep_right .block	a			{color: #565656;display: block;padding: 8px 5px;font-size: 16px;}
.end_product_content .flexslider					{margin: 0px 0 20px 0;text-align:center;line-height:20px;}
.product_content			{height:90px;overflow:hidden;border:1px solid #ddd;position:relative;}

.product_content h3 			{position: absolute;padding: 3px 0;bottom: 0;width: 100%;left: 0;background: #92c22b;color: #565656;background:#fff;background: rgba(255, 255, 255, 0.9);}
.end_product_content .flexslider .slides > li		{margin-right:3px;}
.end_product_content .flexslider .flex-direction-nav a	{background: #92c22b;padding: 0;color: #fff;font-weight: bold;}
.end_product_content .flexslider .flex-direction-nav li	{border:none;display: block;}
.s_left						{width:370px;min-height:200px;margin:15px 15px 15px 0;background:#fff;float:left;padding:8px;border:1px solid #d5d5d5;color:#565656;}
.s_right					{width:100%;float:left;color:#565656;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.s_right:hover				{opacity:0.75;}
.downloadpdf				{margin: 15px 0;}
.tab_content                {padding:4px 10px;margin-top: 14px;}

/* form */
form							{text-align:left;}
form	label						{display:block;padding: 5px 0;}
form input						{line-height: 12px;width:100%;height:30px;border:2px solid #f7f7f7;background:#fff;margin-bottom:5px;padding-left:8px;}
form textarea					{width:100%;height:90px;border:2px solid #f7f7f7;background:#fff;margin-bottom:5px;padding-left:8px;resize: none;}
form input[type="submit"]		{background: #A8A8A8;cursor: pointer;font-weight: bold;color: #fff;}
/*
::-webkit-input-placeholder 	{font-family: 'Titillium Web', sans-serif;font-size:14px;color:#565656;}
:-moz-placeholder 			{font-family: 'Titillium Web', sans-serif;font-size:14px;color:#565656;}
::-moz-placeholder 			{ font-family: 'Titillium Web', sans-serif;font-size:14px;color:#565656;}
:-ms-input-placeholder 		{font-family: 'Titillium Web', sans-serif;font-size:14px;color:#565656;}
*/
/* research and development */
.r_d						{text-align:left;}
.banner_img					{width:340px;height:135px;overflow:hidden;float:left;margin:0 15px 15px 0;background:#f2f2f2;border: 1px solid #ddd;}
#s_and_c .banner_img			{
    border: 1px solid #2a2b27;
    height: 220px;
    width: 100%;
}

#s_and_c .main_desc{
font-weight: bold;
}

#s_and_c .address_box a{
	color:#eee;
}

#s_and_c .address_box {
    background: none repeat scroll 0 0 #2a2b27;
    color: #eee;
    height: 220px;
    margin-top: 36px;
    overflow: hidden;
    padding: 10px;
}

#s_and_c .cont_prsn .block_img{
width: auto;
}

#s_and_c .cont_prsn .desc{
display: flex;
}

#s_and_c #tab4 span.contacts {
    min-width: 50px;
}

#s_and_c ol {
	list-style-type: decimal;
    margin-bottom: 16px;
    padding: 0 0 0 20px;
}

#s_and_c ul {
    list-style-type: disc;
    margin-bottom: 16px;
    padding: 0 0 0 20px;
}

#s_and_c li {
	line-height: 22px;
}

.noscrollbar{
	overflow: hidden;
}

strong{
	font-weight:bold;
}

em{
	text-style:italic;
}

sup{
    font-size: 70%;
    vertical-align: super;
}

sub{
	font-size: 70%;
    vertical-align: sub;
}

.banner_img img				{width:100%;}
.r_d .ep_left, .r_d .ep_right{    
	border: medium none;
    margin-bottom: 20px;
    padding: 0;
}

.thumb_image img{
    border: 1px solid #eee;
    padding: 1px;
}

.full_banner img{
    border-radius: 1px;
    box-shadow: 0 0 6px #aaa;
    margin-bottom: 20px;
    width: 100%;
}

.second						{margin-top:20px;}
.project_content			{width:490px;float:left;}
.project_content h3			{color: #92c22b;font-size: 18px;margin:0 0 1em 0;}
.project					{width:160px;height:130px;float:left;margin: 0 0 15px 15px;}
.project ul li					{border:none;height:auto;}
.project .flex-control-nav li	{float:right;}
.project .flex-control-nav	{    
	bottom: -10px;
    padding: 0 !important;
}
.project .flex-control-paging li a	{border-radius:0;}
.project .flex-control-paging li a.flex-active, .project .flex-control-paging li a:hover	{background:#92c22b;}
.project .flex-control-paging li a		{background:#BED68A;}
.sec_projects				{overflow:auto;margin-top:30px;padding-top: 30px;border-top: 2px dashed #D6D6D6;}
.sec_projects.even			{}
.sec_projects.even .project_content	{float:right;}
.sec_projects.even .project	{float:left;margin: 0 15px 15px 0;}
.sec_projects.even .project .flex-control-nav li	{float:left;}
.second .block				{text-align:left;}
.second .block h4			{text-align:right;font-weight: bold;}

.research_development		{}
.research_development ul li	{position: relative;display: inline-block;}
.research_development ul li a	{font-weight: bold;display: inline-block;padding: 10px 15px;color: #565656;border: 2px solid #E4E4E4;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.research_development ul li a.active, .research_development ul li a:hover {background: #92c22b;color: #565656;}
.ep_right .gallery_img		{min-height:0;height:90px;border:1px solid #ddd;}
.ep_right .gallery_img a 		{padding:0;}
.ep_right .gallery_img img	{width:100%;}

/* left side bar */
.left_side_bar	{margin-bottom: 15px;}
.left_side_bar li	{position:relative;display:inline-block;}
.left_side_bar li a .arrow	{display:none;}
.left_side_bar li a.active .arrow	{display:block;background:url('../images/arrow2.png') no-repeat;top:36px;left:1px;z-index: 3;}
.left_side_bar ul li a	{font-weight:bold;}
.left_side_bar li a.active:hover	{}

/* end product */
.ep_left .end_product_menu li a	{padding:8px 10px;}
.end_product_menu			{margin-bottom: 15px;border-bottom: 4px solid #92c22b;}
.end_product_menu li			{position:relative;display:inline-block;}
.end_product_menu li a .arrow	{	display: none !important;}
.end_product_menu li a.active .arrow	{display:block;background:url('../images/arrow2.png') no-repeat;top:36px;left:1px;z-index: 3;}
.end_product_menu ul li a		{
    background: none repeat scroll 0 0 #eee;
    border-radius: 10px 10px 0 0;
    color: #565656;
    display: inline-block;
    font-size: 18px;
    margin: 0 4px 0 0;
    padding: 10px 15px;
    transition: all 1s ease 0s;
}
.end_product_menu li a.active:hover	{background:#92c22b;}
.end_product_menu ul li a.active, .end_product_menu ul li a:hover {background: #92c22b;color: #565656;}
.end_product_content 		{overflow: auto;padding: 10px;background: #FCFCFC;border: 1px solid #eee;margin-bottom: 20px;}

.applications_content	{overflow:auto;padding: 10px;background: #F5F5F5;border: 2px solid #E4E4E4;}

/* news */
.news					{text-align:left;}
.news .sec_projects.even .project .flex-control-nav li	{float:none;}
.news .block 	{text-align:left;}
.news .block h2	{font-weight:bold;}
.news .block li a	{font-weight:normal;font-size:14px;line-height:20px;}
.news .tab_content h2	{margin:1em 0;}
.media			{width:48%;float:left;padding:10px;margin: 0 1% 20px 1%;background: #fcfcfc;border: 1px solid #E4E4E4;}
.media a			{color:#565656;}
.media.even 		{margin-right:0;}
.media_img		{    
	background: none repeat scroll 0 0 #000;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 100%;}
.media_img img,.media_img iframe	{width:100%;}
.news .research_development	{margin-bottom:20px;}

/* media */
.media_wrapper	{background:#f5f5f5;border: 2px solid #E4E4E4;overflow: auto;padding: 10px 0 0 0;}

/* document library */
.dl				{text-align:left;}
.dl	h2			{margin:1em 0;}

/* our people */
.our_people, .our_people .block	{text-align:left;}
.our_people .block h4	{text-align:right;font-weight:bold;}
.our_people .ep_right	{width:350px;margin-top: 20px;}
.our_people .ep_left		{width:600px;margin-top: 20px;}
#testimonial 			{   
    border: medium none;
    box-shadow: none;
}
	
#testimonial .flex-viewport .block{
    background: url("../images/dq.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px 0 0 44px;
	 border: medium none;
	 text-align: center;
    min-height: 0 !important;
}
	
#testimonial  .flex-viewport .block p{
    background: url("../images/dq2.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding: 0 44px 10px 0;
    color: #999;
    font-size: 16px;
    line-height: 26px;
}

.our_people .ep_right h2{
	margin: 1em 0;
}

.our_people #testimonial .block		{margin-bottom:0;min-height:174px;}
.our_people #testimonial .block p		{margin-top:0;}
.our_people h2			{padding:0;}
.vacancies ul			{list-style-position:inside;}
.vacancies ul li 			{width: 46%;float: left;margin: 0 2%;list-style-type: disc;}
.vacancies .readmore		{margin-top:25px;}
.our_people .left_side_bar	{clear:both;}
.our_people .left_side_bar li a{display: block;text-align: center;line-height:18px;}
.our_people .tab_content	{min-height:200px;}
.our_people .project	{    display: inline-table;
    margin: 0 9px 20px;
    width: 23%;}
.our_people .project ol.flex-control-nav li	{float:none;}
.vacancy				{overflow:auto;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd;clear:both;text-align:left;padding: 20px;}
.about_company, .life	{margin-top:25px;text-align:center;}
.life					{padding:10px;border:1px solid #ddd;background:#eee;}
.about_company ul li		{display:inline-block;margin: 0 5px;padding-left: 10px;border-left: 1px solid #565656;}
.about_company ul li:first-child		{border-left:none;}
.about_company ul li a		{color:#565656;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.about_company ul li a:hover		{color:#92c22b;}
.about.fancy_leader_content .leader	{float:right;}
.life ul.en_menu			{padding:20px 0;}
.life ul.en_menu li		{border-left:1px solid #565656;display:inline-block;padding: 0 15px;}
.life ul.en_menu li:first-child	{border:none;}
.life ul.en_menu li a		{color:#565656;font-weight:bold;transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;}
.life ul.en_menu li a.active, .life ul.en_menu li a:hover	{background:none;color:#92c22b;}

/* sustainability */
.sustainability			{text-align:left;}
.sustainability_slider	{width:100%;height:200px;margin-bottom:20px;}
.sustainability_slider .slider_content{display:none;padding: 20px;width: 400px;float: left;text-align: left;background: #fff;background: rgba(243, 243, 243, 0.8);height: 100%;}
.sustainability_slider .slider_content h2	{color:#4E4E4E;font-size: 16px;font-weight: bold;}
.sustainability_slider .slider_content p	{color:#565656;font-size: 14px;}
.sustainability a.readmore	{margin-bottom:25px;}
.sus_way				{}
.sus_way h2				{line-height:25px;}
.sus_left				{float:left;width: 100%;}
.sus_right				{
    float: left;
    padding-left: 20px;
    width: 250px;
}
.sustainability h3		{color: #92c22b;font-size: 16px;text-transform: capitalize;margin-bottom:10px;margin-top: 2px;}
.sustainability h2		{margin-bottom:10px;}
.green_carbon_img 		{width: 570px;padding-right: 20px;float: left;}
.green_carbon_gallery	{width: 160px;float: right;}
.carbon_img				{width:152px;height:96px;overflow:hidden;margin:6px 15px 15px 0;float: left;}
.carbon_text{
 display: table;
}
.carbon_img	img			{width:100%;border: 1px solid #ddd;}
.dc_gallery				{width:70px;height:48px;overflow:hidden;float:left;margin:5px;}
.dc_gallery img			{    border: 1px solid #ddd;    width: 100%;}
.green_carbon			{float:left; width:100%;margin-bottom:20px;padding:10px;background: linear-gradient(#eee, #fff) repeat scroll 0 0 #eee;}
.institutes				{overflow:auto;margin-bottom:20px;}
.institute				{width:24.25%;min-height:188px;float:left;margin-left:1%;background:#fdfdfd;border:1px solid #ddd;padding: 10px;}
.institute:first-child	{margin-left:0;}
.institute_img			{width:100%;height:98px;overflow:hidden;border: 1px solid #ddd;}
.institute_img img		{width:100%;}
.institute p				{text-align:center;font-weight:bold;font-size:14px;color:#565656;}
.sus_right h3			{margin-left:3px;}
.awards					{width:31%;margin:1%;float:left;height:70px;overflow:hidden;background:#ccc;border:1px solid #ddd;}
.awards img				{width:100%;}
.left .nav.menu .current a    {color:#fff;}
.left .nav.menu .current      {background: #92c22b;}
.left a:hover           {background: #A9DB3D;color:#fff;}
.second_line            {position: absolute;top: 116px;height: 2px;background: #A6C886;}

#accordion h3{
	background: none repeat scroll 0 0 #eee;
    border-radius: 6px;
    color: #565656;
	padding: 10px;
	font-size: 18px;
	transition: all 1s ease 0s;
	cursor:pointer;
}

#accordion h3:hover, #accordion h3.ui-state-active{
	background: none repeat scroll 0 0 #92c22b;
    color: #565656;
	transition: all 1s ease 0s;
}

#accordion h3.ui-state-active{
	border-radius: 6px 6px 0 0;
}

#accordion div.end_product_content{
	background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #eee;
    padding: 10px;
	border-radius: 0 0 6px 6px;
}

.flexslider_1{
	overflow:hidden;
}

.flexslider_1 ul.slides{
	display:flex;
}

.flexslider_1 .slides li{
    float: left;
    width: 160px;
}


.sub_app_right .sub_left{
width: 492px;
}

.sub_cats{
    display: table;
    margin: 10px 0;
    width: 100%;
}

#accordion .sub_cats table{
    background: linear-gradient(#fff, #eee) repeat scroll 0 0 #eee;
    border: 1px solid #d5d5d5;
    display: block;
    float: left;
    margin: 3px 0.5%;
    width: 32.333%;
	min-height: 74px;
}

#accordion .sub_cats table *{
    display: inline-table;
    width: 100%;
}

#accordion .sub_cats table sup,#accordion .sub_cats table sub{
	display: unset;
}

#accordion .sub_cats table td{
    display: table-cell;
    height: 70px;
    vertical-align: middle;
}

#accordion .sub_cats a h2{
    color: #7ba520;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 10px;
    text-align: center;
}

/* contact us */ 
.contactus		{text-align:left;}
.map			{width:100%;height:250px;background:#f5f5f5;overflow:hidden;margin-bottom:25px;}
.map iframe		{width:100%;height:100%;}
.contact-forms	{
    background: none repeat scroll 0 0 #eee;
    margin: 30px auto 10px;
    width: 100%;
}
.contact-forms .left_side_bar ul li	{display:inline-block;}
.contact-forms input, .contact-forms textarea, .contact-forms select	{width:100%;height:30px;padding-left: 5px;margin-bottom: 10px;border: 1px solid #E4DBDB;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input, textarea, select{font-family: 'Asap', sans-serif; font-size: 14px;}
.contact-forms select	{background: #fff;cursor:pointer;color:#565656;}
.contact-forms textarea	{height:90px;resize:none;}
.contact-forms input[type="submit"]	{width: 100px;border: 1px solid #F1FFD3;background: #92c22b;color: #fff;cursor: pointer;}
.contact-forms input[type="radio"]{
    height: auto;
    width: auto;
}
.company-contacts	{width:600px;float:left;}
.company-contacts a	{color: #565656;}
.corporate-office	{width:100%;float:left;padding: 10px;background: #FCFCFC;border: 1px solid #eee;min-height: 296px;}
.corporate-office .map	{width:100%;height:200px;margin:0;}
.corporate-office .map iframe	{width:100%;height:100%;}
.office-contacts	{width:350px;float:left;margin-left: 20px;}
.business-contacts	{margin-bottom:25px;padding:10px;background: #FCFCFC;border: 1px solid #eee;}
.investor-contacts	{margin-bottom: 25px;padding:10px;background: #FCFCFC;border: 1px solid #eee;}
.social-media		{clear:both;width:100%;height:50px;text-align: center;line-height: 50px;background: #FCFCFC;border: 1px solid #eee;margin-bottom:20px;}

.left_side_bar      {    background: none repeat scroll 0 0 #fff;
    margin-bottom: 0;} 

#certification_logos{
	background:none;
}

#contact_us h3{
    color: #92c22b;
    font-size: 20px;
    margin: 0 0 15px;
} 

#contact_us #contact_left_panel{ 
	border-right: 1px dashed #ccc;
    float: left;
    padding-right: 2%;
    width: 50%;
}

#contact_us #contact_right_panel{
	float: left;
    padding-left: 2%;
    width: 50%;
}

.clr{
	clear:both;
}

#life_at_haycarb .project{
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 4px #aaa;
    padding: 4px;
}

#life_at_haycarb .project img{
	width: 100%;
}

#life_at_haycarb .project span{
    color: #999;
    font-size: 12px;
}

.fancybox-inner h3{
	margin-top:0;
}

.fancybox-inner ol, .carbon_text ol{
	list-style-type: decimal;
    margin-bottom: 16px;
    padding: 0 0 0 20px;
	line-height: 20px;
}

.fancybox-inner ul , .carbon_text ul{
    list-style-type: disc;
    margin-bottom: 16px;
    padding: 0 0 0 20px;
	line-height: 20px;
}

.enquiry_wrapper ul{
	list-style:none;
}

.vacancies ul{
	min-height: 110px;
	line-height: 20px;
}

.vacancies h4{
	color:#999;
	font-size:20px;
	text-align:center;
	margin-bottom:12px;
}

.vacancies h5{
    color: #999;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center;
}

#life_at_haycarb .tab_hodler{
    background: linear-gradient(#eee,#bbb) #bbb;
    display: table;
	border-radius:0 0 10px 10px;
	width: 100%;
}

#life_at_haycarb  .left_side_bar{
	margin-top: 0px;
	background:none;
}

#life_at_haycarb  .left_side_bar li a{
	background: none repeat scroll 0 0 #ddd;
	border-radius:0 0 10px 10px;
}

#life_at_haycarb  .left_side_bar li a:hover{
	background: none repeat scroll 0 0 #ccc;
}

#life_at_haycarb  .left_side_bar li a.active{
	background: none repeat scroll 0 0 #bbb;
}

#in_net_blocks h3{
	margin-top:0;
}

#product_end_page .end_product_menu{
	border-bottom: 4px solid #92c22b;
}

.pdf_download{
    background: url("../images/PDF.png") no-repeat scroll 8px center #ddd !important;
    padding: 16px 10px 16px 56px;
	font-size: 16px;
}

.actions_panel{
	border-bottom: 1px dotted #92c22b;
	margin-right: 5px;
}

.actions_panel h2{
    font-size: 22px;
    font-weight: bold;
    margin: 18px 10px;
}

.actions_panel .application_items .type_items{
    background: linear-gradient(#fff, #f5f5f5) repeat scroll 0 0 #eee;
    float: left;
    margin: 0 10px 15px;
    padding: 8px 10px;
    width: 22.8%;
}

.actions_panel h4{
    background: url("../images/more_arrow2_small.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    margin: 0 0 6px;
    padding-left: 18px;
}

.actions_panel .application_items .type_items a{
	color: #92c22b;
}

.actions_panel .application_items .type_items .final_products a{
	color: #565656;
	line-height: 16px;
}

#actions_page{
padding: 0 !important;
}

#action_search_bar{
   background: none repeat scroll 0 0 #92c22b;
   padding: 6px;
}

#actions_search_text{
    border: medium none;
    border-radius: 4px;
    float: right;
    padding: 6px;
    width: 30%;
	line-height: 15px;
}

#actions_search_text_desc{
    color: #fff;
    display: none;
    float: left;
    font-size: 14px;
    margin: 8px 0 0 4px;
}

#eblog-wrapper .link-rss{
    background: url("../images/rss-icon.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 16px;
    width: 44px;
}

#eblog-wrapper h2{
	font-size:24px;
	margin: 10px 0;
}

#eblog-wrapper .link-rss span, #eblog-wrapper .eb-nav-collapse, #eblog-wrapper #ezblog-label a, #eblog-wrapper .blog-author,  #eblog-wrapper .blog-hit, #eblog-wrapper #section-author, #eblog-wrapper .blog-option{
	display:none;
}

 #eblog-wrapper #ezblog-label.latest-post{
	font-weight:bold;
 }

#eblog-wrapper .blog-readmore a{
    background: url("../images/more_arrow2.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    color: #7ba520;
    float: right;
    padding: 2px 0 10px 20px;
}

#eblog-wrapper h2.blog-title{
    border-bottom: 1px dotted #ddd;
    margin-bottom: 12px;
    padding-bottom: 6px;
}

#eblog-wrapper h2.blog-title a{
    color: #92c22b;
    font-size: 18px;
}

#eblog-wrapper img{
    margin-right: 10px;
    margin-top: 5px;
}

.ezb-mod a{
line-height: 22px;
}

.ezb-mod .mod-year{
    border-bottom: 1px dotted #ddd;
    font-weight: bold;
}

#eblog-wrapper .blog-navi{
	border-top: 1px dotted #ddd;
}

.media_tabs{
	padding: 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media  screen and (max-width : 480px) {
	/* header */
	header				{overflow:hidden;height:106px;}
	.mobilemenu			{display: inline-block;top: 40px;position: relative;float: right;}
	.main_menu, .sub_menu	{display:none;text-align:center;}
	.main_menu li, .sub_menu li	{margin-left:0;display:inline-block;}
	nav					{width:200px;float:right;text-align:center;background:#646255;z-index: 2;}
	nav li				{width:100%;line-height:40px;border-top:1px solid #b8d432;}
	nav li:first-child	{border-top:none;}
	.main_menu			{position:absolute;top:4px;right:0;}
	.sub_menu			{position:absolute;right:0;top: 255px;margin-right: 0;border-top: 1px solid #b8d432;}
	.main_menu a, .sub_menu a	{color:#f9f9f9;font-size:13px;font-weight:normal;}
	.language			{    top: 28px;
    right: 61px;}
	.close				{position: absolute;top: 0;left: -24px;width: 24px;height: 24px;background: #000;font-weight: bold;padding-top:5px;}
	
	/* footer */
	footer, .footer_one, .footer_two	{height:auto;}
	.container			{width:100%;}
	footer .container		{padding: 0 10px;}
	.about, .useful		{width:50%;}
	.applications		{clear:both;margin-top:15px;width:50%;float:left;}
	.video				{width:50%;float:left;margin-right:0;}
	.video img			{width:100%;}
	footer h3				{line-height: 15px;}
	.footer_one			{padding-bottom: 20px;}
	.footer_two .container p.copyright	{width: 100%;margin: 0;text-align: center;line-height: 20px;padding: 10px 0;}
	
	/* container */
	.container			{width:100%;overflow:hidden;}
	
	/* right */
	.right				{padding:0;width:100%;}
	.banner				{height:auto;}
	
	/* mobile sub menu */
	.mobilesubmenu		{display:inline-block;float:left;}
	.bus_menu			{display:none;position:absolute;left:45px;}
	
	/* home */
	
	section.slider_wrapper	{height:215px;overflow:hidden;}
	.slider_description	{width:100%;padding: 20px;}
	.slider_description h2	{font-size:17px;}
	.slider_description h3	{font-size:16px;}
	.product_title		{top:325px;}
	.product_bg			{top:382px;}
	.product_header h1	{font-size:14px;}
	.product_bg, .products	{height:514px;}
	.product			{width:50%;}
	.product_hover		{width:100%;height:auto;overflow:auto;}
	.certification		{padding:0 10px;}
	.certification .left	{width:100%;}
	.certification .right	{width:100%;margin:15px 0;}
	.certification .left	ul li	{margin-left:9px;}
	.certification .left	ul li img	{height:40px;}
	
	/* general */
	.general			{padding:10px;}
	
	/* overview */
	.ri_left			{width:100%;padding-right: 0;}
	.video_ovr			{width:100%;min-height:100px;height:auto;margin-top:0;}
	.ri_right			{width:100%;padding-left: 0;}
	.img:first-child	{}
	.subsidiary .img		{width:21%;height:auto;margin:0 2%;}
	.subsidiary .img	 img	{width:100%;}
	.slider_content p	{font-size:14px;}
	.slider_content h2	{font-size:15px;}
	.our_values			{width:100%;padding:0;}
	
	/* history */
	.history_nav_content	{width:100%;}
	
	/* our business */
	.collection_img:first-child	{margin-left:10px;}
	.collection_img		{width:138px;margin-bottom:10px;margin-left:10px;}
	
	/* integrated network */
	.main_left .right, .main_left .left		{width:100%;padding:0;border:none;display:block;}
	
	/* leadership */
	.fancy_leader_content	{width:100%!important;}
	.leader_content		{width:100%;margin-right:0;}
	
	/* corporate governance */
	.main_left, .main_right	{width:100%;padding:0;}
	.cor_gvr .left_side_bar	{width:100%;}
    .left_side_bar
    
	.annual_report ul li a.active .highlights	{background: url('../images/arrow2.png') no-repeat;top: 26px;left: 2px;}
	.cor_gvr .tab_content	{width:100%;}
	
	/* certification */
	.certifications .main_left, .certifications .main_right	{width:100%;padding:0;}
	
	/* products & applications */
	.product_intro		{float:none;width:100%;padding:0;overflow: auto;}
	.products_slider	{width:100%;margin-top:20px;}
	.flexslider .slides img	{height:100%;} /* need to set width 100% */
	.applications_content .product	{width:100%;margin:10px 0;}
	.enquiry_wrapper h1	{font-size:16px;line-height: 22px;}
	
	/* actions */
	.action_category	{width:48%;margin-bottom: 5px;}
	
	#contact_us #contact_left_panel{ 
		float: none;
		padding-right: 0;
		width: 100%;
	}

	#contact_us #contact_right_panel{
		float: none;
		padding-left: 0;
		width: 100%;
	}
	.media_tabs .ep_left{ padding-right:0; border-right:none; }
	.onclick-menu{ margin: 40px 0 0 0!important; }
	.language { top: 0px; right: 22px; }
	.products{ margin:0!important; }
	
}

/* iPads (portrait and landscape) ----------- */
@media  screen 
and (min-width :481px) 
and (max-width : 768px) {

	/* header */
	.mobilemenu			{display: inline-block;top: 20px;position: relative;float: right;}
	.main_menu, .sub_menu	{display:none;text-align:center;}
	.main_menu li, .sub_menu li	{margin-left:0;display:inline-block;}
	nav					{width:200px;float:right;text-align:center;background:#646255;z-index: 2;}
	nav li				{width:100%;line-height:40px;border-top:1px solid #b8d432;}
	nav li:first-child	{border-top:none;}
	.main_menu			{position:absolute;top:4px;right:0;}
	.sub_menu			{position:absolute;right:0;top: 255px;margin-right: 0;border-top: 1px solid #b8d432;}
	.main_menu a, .sub_menu a	{color:#f9f9f9;font-size:13px;font-weight:normal;}
	.language			{    top: 28px;
    right: 61px;}
	.close				{position: absolute;top: 0;left: -24px;width: 24px;height: 24px;background: #000;font-weight: bold;padding-top:5px;}
	.mobilesubmenu	{display: inline-block;float: left;}
	
	
	/* container */
	.container		{width:100%;padding:10px;overflow:hidden;}	
	.right, .ri_left, .ri_right	{padding:0;width:100%;}
	.video_ovr		{width:100%;min-height:150px;height:auto;}
	
	/* overview */
	.subsidiary .img	{margin:0 2%;width:21%;height:135px;}
	
	/* footer */
	.footer_one, .footer_two	{height:auto;}
	.about, .useful, .applications {width:33%;float:left;}
	.video			{width:100%;margin:20px 0;text-align:center;padding-top:15px;border-top: 1px dashed #C7C7C7;}
	
	
	
}




label.error{
	color: #ff0000;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0; padding:0;
    margin-top: -10px;
}

.page_general{
	text-align: initial;
	margin-bottom: 20px;
	padding:10px;
}

.page_general ul li{
    list-style: disc;
    margin: 0 0 0 14px;
}

p.error{
 background: none repeat scroll 0 0 #eee;
    color: #ff0000;
    font-size: 16px;
    padding: 8px;
    text-align: center;
}

input[type="file"]{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    width: auto;
}

.slider_description h2{ font-weight:bold; font-size:24px; color:#87b523; font-family: 'Asap', sans-serif; margin-bottom:0}
.slider_description h3{ font-weight:normal; font-size:21px; color:#3e540d; font-family: 'Asap', sans-serif; margin:5px 0 0 0}
.product .title h3{ font-size:14px}
.products{ margin:0 5px}
.product .title:after{
	content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #21221f;
    clear: both;}
	
.product:hover .title:after{border-top: 10px solid #95c232 ;}

.onclick-menu { cursor:pointer; float:right; margin:25px 0 0 0; display:none}
.slideDown { background:#92c22b; display: none; position:absolute; z-index:9999; width:100%; left:0 }
#carousel .flex-active-slide:after{
	content: '';
    position: absolute;
    left: 42%;
    top: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    clear: both;}
	
.main_right.contacts a{ color:#719e0d}	
.main_right.contacts a:hover{ color:#719e0d; background:none}	
.slideDown .menu-mob{ width:100%; background:none; text-align:center}	
.slideDown .menu-mob a{ color:#fff; display:block}
.slideDown .menu-mob ul{ border-bottom:1px solid #b8d432}
.mod_easyblogarchive .mod-year a:hover{ background:none; color:#565656}	
.ezb-mod a:hover{ background:none; color:#565656; text-decoration:underline}	
#ezblog-body .archive-list li a:hover{ background:none; color:#565656; text-decoration:underline}	
.ep_right.contacts h3{ font-size:21px}
.ezb-mod .mod-post-title{ font-size:14px; font-weight:normal}
.ezb-mod .mod-post-title a{ font-size:14px; font-weight:normal}
.post-wrapper.micro-post a{ float:left; width:100%}
.second-meu-drop{ display:none; width:100%; background:#92c22b; padding:5px; margin:0 0 15px 0  }
.second-meu-drop select{ width:100% }
.fancy_leader_content{ width:100% !important}
.page404 img{ float:left}
.logo{ position:relative; z-index:999}
.slideDown .menu-mob li:hover{ background:#2a2b27}

#search_form{    margin-bottom: 12px;    text-align: right;}
#search_form input{	width:auto; border:1px solid #e5e5e5}
input.gsc-input{	 border:1px solid #e5e5e5 !important}
input.gsc-search-button {    width: 100px;}
.annual_report ul{ width:100%}
.annual_report ul li{ display:inline; width:auto}
.annual_report ul li a.active .highlights{ background:none}
#eblog-wrapper #ezblog-menu{ display:none}
.flexslider .slides > li{-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#accordion h3:after{ content:"+"; float:right}
#accordion h3.ui-state-active:after{ content:"-"; float:right}
.gs-result .gs-title, .gs-result .gs-title *{color:#b8d432 !important}
.gsc-results div.gsc-result{ margin-bottom:25px !important}
.application-last-nav{ display:none; float:left}
.application-last-nav a{ width:100%}
.banner_content a.readmore.active{ color:#fff}

.gsc-results .gsc-cursor-box .gsc-cursor-page{ padding:5px; background:#ccc}
.second-meu-drop option:hover {
   
    background: #92c22b ;
    color: #fff;
   
}

.slideDown .menu-mob li.current.active{ background:#2a2b27 }

@media screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait) {
	.container{ width:100%;}
	.slide{ right:0}
	.slider_description{ width:340px}
	.slider_description h3{ font-size:18px}
	.products{ background:#2a2b27; height:auto; float:left; padding-bottom:15px; margin:0}
	.product{ width:250px}
	.product .title{ width:250px; border:none}
	.product:hover { background:#95c232}
	.certification{ float:left; padding:0 15px}
	.certification .left{ width:100%}
	.certification .right{ width:100%; padding:0}
	.home_news{ float:left; width:50% }
	.footer_one{ padding-left:15px; padding-right:15px}
	.video{ width:190px; margin-right:0}
	.footer_two{ padding:0 15px}
	.left{ width:145px}
	.right{ width:590px}
	.certficate_img_wide{ width:135px; height:auto}
	.ep_left{ width:75%; }
	.ep_right{ width:25%}
#product_end_page .banner{ background:#1f1f1f; height:270px}
.banner_content{ height:auto}
.green_carbon_img{ width:70%}
.green_carbon_gallery{ width:30%}
.carbon_text{font-size:12px; line-height:18px}
.our_people .ep_left{ width:51%}
.our_people .ep_right{ width:47%}
.service-tabs .ep_left{ width:68%}
.service-tabs .ep_right{ width:32%}
.service-tabs .banner_img img{ width:auto}

.left_side_bar ul li a{ font-size:14px; padding:10px 5px; margin:0 3px 0 0}
.applications_content .product{ width:30%; min-height:460px}
.applications_content .product_img{ height:auto}
.sub_app_right{ width:526px}
.sub_app_right .sub_left{ width:355px}
.sub_app_right .sub_right{ width:167px}
.sub_app_right .sub_right .ep_right{ width:100%}
#accordion .sub_cats table{  min-height:100px}
}

@media screen and (min-width:320px) and (max-width: 480px) {
.onclick-menu {display:block;}
.video {  border-top: 1px dashed #c7c7c7;    margin: 20px 0;    padding-top: 15px;    text-align: center;    width: 100%;}
.about, .useful{ width:50%; text-align:center}
.applications{ width:100%; text-align:center}
.video img{ width:auto}
.footer_two .container p{ margin-left:20%}
.second-meu-drop{ display:block;}
.left{ display:none;}
.subsidiary .img{ height:auto; margin:2% 2%; width:46%}
.subsidiary .img p{ height:45px}
.ri_left p{ margin:0}
.ep_left{ width:100%; margin-bottom:20px}
#ezblog-body .blog-read .blog-navi li{ width:48% !important} 
.banner_content{ position:relative}
.logo{ margin-left:-30px}
.green_carbon_img{ width:100%}
.green_carbon_gallery{ width:100%}
.carbon_img{ width:100%; height:auto}
.carbon_text{font-size:12px; line-height:18px}
.dc_gallery{ width:45%;height:auto}
.footer_two .container p.copyright{ padding:10px 40px}
.our_people .ep_left{ width:100%}
.vacancies h4{text-align:left}
.vacancies h5{text-align:left}
.our_people .ep_right{ width:100%; padding:0}
.our_people .project{ width:100%; margin:0 4px 20px}
.slide{ top:145px; bottom:auto;right:0}
section.slider_wrapper{ height:380px}
section.slider{ height:380px}
.product_bg{ top:490px}
.product_title{ top:500px}
.certification .left{ display:block; width:100%}
.certification .left img{ max-width:100%}
.banner{ height:auto}
#s_and_c .banner_img{ height:auto; margin:0 }
.r_d .ep_left, .r_d .ep_right{ margin-bottom:0}
#s_and_c .address_box{ width:100%; margin:0 0 15px 0}
.service-tabs img{max-width:100%; height:auto}
.project_content{width:100%}
.left_side_bar li{ display:table; width:100%}
.left_side_bar li a{  width:100%}
.block .map{ height:auto}
#ezblog-body .blog-meta-bottom div > span{ margin:0 15px 0 0}
.end_product_menu li{ display:table; width:100%}
.end_product_menu ul li a{  width:100%}
.end_product .ep_right{ width:100%; padding-left:0}
.cor_gvr .tab_content{ width:100%}
.description.corp_gov .desc_txt, .annual_report .desc_txt{ width:100%}
.annual_report ul{ width:100%}
.annual_report ul li{ display:inline; width:auto}
.annual_report ul li a.active .highlights{ background:none}
.cor_gvr .main_left{ padding-right:0}
.desc_img, .ar_img{ height:auto}
.sub_app_right{ width:100%}
.sub_app_right .sub_left{ width:100%}
.certficate_img_wide{ width:100%; height:auto}
.certifications .left_side_bar li{ width:auto; display:inline-block}
.certifications .left_side_bar li a{ background:none}
.certifications .main_left .left_side_bar ul li a{ padding:0; margin:0}
#app_and_prod .applications_content{ padding:14px 6px 0}
.sub_app_right .sub_right{ width:100%}
.library_page a{ width:100%; float:left}
.library_page a h2{ width:100%;}

.enquiry_wrapper .contact-forms ul li{ width:100%; float:left;  margin:0}
.fancybox-inner ul, .carbon_text ul{ padding:0}
.rc-anchor{ width:275px !important}
#contact_us #contact_left_panel{  border:none}
#actions_search_text{ width:100%}
.actions_panel .application_items .type_items{ width:100%; margin:0 2px 15px}
.page404 img{ max-width:100%}
.video a{ float:left; width:100%; margin:8px 0 0 0 }
.history_nav_content{ margin-top:140px}
#accordion .sub_cats table{ width:49%; min-height:90px}

#accordion .sub_cats a h2{ font-size:14px; line-height:16px}
.application-last-nav{ display:block}
.sub_app_left{ display:none}
.media{ width:100%}
.media_wrapper{ border:none; background:none}
#eblog-wrapper{ min-height:150px}
#product_end_page .end_product_menu{ display:none}
.fancy_leader_content img{ width:100%}
img.image_resp{ width:100% !important; height:auto !important; margin-bottom:10px !important}
}



@media screen and (min-width:480px) and (max-width: 640px) {
.onclick-menu {display:block;}
.logo{ margin:0; height:auto}
header{ height:93px}
.slider_description{ padding-top:0}
.slider_description h2{ margin-top:0}
.slide{ right:0}
.footer_two .container p.copyright{ width:100%; text-align:center}
.footer_two .container p{ margin-left:30%}
.certficate_img_wide{ margin:12px 0; height:auto; width:215px}
.certifications .main_right{ padding:15px 0}
.certifications .main_right .tab_content{ margin-top:0}
.left_side_bar ul li a{ background:none}
.second-meu-drop{ display:block;}
.left{ display:none;}
.main_left{ width:100%}
.main_right{ width:100%}
.subsidiary .img{ height:auto; margin:2% 2%; width:28%}
.subsidiary .img p{ height:45px}
.ri_left p{ margin:0}
.ep_left{ width:100% ;  margin-bottom:20px}
#ezblog-body .blog-read .blog-navi li{ width:48% !important}
.banner_content{ position:relative}
.logo{ margin-left:-30px}
.green_carbon_img{ width:63%}
.green_carbon_gallery{ width:37%}
.carbon_img{ width:100%; height:auto}
.carbon_text{font-size:12px; line-height:18px}
.dc_gallery{ float:right; width:66%; height:auto}
.our_people .ep_left{ width:100%}
.vacancies h4{text-align:left}
.vacancies h5{text-align:left}
.our_people .ep_right{ width:100%; padding:0}
.our_people .project{ width:48%; margin:0 4px 20px}
.slide{ bottom:auto; top:40px}
section.slider_wrapper{ height:420px}
section.slider{ height:420px}
.products{ background:#2a2b27 ; width:100%; height:auto; float:left;margin:0}
.product_header h1{ font-size:21px}
.product_header{ height:auto; margin-bottom:10px}
.product_bg{ top:570px}
.product_title{ top:556px}
.product{ width:50%}
.product:hover { background:#95c232}
.certification .left{ display:block; width:100%}
.product:first-child .title{ border:none}
.certification .left img{ max-width:100%}
.product .title{ border:none}
.banner{ height:auto}
#s_and_c .banner_img{ height:auto; margin:0 }
.r_d .ep_left, .r_d .ep_right{ margin-bottom:0}
#s_and_c .address_box{ width:100%; margin:0 0 15px 0}
.service-tabs img{max-width:100%; height:auto}
.project_content{width:100%}
.left_side_bar li{ display:table; width:100%}
.left_side_bar li a{  width:100%}

.applications_content .product{ width:45%; min-height:490px}
.applications_content .product_img{ height:auto}
.block .map{ height:auto}
#ezblog-body .blog-meta-bottom div > span{ margin:0 15px 0 0}
.end_product_menu li{ display:table; width:100%}
.end_product_menu ul li a{  width:100%}
.end_product .ep_right{ width:100%; padding-left:0}
.cor_gvr .tab_content{ width:100%}
.cor_gvr .left_side_bar{ width:100%}
.annual_report ul{ width:100%}
.annual_report ul li{ display:inline; width:auto}
.annual_report ul li a.active .highlights{ background:none}
.cor_gvr .main_left{ padding-right:0}
.sub_app_right{ width:100%}
.sub_app_right .sub_left{ width:100%}
.sub_app_right .sub_right{ width:100%}

.enquiry_wrapper .contact-forms ul li{ width:100%; float:left; margin:0}
.fancybox-inner ul, .carbon_text ul{ padding:0}

#contact_us #contact_right_panel{ width:100%;}
#contact_us #contact_left_panel{ width:100%; border:none}
.actions_panel .application_items .type_items{ margin:0 5px 15px; width:47%; min-height:220px}
.video a{ float:left; width:100%; margin:8px 0 0 0 }
.history_nav_content{ margin-top:200px}
.applications_content .product:hover{ background:none}
.thumb-logo-cetification li{ display:inline-block; width:48%}
#accordion .sub_cats a h2{ font-size:14px; line-height:16px}
.application-last-nav{ display:block}
.sub_app_left{ display:none}
.media{ width:100%}
.media_wrapper{ border:none; background:none}
.library_page a h2{ font-size:14px; min-height:60px; margin:0 0 0 2%}
#eblog-wrapper{ min-height:160px}

#accordion .sub_cats table{ min-height:100px}
#product_end_page .end_product_menu{ display:none}
.fancy_leader_content img{ width:100%}
img.image_resp{ width:100% !important; height:auto !important; margin-bottom:10px!important}
}




















@media screen and (min-width:360px) and (max-width: 640px) and (orientation : landscape) {

}

#ezblog-head .component-links a.link-rss span {
	font-size:0;
}

#ezblog-body .profile-title {
    font-size: 30px !important;
}

/* Blog CSS*/
section.sidebar.news-sidebar ul { }
section.sidebar.news-sidebar ul li{  width:100%; list-style-position:outside; line-height:18px; margin-bottom:12px}
.category-name{ float:left; width:100%; font-size:11px; text-transform:uppercase }
.published{float:left; width:100%; font-size:11px; text-transform:uppercase}
.formelm{ float:left; width:100%; font-size:11px; text-transform:uppercase }
.post .formelm label{ font-weight:normal}
.post  h2 {   color: #000;    font-size: 26px !important;}
.pagination{ float:left; width:100%; margin:10px 0}
.pagination li{ float:left; margin:0 5px 5px 0 !important; list-style:none;  background:#f1f1f1}
.pagination li a{padding:5px 10px;float:left;}
.pagination li span{padding:5px 10px;float:left;}

.ep_right.contacts .entry.mod_entry ul{ padding-left:0; }
.ep_right.contacts .entry.mod_entry ul li{ list-style-type:none; border-top: 1px solid #ddd; padding: 10px 0; }
.ep_right.contacts .entry.mod_entry ul li:first-child{ border-top: none; padding-top:0; padding-bottom:10px; }
.ep_right.contacts .entry.mod_entries ul{ padding-left:0; }
.ep_right.contacts .entry.mod_entries ul li{ list-style-type:none; border-top: 1px solid #ddd; padding: 10px 0; }
.ep_right.contacts .entry.mod_entries ul li:first-child{ border-top: none; padding-top:0; padding-bottom:10px; }
.ep_right.contacts .posts.categories ul{ padding-left:0; }	
.ep_right.contacts .posts.categories ul li{ list-style-type:none; border-top: 1px solid #e5e5e5;
    padding: 10px 0; }
.ep_right.contacts .posts.categories ul li:first-child{ border-top: none; padding-top:0; }
.ep_right.contacts .posts.categories ul li:before{ content:url('../images/folder-icon.png'); position: relative; top: 5px; margin-right: 10px; }	

.ep_right.contacts a:hover { background: none; color: #565656; text-decoration:underline; }	
.news .items-row h2{ font-weight: 700; line-height: 1.2; clear: none; width: auto; border: 0; margin: 0 35px 10px 0; font-size: 20px; }
.news .items-leading h2{ font-weight: 700; line-height: 1.2; clear: none; width: auto; border: 0; margin: 0 35px 10px 0;    font-size: 20px; }
.news .category-name{ margin-bottom:10px; }
.news .published{ margin-bottom:10px; }
.news .items-row { margin-top: 20px; }



.news .ep_left ul li a{ padding: 5px 10px; }