/*RESET*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

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

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

input,select {
	vertical-align: middle;
}

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

:focus {
	outline: 0;
}

a {
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

img, a img,fieldset, input {
	border: none;
	outline: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

ul {
	list-style: none;
}

body, strong, .more, .main_nav a, .main_nav a:link {
}
/*OOB*/
blockquote {
	background: url("../img/quote.png") top left no-repeat;
	text-indent: 38px;
	padding: 10px 0;
	display: block;
	color: #DDD;
	font-size: 0.90em;
	text-transform: none;
	
}

blockquote a {
	color: #888;
}

blockquote a:focus, blockquote a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
}

.more, .more:link {
	color: #FFF;
	text-transform: uppercase;
	font-size: .75em;
	padding: 1em 1em 22px;
	background: url("../img/arrow-bottom.png") center bottom no-repeat;
	display: inline-block;
	text-decoration: none;
	transition: padding .2s ease-out, opacity .2s linear .1s;
	-webkit-transition: padding .2s ease-out, opacity .2s linear .1s;
	-moz-transition: padding .2s ease-out, opacity .2s linear .1s;
	-o-transition: padding .2s ease-out, opacity .2s linear .1s;
	-ms-transition: padding .2s ease-out, opacity .2s linear .1s;
	transition: padding .2s ease-out, opacity .2s linear .1s;
}

.more:focus, .more:hover {
	padding-bottom: 25px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fullw_media {
	max-width: 100%;
}

.relative {
	position: relative;
}

.overflow {
	overflow: hidden;
}

.clear {
	clear: both;
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.js .hide_if_js {
	display: none;
}

.clearfix {
	display: inline-block;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #FFDD00;
}

.center_height {
	display: table;
	height: 100%;
	width: 100%;
}

.center_height>* {
	display: table-cell;
	vertical-align: middle;
}

.center_height center {
	vertical-align: middle;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

::placeholder {
	text-transform: uppercase;
}

::-moz-placeholder {
	text-transform: uppercase;
}

::-moz-selection {
	background: #000;
	color: #FFF;
}

::selection {
	background: #000;
	color: #FFF;
}

/*--------------------------------------
				STATIC CSS
*/


.js .home .main_banner {
	opacity: 0;
	top: -190px;
	-webkit-transition: top .65s ease .35s,opacity .65s linear .35s;
	-moz-transition: top .65s ease .35s,opacity .65s linear .35s;
	-ms-transition: top .65s ease .35s,opacity .65s linear .35s;
	-o-transition: top .65s ease .35s,opacity .65s linear .35s;
	transition: top .65s ease .35s,opacity .65s linear .35s;
}

.js .home .main_container , .l.awards {
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity .5s 1s;
	-ms-transition: opacity .5s .1s;
	-o-transition: opacity .5s 1s;
	transition: opacity .5s 1s;
}

.no-js .home .main_banner, 
.no-csstransitions .home .main_banner,
.l.scroll.home .main_banner, .l.no_scroll.home .main_banner , .l.awards {
	top: 0;
	opacity: 1;
}

.no-js .home .main_container, 
.no-csstransitions .home .main_container,
.l.scroll.home .main_container, .l.no_scroll.home .main_container, .l.awards {
	opacity: 1;
}

.js .home .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27.5px 0 0 -21px;
}

.no-js .home .preloader, 
.no-csstransitions .home .preloader {
	display: none;
}

.main_banner {
	width: 100%;
	position: relative;
	z-index: 99;
}

.about-bbw .main_banner {
	height: 110px;
}

.main_banner nav {
	padding: 46px 0 0;
	width: 100%;
	background: #000;
}

.main_nav {
	display: block;
	width: 100%;
	
	text-transform: uppercase;
	overflow: hidden;
}

.main_nav li {
	float: left;
	width: 170px;
}

.main_nav .larger {
	margin-left: 275px;
	width: 9.7916666667em;
}

.main_nav a, .main_nav a:link {
	font-weight: 300 !important;
	color: #FFF;
	text-decoration: none;
	padding: 1.27em 0;
	display: block;
	background: url("../img/arrow-top.png") center 120% no-repeat;
	text-align: center;
	-moz-transition: background-position .1s ease;
	-webkit-transition: background-position .1s ease;
	-o-transition: background-position .1s ease;
	-ms-transition: background-position .1s ease;
	transition: background-position .1s ease;
}

.main_nav a:focus, .main_nav a:hover, .main_nav .active a {
	background-position: center 102%;
}

.lang_nav {
	position: absolute;
	top: -46px;
	right: 0;
	overflow: hidden;
}

.lang_nav li {
	float: right;
	width: 34px;
	height: 46px;
	margin: 0 0 0 5px;
}

.lang_nav a {
	display: block;
	text-align: center;
	padding: 15px 0 0;
	height: 31px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,.85);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.about-bbw .lang_nav a {
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,.85);
}

.lang_nav .active a, .lang_nav a:focus, .lang_nav a:hover {
	background: #000;
	background: rgba(0,0,0,.9);
}

.about-bbw .lang_nav .active a, .about-bbw .lang_nav a:focus, .about-bbw .lang_nav a:hover {
	color: #FFF;
	text-shadow: none;
}

.main_banner .hgroup {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-indent: 110%;
	width: 196px;
	padding: 0 15px;
	height: 162px;
	position: absolute;
	left: 50%;
	margin-left: -98px;
	z-index: 99;
}

.main_banner .hgroup img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
		/*width: 100%;*/
	height: auto;
}

.hgroup a {
	display: block;
	width: 100%;
	height: 100%;
}

