/*
Theme Name: Generis
*/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; padding: 0;font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/*
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}






/* ========================================================================
   
   PERSONNAL STUFF
   
   ========================================================================== */


@font-face {
	font-family: 'din-light';
		src: url('fonts/din-light-webfont.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}

@font-face {
	font-family: 'din-regular';
		src: url('fonts/din-regular-webfont.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}

@font-face {
	font-family: 'din-medium';
		src: url('fonts/din-medium-webfont.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}

@font-face {
	font-family: 'din-bold';
		src: url('fonts/din-bold-webfont.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}




/* ========================================================================
   GLOBAL
   ========================================================================== */

html{font-family: 'din-regular', Helvetica, sans-serif;}
   
ul, ol{list-style:none}
   
ul, ol, h1,h2,h3,h4,h5,h6,p,nav,header,footer,body,div{margin:0;padding:0}

h1,h2,h3,h4,h5,h6,p,strong{font-weight:normal}

.page-width{max-width:1200px;margin:0 auto;}
#page #main .wide-page-width{max-width:1200px;margin:0 auto;padding:50px;}
#main .flexslider-container a,#main .flexslider-container a:hover{border-bottom:0px}

header,footer{background:black;color:white}

nav#site-nav a,img{display:block;}

a{text-decoration:none;}

#main a{color:#15A5E0;/* border-bottom:1px solid #15A5E0; */}
#main a:hover{color:#0B7FB0;/* border-bottom:1px solid #0B7FB0; */}

/* #case-clients ul, */
/*
#home #feature-news h3,
#home h2,#agency h2,#contact h2{font-family: 'Droid Serif', serif;}
*/

h2.strong-title,h3.strong-title{
font-size:1.875em;
text-transform:uppercase;
}

h2.small-title,h3.small-title,h3,p.small-title{
margin-bottom:15px;
text-transform:uppercase;
font-size:0.8125em;
color:#bfbfbf;
}

p{font-size:0.9375em;}

strong{font-family: 'din-medium', Helvetica, sans-serif;font-weight:normal}

nav{font-size:0.8125em;}

.italic{font-style:italic}

body{color:#585959}
.green{color:#92B139}
.black{color:black}

.space-before{padding-top:15px;}
.space-after{padding-bottom:15px;}

img{max-width:100%}
   
/* ========================================================================
   HEADER
   ========================================================================== */
   
header{height:80px}

h1{float:left}

nav#site-nav{float:right}

nav#site-nav ul{}

nav#site-nav li{float:left}

nav#site-nav li+li{margin-left:1px}

nav#site-nav a{
text-transform:uppercase;
color:white;
line-height:80px;
padding:0 10px;
}

nav#site-nav .current_page_item, nav#site-nav a:hover{
background:#333;
}
nav#site-nav a:hover{
text-decoration:underline;
}

#page{padding-top:80px;}
#case-studies #page, #services #page{padding-top:140px;}
header{position:fixed;top:0;z-index:99;
	width:100%;}
	
#news header,#contact header,#blog header{
height:110px;
background: black url(images/subnav/subnav-bg.jpg) center 80px no-repeat;
}
#news #page, #contact #page{padding-top:110px;}
   
/* ========================================================================
   FOOTER
   ========================================================================== */


footer{
clear:both;
height:90px;
position: relative;
z-index: 99;}

footer > div{
height:90px;
position:relative;}

footer > div > div {
width:40%;
float:left;}

footer div #logo{
width: 20%;}

footer #picto{
height:60px;}

footer #picto p{
float:left;
}

footer #picto a {
display:block;
padding:20px 10px;
}
footer #picto img{
display:block;
position:relative;
top:0;
}/*

footer #picto a:hover img{
top:-5px;
}
*/


footer .linkedin_follow > strong {
display: block;
height: 30px;
padding:20px 10px;
}

footer .linkedin_follow .IN-widget {
	padding-top: 8px;
}

footer #logo{
padding:25px 0;
}
footer #logo img{
margin:0 auto;
}

footer #baseline p{
text-align:right;
padding-top:27px;
text-transform:uppercase;
color:#666;
font-family: 'din-medium', Helvetica, sans-serif;
font-weight:normal;
font-size:0.9em;
}

footer .box{
padding:15px 15px 20px 15px;
font-size:0.9em;
background:white/*  url(images/footer/footer-box.png) bottom left no-repeat */;
position:absolute;
left:0;
bottom:90px;
color:#333;
border:1px solid #f1f1f1;
box-shadow: 1px 1px 2px rgba(31,31,31,0.5);
border-radius:3px;}

footer #box-address{left:52px}
footer #box-tel{left:85px}







/* ========================================================================
   SUBNAV
   ========================================================================== */

body #main section#sub-nav{
	height:60px;
	background: #f1f1f1 url(images/subnav/subnav-bg.jpg) center top no-repeat;
	padding:0;
	position:fixed;
	top:80px;
	left:0;
	width:100%;
	z-index:99;
}

#sub-nav > div{
position:relative;
}

