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

/*	NOTES - GM 
	#326 - hidden the form at Martins Request 04-02-13
	#927 - #news ul {
						font-size: 87%;
						list-style-type: none;
						margin: 0 auto;
						text-align: center;
						width: 720px;
					}
					
		 #news li {
			 	display: inline;
				float: left;
				margin-left: 30px;
				width: 210px;
		 }			
					
*/


/*
	Text Green: #5eb006
	Text Grey: #2e3e4a

*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
   
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, font, 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, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-size: 100.01%;
	/*font-weight: normal;*/
	line-height: 1.0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

ol, ul { list-style-type: none; }
em { font-style: italic; }


/*==================================================================================================
Defaults
==================================================================================================*/

body {
	background: #fff;
	color: #2e3e4a;
	letter-spacing: -.04em;
	font-size: 100.01%;
}
.accessibility {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -4000px;
}
.container {
	max-width: 930px;
	padding: 0 30px; 
	margin: 0 auto;
}

a { color: #2e3e4a; text-decoration: none; }
a:hover { color: #5eb006; }
a:active { color: #2e3e4a; }


/*==================================================================================================
Font weights
==================================================================================================*/

#main h1 {
	font-family: 'Open Sans', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-weight: 300;
}
body,

input[type=text],
textarea,
.search_form input,
.depth_1_category_name-contact .mainarea h2, .depth_1_category_name-nous-contacter .mainarea h2 {
	font-family: 'Open Sans', /*'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande',*/ Arial, sans-serif;
	font-weight: 400;
}
#signoff p {
	font-family: 'Open Sans', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-weight: 600;
}

.mainarea h2, .mainarea h3, .mainarea h4, .mainarea h5,
.mainarea h2 a, .mainarea h3 a, .mainarea h4 a, .mainarea h5 a,

.mainarea h2 strong,
.mainarea h3 strong,
.mainarea h4 strong,
.mainarea h5 strong,

label,
input[type=submit],
input[type=button],
.mainarea .back,

.mainarea p.subtext,

strong,

ul.site-sections li a h2,
.box h3,
ul.list li h2 {
	font-family: 'Open Sans', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-weight: 700;
}
#main p.cite,
.box ul.list li h4,

.pull-quote p strong,

footer h4,
footer p strong {
	font-family: 'Open Sans', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-weight: 800;
}



/*==================================================================================================
Selection
==================================================================================================*/

::selection { background: #5baf01; color: #fff; text-shadow: none; }
::-moz-selection { background: #5baf01; color: #fff; text-shadow: none; }
::-o-selection { background: #5baf01; color: #fff; text-shadow: none; }


/*==================================================================================================
Form
==================================================================================================*/

label { display: block; font-size: 90%; margin: 10px 0; }
input[type=text],
textarea,
.customSelect {
	background: #f4f4f4;
	border: 1px solid #d7d7d7;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	
	color: #2e3e4a;
	font-size: 13px;
	letter-spacing: -0.07em;
	line-height: 1.5;
	outline: none;
	padding: 5px 8px;
	width: 100%;
}
.customSelect {
	background: #f4f4f4 url(../images/graphic-select.png) no-repeat right center;
}

input[type=text]:hover,
input[type=text]:focus,

.customSelect.customSelectFocus,

textarea:hover,
textarea:focus { background-color: #fff; border-color: #5eb006; }

input[type=submit],
input[type=button] {
	background: #99d401 url(../images/button.png) repeat-x 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	
	letter-spacing: -0.08em;
	margin: 10px 0;
	padding: 10px 16px 12px;
}
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus {
	background: #5eb006 url(../images/button.png) repeat-x 0 -70px;
}
.customSelect {
	background: #f4f4f4 url(../images/graphic-select.png) no-repeat right center;
	border: 1px solid #d7d7d7;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	
	color: #2e3e4a;
	font-size: 13px;
	letter-spacing: -0.07em;
	line-height: 1.5;
	outline: none;
	padding: 5px 8px;
	width: 100%;
}


.depth_1_category_name-contact, .depth_1_category_name-nous-contacter textarea {
	min-height: 122px;
}


/*==================================================================================================
Header
==================================================================================================*/

header {
	background: #2f404c url(../images/back-header.png) repeat-x top;
	padding: 25px 0 20px;
	width: 100%;
}
header h2 a {
	background: url(../images/logo-oxya.png) no-repeat; 
	float: left;
	font-size: 62.5%;
	height: 70px;
	margin-top: -6px;
	text-indent: -9000px;
	width: 140px;
}
header h2 a:hover,
header h2 a:focus {
	opacity: 0.5;
}
header p {
	color: #fff;
	font-size: 100%;
	padding: 18px 0 0 25px;
}
header p span {
	color: #8fce01;
}
header img.fl_left { margin: 8px 0 0 25px; }


/* Social */
ul.social {
	margin-top: 12px;
	font-size: 92%;
	float: left;
}
ul.social li {
	display: inline;
}
.mainarea .social li {
	width: auto;
	padding: 4px 0 4px;
}


ul.social li a {
	background-color: #97d301;
	background-image: url(../images/icons-social.png);
	background-repeat: no-repeat;
	
	-webkit-border-radius: 13px;
	   -moz-border-radius: 13px;
	        border-radius: 13px;	
	
	color: #000;
	float: left;
	height: 26px;
	line-height: 30px;
	margin-right: 4px;
	outline: none;
	text-indent: -9000px;
	width: 26px;
}
ul.social li a:hover { background-color: #5eb006; }

a.facebook { background-position: 0 top; }
a.twitter { background-position: -26px top; }
a.pinterest { background-position: -52px top; }
a.youtube { background-position: -78px top; }
a.google { background-position: -104px top; }
a.linkedin { background-position: -130px top; }
a.email { background-position: -156px top; }
a.blog { background-position: -182px top; }

a:hover.facebook, a:focus.facebook { background-position: 0 bottom; }
a:hover.twitter, a:focus.twitter { background-position: -26px bottom; }
a:hover.pinterest, a:focus.pinterest { background-position: -52px bottom; }
a:hover.youtube, a:focus.youtube { background-position: -78px bottom; }
a:hover.google, a:focus.google { background-position: -104px bottom; }
a:hover.linkedin, a:focus.linkedin { background-position: -130px bottom; }
a:hover.email, a:focus.email { background-position: -156px bottom; }
a:hover.blog, a:focus.blog { background-position: -182px bottom; }


/* Search form */

.search_form {
	color: #fff;
	float: left;
	outline: none;
	padding: 10px 0 0;
	width: 160px;
}
.search_form label {
	float: left;
}
.search_form input[type=text] {
	background: #0c1d29 url(../images/icons-search.png) no-repeat 6px center;
	border: 1px solid #273642;
	color: #fff;
	font-size: 13px;
	letter-spacing: -0.07em;
	line-height: 1;
	outline: none;
	padding: 4px 5px 5px 25px;
}
.search_form input[type=text]:hover,
.search_form input[type=text]:focus { background-color: #09161f; border-color: #5eb006; }


/*==================================================================================================
Main Navigation
==================================================================================================*/

nav {
	background: #0d1c26 url(../images/nav-back.png) repeat-x top;
	
	-webkit-box-shadow: 0 1px 3px #000;
	   -moz-box-shadow: 0 1px 3px #000;
	        box-shadow: 0 1px 3px #000;
		 
	font-size: 81.25%;
	letter-spacing: -.04em;
	position: relative;
	z-index: 1500;
}
nav ul {
	margin: 0 auto;
	padding: 0;
}
nav ul.width { max-width: 960px; }
nav ul li {
	float: left;
	position: relative;
}
nav ul li a  {
	background: #0d1c26 url(../images/nav-back.png) repeat-x top;
	color: #fff;
	display: block;
	outline: none;
	padding: 18px 15px 20px;
	text-decoration: none;
	white-space: nowrap;
}
nav ul li a:visited { color: #fff; }

nav ul li:hover a,
nav ul li:focus a,

nav ul li a:hover,
nav ul li a:focus {
	background: #4b8100 url(../images/nav-back.png) repeat-x 0 -310px;
	border: none;
	color: #fff;
}
nav ul li a.selected_ancestor,
nav ul li a.selected_parent,
nav ul li a.selected {
	background: #5b9c01 url(../images/nav-back.png) repeat-x 0 -300px;
}

/* 2nd/3rd level menu */

nav ul ul,
nav ul ul ul {	
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;

	-webkit-box-shadow: 0 1px 3px #237500;
	   -moz-box-shadow: 0 1px 3px #237500;
	        box-shadow: 0 1px 3px #237500; 

	left: 0;
	opacity: 0; /* Hide sub level */		 
	position: absolute; 
	top: -99999px; 
	z-index: 400;
}
nav ul ul ul {	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
nav ul ul li { float: none; }
nav ul ul li a {
	background: #0d1c26 url(../images/nav-back.png) repeat-x top !important;
	padding: 12px 40px 14px 15px;
}
nav ul ul li a:hover,
nav ul ul li a:focus {
	background: #4b8100 url(../images/nav-back.png) repeat-x 0 -310px !important;
}
nav ul ul li:last-child a {
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
}
nav ul li:hover > ul,
nav ul li:focus > ul { 
	left: 0;
	opacity: 1;
	position: absolute;
	top: 100%;
}

nav ul ul li:hover ul {
	left: 100%;
	top: 0;
}

li.depth_3 { width: 190px; }


/* Country Flags */
.country-container {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
.country-container .country-links {
	right: 16px;
	position: absolute;
	top: -32px;
	z-index: 1600;
}
.country-container .country-links li {
	display: block;
	float: left;
	margin-left: 10px;
}
.country-container .country-links a {
	display: block;
	width: 16px;
	height: 11px;
	text-indent: -9999em;
	background: url(../images/flag-sprite.png) no-repeat 0 0;
}
.country-container .country-links .uk {
	background-position: -16px 0;
}
.country-container .country-links .us {
	background-position: -32px 0;
}
.country-container .country-links .belgium {
	background-position: -48px 0;
}
.country-container .country-links .france {
	background-position: -64px 0;
}

.country-container .country-links .luxembourg {
	background-position: -80px 0;
}
.country-container .country-links .netherlands {
	background-position: -96px 0;
}
.country-container .country-links .canada,
.country-container .country-links .canada-eng,
.country-container .country-links .canada-fr {
	background-position: -112px 0;
}

/*==================================================================================================
Main feature
==================================================================================================*/

#main {
	background-image: url(../images/default_main_image.jpg);
	background-color: #74c100;
	background-position: center top;
	background-repeat: repeat-x;
	color: #fff;
	float: left;
	margin: 0 auto;
	padding: 57px 0 57px;
	position: relative;
	text-align: left;
	width: 100%;
}
#main h1 {
	background: #237500;
	background: rgba(35,117,0,.7);
	color: #fff;
	display: inline-block;
	font-size: 350%; /* 2013.09.25 - Was 375% but French text did not fit */
	letter-spacing: -0.04em;
	line-height: 1em;
	padding: 15px 20px;
	text-align: left;
}

#main.has_header_carousel { padding: 0; }
#main.has_header_carousel .container {
	left: 0;
	top: 0;
	z-index: 1000;
	max-width: 960px;
	margin: 0 auto;
}

#main.has_header_carousel h1 {
	margin: 60px 0 0;
}

#main p {
	font-size: 137.5%;
	letter-spacing: -0.05em;
	line-height: 1.5;
	text-shadow: 1px 1px 3px #237500;
	padding-left: 20px;	
}
#main p.cite {
	font-size: 80%;
	padding-top: 10px;
}

.border { border-left: 5px solid #237500; margin-top: 0px !important; }


/* Carousel */

#main #carousel {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#main #carousel li {
	float: left;
	position: relative;
	padding-bottom: 35px;
	width: 100% !important;
}
#main #carousel li .container { padding-top: 40px; }

#carousel li a {
	color: #fff;
}

/* Carousel nav */

#main .carouselNav-container {
	text-align: center;
}

#main ul#carouselNav {
	background: #fff;
	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
               border-radius: 5px;
	
	margin: -30px auto -20px auto;
	padding: 15px 15px;
	position: relative;
	/*width: 90px;*/
	display: inline-block;
	z-index: 1000;
}
#main ul#carouselNav li {
	float: left;
	margin: 0;
	padding: 0;
}
#main ul#carouselNav li a {
	background: #415A67;
	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
               border-radius: 5px;
		 
	display: inline;	 
	float: left;
	height: 10px;
	margin: 0 10px;
	position: relative;
	text-indent: -999em;
	width: 10px;
}
#main ul#carouselNav li a.activeSlide { background: #85c440; }