.logo-cache {
	display: block;
	width: 20px;
	height: 96px;
	background: url("../img/logo-cache-left.png") top left no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

header {
	
}

.wrapper {
	width: 510px;
	margin: 0 auto;
	display: block;
}



/*FORM*/
input {
	background: #303030;
	color: #bcbcbc;
	padding: 5px 10px;
	border: 0;
	
	-webkit-transition: background .15s linear;
	-moz-transition: background .15s linear;
	-ms-transition: background .15s linear;
	-o-transition: background .15s linear;
	transition: background .15s linear;
}

input:focus {
	background: #FFF;
	color: #000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.arrow-btn {
	background: url("../img/arrow-right.png") center center no-repeat;
	cursor: pointer;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
	width: 40px;
	height: 25px;
	display: block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

input.arrow-btn:focus {
	background: url("../img/arrow-right.png") center center no-repeat;
}

/*
				STATIC CSS
--------------------------------------*/

/*--------------------------------------
				PAGE SPECIFIF
*/

/*HOME*/
.work .main_title, .solutions .main_title {
	margin-bottom: 25px;
	width: 23%;
}

.main_title {
	color: #717070;
	display: block;
	
	font-size: 24px;
	margin: 10px auto 45px;
	padding: 25px 0 25px;
	text-align: center;
	text-transform: uppercase;
	width: 63%;
}

.bblock_trngl {
	float: left;
	width: 32.45%;
	margin-left: 1%;
	height: 244px;
	position: relative;
	z-index: 3;
	color: #FFF;
	text-transform: uppercase;
	
	border: 1px solid #565656;
}

.bblock_trngl.first {
	margin: 0;
}

.bblock_trngl .inner {
	background: #000;
	height: 194px;
	padding: 25px;
	position: relative;
	z-index: 2;
}

.bblock_trngl header {
	font-size: 1.625em;
	display: block;
	text-align: center;
	font-weight: normal;
	margin: 0 0 .5em;
}

.stripes {
	position: relative;
}

.stripes h4 {
	padding: 0 5px;
	background: #000;
	display: inline-block;
	background: #000;
	position: relative;
	z-index: 2;
}

.stripes span {
	background: url("../img/title-stripes.png") left 15px no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 34px;
	width: 100%;
	margin-top: -17px;
	z-index: 1;
}

.stripes .r {
	background-position: right -56px;
	left: auto;
	right: 0;
}

.bblock_trngl .img_container {
	position: relative;
	padding: 0;
	width: 260px;
	height: 145px;
	border: 1px solid #8A8A8A;
	overflow: hidden;
}

.bblock_trngl .img_container img {
	width: 100%;
	height: 100%;
}

.bblock_trngl .img_container span {
	position: absolute;
	bottom: -41px;
	left: 0;
	background: #000;
	background: rgba(0,0,0,.85);
	color: #FFF;
	width: 90%;
	padding: 10px 5%;
	display: block;
	-webkit-transition: bottom .25s ease;
	-moz-transition: bottom .25s ease;
	-ms-transition: bottom .25s ease;
	-o-transition: bottom .25s ease;
	transition: bottom .25s ease;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	
}

.bblock_trngl.first .img_container span {
	bottom: -44px;
}

.bblock_trngl .img_container strong {
	height: 20px;
	background: #FFF;
	color: #000;
	padding: 2px 4px;
	font-weight: 900;
	display: block;
	margin: 10px auto;
	width: 70px;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.bblock_trngl .img_container strong:hover {
	background: #FDE500;
	color: #000;
}

.no-rgba .bblock_trngl .img_container span {
	opacity: .85;
	filter: alpha(opacity=85);
}

.bblock_trngl .img_container .action {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: #FFF;
	text-align: center;
	line-height: 142px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	transition: opacity .1s linear;
	background: #000;
	padding: 0;
}

.bblock_trngl .img_container a:focus span, .bblock_trngl .img_container a:hover span {
	bottom: 0;
}

.bblock_trngl li {
	position: relative;
	width: 260px !important;
	height: 150px;
}

.bblock_trngl p {
	font-size: .8125em;
	text-transform: none;
	
}

.bblock_trngl .bx-wrapper {
	margin: 0;
	width: auto;
	padding: 0;
}

.bblock_trngl .bx-wrapper .bx-viewport {
	left: 0;
}

.bblock_trngl footer {
	text-align: center;
}

.bblock_trngl .trngl {
	background: url("../img/blck_trngl.png") bottom left no-repeat;
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 53px;
	-webkit-transition: top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
	-moz-transition: top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
	-ms-transition: top .1s ease-in-out.1s, bottom .1s ease-in-out .1s;
	-o-transition: top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
	transition: top .1s ease-in-out .1s, bottom .1s ease-in-out .1s;
}

.no-csstransitions .bblock_trngl .trngl, .bblock_trngl footer {
	display: none;
}

.bblock_trngl.active footer {
	display: block;
}

.bblock_trngl .top_corner {
	top: 0;
	background-position: left bottom;
}

.bblock_trngl .bot_corner {
	bottom: 0;
	background-position: right top;
}

.bblock_trngl.active .top_corner {
	top: -53px;
	background-position: left bottom;
}

.bblock_trngl.active .bot_corner {
	bottom: -53px;
	background-position: right top;
}

.bblock_trngl:hover .top_corner {
	top: -53px;
}

.bblock_trngl:hover .bot_corner {
	bottom: -53px;
}

.bblock_trngl.active:hover .top_corner {
	top: -53px;
}

.bblock_trngl.active:hover .bot_corner {
	bottom: -53px;
}

.bblock_trngl.active .more {
	opacity: 1;
	filter: alpha(opacity=100);
}

.bblock_trngl .more {
	opacity: 0;
	filter: alpha(opacity=0);
}

.bblock_trngl:hover .more {
	opacity: 1;
	filter: alpha(opacity=100);
}

.inner p.publishtime {
	color: #666;
	font-size: 0.80em;
}

time {
	color: #CCC;
}

p.publishtime a {
	color: #CCC;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
}

p.publishtime a:hover {
	color: #FDE500;
}

hr.borderline {
	height: 1px;
	width: 84%;
	position: absolute;
	left: 8%;
	bottom: 25px;
	border-color: #777777;
	margin: 0;
	padding: 0;
}

.bblock_trngl footer.sticky {
	position: absolute;
	top: 215px;
	left: 38%;
}

/*CASE OVERVIEW*/
.case_overview.main_container {
	margin: -10px 0 0;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.no-csstransitions .case_overview.main_container, 
.no-js .case_overview.main_container, 
.scroll .case_overview.main_container, 
.no_scroll .case_overview.main_container {
	opacity: 1;
}

.project_wrapper {
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	-moz-transition: background-color 1s linear;
	-webkit-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.project_wrapper>.wrapper {
	-moz-transition: height .25s ease;
	-webkit-transition: height .25s ease;
	-o-transition: height .25s ease;
	-ms-transition: height .25s ease;
	transition: height .25s ease;
	overflow: hidden;
	height: 65%;
}

.project_wrapper>.wrapper>section {
	min-height: 500px;
}

.project_background {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.backstretch .white {
	position: absolute;
	top: 0;
	left: 0%;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.85);
}

.backstretch .white.show {
	display: block;
}

.backstretch .pattern {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/pattern-light.png");
	width: 100%;
	height: 100%;
}

.about-bbw .backstretch .pattern, .about-bbw .backstretch .white, .work .backstretch .pattern {
	display: none;
}

.project_background.show_white .white {
	display: block;
}

.no-rgba .project_background .white {
	background: url("../rgba.php?r=255&g=255&b=255&a=.9");
}
		/*LOADING EVENT*/
.project_wrapper.loader {
	background: rgba(0,0,0,.5);
}

.no-rgba .project_wrapper.loader {
	background: #000;
	opacity: .5;
	filter: alpha(opacity=5);
}

.project_wrapper h2 {
	color: #FFF;
	font-size: 2.0625em;
}

.case_tmpl h2 {
	font-size: 1.8em;
}

.project_wrapper h3 {
	font-size: 1.5625em;
	color: #000;
	
	font-weight: 300;
	text-transform: uppercase;
}

.tile {
	width: 35.4166666667%;
	background: rgba(0,0,0,.70);
	position: relative;
	height: 100%;
}

.no-rgba .tile {
	background: url("../rgba.php?r=0&g=0&b=0&a=.70");
}

.tile header {
	padding: 100px 16px 8px;
	background: #000;
	border-bottom: 4px solid #FFF;
	
	text-transform: uppercase;
}

.case_list {
	list-style: none;
	padding: 24px 12px;
	
	font-size: .8125em;
	color: #EEE;
}

.tile .case_list {
	background: url("../img/arrow-white-bottom.png") center top no-repeat;
}

.case_list strong {
	display: inline;
	background: #000;
	color: #FFF;
	padding: 0 3px;
	margin-right: .25em;
	text-transform: uppercase;
}

.tile footer {
	background: #000;
	overflow: hidden;
	padding: 8px 5%;
	position: absolute;
	bottom: 20px;
	width: 90%;
}

.project_wrapper .more, .solutions .more.backward {
	display: block;
	padding: 5px 20px 5px 5px;
	color: #FFF;
	background: #000 url("../img/arrows-more.png") right -79px no-repeat;
	text-transform: uppercase;
	
	font-size: 1.1666666667em;
	text-align: center;
	float: right;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.project_wrapper .more.inverted_color,.project_wrapper .more:focus, .project_wrapper .more:hover {
	background-color: #FFF;
	color: #000;
	background-position: right 8px;
}

.project_wrapper .more.inverted_color:focus, .project_wrapper .more.inverted_color:hover {
	background-color: #000;
	color: #FFF;
	background-position: right -79px;
}

.project_wrapper .more.backward:focus, .project_wrapper .more.backward:hover {
	background-position: left -276px;
}

.project_wrapper .more.backward, .solutions .more.backward {
	background-position: left -164px;
	padding: 5px 10px 5px 20px;
}

.play-ico {
	background: url("../img/play.png") center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-ms-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

a:focus .play-ico, a:hover .play-ico {
	opacity: .75;
	filter: alpha(opacity=75);
}

.gallery .more {
	position: absolute;
	bottom: 0;
}

.gallery {
	visibility: hidden;
}

.gallery.show {
	visibility: visible;
}

.gallery ul {
	list-style: none;
	overflow: hidden;
}

.gallery .controller {
	display: block;
	position: absolute;
	top: 50%;
	height: 77px;
	width: 40px;
	margin-top: -38.5px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 105%;
	-moz-transition: left .25s ease-out, right .25s ease-out;
	-webkit-transition: left .25s ease-out, right .25s ease-out;
	-o-transition: left .25s ease-out, right .25s ease-out;
	-ms-transition: left .25s ease-out, right .25s ease-out;
	transition: left .25s ease-out, right .25s ease-out;
}

.gallery .controller a {
	background: url("../img/gallery-nav.png") top left no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}

.gallery .prev {
	left: 0;
}

.gallery .next {
	right: 0;
}

.gallery .prev a {
	background-position: left top;
}

.gallery .prev:focus, .gallery .prev:hover {
	left: -5px;
}

.gallery .next a {
	background-position: right top;
}

.gallery .next:focus, .gallery .next:hover {
	right: -5px;
}

.gallery>ul>li {
	overflow: hidden;
}

.gallery .left {
	width: 70%;
}

.gallery .left>p {
	text-transform: uppercase;
	color: #FFF;
	
	font-weight: 100;
	margin: 1em 0;
}

.gallery .right {
	width: 28%;
}

.project_wrapper .contentinfo {
	height: 35%;
	background: #999 url("../img/pattern-case-nav.gif") top left repeat;
}

.contentinfo header {
	width: 100%;
	background: #FFF url("../img/double-line.png") left center repeat-x;
	min-height: 75px;
	color: #b9873e;
	
	font-size: 3.125em;
	text-transform: uppercase;
	text-align: center;
}

.contentinfo h3 {
	padding: .25em 1em;
	background: #FFF;
	display: inline-block;
	top: 5px;
	font-size: 1em;
	height: 11px;
 /*CHROME bug*/;
}

.contentinfo nav {
	background: #999 url("../img/pattern-case-nav.gif") top left repeat;
	padding: 21px 0;
	position: relative;
	height: 144px;
}

.contentinfo nav li {
	float: left;
	font-size: 1.375em;
	
	text-transform: uppercase;
	font-weight: 100;
	margin: 0 20px;
}

.case_nav {
	position: absolute;
	left: 50%;
	margin-left: -25%;
}

.js .case_nav {
	opacity: 0;
	-moz-transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

.no-csstransitions .case_nav {
	display: none;
	opacity: 1;
}

.case_nav.show {
	opacity: 1;
}

.contentinfo .active img {
	border: 2px solid #FFF;
}

.contentinfo img {
	border: 2px solid #4d4d4d;
}

.case_icon a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #858484;
	text-align: center;
	-moz-transition: color .25s ease;
	-webkit-transition: color .25s ease;
	-o-transition: color .25s ease;
	-ms-transition: color .25s ease;
	transition: color .25s ease;
}

.case_icon i {
	display: block;
	margin: 10px;
	background: rgba(0,0,0,.65) url("../img/case-icons.png") top left no-repeat;
	border-radius: 60px;
	border: 10px solid rgba(255,255,255,.2);
	width: 70px;
	height: 70px;
	-moz-transition: background .4s cubic-bezier(1, 0.06, 0.05, 0.95);
	-webkit-transition: background .4s cubic-bezier(1, 0.06, 0.05, 0.95);
	-o-transition: background .4s cubic-bezier(1, 0.06, 0.05, 0.95);
	-ms-transition: background .4s cubic-bezier(1, 0.06, 0.05, 0.95);
	transition: background .4s cubic-bezier(1, 0.06, 0.05, 0.95);
}

.no-csstransitions .case_icon i {
	border: 5px solid transparent;
	border-width: 8px 5px;
	width: 70px;
	height: 70px;
	background: url("../img/case-icons_fallback.png") top left no-repeat;
	border-radius: 0;
	transition: none;
}

.no-csstransitions .case_icon a:focus i,.no-csstransitions .case_icon a:hover i,.no-csstransitions .case_icon a.active i {
	background-color: transparent;
	border-color: transparent;
}

.case_icon.website i, .case_icon.banner i {
	background-position: -4px -3px;
}

.case_icon.software i {
	background-position: -85px -3px;
}

.case_icon.interactive i {
	background-position: -490px -3px;
}

.case_icon.e-mail i {
	background-position: -166px -1px;
}

.case_icon.video i {
	background-position: -247px -3px;
}

.case_icon.social-networks i {
	background-position: -410px -3px;
}

.case_icon.game i {
	background-position: -490px -3px;
}

.case_icon.d3d i {
	background-position: -570px -3px;
}

.case_icon.e-shop i {
	background-position: -653px -3px;
}

.case_icon.croix i {
	background-position: -733px -3px;
}

.case_icon.tablet i {
	background-position: -814px -4px;
}

.case_icon.smartphone i {
	background-position: -896px -4px;
}

.case_icon.overview i {
	background-position: -976px -4px;
}

.case_icon a:focus, .case_icon a:hover, .case_icon .active {
	color: #b4b4b4;
}

.case_icon a:focus i, .case_icon a:hover i, .case_icon .active i {
	background-color: #FFF;
	border-color: rgba(0,0,0,.4);
}

.case_icon.website a:focus i, .case_icon.website a:hover i, .case_icon.website .active i,
			.case_icon.banner a:focus i, .case_icon.banner a:hover i, .case_icon.banner .active i {
	background-position: -4px -90px;
}

.case_icon.interactive a:focus i, .case_icon.interactive a:hover i,.case_icon.interactive .active i {
	background-position: -490px -90px;
}

.case_icon.e-mail a:focus i, .case_icon.e-mail a:hover i, .case_icon.e-mail .active i {
	background-position: -166px -88px;
}

.case_icon.video a:focus i,.case_icon.video a:hover i,.case_icon.video .active i {
	background-position: -247px -90px;
}

.case_icon.social-networks a:focus i, .case_icon.social-networks a:hover i,.case_icon.social-networks .active i {
	background-position: -410px -90px;
}

.case_icon.game a:focus i,.case_icon.game a:hover i,.case_icon.game .active i {
	background-position: -490px -90px;
}

.case_icon.d3d a:focus i, .case_icon.d3d a:hover i, .case_icon.d3d .active i {
	background-position: -570px -87px;
}

.case_icon.e-shop a:focus i, .case_icon.e-shop a:hover i, .case_icon.e-shop .active i {
	background-position: -653px -90px;
}

.case_icon.croix a:focus i, .case_icon.croix a:hover i, .case_icon.croix .active i {
	background-position: -733px -3px;
}

.case_icon.tablet a:focus i, .case_icon.tablet a:hover i, .case_icon.tablet .active i {
	background-position: -814px -4px;
}

.case_icon.smartphone a:focus i, .case_icon.smartphone a:hover i, .case_icon.smartphone .active i {
	background-position: -896px -4px;
}

.case_icon.overview a:focus i, .case_icon.overview a:hover i, .case_icon.overview .active i {
	background-position: -976px -88px;
}

.case_icon.software a:focus i,.case_icon.software a:hover i,.case_icon.software .active i {
	background-position: -85px -90px;
}

.case_read_more {
	padding: 100px 0 0;
	min-height: 400px !important;
	background: url("../img/vertical-stripe.png") 53% 130px no-repeat;
}

.case_read_more .main {
	float: left;
	width: 48%;
	min-height: 400px;
}

.case_read_more aside {
	float: right;
	width: 40%;
}

.inner p {
	padding: 1em 0 0;
	font-size: .875em;
	
}

.case_read_more .inner p {
	color: #111;
}

.case_read_more .more.backward {
	position: absolute;
	bottom: 0;
	right: 0;
}


	/*CHAR CHANGING*/
.word {
	position: relative;
	z-index: 1;
	line-height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	display: block;
}

.word.active {
	display: block;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
}

.word span {
	-moz-transition: opacity .5s linear, width .25s ease;
	-webkit-transition: opacity .5s linear, width .25s ease;
	-o-transition: opacity .5s linear, width .25s ease;
	-ms-transition: opacity .5s linear, width .25s ease;
	transition: opacity .5s linear, width .25s ease;
}

.word span:nth-child(2n) {
	-moz-transition-delay: .1s;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}

.word span:nth-child(3n) {
	-moz-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s;
}

.word span:nth-child(5n) {
	-moz-transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.word.hide span {
	opacity: 0;
}

.word.show span {
	opacity: 1;
}

.nav_projects a {
	position: absolute;
	background: url("../img/arrows-projects.png") right top no-repeat;
	width: 130px;
	padding: 0 50px 0 10px;
	height: 204px;
	display: block;
	top: 35%;
	margin-top: -106.5px;
	left: -141px;
	z-index: 999;
	color: #FFF;
	-moz-transition: left .25s ease, right .25s ease;
	-webkit-transition: left .25s ease, right .25s ease;
	-o-transition: left .25s ease, right .25s ease;
	-ms-transition: left .25s ease, right .25s ease;
	transition: left .25s ease, right .25s ease;
	text-align: center;
}

.nav_projects a.right {
	left: auto;
	right: -141px;
	background-position: left top;
	padding: 0 10px 0 50px;
}

.csstransitions .nav_projects .left:focus,.csstransitions  .nav_projects .left:hover {
	left: 0;
}

.csstransitions .nav_projects .right:focus,.csstransitions  .nav_projects .right:hover {
	right: 0;
}

.nav_projects a .center_height {
	height: 100%;
	position: relative;
}

.nav_projects a img {
	position: absolute;
	height: 100%;
	width: auto;
	z-index: 1;
	display: none;
	top: 0;
	left: 0;
}

.nav_projects strong {
	position: relative;
	z-index: 3;
	
	font-size: 18px;
}

.nav_projects .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,.65);
	z-index: 2;
}

.case_tmpl {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #000;
	background: rgba(0,0,0,.9);
}

.no-rgba .case_tmpl {
	background: url("../rgba.php?r=0&g=0&b=0&a=.9");
}

.case_tmpl .tile {
	background: none;
	width: 30.417%;
}

.case_tmpl .tile header, .case_tmpl .tile footer {
	background: none;
}

.case_tmpl .controls {
	float: left;
	width: 7%;
	padding-top: 104px;
}

.case_tmpl .controls a {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #8d8988;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto 8px;
}

.case_tmpl .controls a:focus, .case_tmpl .controls a:hover {
	background: rgba(0,0,0,.2);
}

.case_tmpl .controls a.active {
	background: #fae41d;
	border-color: #FFF;
}

.more.backward {
	float: left;
}

.case_tmpl .more, .case_tmpl .more:link {
	font-size: 16px;
	background-color: transparent;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}

.case_tmpl .more:focus, .case_tmpl .more:hover {
	color: #FDE500;
}

.case_tmpl .more.backward,.case_tmpl .more.backward:focus, .case_tmpl .more.backward:hover {
	background-position: left -166px;
}

.case_tmpl .see-details:focus, .case_tmpl .see-details:hover {
	background-position: right -79px;
}

.case_tmpl .slideshow_container {
	float: left;
	width: 56.5833%;
	visibility: hidden;
}

.case_tmpl .slideshow_container.show {
	visibility: visible;
}

.no-js .case_tmpl .slideshow_container {
	overflow-x: hidden;
	overflow-y: scroll;
}

.case_tmpl .slideshow_container .bx-wrapper {
	width: 100%;
	padding-top: 104px;
}

.case_tmpl .slideshow_container .bx-viewport {
	left: 0;
}

.case_tmpl .slideshow_container img {
	border: 4px solid #FFF;
	width: auto;
	height: auto;
	display: inline;
}

.case_tmpl .details {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	background: #000;
	color: #FFF;
	-moz-transition: top .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-webkit-transition: top .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-o-transition: top .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-ms-transition: top .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	transition: top .3s cubic-bezier(1, 0.06, 0.05, 0.95);
}

.csstransitions .case_tmpl .details.show {
	top: 0;
}

.case_tmpl .details header {
	border: 0;
}

.case_tmpl .details h3 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.4375em;
}

.case_tmpl .details .inner {
	overflow: scroll;
	padding: 0 16px 16px;
	max-height: 350px;
}

.case_tmpl .details .details-close {
	color: #FFFFFF;
	
	font-size: 50px;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 20px;
}

.case_tmpl .mCSB_draggerRail {
	background: #666666;
}

.case_tmpl .mCSB_scrollTools {
	right: -6px;
}

.case_tmpl .mCSB_container {
	margin-right: 20px;
}

/*SOLUTIONS*/
h3.headline {
	margin: 0 auto;
	width: 100%;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	
	font-size: 2em;
	text-align: center;
}

h3.headline.light {
	color: #222;
}

h3.headline.dark {
	color: #FFF;
}

span.decoline {
	display: block;
	height: 25px;
	background: url(../img/underline-deco.png) no-repeat center bottom;
	opacity: 0.8;
}

.white span.decoline {
	background: url(../img/underline-deco-dark.png) no-repeat center bottom;
}

.solutions .more.backward {
	position: absolute;
	bottom: 0;
	background-color: #FFF;
	color: #000;
	z-index: 999;
	left: 30px;
	background-position: left -276px;
	/*bottom: -4px;
	background-color: #000;
	background-position: left -164px;*/
	float: none;
}

.solutions .dark .more.backward {
	background-position: left -164px;
	background-color: #000;
	color: #FFF;
	/*background-color: #FFF;
	color: #000;
	background-position: left -276px;*/;
}

/* ================================================================================
	SOLUTION - HOME 
=================================================================================== */

.solutions .main_container {
	min-height: 645px;
	margin: -10px auto 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

.solutions .main_container>section {
	min-height: 600px;
	height: 100%;
	width: 50%;
	margin: 0;
	overflow: hidden;
	z-index: 1;
	-moz-transition: background-color .25s ease-out;
	-webkit-transition: background-color .25s ease-out;
	-o-transition: background-color .25s ease-out;
	-ms-transition: background-color .25s ease-out;
	transition: background-color .25s ease-out;
}

.scroll.solutions .main_container>.js-lightside,.no_scroll.solutions .main_container>.js-lightside {
	background: rgba(250,250,250,.8) !important;
}

.scroll.solutions .main_container>.js-darkside,.no_scroll.solutions .main_container>.js-darkside {
	background: rgba(0,0,0,.8) !important;
}

.no-rgba .solutions .main_container>.js-lightside {
	background: url("../rgba.php?r=250&b=250&g=250&a=.8") !important;
}

.no-rgba .solutions .main_container>.js-darkside {
	background: url("../rgba.php?r=0&b=0&g=0&a=.8") !important;
}

.solutions .main_container #js-darkside {
	float: left;
	background: rgba(0,0,0,0);
}

.solutions .main_container #js-lightside {
	float: right;
	background: rgba(250,250,250,0);
}

.no-js .solutions .main_container #js-darkside,
.no_scroll.solutions .main_container #js-darkside,
.scroll.solutions .main_container #js-darkside {
	background-color: rgba(0,0,0, 0.8);
}

.no-js .solutions .main_container #js-lightside,
.no_scroll.solutions .main_container #js-lightside,
.scroll.solutions .main_container #js-lightside {
	background-color: rgba(250,250,250,0.8);
}

.no-rgba .solutions .main_container #js-lightside {
	background: url("../rgba.php?r=250&b=250&g=250&a=.8") !important;
}

.no-rgba .solutions .main_container #js-darkside {
	background: url("../rgba.php?r=0&b=0&g=0&a=.8") !important;
}