#sub-nav div >ul{
	height:60px;
	position:absolute;
}

#services #sub-nav div >ul{
	right:202px;
}
#case-studies #sub-nav div >ul{
	right:90px;
}
#ie7 #services #sub-nav div >ul, #ie8 #services #sub-nav div >ul{
	right:175px;
}
#ie7 #case-studies #sub-nav div >ul, #ie8 #case-studies #sub-nav div >ul{
	right:55px;
}


#sub-nav div >ul >li{
	float:left;
	background: #333 url(images/subnav/subnav-gradient.png) top left repeat-x;
}
#sub-nav div >ul >li:first-child{padding-left:5px;}
#sub-nav div >ul >li:last-child{padding-right:5px;}
#main #sub-nav div >ul >li a,#main #sub-nav div >ul >li .dropLInk{
	display:block;
	line-height:60px;
	border-bottom:0;
	padding:0 10px;
	font-size:0.875em;
	color:#ccc;
}
#main #sub-nav div >ul >li a:hover,#main #sub-nav div >ul >li .dropLInk:hover{
	color:white;
	border-bottom:0;
}

#main #sub-nav div >ul >li .dropLInk{
cursor:pointer;
}

#sub-nav ul ul{
	position:absolute;
	right:0;
	z-index:99;
	background: white;
	border: rgba(31,31,31,0.2) 1px solid;
	border-top:0;
	box-shadow: 2px 2px 2px rgba(31,31,31,0.2);
}
#sub-nav ul ul{

	display:none;
}
.ie #sub-nav ul ul{
	border: #ccc 1px solid;
	border-top:0;
}

#sub-nav ul ul li+li{
	border-top: rgba(31,31,31,0.2) 1px solid;
}
.ie #sub-nav ul ul li+li{
	border-top: #ccc 1px solid;
}

#main #sub-nav div > ul > li li a{
	color:#333;
	height:60px;
	display:block;
	padding:0 20px;
}

#main #sub-nav div > ul > li li a:hover{
	background: #f1f1f1;
	color:#333;
	/* text-decoration: underline; */
}

#sub-nav .domainNav ul{
right:30px;
}

#sub-nav li.active > *:first-child{
	background: url(images/global/separator.png) left 53px no-repeat;
}








/* ========================================================================
   HOME
   ========================================================================== */

#home #home-banner{
background: url(images/home/home-banner_new.jpg) center top no-repeat;
}

#home h2{
color:white;
padding:70px 0;
font-family: 'din-light';
text-transform: uppercase;
font-size:3em;
}

#home h2 strong {
font-family: 'din-medium'
}

#home #home-teaser{
overflow:auto;
}

#home #home-teaser > div{
float:left;
width:30%;
padding:25px 0;
}

#home #home-teaser > div+div{
margin-left:5%;
}

#home #home-teaser h3{
color:black;
font-family: 'din-bold';
font-size:1.2em;
}

/**/

#home #home-teaser #home-news {

	background: url(images/home/news-separator.png) bottom left no-repeat;
}

#home #home-teaser #home-news > div {

	padding-left: 50px;
}

#home #home-teaser #home-news .news-opacity span {

	color: #15A5E0;
}

#home #home-teaser #home-news .news-opacity:nth-child(3) {

	opacity: 0.8;
}
#home #home-teaser #home-news .news-opacity:nth-child(4) {

	opacity: 0.6;
}
#home #home-teaser #home-news .news-opacity:nth-child(5) {

	opacity: 0.4;
}
#home #home-teaser #home-news .news-opacity:nth-child(6) {

	opacity: 0.2;
}
#home #home-teaser #home-news .news-opacity:nth-child(7) {

	opacity: 0.1;
}

#home-projects {

	background: url(images/home/slider-bg.jpg) top center repeat;
}

#home-projects > div.page-width {
	
	position: relative;
}

#home-projects .slider-mask {
	
	width: 200px;
	height: 100%;
	
	position: absolute;
	top: 0;
}

#home-projects .slider-mask-left {
	
	left: 0;
	background: url(images/home/slider-mask-left.png) top left repeat-y;
}

#home-projects .slider-mask-right {
	
	right: 0;
	background: url(images/home/slider-mask-right.png) top left repeat-y;
}

#page a.new-button {

	color: white;
	font-family: 'din-light', sans-serif;
	font-size: 1.1em;
	display: inline-block;
	
	text-shadow: 0px 1px 1px #167EA9;
	
	border: 1px solid #167EA9;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: #23a6dc; /* Old browsers */
	background: -moz-linear-gradient(top, #23a6dc 0%, #1b8dbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23a6dc), color-stop(100%,#1b8dbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #23a6dc 0%,#1b8dbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #23a6dc 0%,#1b8dbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #23a6dc 0%,#1b8dbc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #23a6dc 0%,#1b8dbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a6dc', endColorstr='#1b8dbc',GradientType=0 ); /* IE6-9 */
}