/*==================================================================================================
Main content
==================================================================================================*/

#content {
	float: left;
	width: 100%;
}

.home .mainarea {
	padding-bottom: 0;
}

.mainarea {
	padding: 20px 0 30px;
	text-align: left;
}
.mainarea h1, .mainarea h2, .mainarea h3, .mainarea h4, .mainarea h5,
.mainarea h1 a, .mainarea h2 a, .mainarea h3 a, .mainarea h4 a, .mainarea h5 a  {
	color: #5eb006;
	letter-spacing: -0.06em;
	padding: 10px 0 10px;
}
.mainarea h2 {font-size: 175%;}
.mainarea h3 {font-size: 150%;}
.mainarea h4 {font-size: 131.25%;}
.mainarea h5 {font-size: 112.5%; line-height: 1.5;}



.mainarea p {
	font-size: 93.75%;
	line-height: 1.5;
	padding: 5px 0 10px;
}
.mainarea p a,
.mainarea li a { border-bottom: 1px solid #5eb006; }
.mainarea p a:hover,
.mainarea li a:hover { border-bottom: 1px solid transparent; }
/*.mainarea strong {
	font-weight: normal;
}*/
.mainarea p.intro {
	color: #5baf01;
	font-size: 112.5%;
	letter-spacing: -0.06em;
	padding-bottom: 15px;
	padding-top: 10px;
}
.mainarea p.subtext {
	font-size: 75%;
}
.mainarea ul {
	padding: 10px 0 10px;
	list-style-type: none;
}
.mainarea ul li {
	background: url(../images/bullet.png) no-repeat left 12px;
	font-size: 93.75%;
	line-height: 1.5;
	padding: 4px 0 4px 20px;
}

.mainarea ul.two_columns li {
	width: 255px;
	margin-right: 30px;
	float: left;
}

.mainarea ul.two_columns:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* Home sections */

ul.site-sections {
	list-style-type: none;
	margin: 0 0 0 -15px;
	padding: 0;
	float: none;
	text-align: center;
}	
ul.site-sections li {
	background: none;
	display: inline-block;
	float: none;
	margin: 15px 12px;
	padding: 0 0;
	text-align: center;
	width: 125px;
    vertical-align: top;
    min-height: 235px;
}
ul.site-sections li a { text-decoration: none; outline: none; }

ul.site-sections li a,
ul.site-sections li a:hover,
ul.site-sections li a:focus { border-bottom: none; }

ul.site-sections li a > img {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 4px;
	width: 129px;
}
ul.site-sections li a:hover > img,
ul.site-sections li a:focus > img {
	background: #5eb006;
	border-color: #5eb006;
}
ul.site-sections li a + h2 {
	border-bottom: 1px solid transparent;
	font-size: 18px;
	padding: 2px 0 6px;
} 
ul.site-sections li a > p {
	color: #2e3e4a;
	padding: 0 0 10px;
}

/* List items */

ul.list {
	border-top: 1px solid #ccc;
	float: left;
	list-style-type: none;
	margin: 15px 0 20px;
	padding: 0;
}
ul.list li {
	background: none;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 25px 0;
	width: 100%;
}
ul.list li img {
	border: 1px solid #ccc;
	float: left;
	padding: 4px;
	width: 115px;
	height: auto;
}
ul.list li.story img {
	width: 90%;
}
ul.list li h2 {
	font-size: 130%;
	margin-top: -2px;
	padding: 0 0 10px;
}
ul.list li p { padding: 0; }
ul.list li p:after {
	background: url(../images/nav-more.png) right no-repeat;
	content: "";
	display: inline-block;
	height: 10px;
	width: 18px;
}

ul.list li a { border-bottom: none; float: left; }
ul.list li a:hover,
ul.list li a:focus {
	background: transparent;
	border-bottom: none;
	outline: none;
}
ul.list li a > div img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}
ul.list li a:hover > div img,
ul.list li a:focus > div img {
	background: #5eb006;
	border-color: #5eb006;
}
ul.list li a:hover > div p,
ul.list li a:focus > div p {
	color: #5eb006;
}