#js-lightside.js-darkside ul a, #js-darkside.js-lightside ul a {
	opacity: 0;
}

.solutions .main_container>section>div {
	float: right;
	overflow: visible;
	position: relative;
	width: 380px;
	margin: 40px 50px 0 0;
	min-height: 400px;
}

#js-lightside .right_nav {
	float: left;
	margin: 40px 0 0 50px;
}


/* LOSANGE CONTAINER  dark -----------------
-------------------------------------------*/ 


/* LOSANGE --------------*/ 
#js-darkside .inner_rotate {
	display: block;
	position: absolute;
	z-index: 1;
	right: 60px;
	top: 40px;
	height: 210px;
	width: 210px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background: #000;
	border: 1px solid #FFF;
}

#js-darkside .left_title img.big-icon {
	display: block;
	position: absolute;
	left: 115px;
	top: 60px;
	z-index: 4;
}

#js-darkside .left_title h2 {
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	
	font-size: 1.8em;
	text-align: center;
	position: absolute;
	left: 37px;
	top: 120px;
	z-index: 5;
}

#js-darkside .left_title h2 a {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 0 30px;
}


/* LEFT MENU (DARK SIDE MENU)
+++++++++++++++++++++++++++++++++++++++++++*/

.diamond+ul {
	margin-top: 20px;
}