#page a.new-button span {
	
	display: block;
	
	border-top: 1px solid #16BCE8;
	
	padding: 7px 12px 6px 12px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#page a.new-button:hover {

	background: #27BBFA; /* Old browsers */
	background: -moz-linear-gradient(top, #27BBFA 0%, #1b8dbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27BBFA), color-stop(100%,#1b8dbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #27BBFA 0%,#1b8dbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #27BBFA 0%,#1b8dbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #27BBFA 0%,#1b8dbc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #27BBFA 0%,#1b8dbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27BBFA', endColorstr='#1b8dbc',GradientType=0 ); /* IE6-9 */
}

#page a.new-button-white {

	color: #666666;
	font-family: 'din-light', sans-serif;
	font-size: 1.1em;
	display: inline-block;
	
	text-shadow: 0px 1px 1px #ffffff;
	
	border: 1px solid #CCCCCC;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#page a.new-button-white span {
	
	display: block;
	
	/* border-bottom: 1px solid #ffffff; */
	
	padding: 7px 12px 6px 12px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#page a.new-button-white:hover {

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #D0D0D0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#D0D0D0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#D0D0D0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#D0D0D0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#D0D0D0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#D0D0D0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D0D0D0',GradientType=0 ); /* IE6-9 */
}





   
/* ========================================================================
   AGENCY
   ========================================================================== */
   
#agency-banner{
background: url(images/agency/orange-gradient.png) top center repeat;}

#agency-banner p{
background:black
}

#agency-banner p img{
margin:0 auto
}

#agency h2{
color:white;
padding:50px 0;
font-size:2.4em;
font-family: 'din-light';

/*
color: white;
padding: 70px 0;
font-family: 'din-light';
text-transform: uppercase;
font-size: 3em;
*/
}

#agency h2 .italic {
	font-family: Times, serif;
}

/**/

#agency-approach{
overflow:auto;
padding:50px 0;
}

#agency-approach h3{
font-family: 'din-light';
font-size: 2.8em;
padding-right: 50px;
}

#agency-approach > div{
float:left;
width:50%;
}

#agency-approach p {
font-size: 1.1em;
}

/**/

#agency #agency-team{
background:#1f1f1f;
color:white;
padding:50px 0;
}

#agency #agency-team ul{
overflow:auto;
}
#agency #agency-team li{
float:left;
width:47.5%;
}
#agency #agency-team li:nth-child(2n+2){
margin-left:5%;
}
.ie #agency #agency-team li+li{
margin-left:5%;
}
.ie #agency #agency-team li:first-child+li+li{
margin-left:0%;
}
#agency #agency-team li:nth-child(2n+1){
clear:both;
}
#agency #agency-team li+li+li{
margin-top:50px;
}

#agency #agency-team p+p+p{
margin-top:5px;
}

/**/

/*
#agency #agency-slider{
padding:20px 0 100px 0;
background: url(images/agency/gradient-bg.png) bottom center repeat-x;
}
*/



/**/

#agency-ambience {

	/* padding-top: 30px; */
	background: black /* url(images/home/home-banner_new.jpg) center top no-repeat */;
}

#agency-ambience ul {

	overflow: auto;
}

#agency-ambience li {

	position: relative;
	
	float: left;
	width: 20%;
	color: white;
}

#agency-ambience li:nth-child(9) {

	background: white;
}



@media screen and (min-width : 1000px) and (max-width:1500px){

	#agency-ambience li {
		
		width: 25%;
	}

}
@media screen and (min-width : 500px) and (max-width:1000px){

	#agency-ambience li {
		
		width: 33.33%;
	}

}
@media screen and (max-width:500px){

	#agency-ambience li {
		width:100%;
	}

}

#agency-ambience li:before{
	content: "";
	display: block;
	padding-top: 60%;
}

#agency-ambience div {
	
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

#agency-ambience img {
	
	display: block;
	width: 100%;
	height: 100%;
}

#agency-ambience p {
	
	margin: 20px;
}


/**
 * Text masking — The SVG way
 */



   
/* ========================================================================
   Team
   ========================================================================== */
   
.team-single > div+div{
padding-bottom:25px;
}

.team-single > div:first-child{
	background:  #1f1f1f;
}

.team-single p.page-width{
	max-height: 450px;
	overflow: hidden;
}

.team-single h2{
	margin-top:25px;
	color:#BFBFBF;
}

#breadcrumb{

	background:#f1f1f1;
	padding:10px;
	margin:0;
	font-size:0.8em;
}

#breadcrumb span{

	padding-right: 14px;
	background: url(images/breadcrum/breadcrum-arrow.png) right center no-repeat
}

.team-single .function{

	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	margin:0 0 25px 0px;
	font-size:12px;
}


.team-single >div+div p{

	margin-top:10px;
}

.team-social{

	overflow:auto;
	padding-top: 10px;
}
.team-social p{

	margin-right:10px;
	float: left;
}





   
/* ========================================================================
   Services
   ========================================================================== */


#services #main > section{
padding:30px 0;
}

#services #main h2{
font-family: 'din-bold', Helvetica, sans-serif;}

#services #services-disciplines h2{
color:black}