/* List items horizontal */

ul.list-horizontal {
	float: left;
	list-style-type: none;
	margin: 0 -15px 10px;
	padding: 0;
}
ul.list-horizontal li {
	background: none;
	border: 1px solid #ccc;
		 
	float: left;
	margin: 15px 14px;
	padding: 0;
}
ul.list-horizontal li img {
	float: left;
	width: 174px;
	padding: 4px;
	height: 100px;
}


/*==================================================================================================
Feature box
==================================================================================================*/

.box {
	background: #f0f0f0;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
               border-radius: 5px;
	
	float: left;	 
	margin: 15px 0;
	width: 100%;
}
.box h3 {
	background: #5b9c01 url(../images/nav-back.png) repeat-x 0 -300px;
	
	-webkit-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;

	color: #fff;
	font-size: 100%;
	padding: 12px 15px 14px;
}
.box.share h3 { background: #0d1c26 url(../images/nav-back.png) repeat-x top; }


.box.content_b {
	background: #fff;
	margin: 10px 0 5px;
}
.box.content_b  img {
	border-radius: 5px;
}


/* Social Links */ 

.box ul.social { margin: 2px 0 2px 15px; }
.box ul.social li { background-image: none; }


/* List items */ 

.box ul.list {
	border: none;
	float: none;
	margin: 0;
	padding: 0;
}
.box ul.list li {
	margin: 0;
	padding: 0;
}
.box ul.list li:nth-child(odd) {
	background: #f4f4f4;
}
.box ul.list li:last-child {
	border-bottom: none;
		
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
}
.box ul.list li:last-child img {
	-webkit-border-radius: 0 0 0 5px;
	   -moz-border-radius: 0 0 0 5px;
	        border-radius: 0 0 0 5px;
}
.box ul.list li a {
	background: transparent;
	
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
	float: left;
	width: 100%;
}
.box ul.list li a:hover,
.box ul.list li a:focus {
	background: #e6e6e6;
}

.box ul.list li img {
	border: none;
	padding: 0;
	margin-right: 0;
}
.box ul.list li h4 {
	display: inline-block;
	float: left;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0 5px 0 0;
}
.box ul.list li p {
	color: #2e3e4a;
	letter-spacing: 0;
	padding: 12px 10px 5px 125px;
}
.box ul.list li p strong {
	color: #5eb006;
}
.box ul.list li h4,
.box ul.list li p {
	font-size: 12px;
	line-height: 1.5;
}

/* Additional Fix */
.box ul.list li div {
	float: none; 
	padding-left: 125px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 3px;
}
.box ul.list li div h4,
.box ul.list li div p {
	
}
.box ul.list li div h4 {
	float: none;
}

.box ul.list li div p {
	padding: 0;
}
/*==================================================================================================
Pull quote
==================================================================================================*/

.pull-quote {
	background: #f0f0f0 url(../images/graphic-quote.png) no-repeat left top;
	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
               border-radius: 5px;
		 
	float: left;
	margin: 0;
	padding: 12px 20px 12px 84px;
	width: auto;
}
.pull-quote blockquote p {
	font-size: 87.5%;
	color: #5eb006;
}
.pull-quote p {
	color: #2e3e4a;
	font-size: 75%;
}
.pull-quote p strong {
	color: #000;
}


/*==================================================================================================
Contact pages
==================================================================================================*/

.depth_1_category_name-contact .mainarea h2, .depth_1_category_name-nous-contacter h2 {
	font-size: 150%;	
}
#google-map {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 490px;
	letter-spacing: 0;
	margin: 20px 0;
	padding: 4px;
	width: 95%;
}
/*==================================================================================================
Blog - Article Pages
==================================================================================================*/
.back {
	background: #99d401 url(../images/button.png) repeat-x 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	
	letter-spacing: -0.08em;
	margin: 10px 0;
	padding: 10px 16px 12px;
}