.diamond+.one_col {
	margin: 20px auto 0 auto;
	width: 200px;
	float: none;
}





/* RIGHT MENU (LIGHT SIDE MENU)
+++++++++++++++++++++++++++++++++++++++++++*/

.right_nav ul, .left_nav ul {
	display: block;
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	width: 410px;
	-webkit-transition: opacity .2s linear,margin-top .5s ease-out;
	-moz-transition: opacity .2s linear,margin-top .5s ease-out;
	-ms-transition: opacity .2s linear,margin-top .5s ease-out;
	-o-transition: opacity .2s linear,margin-top .5s ease-out;
	transition: opacity .2s linear,margin-top .5s ease-out;
}

.csstransitions .right_nav ul, .csstransitions .left_nav ul {
	opacity: 0;
	margin-top: 50px;
}

.csstransitions .scroll .right_nav ul, .csstransitions .scroll .left_nav ul,
.csstransitions .no_scroll .right_nav ul, .csstransitions .no_scroll .left_nav ul {
	opacity: 1;
	margin-top: 25px;
}

.right_nav li {
	float: left;
	height: auto;
	width: 195px;
}

.right_nav ul a, .left_nav ul a {
	display: block;
	display: inline-block;
	padding: 2px 8px 1px 2px;
	font-style: normal;
	text-align: left;
	text-indent: 8px;
	
	text-transform: uppercase;
	font-size: 1.15em;
	color: #222;
	/* ---------------- */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}

.left_nav ul a {
	color: #FFF;
}

.right_nav li a:hover,
.right_nav li a:focus, 
.right_nav li a:active,
.right_nav li a.current {
	background: #FF0;
	opacity: 0.9;
	margin-left: 7px;
}

.left_nav ul li a:hover,
.left_nav ul li a:focus, 
.left_nav ul li a:active,
.left_nav ul li a.current {
	background: #FF0;
	color: #222;
	opacity: 0.9;
	margin-left: 7px;
}


/* LOSANGE CONTAINER light ---------------
----------------------------------------- */ 
.diamond {
	position: relative;
	height: 300px;
	width: 310px;
	color: #000;
	top: 0;
	-moz-transition: top .15s ease-out;
	-ms-transition: top .15s ease-out;
	-webkit-transition: top .15s ease-out;
	-o-transition: top .15s ease-out;
	transition: top .15s ease-out;
	margin: 0 auto;
}

.checkmate .diamond.big {
	height: 596px;
	width: 596px;
}

.diamond a {
	display: block;
	width: 60%;
	height: 75%;
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 25% 0 0;
	margin: 0 auto;
}

.checkmate .diamond.big a {
	width: 80%;
}

.diamond:hover {
	top: -5px;
}

/* LOSANGE --------------*/ 
.diamond .inner_rotate {
	display: block;
	position: absolute;
	z-index: 1;
	left: 46px;
	top: 40px;
	height: 210px;
	width: 210px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background: #FFF;
	border: 1px solid #000;
}

.diamond h2, .diamond h3 {
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	
	font-size: 1.8em;
	text-align: center;
}

.checkmate .diamond.big h2, .checkmate .diamond.big h3 {
	font-size: 2.6em;
	margin: 109px auto;
	width: 90%;
}

.no-csstransforms .checkmate .diamond.big h2, .no-csstransitions .checkmate .diamond.big h3 {
	width: 80%;
	font-size: 2.2em;
}

.diamond.black h2, .diamond.black h3 {
	color: #FFF;
}

.diamond.black .inner_rotate {
	background: #000;
	border-color: #FFF;
}

/*  end HOME SOLUTION
------------------------------------*/


/* SOLUTONS / BRAIN PAGE (DARK SIDE)
=============================================================== */

#tabs_container {
	position: relative;
	min-height: 600px;
	margin-top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

#tabs_container header {
	padding-top: 100px;
}

#tabs_container #content {
	margin-top: 0;
	width: 100%;
	margin: 0;
	min-height: 460px;
}

#tabs_container #content.dark {
	background-color: #000;
	border-bottom: 5px solid #FFF;
}

#tabs_container #content.light {
	background-color: #FFF;
	border-bottom: 5px solid #000;
}


/* TABS NAV
------------------------------- */

#tabs_container #content nav {
	margin: 12px auto 0;
	width: 960px;
	clear: both;
}

#tabs_container #content nav ul {
	padding-left: 18px;
}

#tabs_container #content nav ul li {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 6px;
}

#tabs_container #content nav ul li a {
	display: block;
	padding: 2px 8px;
	font-style: normal;
	text-align: left;
	
	
	text-transform: uppercase;
	font-size: 1.2em;
	/* ---------------- */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}

#tabs_container #content.dark nav ul li a {
	color: #FFF;
}

#tabs_container #content nav ul li a:hover,
#tabs_container #content nav ul li a:focus, 
#tabs_container #content nav ul li a:active,
#tabs_container #content nav ul li a.current {
	background: #FF0;
	color: #222;
}

/* TABS CONTENT BLOCK 
============================================= */

.tabs_content {
	display: block;
	position: relative;
	min-height: 394px;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

.dark .tab_box {
	color: #FFF;
	background-color: #000;
	background-image: url("../img/vertical-stripe-white.png");
}

.tab_box {
	background: #FFF url("../img/vertical-stripe.png") center center no-repeat;
	position: absolute;
	top: 0;
	-moz-transition: left 1s cubic-bezier(1, 0.06, 0.05, 0.95);
	-webkit-transition: left 1s cubic-bezier(1, 0.06, 0.05, 0.95);
	-o-transition: left 1s cubic-bezier(1, 0.06, 0.05, 0.95);
	-ms-transition: left 1s cubic-bezier(1, 0.06, 0.05, 0.95);
	transition: left 1s cubic-bezier(1, 0.06, 0.05, 0.95);
	z-index: 1;
	width: 960px;
	height: 380px;
	overflow: hidden;
}

.tab_box.to_right {
	left: 110%;
}

.tab_box.to_left {
	left: -110%;
}

.tab_box.show {
	left: 0;
	z-index: 2;
}

.tab_box.top {
	z-index: 3;
	border-left: 5px solid black;
	border-right: 5px solid black;
}

.dark .tab_box.top {
	border-color: white;
}

.tab_box i {
	margin: -10px 20px 0 0;
}


/* columns & txt
------------------------------ */
.one-half {
	float: left;
	position: relative;
	width: 42%;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-top: 35px;
	padding-right: 40px;
	padding-bottom: 20px;
}

.one-half p {
	
	font-size: 0.9em;
	text-align: left;
	line-height: 1.5em;
	padding: 5px 5px 12px 5px;
}

.one-half p strong.img-txt {
	font-weight: normal;
	padding-left: 4px;
	line-height: 1.2em;
	font-size: 0.90em;
}

.one-half p.solu-case-thumb {
	margin-top: 25px;
}

.tabs_content h3 {
	
	text-transform: uppercase;
	
	font-size: 2em;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-left: 0;
	padding-top: 15px;
}

.tabs_content #e-com h3 {
	background: url(../img/icons/icons-solu-sprite.png) no-repeat left top;
}

.tabs_content #strat h3 {
	background: url(../img/icons/icons-solu-sprite.png) no-repeat left top;
}

.dark .tabs_content {
	color: #FFF;
}

.light .tabs_content {
	color: #222;
}

.light .tabs_content .backward, .solutions .more.backward {
}

.main_container.active.light>section {
	background: rgba(250, 250, 250, 0.8);
}

.no-rgba .main_container.active.light>section {
	background: url("../rgba.php?r=255&g=255&b=255&a=.8");
}

.main_container.active.dark>section {
	background-color: rgba(0,0,0, 0.8);
}

.no-rgba .main_container.active.dark>section {
	background: url("../rgba.php?r=0&g=0&b=0&a=.8");
}

/*WORKS*/
/*
.main_container>article>header h3 
{
	font-size: 2.625em;
	text-transform: uppercase;
	color: #FFF;
	display: block;
	text-align: center;
	font-weight: normal;
	
	margin: .5em 0 1em;
	text-shadow: 1px 1px 2px rgba(0,0,0,.65);
}
*/
.large-stripe {
	background: url("../img/large-title-stripes.png") top left no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -4.5px;
	width: 265px;
	height: 9px;
}