#services #services-disciplines > ul{
overflow:auto
}

#services #services-disciplines > ul > li{
width:21.25%;
float:left;
}
.ie #services #services-disciplines > ul > li{
width:21%;
}

#services #services-disciplines > ul > li+li{
margin-left:5%;
}
.ie #services #services-disciplines > ul > li+li{
margin-left:5%;
}

#services #services-disciplines > p{

	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-size:1.8em;
	padding-bottom:50px;
	color:#999;
}

#services #services-disciplines h3{
background: #92B139 /* url(images/services/h3-bg.png) center center repeat-y */;
float:left;
color:white;
padding:7px 6px 3px 6px;
font-family: 'din-medium', Helvetica, sans-serif;
letter-spacing: 1px;
}

#services #services-disciplines h3+p{
	clear:both;	
	padding-bottom: 40px;
	margin-bottom:10px;
	background: url(images/services/discipline/vertical-line.png) bottom left no-repeat;
}

#services #services-disciplines li li{
	font-size:/* 0.8125em */0.75em;
	text-transform: uppercase;
	color:black;
	font-family: 'din-bold', Helvetica, sans-serif;
}

#services #services-disciplines li li+li{

	margin-top:10px;
}

/**/

#services #services-perspective{

	background: #F8F8F9;
	position: relative;
}

#services #services-perspective h3{
	
	font-family: 'din-medium', Helvetica, sans-serif;
	font-size: 1.875em;
}

#services #services-perspective div h3{
	
	padding-top: 18px;
	margin-bottom: 0;
}
#services #services-perspective div + div h3{
	
	padding-top: 25px;
	margin-bottom: 0;
}

#services #services-perspective .strong-text{

	color: black;
	font-size: 1.2em;
}

#services #services-perspective li{

	list-style-position: inside;
	list-style-image: url(images/global/bullet-green.png);
	padding-top: 3px;
}
#ie7 #services #services-perspective li{

	list-style-position: inside;
	list-style-type: disc;
	list-style-image: none;
}

#services #services-perspective .page-width{

	overflow: auto;
	clear: both;
}

#services .services-communication-design{

	width:80%;
}

#services .services-design-management{

	width:75%;
	float: right;
}

#more-about-communication-design{

	position:absolute;
	top:-140px;
	left:0;
	width: 1px;height: 1px;
	background: none;
	z-index: -1;
}

/**/

#zaccordion{
	
	color: white;
	padding-bottom: 35px;
	max-width: 1000px;
}
#zaccordion img{
	
	width: auto;
	max-width: none;
}
#zaccordion .zaccordion-item{
	
	overflow: hidden;
}
#zaccordion .zaccordion-text{
	
	padding: 40px 90px;
}
#zaccordion .zaccordion-text h3{
	
	text-transform: uppercase;
	font-size: 1.7em;
	font-family: 'DIN-Bold', sans-serif;
	color:white;
	margin: 0;padding: 0;
}
#zaccordion .zaccordion-text p{
	
	font-size: 1.2em;
	font-family: 'DIN-Medium';
	padding: 15px 0;
}
#zaccordion .zaccordion-text li{
	
	list-style-type: disc;
	list-style-position: inside;
	font-size: 0.9375em;
}
#zaccordion .zaccordion-text li+li{
	
	padding-top: 5px;
}
.zaccordion-item > div{

	position:relative;
}
.zaccordion-item > div > div+div{

	position:absolute;
	top: 0; left:0;
}





   
/* ========================================================================
   CASE STUDIES
   ========================================================================== */
   
#intro p{font-family: 'Droid Serif', serif;font-weight:400;}
	
/* -- intro -- */

#intro{
	margin:0 auto;padding:50px 0 0 0;
}

#intro h2{
font-family: 'din-bold', Helvetica, sans-serif;
color: black;
}

#intro p{
	font-size:1.2em;
	color:#999;
	line-height:140%;
	font-style: italic;
}

#case-list{
padding:50px 0;
}

#case-list ul{
overflow:auto;
}

#case-list li{
float:left;
width:25%;
position:relative;
}

@media screen and (min-width : 1000px) and (max-width:1500px){

	#case-list li{
		width:33.333%;
	}

}
@media screen and (min-width : 500px) and (max-width:1000px){

	#case-list li{
		width:50%;
	}

}

#case-list li a{
	display:block;
	position: relative;
}

#case-list .cs-thumbnail img {

	display: block;
	width: 100%;
	border: 0;
}

.cs-meta {

	font-size:0.9em;
	border: 1px solid #e6e6e6;
	bord-top: 0px;
	padding: 0 20px;
	height: 75px;
}

.cs-title{
padding-top:10px;
margin-bottom: 0px;
color:black;
font-family: 'din-medium', Helvetica, sans-serif;
}

.cs-item .hover-span {

	display: block;
	background-image: url(images/case-studies/black-50.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cs-item .hover-span img {

	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -60px;
}

.cs-item .hover-triangle {

	display: block;
	height: 10px;
	width: 20px;
	position: absolute;
	bottom: -1px;
	left: 10px;
	background-image: url(images/case-studies/hover-triangle.png);
	
}

/**/

#case-clients{
background:#1f1f1f;
color:white;
padding:50px 0;
}

#case-clients h2{
margin-bottom:50px;
}