.back:hover {
	background: #5eb006 url(../images/button.png) repeat-x 0 -70px;
	color: #fff;
}
.live-social-share {
	padding: 20px 0;
	overflow: hidden;
}

/*==================================================================================================
News
==================================================================================================*/

#news {
	background: #f3f3f3  url(../images/back-news-shadow.png) no-repeat center top;
	float: left;
	padding: 35px 0;
	text-align: center;
	width: 100%;
}
#news h2 {
	background: #f3f3f3;
	display: inline-block;
	color: #5eb006;
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 30px;
	padding: 0 10px;
}

#news ul {
	font-size: 87%;
	float: left;
	list-style-type: none;
	margin-left: -30px;
	text-align: center;
	width: 960px;
}

#news li {
	display: inline;
	float: left;
	margin-left: 30px;
	/*width: 162px;*/
	width: 210px;
}
#news li h3 a {
	background: url(../images/icons-social-news.png);
	border-bottom: none;
	
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
		 
	display: inline-block;
	height: 40px;
	margin-bottom: 10px;
	width: 40px;
	text-indent: -9000px;
}
#news a.facebook { background-position: 0 top; }
#news a.twitter { background-position: -40px top; }
#news a.pinterest { background-position: -80px top; }
#news a.youtube { background-position: -120px top; }
#news a.google { background-position: -160px top; }