.large-stripe.white {
	background-image: url("../img/large-title-stripes-white.png");
}

.large-stripe-left {
	left: 80px;
	background-position: left top;
}

.large-stripe-right {
	right: 80px;
	background-position: right top;
}

.work_wrapper {
	position: relative;
	z-index: 97;
	margin: 0px 0 0;
}

.work_wrapper hr {
	margin: 0 auto;
}

.work_wrapper nav {
	background: #aeaeae;
	padding: 10px 0;
}

.work_wrapper nav li {
	float: left;
	color: #FFF;
	margin: 3px;
}

.work_wrapper nav .supcategory a {
	background: #999999;
	color: #111111;
}

.work_wrapper .aline a {
	border: 0;
}

.work_wrapper nav a {
	background: #aeaeae;
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0 6px;
	text-transform:uppercase;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border:1px solid #aeaeae;
}

.work_wrapper nav a:focus, .work_wrapper nav a:hover, .work_wrapper nav a.active {
	color: #b0df16;
}


.work_container {
	width: 100%;
	overflow: hidden;
	height: 505px;
}

.work_container ul {
	width: 9000px;
}

.work_container li {
	background: #261e13;
	float: left;
	/*width: 301px;*/
	margin: 0 0;
	position: relative;
	height: 467px;
	overflow: hidden;
	/*padding: 4px 4px 4px 0;*/
	-webkit-transition: width .3s cubic-bezier(1, 0.06, 0.05, 0.95),margin .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-moz-transition: width .3s cubic-bezier(1, 0.06, 0.05, 0.95),margin .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-ms-transition: width .3s cubic-bezier(1, 0.06, 0.05, 0.95),margin .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-o-transition: width .3s cubic-bezier(1, 0.06, 0.05, 0.95),margin .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	transition: width .3s cubic-bezier(1, 0.06, 0.05, 0.95),margin .3s cubic-bezier(1, 0.06, 0.05, 0.95);
}