#case-clients ul{
overflow:auto
}

#case-clients > div > ul > li{
float:left;
width:21.25%
}
.ie #case-clients > div > ul > li{
width:20%;
}
.ie #case-clients > div > ul > li+li{
margin-left:6%;
}


#case-clients > div > ul > li+li{
margin-left:5%;
}

#case-clients h3{color:white}

#case-clients li li{
font-size:0.8175em;
color:#ccc
}
#case-clients li li+li{
padding-top:10px;
}

#case-clients li span{
color:#666
}



/* color intro */

.all-description .one{color: #FFCC00;}
.all-description .two{color: #FF9A00;}
.all-description .three{color: #FF6700;}
.all-description .four{color: #FF3300;}

.public-institutions-description .one{color: #87A433;}
.public-institutions-description .two{color: #C7F34B;}
.public-institutions-description .three{color: #9DBF3B;}
.public-institutions-description .four{color: #B1D643;}

.industry-description .one{color: #02D5FF;}
.industry-description .two{color: #019FDA;}
.industry-description .three{color: #005580;}
.industry-description .four{color: #007DBB;}

.culture-heritage-description .one{color: #FFCC00;}
.culture-heritage-description .two{color: #FF9A00;}
.culture-heritage-description .three{color: #FF6700;}
.culture-heritage-description .four{color: #FF3300;}

.healthcare-description .one{color: #E5ACFF;}
.healthcare-description .two{color: #C291D8;}
.healthcare-description .three{color: #9F77B1;}
.healthcare-description .four{color: #594263;}





   
/* ========================================================================
   CASE STUDIES - PROJECTS
   ========================================================================== */

/* -- HIGHLIGHT --  */


#main #projects-content .greylight-01{
background: #EEF1F2;
}
#main #projects-content .greylight-02{
background: #c7c8c9;
}

#main #projects-content .grey-dedede{
background: #dedede;
}
#main #projects-content .blue-greasymat{
background: #4494d1 url(images/case-studies/bg/background-greasymat.gif) center repeat-y;
}
#highlight.black{
background: black;
}
#highlight.white{
background: white;
}

#highlight{

	background: #ccc url(images/projects/banner-bg.jpg);
	text-align:center;
	height:400px;
}


#highlight p{
	
	width:100%;
	height:400px;
}

#highlight img {
	
	display:block;
	margin: 0 auto;
	width: 2000px;
	height: 400px;
}

/* -- CASE INFO --  */

#caseContent{
	
	position:relative;
}

#caseContent:after{
    clear: both;
    content: "";
    display: block;
}

#fiche{

	width:30%;
	top:-70px;
	position:absolute;
	color:white;
	z-index: 999;

}

#main #fiche h2.strong-title{
font-size:1.1em;
margin-bottom:20px;
}


#fiche div{
padding:30px;
}

#fiche > div:first-child{
background:#1f1f1f;
}

#fiche div+div p+p{
	margin-top:15px;
}


#main #fiche p{color:#999;font-size:0.8725em;padding-left:5px}
#main #fiche .lightT{color:#666;padding:15px 0 0 0}

#insideContent{
	float:right;
	position:relative;
	width: 65%;
	float:right;
	padding:0px 0 50px 5%;
}

#insideContent > #screen-image {
	
	margin-top : -300px;
}

/*
#screen-image + #wrap_the_content {

	padding-top: 280px;
}
*/

#wrap_the_content img {

	width: 100%;
}

#insideContent strong{
font-family: 'din-light', sans-serif;
text-transform: uppercase;
font-size: 1.8em;
padding-bottom: 50px;
color: #999;
}

#caseContent > div+div > *+*{

	padding-top:15px;

}



#caseContent .flex-direction-nav li a.next {right:-40px;}
#caseContent .flex-direction-nav li a.prev {left: -40px;}
.disable{display:none}

/* -- relatedCases -- */

#relatedCases{
	clear: both;
	overflow:auto;
}

#relatedCases > *{
	float:right;
	width:65%;
	padding-bottom:50px;
}

#relatedCases h3{
	border-top:1px solid black;
	padding:30px 0 20px 0;
}

#relatedCases li{
	overflow:auto;
}

#relatedCases li{
	float:left;
	padding:0 20px 20px 0;
}


   
/* ========================================================================
   NEWS
   ========================================================================== */
   
#news #news-content{
overflow:auto;
padding:50px 0 30px 0;
}

#news article {
	width:28%;
	float:left;
	font-size:15px;
	line-height:130%;
	margin-bottom:20px;
	padding:0 2.6%;
}

#news article +article{
	/* margin-left:8%; */
}

#news article:nth-child(3n+1){
	clear:both;
	margin-left:0;
}