#news a.linkedin { background-position: -200px top; }
#news a.blog { background-position: -240px top; }


#news a:hover.facebook { background-position: 0 bottom; }
#news a:hover.twitter { background-position: -40px bottom; }
#news a:hover.pinterest { background-position: -80px bottom; }
#news a:hover.youtube { background-position: -120px bottom; }
#news a:hover.google { background-position: -160px bottom; }

#news a:hover.linkedin { background-position: -200px bottom; }
#news a:hover.blog { background-position: -240px bottom; }

#news li p {
	line-height: 1.5;
}
#news li p a {
	color: #2e3e4a;
	text-decoration: none;
	border-bottom: 1px solid #5eb006;
}
#news li a:hover {
	color: #5eb006;
	border-color: transparent;
}
#news img { width: 50% !important; height: auto !important; border: 1px solid #ececec; margin: 5px 0 0; }
#news li p.img a { border-bottom: none; }


/*==================================================================================================
Search
==================================================================================================*/

.mainarea .search_results h2 {
	padding-bottom: 0;
	margin-bottom: -5px;
}

.mainarea .search_results h3 {
	font-size: 112.5%;
	/*color: black;*/
	padding-bottom: 0;
	margin-bottom: -5px;
}

.mainarea .search_results ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.mainarea .search_results li {
	margin-top: 10px;
}