.work_container .container {
	/*width: 299px;*/
	width: auto;
	border-right: 5px solid #261e13;
	border-left: 5px solid #261e13;
	border-top: 10px solid #261e13;
	border-bottom: 10px solid #261e13;
	height: 465px;
	overflow: hidden;
	position: relative;
	background: url("../img/bx_loader.gif") center center no-repeat;
	padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.work_container.has_filter li {
	width: 0px;
	margin: 0;
	padding: 0;
}

.no-csstransitions .work_container.has_filter ul li {
	width: 301px;
	padding: 0;
}

.work_container li .hover {
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.no-rgba .work_container li .hover {
	background: url("rgba.php?r=0&g=0&b=0&a=.4");
}

.work_container .hover {
	display: none;
}

.csstransitions .work_container a:hover .inner {
	bottom: 0;
}

.csstransitions .work_container a:hover img {
	/*width: 100%;
	height: auto;*/
	top: 0;
	left: 0;
}

.work_container a {
	display: block;
	height: 100%;
}

.work_container .inner {
	position: absolute;
	bottom: -110%;
	left: 0;
	width: 100%;
	-moz-transition: bottom .4s cubic-bezier(1, 0.06, 0.05, 0.95) .1s;
	-webkit-transition: bottom .4s cubic-bezier(0.94, 0.06, 0.05, 0.95) .1s;
	-o-transition: bottom .4s cubic-bezier(0.94, 0.06, 0.05, 0.95) .1s;
	-ms-transition: bottom .4s cubic-bezier(0.94, 0.06, 0.05, 0.95) .1s;
	transition: bottom .4s cubic-bezier(0.94, 0.06, 0.05, 0.95) .1s;
}

.work_container .inner .a {
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	text-align: center;
	display: block;
	padding: 20px 0;
}

.work_container .arrow {
	position: absolute;
	left: 50%;
	top: -22px;
	z-index: 99;
	background: url("../img/arrow-work.png") top left no-repeat;
	width: 60px;
	height: 23px;
	margin-left: -30px;
}

.work_container h4 {
	font-size: 1.354166em;
	text-transform: uppercase;
	padding: .5em 16px .25em;
	
	color:#b0df16;
}

.work_container .inner span {
	display: block;
	padding: 1em 0;
}

.work_container .inner .btn {
	background: #b0df16;
	color: #ffffff;
	width: 45%;
	margin: .5em auto;
	padding: 2px 5px;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.work_container .inner .btn:focus, .work_container .inner .btn:hover {
	background: #FFF;
	color: #000;
}

.work_container img {
	width: auto;
	height: 100%;
	position: relative;
	/*left: -10%;
	top: -10%;*/
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}

.js .work_container img {
	/*opacity: 0;*/
}

.no-csstransitions .work_container img {
	display: none;
	opacity: 1;
}

.work_container img.show {
	opacity: 1;
}

.work_container .desc {
	font-size: .833333em;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto;
}

.lb, .lb-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none;
}

.lb.show {
	display: block;
}

.lb a {
	background: url("../img/lb-close.png") top left no-repeat;
	width: 24px;
	height: 23px;
	position: absolute;
	top: 46%;
	left: 48.5%;
	z-index: 4;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.lb-bg {
	display: block;
	background: rgba(0,0,0,.75);
	z-index: 1;
}

.lb iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	border: 1px solid #FFF;
}

.lb .loader {
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -20px 0 0 -20px;
	background: url("../img/lb-loader.gif") center center no-repeat;
}


/*ABOUT BBW*/
.circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-o-border-radius: 50em;
	-ms-border-radius: 50em;
	border-radius: 50em;
}

.sticky-left {
	position: absolute;
	left: 0;
	top: 20px;
}

.sticky-right {
	position: absolute;
	right: 0;
	top: 20px;
}

.3s {
	overflow-x: hidden;
}

.about-bbw .content {
	position: relative;
	top: 11%;
	overflow: visible;
	margin: 0 auto;
	width: 70%;
	height: 80%;
	padding: 30px 5px;
	display: block;
}

/*JOBS*/
.jobs .main_container {
	width: 80%;
	margin: 5% auto 0;
	max-width: 1280px;
	min-width: 960px;
}

.jobs .main_container p, .jobs .main_container ul {
	
	font-size: 1em;
}

.jobs .main {
	padding: 2em;
	background: #000;
}

.jobs h2 {
	color: #FDE500;
	padding: 0 0 .25em;
	font-size: 2em;
}

.jobs h2, .jobs h3, .jobs h4, .jobs h5 {
	
	text-transform: uppercase;
}

.jobs .main p {
	padding: .25em 0;
}

.jobpost {
	margin: 2em 0;
	background: rgba(255,255,255,.9);
	padding: 2em 2em 2em 20%;
	overflow: hidden;
	color: #111;
}

.jobpost h2 {
	color: #000;
	font-size: 1.75em;
	padding: 0;
}

.jobpost h3, .jobpost h4, .jobpost h5 {
	padding: .25em;
	color: #F4F4F4;
	background: #000;
	display: inline-block;
	
	margin-top: .75em;
}

.jobpost time {
	font-weight: 300;
	color: #F4F4F4;
}

.jobpost aside {
	float: left;
	margin: 0 0 0 -20%;
	font-size: .875em;
}

.jobpost aside li {
	margin-bottom: .5em;
}

.jobpost .inner p {
	padding: .5em 0 1em;
}

.jobpost .inner ul {
	padding: .25em 2em .25em;
	list-style: square;
}

.jobpost .inner li {
	list-style: square;
}

.jobpost strong {
	font-weight: 700 !important;
}

.jobpost .sharer>* {
	display: block;
}

/* TXT styling 
------------------------------ */

body.about-bbw article {
	padding-bottom: 30px;
	position: relative;
	margin: 70px 0 25px;
	display: block;
}

body.about-bbw .rsrc article {
	margin: 10px auto 25px;
}

body.about-bbw h3 {
	
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.8em;
	margin-bottom: 15px;
	padding: 0 5px;
}

body.about-bbw p {
	
	font-size: 0.9em;
	text-align: left;
	line-height: 1.5em;
	padding: 5px 5px 15px 30px;
}

section.vision h3, section.vision p {
	color: #111;
}

/* WIDTH of article - about */
.smallest-col {
	width: 28%;
	min-width: 380px;
	max-width: 480px;
}

.narrow-col {
	width: 42%;
	min-width: 330px;
	max-width: 560px;
}

.med-col {
	width: 56%;
	min-width: 420px;
	max-width: 620px;
}

.large-col {
	width: 82%;
	min-width: 480px;
	max-width: 700px;
}

.fullwidth {
	width: 100%;
	min-width: 480px;
	max-width: 1280px;
}


/* ----------- */

.black {
	color: #111;
}

.white {
	color: #FFF;
}

i {
	
	font-style: normal;
}

body.about-bbw article p br {
	margin-top: 30px;
}

.border-l {
	border-left: 1px solid #000000;
}

.border-r {
	border-right: 1px solid #000000;
}

.sepa-line {
	display: block;
	height: 22px;
	min-width: 400px;
	max-width: 614px;
	margin: 10px auto;
	background: url(../img/line.png) center top no-repeat;
}

.sepa-line.fluid {
	width: 80%;
	margin: 60px auto;
	max-width: none;
	border: 0;
	box-shadow: none;
}



/* nav icons ------------*/
[class^="ico-"] {
	background-repeat: no-repeat;
	display: inline-block;
	*display: block;
	float: none;
	*float: left;
	margin-right: 5px;
	vertical-align: middle;
}

.about-scnav i {
	display: block;
	float: left;
	height: 24px;
	margin-top: 0;
	vertical-align: baseline;
	width: 22px;
}

.ico-nav-agency {
	background: url(../img/sprite-about.png) left -2px no-repeat;
}

.ico-nav-mission {
	background: url(../img/sprite-about.png) left -30px no-repeat;
}

.ico-nav-process {
	background: url(../img/sprite-about.png) left -62px no-repeat;
}

.ico-nav-rsrc {
	background: url(../img/sprite-about.png) left -86px no-repeat;
}

.ico-nav-vision {
	background: url(../img/sprite-about.png) left -108px no-repeat;
}


/* --------------------- */
footer {
	clear: both;
}



/* ============================================
	MAIN ABOUT SECTION
=============================================== */

.about-bbw>section {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 5;
}

/*
Back to top Btn  -------------- */
.back-top {
	position: fixed;
	bottom: 0;
	left: 0px;
	z-index: 999;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.js .back-top {
	opacity: 0;
	filter: alpha(opacity=0);
}

.js .back-top.show {
	opacity: 1;
	filter: alpha(opacity=100);
}

.back-top a {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	background: #111 url(../img/go-top.jpg) no-repeat left top;
	-moz-transition: background-position .1s ease;
	-webkit-transition: background-position .1s ease;
	-o-transition: background-position .1s ease;
	-ms-transition: background-position .1s ease;
	transition: background-position .1s ease;
}

.back-top a:hover {
	background-position: right top;
}

/* ============================================
	INTRO 
=============================================== */


#intro {
	height: 1200px;
}

/* ABOUT - SECONDARY NAV 
-------------------------------- */


.about-scnav {
	width: 180px;
	height: auto;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 46%;
	right: auto;
	overflow: visible;
	-webkit-transition: opacity .75s linear;
	-moz-transition: opacity .75s linear;
	-ms-transition: opacity .75s linear;
	-o-transition: opacity .75s linear;
	transition: opacity .75s linear;
}

.js .about-scnav {
	opacity: 0;
	filter: alpha(opacity=0);
}

.about-scnav.show {
	opacity: 1;
	filter: alpha(opacity=100);
}

.about-scnav ul {
	width: 100%;
	padding-bottom: 5px;
	float: left;
}

.about-scnav li {
	display: block;
	height: auto;
	margin-top: 8px;
}

.about-scnav li a {
	color: #222222;
	display: block;
	display: inline-block;
	vertical-align: baseline;
	
	font-size: 1.25em;
	font-style: normal;
	padding: 2px 8px 2px 12px;
	background: rgba(250, 250, 250, 0.6);
	text-align: left;
	line-height: 1.2em;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.about-scnav li a:hover, .about-scnav li a:active, .about-scnav li a:focus, .about-scnav li a.active {
	padding-left: 17px;
	background-color: #FAFB15;
}

.about-bbw .main_container {
	height: 900px;
}

/* nav icons ------------*/
[class^="ico-"] {
	background-repeat: no-repeat;
	display: inline-block;
	*display: block;
	float: none;
	*float: left;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../img/sprite-about.png) top left no-repeat;
}

[class^="ico-nav-"] {
	background-image: url("../img/sprite-about.png");
}

[class^="ico-sol-"] {
	background-image: url("../img/sprite-solutions.png");
}
/*FALLBACK NO CANVAS*/
/*.no-canvas*/[class^="sp-process-"] {
	display: block;
	position: absolute;
}

div[class^="sp-process-"] i {
	background-image: url("../img/sprite-process_fallback.png");
	display: block;
	width: 100%;
	height: 100%;
}

.about-scnav i {
	display: block;
	float: left;
	height: 24px;
	margin-top: 0;
	vertical-align: baseline;
	width: 22px;
}

.ico-eye {
	margin-right: 2px;
	background-position: -2px -114px;
	width: 19px;
	height: 11px;
}

.ico-nav-agency {
	background-position: left -2px;
}

.ico-nav-mission {
	background-position: left -30px;
}

.ico-nav-process {
	background-position: left -62px;
}

.ico-nav-rsrc {
	background-position: left -86px;
}

.ico-nav-vision {
	background-position: left -108px;
}

.ico-nav-creative-strategy {
	background-position: -9px -186px;
	width: 13px;
	height: 21px;
}

.ico-nav-brand-activation {
	background-position: -8px -215px;
	width: 16px;
	height: 16px;
}

.ico-nav-brand-building {
	background-position: -7px -241px;
	width: 17px;
	height: 17px;
}

.ico-digital-body {
	background-position: -223px -77px;
	width: 48px;
	height: 56px;
}

.ico-digital-brain {
	background-position: -289px -83px;
	width: 60px;
	height: 43px;
}

.ico-head-agency {
	background-position: -231px -7px;
	width: 30px;
	height: 38px;
}

.ico-head-lab {
	background-position: -334px -8px;
	width: 29px;
	height: 33px;
	margin-top: 5px;
}

.ico-head-starship {
	background-position: -288px -5px;
	width: 19px;
	height: 47px;
	margin-top: -9px;
}

.ico-head-battery {
	background-position: -389px -15px;
	width: 37px;
	height: 19px;
	margin-top: 19px;
}

.ico-head-eye {
	background-position: -447px -12px;
	width: 41px;
	height: 24px;
	margin-top: 14px;
}

.ico-head-references {
	background-position: -501px -47px;
	width: 39px;
	height: 25px;
	margin-top: 14px;
}

.ico-door {
	background-position: -687px 0px;
	width: 124px;
	height: 160px;
}

.ico-sol-e-commerce {
	background-position: -5px -4px;
	width: 17px;
	height: 17px;
}

.ico-sol-websites {
	background-position: -5px -27px;
	width: 17px;
	height: 15px;
}

.ico-sol-e-mailing {
	background-position: -5px -49px;
	width: 19px;
	height: 12px;
}

.ico-sol-social-medias {
	background-position: -5px -69px;
	width: 17px;
	height: 17px;
}

.ico-sol-corporate {
	background-position: -4px -91px;
	width: 19px;
	height: 15px;
}

.ico-sol-3d {
	background-position: -5px -136px;
	width: 16px;
	height: 20px;
}

.ico-sol-bannering {
	background-position: -5px -115px;
	width: 17px;
	height: 15px;
}

.ico-sol-video {
	background-position: -4px -162px;
	width: 21px;
	height: 15px;
}

.ico-sol-display {
	background-position: -4px -91px;
	width: 19px;
	height: 15px;
}

.ico-sol-creative-strategy {
	background-position: -7px -213px;
	width: 19px;
	height: 20px;
}

.ico-sol-brand-building {
	background-position: -6px -239px;
	width: 19px;
	height: 20px;
}

.ico-sol-brand-activation {
	background-position: -6px -186px;
	width: 19px;
	height: 21px;
}

.ico-sol-e-commerce-big {
	background-position: -31px -69px;
	width: 64px;
	height: 71px;
}

.ico-sol-websites-big {
	background-position: -30px -264px;
	width: 66px;
	height: 56px;
}

.ico-sol-e-mailing-big {
	background-position: -32px -324px;
	width: 67px;
	height: 41px;
}

.ico-sol-social-medias-big {
	background-position: -31px -3px;
	width: 65px;
	height: 67px;
}

.ico-sol-corporate-big {
	background-position: -30px -370px;
	width: 66px;
	height: 56px;
}

.ico-sol-3d-big {
	background-position: -38px -204px;
	height: 53px;
	width: 45px;
}

.ico-sol-video-big {
	background-position: -26px -428px;
	width: 69px;
	height: 50px;
}

.ico-sol-display-big {
	background-position: -30px -147px;
	width: 66px;
	height: 58px;
}

.ico-sol-brand-building-big {
	background-position: -27px -625px;
	width: 70px;
	height: 61px;
}

.ico-sol-creative-strategy-big {
	background-position: -36px -481px;
	height: 50px;
	width: 49px;
}

.ico-sol-brand-activation-big {
	background-position: -36px -540px;
	height: 62px;
	width: 50px;
}

.ico-sol-search-engine {
	background-position: -6px -264px;
	width: 19px;
	height: 19px;
}

.ico-sol-search-engine-big {
	background-position: -31px -859px;
	width: 61px;
	height: 61px;
}

.ico-sol-app {
	background-position: -7px -287px;
	width: 17px;
	height: 17px;
}

.ico-sol-app-big {
	background-position: -34px -789px;
	width: 53px;
	height: 53px;
}

.sp-earth {
	background: url("../img/anim/sprite-earth.png") top left;
	display: block;
	width: 201px;
	height: 201px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -100.5px;
}

.sp-starship {
	background: url("../img/anim/sprite-fuse.png") top left;
	display: block;
	width: 68px;
	height: 196px;
	position: absolute;
	top: 47%;
	left: 25%;
	margin-left: -34px;
	-moz-transition: top 6s ease;
	-webkit-transition: top 6s ease;
	-o-transition: top 6s ease;
	-ms-transition: top 6s ease;
	transition: top 6s ease;
}

.sp-lab {
	background: url("../img/anim/sprite-lab.png") top left;
	width: 114px;
	height: 270px;
}

.csstransitions .sp-starship.show {
	top: 0;
}

.checkmate {
	margin: 100px auto;
}

.checkmate h2 {
	margin: .25em 0 0;
}

.checkmate .diamond {
	position: absolute;
	top: 0;
	width: 240px;
	height: 240px;
	-moz-transition: all .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-webkit-transition: all .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-o-transition: all .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	-ms-transition: all .3s cubic-bezier(1, 0.06, 0.05, 0.95);
	transition: all .3s cubic-bezier(1, 0.06, 0.05, 0.95);
}

.checkmate .diamond.big {
	width: 481px;
	height: 481px;
	left: 50%;
	margin-left: -240px;
}

.diamond.big i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}

.solutions .diamond i {
	margin-bottom: 5px;
}

.checkmate .diamond .inner_rotate {
	height: 69.5%;
	left: 15%;
	top: 15%;
	width: 69.5%;
}

.checkmate .diamond a {
	padding: 22% 0 0;
}

.checkmate .c1, .checkmate .c4 {
	top: 0;
	left: 120px;
}

.checkmate .c2, .checkmate .c5 {
	top: 120px;
	left: 0;
}

.checkmate .c3, .checkmate .c6 {
	top: 240px;
	left: 120px;
}

.checkmate .c4, .checkmate .c5,.checkmate .c6 {
	left: 600px;
}

.checkmate .c5 {
	left: 720px;
}

.no-csstransforms .checkmate .c4, .no-csstransforms .checkmate .c5, .no-csstransforms .checkmate .c6 {
	left: 612px;
}

.no-csstransforms .checkmate .c1, .no-csstransforms .checkmate .c2, .no-csstransforms .checkmate .c3 {
	left: 108px;
}

.no-csstransforms .checkmate .c1, .no-csstransforms .checkmate .c4 {
	top: -49px;
}

.no-csstransforms .checkmate .c3,.no-csstransforms .checkmate .c6 {
	top: 289px;
}