#news article:nth-child(1n+4) > *:first-child{
	padding-top:30px;
	border-top: 1px solid #BFBFBF;
}
.ie #news article+article+article+article > *:first-child{
	padding-top:30px;
	border-top: 1px solid #BFBFBF;
}

#news #main #news-content article h2{
margin-bottom:0;
font-size:0.9375em;
color:black;
font-family: 'din-medium', helvetica, sans-serif;
}

#news article div *+p{
	margin-top:10px;
}

#news article .about{
	padding-bottom:10px;
	font-size:0.625em;
}

#news article .date,#news article .about{
	font-size:0.8125em;
	color:#999;
	
}

#news article .date{
	margin-top:10px;
}

#news .thumnail{
	margin-bottom:20px;
}





   
/* ========================================================================
   CONTACT
   ========================================================================== */


#contact h2{
padding:50px 0 30px;
font-size:2em;
}

#contact #contact-info{
border-top:1px solid #BFBFBF;
padding:30px 0 20px 0;
overflow:auto;
}

#contact #contact-info div{
float:left;
}

#contact #contact-info div+div{
margin-left:50px;
}

#contact-info h3 {

color: #999;
margin-bottom: 0px;
}

#contact-info .mail {

font-family: Helvetica, sans-serif;
position:relative;
top:-2px;
}

#map_canvas{

	width:100%;
	height:600px;
	background: #ccc;
}

#contact-map{
	position:relative;
}

#contact-map #zoomcontrol{
	position:absolute;
	top:20px;
	left:20px;
}



/* responsive ----------- */

@media screen and (min-width : 500px) and (max-width:620px){

	nav#site-nav a{
padding:0 5px;
font-size: 0.85em;
}
nav#site-nav li+li{margin-left:0px}

}
@media screen and (min-width : 500px) and (max-width:800px){

#home #home-feature > div > div {
float: none;
}
#home #home-feature > div > div + div {
width: auto;
}

#home #home-feature > div > div:first-child {
width: 100%;
}

}

/* Smartphones ----------- */

@media only screen and (min-width : 320px) and (max-device-width : 569px), screen and (max-width:500px){

header{height:auto;padding: 0 20px;width:auto}
#page {
padding-top: 0px;
}
#case-studies #page, #services #page {
padding-top: 0px;
}

h1{float:none; text-align: center; border-bottom: 1px #999 solid}

nav#site-nav{float:none; padding:20px 0}

nav#site-nav li:first-child{display:none;}

nav#site-nav li{float: none;}

nav#site-nav li+li{margin-left:0px}

nav#site-nav a{
padding:10px 0px;
line-height:130%;
}

section#sub-nav{display:none}

header{position: relative;}

/* home */

#home h2{padding: 50px 20px;font-size: 1.9em;}

#home #home-teaser > div {
float: none;
width: auto;
padding : 20px;
}
#home #home-teaser > div + div {
margin-left: 0;
}
#home #home-feature {
background: #1F1F1F;
color: white;
overflow: auto;
}
#home #home-feature > div > div {
float: none;
}
#home #home-feature > div > div:first-child {
width: 100%;
}
#home #home-feature > div > div + div {
width: auto;
}
#feature-case {
margin-top: 0px;
}

/* agency */

#agency-banner > p{
display:none;
}
#agency h2 {
padding: 50px 20px;
font-size: 1.5em;
}
#agency-approach > div{
float: none;
}
#agency-approach > div:first-child {
display:none;
}
#agency-approach > div + div {
width:auto;
padding: 0 20px;
}
#agency #agency-team li {
float: none;
width: auto;
padding: 0 20px;
}
#agency #agency-team li:nth-child(2n+2) {
margin-left: 0;
}
#agency #agency-team li+li{
margin-top:30px;
}
#agency #agency-team li+li+li{
margin-top:30px;
}

/* team */

#team-content div+div {
padding:0 20px 20px 20px;
}

/* services */

#services #main > section {
padding: 30px 20px;
}

#services #services-disciplines > ul > li,
.ie #services #services-disciplines > ul > li {
width: auto;
float: none;
}
#services #services-disciplines > ul > li + li,
.ie #services #services-disciplines > ul > li + li {
margin-left: 0;
margin-top: 30px;
}

#services #services-design-management div div {
float: none;
padding: 0px 20px;
}
#services #services-design-management div div:first-child {
width: auto;
}
#services #services-design-management div div:first-child img {
width: 100%;
}
#services #services-design-management div div + div {
width: auto;
margin-left: 0;
margin-top: 30px;
}

/* cases */

#intro{
padding: 30px 20px 0 20px;
}

#intro p {
font-size: 1em;
}

#case-list {
padding: 25px 20px;
}
#case-list li {
float: none;
width: 100%;
position: relative;
}

#case-list li img{
width: 100%;
}
.ie #case-list li {
width: 100%;
}
#case-list li + li,
.ie #case-list ul li + li {
margin-left: 0px;
}