/*==================================================================================================
Footer
==================================================================================================*/

footer {
	border-top: 1px solid #ececec;
	float: left;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
	width: 100%;
}
footer h4 {
	color: #5eb006;
	font-size: 90%;
	line-height: 1.0;
	margin-bottom: 5px;
}
footer p {
	font-size: 80%;
	line-height: 1.5;
}


/*==================================================================================================
Sign off
==================================================================================================*/

#signoff {
	background: url(../images/line.png) repeat-x 0 10px;
	margin: 30px auto 0;
	max-width: 930px;
	text-align: center;
}
#signoff p {
	font-size: 74%;
	display: inline;
	line-height: 1.5;
	background: #fff;
	padding: 0 20px;
	text-align: center;
}
#signoff a {
	color: #2e3e4a;
	border-bottom: 1px solid transparent;
	text-decoration: none;
}
#signoff a:hover {
	border-bottom-color: #5eb006;
}


/*==================================================================================================
Layout styles
==================================================================================================*/

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

.layout_col1, .layout_col2, .layout_col3, .layout_col4,
.layout_col5, .layout_col6, .layout_col7, .layout_col8,
.layout_col9, .layout_col10, .layout_col11, .layout_col12 {
	float: left;
	display: inline;
	margin: 0 1.5% 0 0;
}
.layout_col1 { width: 5%; }
.layout_col2 { width: 14%; }
.layout_col3 { width: 22.5%; }
.layout_col4 { width: 31%; }

.layout_col5 { width: 39%; }
.layout_col6 { width: 48%; }
.layout_col7 { width: 56%; }
.layout_col8 { width: 65%; }

.layout_col9 { width: 74%; }
.layout_col10 { width: 82%; }
.layout_col11 { width: 91%; }
.layout_col12 { max-width: 930px; width: 100%; margin-right: 0px; }

.story .layout_col2 {
	width: 140px;
}

.story .layout_col6 {
	width: 65%;
}

.end { margin-right: 0 !important; }
.fl_left { float: left; }
.fl_right { float: right; }

.img_right,
.img_left {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}
.img_right { float: right; margin: 15px 0 15px 30px; }
.img_left { float: left; margin: 15px 30px 15px 0; }

.colspecb {
	float: right;
	text-align: right;
	width: 490px;
}

.colspeca {
	width: 270px;
	margin: 7px 0 0 0px;
}

.colspecb img {
	margin: 10px 0 0 20px;
}

/*==================================================================================================
Transitions
==================================================================================================*/

a,
input,
textarea,
ul.site-sections li a > img,
ul.list li a > div img {
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
}
nav a {
	-webkit-transition: background-color 0.5s, background-image 0.5s;
	   -moz-transition: background-color 0.5s, background-image 0.5s;
	    -ms-transition: background-color 0.5s, background-image 0.5s;
	     -o-transition: background-color 0.5s, background-image 0.5s;
	        transition: background-color 0.5s, background-image 0.5s;
}