.checkmate .arrow-down {
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -30px;
	-moz-transition: bottom .5s ease;
	-webkit-transition: bottom .5s ease;
	-o-transition: bottom .5s ease;
	-ms-transition: bottom .5s ease;
	transition: bottom .5s ease;
}

.no-csstransforms .checkmate .arrow-down {
	display: none;
}

.checkmate .arrow-down.black {
	border-top-color: #000;
	border-width: 38px;
	margin-left: -38px;
}

.checkmate .diamond:hover .arrow-down {
	bottom: -6px;
}

.checkmate .diamond:hover .arrow-down.black {
	bottom: -11px;
}

/*AGENCY*/
.agency {
	height: 1304px;
	background: url(../img/bg-agency.png) top center no-repeat;
}

.agency .content {
	padding-top: 5%;
	height: 1000px;
	position: static;
}

.bullet-white p {
	background: url(../img/bullet-white.png) left 10px no-repeat;
}

.agency .media-wrap {
	min-width: 480px;
	width: 500px;
	position: relative;
	float: right;
	z-index: 2;
	top: 20px;
}

.references .media-wrap {
	width: 520px;
	float: none;
	margin: 20px auto;
	position: static;
}

.agency i[class^=ico-] {
	position: absolute;
	bottom: 5%;
	left: 0;
}

.diamond-gallery {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.diamond-gallery li {
	float: left;
	width: 188px;
	height: 188px;
	margin-left: -4px;
	margin-top: -4px;
	position: relative;
}

.references .diamond-gallery li {
	width: 126px;
	height: 126px;
	margin-left: -3px;
	margin-top: -3px;
}

.references .c3, .references .c5 {
	margin-right: 126px;
}

.csstransforms .references .c6 {
	left: -3px;
}

.diamond-gallery li:hover {
	z-index: 9;
}

.diamond-gallery a {
	display: block;
	vertical-align: bottom;
	border: 4px solid #FFF;
	position: relative;
	overflow: hidden;
	width: 180px;
	height: 180px;
}

.references .diamond-gallery a {
	border: 3px solid #FFF;
	height: 120px;
	width: 120px;
}

.diamond-gallery a:hover {
	border-color: #FFDD00;
}

.diamond-gallery a:hover img {
	filter: none;
	-webkit-filter: none;
}

.diamond-gallery span {
	background: #000;
	background: rgba(0,0,0,.75);
	filter: alpha(opacity=75);
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	-o-transition: background .1s linear;
	-ms-transition: background .1s linear;
	transition: background .1s linear;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.diamond-gallery a:hover span {
	background: rgba(0,0,0,0);
	filter: alpha(opacity=100);
}

.diamond-gallery img {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: -37px;
	left: -37px;
}

.references .diamond-gallery img {
	left: -27px;
	top: -27px;
}
			
/*MISSION*/
.mission {
	height: 1300px;
	background: url(../img/bg-mission.png) top center no-repeat;
}

.mission article:first-of-type {
	margin-top: 30px;
}

.mission .center {
	margin-left: 15%;
}

.mission p {
	background: url(../img/bullet-blk.png) left 10px no-repeat;
}

.mission .media-wrapper {
	position: absolute;
	right: 0;
	top: 2px;
	height: 760px;
	width: 35%;
	z-index: 6;
}

/*PROCESS*/

.process {
	height: 1800px;
	background: url(../img/bg-process.png) top center no-repeat;
}

.no-csstransforms .process {
	height: 2000px;
}

.process .content {
	height: 1200px;
}

.process .sp-lab {
	position: absolute;
	top: -25px;
	right: 10px;
}

.process ul {
	position: relative;
	float: left;
	height: 85%;
	width: 40%;
	margin-left: 340px;
	top: 140px;
	overflow: visible;
	z-index: 4;
}

.process li {
	list-style-type: none;
	position: relative;
	z-index: 9;
	margin-top: 40px;
	
}

.js .process li>div {
	visibility: hidden;
}

.js .process .sp-lab {
	display: none;
}

.process li.c1 {
	left: 40px;
}

.process li.c2 {
	left: 95px;
}

.process li.c3 {
	left: -30px;
}

.process li.c4 {
	left: 342px;
	top: 75px;
}

.process li.c5 {
	left: -60px;
	top: 100px;
}

.process li span.num {
	position: absolute;
	left: -2em;
	z-index: 99;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	margin-right: 0;
	text-align: center;
	padding: 15px 0;
	color: #111;
	font-size: 1.3em;
	background: #FDE500;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
	-ms-border-radius: 60px;
	border-radius: 60px;
}

.process li h3 {
	padding: 5px 5px 5px 35px;
}

.csstransitions .process article {
	position: relative;
	top: -20px;
	-moz-transition: top .5s ease;
	-webkit-transition: top .5s ease;
	-o-transition: top .5s ease;
	-ms-transition: top .5s ease;
	transition: top .5s ease;
}

.process li.show article {
	top: 0;
}

.sp-process-1 {
	width: 268px;
	height: 380px;
	left: -340px;
	top: 50%;
	margin-top: -190px;
}

.sp-process-2 {
	width: 298px;
	height: 301px;
	right: -130px;
	bottom: -190px;
}

.sp-process-2 i {
	background-position: -269px 0;
}

.sp-process-3 {
	width: 574px;
	height: 415px;
	left: -310px;
	bottom: -244px;
}

.sp-process-3 i {
	background-position: -257px -302px;
}

.sp-process-4 {
	width: 104px;
	height: 104px;
	bottom: 12px;
	left: -87px;
}

.sp-process-4 i {
	background-position: 0px -1097px;
}

.sp-process-5 {
	width: 104px;
	height: 104px;
	left: -35px;
	top: 68px;
	margin-left: -51.5px;
}

.sp-process-5 i {
	background-position: -105px -1098px;
}

/*RSCR*/

.rsrc {
	height: 1875px;
	background: url(../img/bg-rsrc.png) bottom center no-repeat;
}

.rsrc .content {
	top: 0;
}

.rsrc article {
	width: 100%;
	margin-left: 0;
	padding-right: 0;
}

.rsrc h3 {
	text-align: center;
	margin: 10px auto;
	padding-left: 0;
}

.rsrc p {
	text-align: center;
	margin: 10px auto;
	width: 60%;
	padding-left: 0;
}

.rsrc .list-item {
	position: relative;
	z-index: 6;
	width: 100%;
	height: auto;
	top: 100px;
	overflow: visible;
	display: block;
	vertical-align: middle;
	min-height: 1200px;
}

.rsrc .circle {
	width: 506px;
	height: 506px;
	background: url(../img/circ_yellow.png) left center no-repeat;
	overflow: hidden;
	border-radius: 0;
	display: block;
}

.rsrc .first {
	float: left;
}

.rsrc .second {
	float: right;
}

.rsrc article ul li {
	display: block;
	
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0;
	vertical-align: baseline;
	background: url('../img/sepa.png') center bottom no-repeat;
}

.rsrc .centered-item {
	height: 720px;
	width: 320px;
	position: absolute;
	z-index: 9;
	margin: 0 0 0 -160px;
	left: 50%;
	top: -9%;
}

.rsrc .centered-item h2, .rsrc .centered-item h3 {
	
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
}

.rsrc .centered-item h2 {
	color: #111;
	height: 268px;
	width: 316px;
	padding: 0;
	background: url(../img/circ_eye_center.png) center center no-repeat;
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -134px 0 0 -158px;
	-moz-transition: -moz-transform .75s ease;
	-webkit-transition: -webkit-transform .75s ease;
	-o-transition: -o-transform .75s ease;
	-ms-transition: -ms-transform .75s ease;
	transition: transform .75s ease;
}

.rsrc .centered-item h2.show {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.rsrc .centered-item h3 {
	background: #111111;
	border: 5px solid #FFFFFF;
	border-radius: 95px;
	color: #FFFFFF;
	height: 180px;
	width: 180px;
	z-index: 5;
	position: absolute;
	top: 5%;
	left: 50%;
	margin-left: -95px;
	padding: 0;
}

.rsrc .centered-item h3.right {
	top: auto;
	bottom: 5%;
}

.js .rsrc .centered-item h3, .js .rsrc .circle {
	display: none;
}

/*VISION*/

.vision {
	background: url(../img/bg-vision.png) top center no-repeat, url(../img/bg-vision-bottom.png) bottom center no-repeat;
	height: 1840px;
	padding-bottom: 200px;
}

.no-multiplebgs .vision {
	background: url(../img/bg-vision.png) top center no-repeat;
}

.vision .content {
	top: 0;
	padding-top: 0;
	height: 1740px;
}

.vision h1 {
	color: #FFF;
	text-align: center;
	
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: 300;
	padding-bottom: 30px;
	margin-bottom: 35px;
	background: url("../img/underline-deco.png") no-repeat center bottom;
	text-transform: uppercase;
}

.vision h1.black {
	color: #111;
	margin-top: 50px;
	background: url("../img/underline-deco-black.png") no-repeat center bottom;
}

.vision h3 {
	text-align: center;
	margin: 10px auto;
}

.vision p {
	text-align: center;
	margin: 10px auto;
	width: 68%;
}


/* vision > CIRCLE NAV
---------------------------------- */

.circle-nav {
	position: relative;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	height: 550px;
	overflow: hidden;
}

.circle-nav li {
	color: #111;
	
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.circle-nav .circle {
	display: block;
	padding: 65px 40px 15px;
	height: 80px;
	width: 80px;
	float: left;
	background: #FFF;
	border: solid 3px #111;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-moz-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.js .circle-nav .circle {
	display: none;
}

.circle-nav .first {
	position: absolute;
	left: 120px;
	top: 0;
}

.circle-nav .second {
	position: absolute;
	left: 35px;
	top: 210px;
}

.circle-nav .fird {
	position: absolute;
	left: 220px;
	top: 350px;
}

.circle-nav .fourth {
	position: absolute;
	right: 35px;
	top: 210px;
}

.circle-nav .fifth {
	position: absolute;
	right: 120px;
	top: 0;
}

.circle-nav .sixth {
	position: absolute;
	right: 120px;
	top: 320px;
}

.circle-nav li:hover, .circle-nav .active {
	background-color: #FDE500;
	cursor: default;
}

/* center */
.circle-nav .central.circle {
	background: #111;
	border: solid 3px #FFF;
	position: absolute;
	height: 184px;
	width: 184px;
	left: 204px;
	top: 150px;
	z-index: 19;
	color: #FFF;
	padding: 0;
}

.js .circle-nav .central.circle {
	display: block;
}

.circle-nav .title {
	padding: 75px 42px 10px;
	position: absolute;
	height: 100px;
	width: 100px;
	left: 204px;
	top: 150px;
	z-index: 19;
	color: #FFF;
	
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.dot {
	display: block;
	position: absolute;
	top: -25px;
	left: 50%;
	width: 50px;
	height: 50px;
	background: #FDE500 url(../img/arrow-center.png) center center no-repeat;
	border-radius: 50%;
	color: #111;
	margin-left: -25px;
	opacity: 0;
	-moz-transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	-ms-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

.sun {
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: orbit;
	-webkit-animation-duration: 4s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-moz-animation-name: orbit;
	-moz-animation-duration: 4s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-out;
	-ms-animation-name: orbit;
	-ms-animation-duration: 4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: orbit;
	animation-duration: 4s;
}

.sun .dot {
	opacity: 1;
}

.no-cssanimations .sun .dot {
	display: none;
}

@-webkit-keyframes orbit {
 
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
	};
}

@-moz-keyframes orbit {
 
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(-360deg);
	};
}

@-ms-keyframes orbit {
 
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(-360deg);
	};
}

@-o-keyframes orbit {
 
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(-360deg);
	};
}

@keyframes orbit {
 
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	};
}

/* vision - part 2 -------------------*/
.cross-channel {
	margin: 60px auto;
	display: block;
}

.cross-channel li li {
	width: 160px;
	padding: 9px;
	margin-left: 4px;
	
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.2em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

ul.cross-channel li ul li.hexagon {
	display: none;
}

ul.cross-channel li ul li.master {
	display: block;
}

.cross-channel ul {
	width: 100%;
	height: 100%;
}

.cross-channel>li>ul>li {
	display: block;
	float: left;
}

.cross-channel>li {
	width: 100%;
	height: 187px;
	padding: 0;
	position: relative;
	margin: -45px 0 0;
}

.cross-channel>li ul {
	left: 50%;
	padding: 0;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.cross-channel .tartiflette ul {
	width: 736px;
	margin-left: -368px;
}

.cross-channel .edge ul {
	width: 184px;
	margin-left: -92px;
}

.cross-channel .center ul {
	width: 552px;
	margin-left: -276px;
}


/* POLYGON SHAPES ------------------ */
.hexagon {
	width: 180px;
	height: 70px;
	padding-top: 40px;
	background: #FFF;
	position: relative;
	top: 50px;
	color: #FFF;
	margin: 0;
	float: none;
	background: #000;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	
}

.hexagon.master {
	background: #FFF;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -44px 0 0 -89px;
}

.hexagon.joker {
	margin-left: 188px;
}

.hexagon:before {
	content: "";
	position: absolute;
	top: -49px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
	border-bottom: 50px solid #000;
}

.hexagon.master:before {
	border-bottom-color: #FFF;
}

.hexagon:after {
	content: "";
	position: absolute;
	bottom: -49px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
	border-top: 50px solid #000;
}

.hexagon.master:after {
	border-top-color: #FFF;
}

@media screen and (max-width: 1500px) {
	.rsrc .centered-item {
		height: 268px;
		width: 720px;
		margin: -134px 0 0 -360px;
		top: 50%;
	}

	.rsrc .centered-item h3 {
		top: 50%;
		margin: -90px 0 0 0;
		left: 0;
	}

	.rsrc .centered-item h3.right {
		left: auto;
		right: 0;
	}

	.rsrc .circle {
		left: 50%;
		float: none;
		top: -5%;
		margin: 0 0 0 -253px;
		position: absolute;
	}

	.rsrc .circle.second {
		left: 50%;
		float: none;
		bottom: -5%;
		top: auto;
		margin: 0 0 0 -253px;
	};
}

@media screen and (max-width: 1024px) {
	.process li.c2 {
		left: 17px;
	}

	.sp-process-2 {
		bottom: -207px;
		right: -104px;
	}

	.process li.c3 {
		left: -86px;
	}

	.sp-process-3 {
		bottom: -273px;
		left: -243px;
	}

	.process li.c4 {
		left: -172px;
		top: 268px;
	}

	.process li.c5 {
		left: 20px;
		top: 218px;
	}

	.sp-process-5 {
		bottom: auto;
		left: -35px;
		top: 68px;
	}

	.nav_projects {
		display: none;
	}

	.agency {
		overflow: hidden;
	}

	body.about-bbw article {
		float: none;
		margin-top: 70px;
	}

	.process {
		height: 1944px;
	}

	.process .sp-lab {
		right: -85px;
	}

	.lb iframe {
		width: 720px;
		height: 400px;
	};
}

@media screen and (max-height: 768px) {
	
	.main_container > article > header h3, .home .main_title, .work .main_title {
		display: none;
	}

	.home .main_container {
		padding-top: 53px;
	}

	#js-darkside .left_nav, #js-lightside .right_nav {
		margin-top: 20px;
	};
}

/* VERY LARGE */
@media screen and (min-width: 2048px) {
 

	/*.vision, .rsrc, .process, .mission, .agency{	
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover; 
	}*/	

	
	.vision {
		background: url(../img/bg-vision_2560.png) top center no-repeat, url(../img/bg-vision-bottom_2560.png) bottom center no-repeat;
	}

	.rsrc {
		background: url(../img/bg-rsrc_2560.png) bottom center no-repeat;
	}

	.process {
		background: url(../img/bg-process_2560.png) top center no-repeat;
	}

	.mission {
		background: url(../img/bg-mission_2560.png) top center no-repeat;
	}

	.agency {
		background: url(../img/bg-agency_2560.png) top center no-repeat;
	};
}

.mCSB_container {
	width: auto;
	margin-right: 30px;
	overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
}

.mCS_disabled .mCSB_container.mCS_no_scrollbar,.mCS_destroyed .mCSB_container.mCS_no_scrollbar {
	margin-right: 30px;
}

.mCustomScrollBox .mCSB_scrollTools {
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
	/*background: #aeaeae;*/
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0,0,0,0.4);
	filter: alpha(opacity=40);
	-ms-filter: alpha(opacity=40);
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	height: 100%;
	text-align: center;
	background: rgba(255,255,255,0.75);
	filter: alpha(opacity=75);
	-ms-filter: alpha(opacity=75);
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_buttonDown {
	top: 100%;
	margin-top: -40px;
	background-position: 0 -20px;
}

.mCSB_horizontal .mCSB_container {
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
	overflow: hidden;
	background: rgba(255,255,255,.65);
}

.mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
	margin-bottom: 0;
}

.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools {
	width: 100%;
	height: 30px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.mCSB_horizontal .mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	background: #b8b8b8;
	margin: 14px 0;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger {
	width: 30px;
	height: 15px;
	top: 7px;
	background: transparent;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 98%;
	height: 100%;
	background: #b0df16;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	margin: 0 auto;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
	width: 98%;
	height: 100%;
	background: #c1f222;
	margin: 0 auto;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin: 0 auto;
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
	margin-left: -40px;
	float: right;
}

.mCustomScrollBox {
	-ms-touch-action: none;
}

.mCustomScrollBox:hover>.mCSB_scrollTools {
	opacity: 1;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255,255,255,0.85);
	filter: alpha(opacity=85);
	-ms-filter: alpha(opacity=85);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255,255,255,0.9);
	filter: alpha(opacity=90);
	-ms-filter: alpha(opacity=90);
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(../mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: alpha(opacity=75);
}

.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: alpha(opacity=90);
}