#case-clients {
padding: 30px 20px;
}
#case-clients h2 {
margin-bottom: 20px;
}
#case-clients > div > ul > li {
float: none;
width: auto;
}
.ie #case-clients > div > ul > li {
	width: auto;
}
#case-clients > div > ul > li + li,
.ie #case-clients > div > ul > li+li {
margin-left: 0;
margin-top: 30px;
}

/**/

#fiche{
display:none;
}
#insideContent {
float: none;
position: relative;
width: auto;
padding: 0px 20px 30px 20px;
}
#relatedCases{
padding : 0 20px
}
#relatedCases > * {
float: none;
width: auto;
padding-bottom: 30px;
}
#relatedCases h3 {
border-top: 1px solid black;
padding: 30px 0 0px 0;
}

/* news */
#news #page, #contact #page {
padding-top: 0px;
}
#news header, #contact header {
height: auto;
background: black;
}
#news article {
width: auto;
float: none;
padding: 0 20px;
}
#news article img {
width: 100%;
}
#news article+article > :first-child {
padding-top: 30px;
border-top: 1px solid #BFBFBF;
}

/* contact */

#contact h2 {
padding: 30px 20px;
font-size: 1.5em;
}
#contact #contact-info div {
float: none;
padding: 0 20px;
}
#contact #contact-info div + div {
margin-left: 0px;
padding-top: 20px;
}
#contact-info h3 {
padding: 0 20px;
}

/* footer */

footer{
clear:both;
height:180px;}

footer > div{
height:90px;
position:relative;}

footer div div{
width:auto;
float:none;}

footer #picto{
height:90px;
border-bottom: 1px solid #999}

footer #picto p{
float:left;
}

footer #picto a{
display:block;
padding:20px 10px;
}
footer #picto img{
display:block;
position:relative;
top:0;
}

footer #logo{
padding:25px 0;
}
footer #logo img{
margin:0 auto;
}

footer #baseline{
display:none;
}

footer .box{
padding:15px 15px 20px 15px;
font-size:0.9em;
background:white/*  url(images/footer/footer-box.png) bottom left no-repeat */;
position:absolute;
left:0;
bottom:80px;
color:#333;
border:1px solid #f1f1f1;
box-shadow: 1px 1px 2px rgba(31,31,31,0.5);
border-radius:3px;}

footer #box-address{left:52px}
footer #box-tel{left:85px}

}

/* jobs */

#jobs h2 {
color: black;
font-family: 'din-bold', Helvetica, sans-serif;
}
#jobs #jobs-banner {
padding: 30px 0 20px 0;
}
#jobs #jobs-banner p {
font-family: 'Droid Serif', serif;
font-weight: 400;
font-size: 1.8em;
color: #999;
}
#jobs #jobs-description {
padding-bottom: 30px;
background: #F8F8F9;
}
#jobs #jobs-description div div{
padding-top: 20px;
width:100%;
}
#jobs h3 {
margin-bottom: 0;
font-size: 0.9375em;
color: black;
font-family: 'din-medium', helvetica, sans-serif;
}
#jobs #jobs-description h3 + ul,
#jobs #jobs-description h3 + p {
clear: both;
}
#jobs #jobs-description p,
#jobs #jobs-description li {
font-size: 0.9375em;
}
#jobs #jobs-description li {
list-style: outside square;
margin-left: 20px;
}

#jobs #jobs-description h2 {
padding-top: 30px;
color: black;
font-family: 'din-bold';
font-size: 1.2em;
}



/* blog */

#blog-container {

	padding: 50px 0;
	margin-top: 30px;
	border-top: 1px solid black;
	overflow: auto;
}

#blog-sidebar {

	width: 25%;
	float: left;
	color: #666666;
}

#blog-sidebar h3 {

	margin-bottom: 0px;
	text-transform: none;
	color: black;
	font-family: 'din-bold', Helvetica, sans-serif;
	font-size: 1em;
}

#blog-sidebar h3 + p {

	margin-bottom: 10px;
}

#inner_blog-sidebar > div {
	padding-right: 35px;
	padding-bottom: 20px;
}

/*
#inner_blog-sidebar > div:first-child a {
	text-decoration: underline;
}
*/

#inner_blog-sidebar > .blog-sidebar_cat-wrap + div {
	border-top: 1px solid black;
	padding-top: 20px;
}

#inner_blog-sidebar > .blog-sidebar_cat-wrap a {

	color: #666666;
	padding-right: 15px;
	background: url(images/blog/blog-sidebar-arrow.png) right center no-repeat;
	
}

#inner_blog-sidebar > .blog-sidebar_cat-wrap a:hover {

	text-decoration: underline;
}

#inner_blog-sidebar > .blog-sidebar_cat-wrap + div a {

	color: #666666;
	padding-left: 15px;
	background: url(images/blog/blog-sidebar-arrow_left.png) left 5px no-repeat;
	
}

#inner_blog-sidebar > .blog-sidebar_cat-wrap a:hover {

	color: black;
	
}

#inner_blog-sidebar ul,
#inner_blog-sidebar li {

	list-style: none;
	
}