.mobile_only {
	display: none;
}

.inlinecol, .inlinecolb {
	float: left !important;
	width: 46% !important;
}

.inlinecolb {
	float: right !important;
}

.mobile_nav {
	display: none;
}

.hamburger {
	cursor: pointer;
	display: inline-block;
	width: 25px;
	transition: all .3s;
	position: relative;
	display: none;
}
.hamburger i {
	transition: all .3s;
	display: block;
	height: 3px;
	margin: 0 0 3px;
	background: #6FBE01;
	position: relative;
	top: 0;
}
.hamburger.active i {
	background: #6FBE01;
	transform: rotate(45deg);
}
.hamburger.active i:last-child {
	transform: rotate(45deg);
	top: -6px;
	opacity: 0;
}
.hamburger.active i:nth-child(1){
	transform: rotate(-45deg);
	top: 6px;
}

iframe {
	max-width: 100%;
}

.layout_col8 a.back {
	margin-bottom: 5px;
	display: inline-block;
}

@media (max-width: 1040px){

	.colspeca, .colspecb {
		float: right;
		clear: right;
		text-align: right;
	}

	.colspeca {
		margin: -8px 0 5px;
	}

	header p {
		padding: 0;
	}

	.country-container .country-links {
		top: -39px;
		width: 100px;
	}

	.country-links li {
		margin-bottom: 6px;
	}

}

@media (max-width: 500px){

	ul.site-sections li {
		width: 44%;
		margin: 0 3%;
	}

	ul.site-sections li a > img {
		width: 100%;
		height: auto;
	}

}

@media (max-width: 750px){

	.country-container .country-links {
		width: auto;
	}

	.img_right,
	.img_left {
		max-width: 100%;
		float: none;
		display: block;
		margin: 15px auto;
	}
	
	.story .layout_col6 h2 {
		margin: 20px 0 0;
	}

	.story .layout_col6 {
		width: auto;
	}

	.hamburger {
		display: block;
		position: absolute;
		top: 22px;
		right: 24px;
	}

	.desktop_nav {
		display: none;
	}

	.mobile_nav ul li {
		float: none;
		display: block;
		position: relative;
		background: #111;
		border-bottom: 1px solid #333;
		padding: 0;
		font-size: 13px;
		width: auto !important;
	}

	.mobile_nav a {
		display: block;
		color: #fff;
		padding: 14px 25px 20px;
	}

	.mobile_nav .open {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 17px;
		color: #fff;
		padding: 14px 25px 20px;
	}

	.mobile_nav .open.active {
		color: #6FBE01;
	}

	.mobile_nav ul ul,
	.mobile_nav ul ul ul {
		border-top: 1px solid #333;
		opacity: 1 !important;
		position: relative !important;
		display: none;
	}

	.mobile_nav ul ul li {
		background: #333;
		border-bottom: 1px solid #555;
	}

	.mobile_nav ul ul ul li {
		background: #555;
		border-bottom: 1px solid #777;
	}

	.country-container {
		position: absolute;
		top: 90px;
		right: 3px;
		width: 100px;
	}

	.country-container li {
		margin-bottom: 10px;
	}

	.colspeca, .colspecb {
		display: none;
	}

	#main h1 {
		font-size: 265%;
	}

	.inlinecolb, .inlinecol {
		float: none !important;
		width: auto !important;
	}

	.mobile_only {
		display: block;
	}

	.footer_logos {
		background: #182935;
		padding: 25px 25px 20px;
		margin: 25px 0 -30px;
	}

	.footer_logos img {
		display: block;
		margin: 0 0 12px;
	}

	.layout_col1, .layout_col2, .layout_col3, .layout_col4,
	.layout_col5, .layout_col6, .layout_col7, .layout_col8,
	.layout_col9, .layout_col10, .layout_col11, .layout_col12 {
		width: 100%;
		margin-right: 0;
	}

	footer.layout_clear .layout_col4 {
		margin: 0 0 15px;
	}

	#signoff {
		border-top: 1px solid #ddd;
		background: none;
	}

	#signoff a {
		display: block;
		margin: 5px 0;
	}

	#signoff .lines {
		display: none;
	}

	.hide_mobile {
		display: none;
	}

}