.mCS-dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0,0,0,0.75);
}

.mCS-light-2 .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: rgba(255,255,255,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 5px;
	margin: 6px 0;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: rgba(255,255,255,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-light-thin .mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(255,255,255,0.1);
}

.mCS-light-thin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
	background: rgba(0,0,0,0.75);
}

.content_1 .mCustomScrollBox .mCSB_scrollTools {
	height: 96%;
	margin: 2% 0;
}

.content_2 .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(255,255,255,0.4);
	filter: alpha(opacity=40);
	-ms-filter: alpha(opacity=40);
}

.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255,255,255,0.5);
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
}

.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255,255,255,0.6);
	filter: alpha(opacity=60);
	-ms-filter: alpha(opacity=60);
}

.content_3 .mCSB_scrollTools .mCSB_draggerRail {
	width: 0;
	border-right: 1px dashed #09C;
}

.content_3 .mCSB_scrollTools .mCSB_dragger {
	height: 11px;
}

.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background: #09C;
}

.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #d0b9a0;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: #dfcdb9;
}

.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.content_5 .mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(0,0,0,0.2);
}

.content_5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 2px;
	background: rgba(0,0,0,0.75);
	margin: 7px auto;
}

.content_8 .mCSB_scrollTools .mCSB_draggerRail {
	width: 0;
	border-left: 1px solid rgba(0,0,0,0.8);
	border-right: 1px solid rgba(255,255,255,0.2);
}

.mCS-dark .mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thin .mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(0,0,0,0.15);
}

.mCS-dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.content_5 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0,0,0,0.85);
}

.mCS-dark .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.content_5 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(0,0,0,0.9);
}

.mCS-dark .mCSB_scrollTools .mCSB_buttonUp,.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark .mCSB_scrollTools .mCSB_buttonDown,.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark .mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark .mCSB_scrollTools .mCSB_buttonRight,.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.mCS-light-2.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-thick .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(255,255,255,0.85);
}

.mCS-light-2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: rgba(255,255,255,0.9);
}

.mCS-dark-2.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonLeft,.content_5 .mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonRight,.content_5 .mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}

.mCS-light-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
}

.mCS-light-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

.content_3 .mCustomScrollBox .mCSB_scrollTools,.content_4 .mCustomScrollBox .mCSB_scrollTools {
	height: 94%;
	margin: 3% 0;
}

.content_5 .mCustomScrollBox .mCSB_scrollTools,.content_6 .mCustomScrollBox .mCSB_scrollTools {
	width: 98%;
	margin: 0 1%;
}