.blog-sidebar-cats-title {
	
	color: black;
	font-family: 'din-bold', Helvetica, sans-serif;
	font-size: 1em;
}



#blog-list {

	width: 75%;
	float: left;
}

#inner_blog-list {
	border-left: 1px solid black;
	padding-left: 50px;
}

#inner_blog-list .blog-item-title {
	
	font-size: 20px;
	color: black;
	font-family: 'din-bold', Helvetica, sans-serif;
}

.blog-item + .blog-item {

	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-top: 30px;
}

.blog-item p {

	color: #666;
}



.blog-item .blog-item-meta {

	padding-top: 7px;
	overflow: auto;
}

.blog-item .blog-item-meta p {

	float: left;
	color: #999;
}

.blog-item .blog-item-meta p + p {

	margin-left: 10px;
}

.blog-item-date {

	padding-left: 25px;
	background: url(images/blog/blog-item-date-icon.png) left 2px no-repeat;
}

.blog-item-cats {

	padding-left: 25px;
	background: url(images/blog/blog-item-cats-icon.png) left 2px no-repeat;
}

#main .blog-item-cats a{

	color: #666;
}

#main .blog-item-cats a:hover{

	text-decoration: underline;
}

#main .blog-item-permalink {

	overflow: auto;
	padding-top: 15px;
}

#main .blog-item-permalink a {

	display: block;
	float: left;
	background: #15A5E0;
	color: white;
	padding: 5px 10px 3px 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#main .blog-item-permalink a:hover {

	background: #0B7FB0;
}

.blog-item-thumbnail,
.blog-item-content,
.blog-item-erxcerpt,
.blog-item-slider {

	padding-top: 15px;
}

.blog-item-slider .flex-direction-nav li a {

	background-color: rgba(255,255,255,0.4);
	background-image: url(css/directions/directions_inner.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.blog-item-slider .flex-direction-nav li a:hover {

	background-color: rgba(255,255,255,0.8);
}

#related-container {

	background: #F7F7F7;
	padding: 40px 0;
	overflow: auto;
}

.related-generis {

	width: 25%;
	float: left;
}

.related-generis > div {

	padding-right: 50px;
}

#related-list {

	width: 75%;
	float: left;
}

#inner_related-list {
	border-left: 1px solid black;
	padding-left: 50px;
}

#inner_related-list {

	overflow: auto;
}

.related-item {

	width: 48%;
	float: left;
}

.related-item + .related-item {

	margin-left: 4%;
}

.related-item-thumbnail img {

	width: 100%;
}

#related-container h3 {

	color: black;
	font-family: 'din-bold', Helvetica, sans-serif;
	font-size: 1em;
	text-transform: none;
	padding: 15px 0 0 0;
	margin: 0;
}

#related-container p {

	margin-top: 5px;
	font-size: 14px;
}

#related-container p.related-item-thumbnail {

	margin-top: 0;
}

#related-container .related-item-permalink a {

	text-decoration: underline;
}





/* unsuscribe */

#unsuscribe-container > div {

	width: 300px;
	padding: 35px;
	margin: 100px auto;
	background: #ECECEC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#unsuscribe-container > div p:first-child {

	padding-bottom: 20px;
}

#unsuscribe-container input[type=text],
#unsuscribe-container input[type=email],
#unsuscribe-container textarea {

	width: 300px;
	background: white;
	border: 1px solid #cccccc;
}

#unsuscribe-container input[type=text],
#unsuscribe-container input[type=email] {

	height: 30px;
}
#unsuscribe-container textarea {

	height: 90px;
}

#unsuscribe-container input[type=submit] {

	cursor: pointer;
	margin-top: 20px;

	background: #15A5E0;
	color: white;
	font-size: 14px;
	font-family: 'din-regular', Helvetica, sans-serif;
	padding: 10px;
	border: none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}









/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*
-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
*/
	/*
left: -5px;
	background: #fff;
*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(plugin/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#agency-slider .bx-wrapper .bx-prev {
	left: -75px;
	background: url(images/slider-arrow-white.png) no-repeat 0 0;
}

#agency-slider .bx-wrapper .bx-next {
	right: -75px;
	background: url(images/slider-arrow-white.png) no-repeat -50px 0;
}


.bx-wrapper .bx-prev {
	left: -75px;
	background: url(images/slider-arrow-black-20.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: -75px;
	background: url(images/slider-arrow-black-20.png) no-repeat -50px 0;
}

#home-projects .bx-wrapper .bx-prev {
	background: url(images/slider-arrow-white.png) no-repeat 0 0;
}

#home-projects .bx-wrapper .bx-next {
	background: url(images/slider-arrow-white.png) no-repeat -50px 0;
}

#agency-slider .bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:hover {
	background-position: 0 -100px;
}

#agency-slider .bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:hover {
	background-position: -50px -100px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	outline: 0;
	width: 50px;
	height: 100px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(plugin/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(plugin/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}





.blog-item ul {

	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
}

.blog-item .blog-item-slider ul {


	list-style: none;
	margin-left: 0px;
}

.blog-item h3 {

	color: black;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}