/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.invisible {
    display: none !important;
}
.slider-control {
    padding-bottom: 30px;
}
.slider-control a{
	color: #1A1A1A;
}

.traffic_wrapper {
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.traffic_wrapper .text {
    backface-visibility: hidden;
    bottom: 0;
    color: #FFFFFF;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 46px;
    padding: 2px 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
    cursor:pointer;
}
.traffic_wrapper .link {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
    line-height: 46px;
    padding: 2px 0;
}
.traffic_wrapper .text.normal {
    transform: rotateX(0deg) !important;
    transition: transform 0.5s ease 0s;
}
.traffic_wrapper .text.rotated {
    transform: rotateX(180deg);
    transition: transform 0.5s ease 0s;
}
.traffic_wrapper .link.normal {
    transform: rotateX(0deg) !important;
    transition: transform 0.5s ease 0s;
}
.traffic_wrapper .link.rotated {
    transform: rotateX(180deg);
    transition: transform 0.5s ease 0s;
}
.traffic_login {
    background: none repeat scroll 0 0 #90BC2E;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
}
.ismobile .traffic_login
{
	display:none;
}
article ul li li
{
	margin-left: 20px;
}
.btn-big-data .button-oval {
    border: 2px solid #00A3E6;
}
.btn-digital-marketing .button-oval {
    border: 2px solid #EF7F1A;
}
.btn-e-commerce .button-oval {
    border: 2px solid #DE127A;
}
.btn-online-audience .button-oval {
    border: 2px solid #90BC2E;
}
.map_attr
{
	height:240px;
	width: 100%;
}
#container
{
	min-height: 500px;
}
.nav a.active.btn-online-audience, .nav a.active.btn-online-audience:hover, .nav span.active.btn-online-audience:hover
{
	background:url("/files/www/img/Publishers_1.png") no-repeat scroll 25px 13px #363636 !important;
}
.nav a.active.btn-big-data, .nav a.active.btn-big-data:hover, .nav span.active.btn-big-data:hover
{
	background:url("/files/www/img/advertisers_1.png") no-repeat scroll 25px 13px #363636 !important;
}
.box.share {
    overflow: auto;
}
.box.share > div {
    float: left;
    position: relative;
}
.box.share > div > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 19px 19px 19px 19px;
    display: block;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    margin-top: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 19px;
    z-index: 2;
}
/*footer[role="contentinfo"] .f-left
{
	width:80% !important;
}*/
/* kariera */
.applicationForm .labelList li,.applicationForm .calendarsBox li {
    width: 100% !important;
}
.applicationForm .labelList li:first-child p {
    line-height: 2 !important;
    margin: 0;
}
.applicationForm .labelList .selectBox .selector span
{
	width: 93% !important;
}
.applicationForm .labelList .selectBox .selector {
    width: 94% !important;
}
.applicationForm .calendarsBox li:last-child {
    float: left !important;
    width: 70% !important;
}

.language.group:first-child {
    text-align: center;
} 
.applicationForm .af-section h2.position
{
	font-size:36px;
}
.af-section.group.button-section {
    padding: 36px;
}
.applicationForm .button-section button
{
	left:0;
	right:auto;
	background:#2eb8e6 none repeat scroll 0 0;
	margin:auto;
	border:none;
}
.applicationForm .af-section.first {
    margin-top: 0;
}
.languagelabel.group {
    text-align: center;
}
.af-section.position > p {
    margin-bottom: 10px;
}
.applicationForm .error p {
  font-weight: bold;
  color: #cd252d;
}
.defaultForm label.error, .defaultForm span.error
{
	left:98%;
	top:0;
}
.defaultForm .selectBox label.error {
    left: 102%;
}
.defaultForm .af-agreeBox  label.error
{
	left: 100%;
}
.defaultForm .af-agreeBox .error label.caption
{
	color: #cd252d;
	font-weight:bold;
}
.nav a.trail.btn-online-audience, .nav a.trail.btn-online-audience:hover, .nav span.trail.btn-online-audience:hover
{
	background: #363636 url("/files/www/img/Publishers_1.png") no-repeat scroll 25px 13px !important
}
.personList .person
{
	min-height:180px;
}
.personList .person small
{
	max-width:70%;
	margin:auto;
	display:block;
}
.categoryListBox .categoryScroller a, .categoryListBox .categoryScroller p
{
	font-size: 12px;
    line-height: 24px;
}

.categoryListBox .categoryScroller a.current {
    background: rgba(0, 0, 0, 0) url("../../files/www/img/ico-categoryScroller-current.png") no-repeat scroll 7px 8px;
    color: #1a1a1a;
    font-weight: 400;
}
@charset "utf-8";

/**
 * CSS Reset Style 
 *
 * @author: Piotrek Wojciechowski
 * @author: based on Eric's Meyer universal css reset (http://www.meyerweb.com)
 * @author: based on Twitter Bootstrap css reset (https://github.com/twitter/bootstrap/)
 * @author: based on Html5 Boilerplate css reset (http://html5boilerplate.com/)
 *
 * @lastmodified: 2012-07-30
 */



/**
 * @section: Reset
 * -------------------------------------------------------
 */

html, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	}
ul, li {
	list-style-type: none;
	}

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


/**
 * @section: Global forms setup
 * -------------------------------------------------------
 */

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { 
    border: 0;
    padding: 0;
	}

/* Remove default vertical scrollbar in IE6/7/8/9 and allow vertical only resinig */
textarea {
	resize: vertical;
	overflow: auto;
	vertical-align: top;
	}

/* Consistent box sizing and appearance */
input[type='checkbox'], input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
	}
input[type='search'] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
	input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button {
		-webkit-appearance: none;
		}

/* Remove default focus highlight */
input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, textarea:focus, select:focus {
	outline: none;
	}

/* Cursor pointer and consistent appearance */
button, input[type='button'], input[type='reset'], input[type='submit'] {
	cursor: pointer;
	-webkit-appearance: button;
	}
input[type='checkbox'], input[type='radio'] {
	cursor: pointer;
	}

/* Hide placeholder text in Chrome on field focus */
input:focus::-webkit-input-placeholder {
	color: transparent;
	}


/**
 * @section: Global tags setup
 * -------------------------------------------------------
 */

html {
	overflow-y: scroll;
	/* Correct text resizing oddly in IE6/7 when body font-size is set using em units */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

/* Improve image quality when scaled in IE7: h5bp.com/d */
/* Remove the gap between images and borders on image containers: h5bp.com/i/440 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	}

/* Correct overflow not hidden in IE9 */
svg:not(:root) {
	overflow: hidden;
	}

/* 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;
		}

hr {
	display: block;
	height: 1px;
	border: 0;   
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
	}
del {
	text-decoration: line-through;
	}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a:link, a:visited, a:hover, a:active {
	outline: none;
	}


/**
 * @section: Classes
 * -------------------------------------------------------
 */
 
.left {
	float: left;
	}
.right {
	float: right;
	}
.group:before, .group:after {
	content: "";
	display: table;
	}
	.group:after {
		clear: both;
		}
	.group {
		clear: both;
		*zoom: 1;
		}
.is-hidden {
	display: none;
	}

/* sectioning title header (for document outline purpose) */
.sectioningHeader {
	display: none;
	}

@charset "utf-8";
@import url("../../files/www/css/reset.css");
@import url("../../files/www/css/jquery.mCustomScrollbar.css");
@import url("https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css");

/**
 * Layout CSS Style 
 *
 * @project         Gemius
 * @date            2014-08-20
 * @author          Konrad Bojarun
 * @company         Autentika, @link http://www.autentika.pl
 * 
 *
 * Naming convention (based on SMACSS @link http://www.smacss.com):
 * .l-className                  layout element
 * .is-className                 element's state
 * .ui-className                 (graphic) user interface element
 * .js-className                 javascript handle class
 * .className                    standalone module
 * .className-SubClassName       submodule
 * .className--subClassName      module modifier
 */

/**
 * @section: Webfonts
 *
 * Generated by Font Squirrel (http://www.fontsquirrel.com)
 * Font protection: WebOnly(tm)
 * -------------------------------------------------------
 */

@font-face {
    font-family: 'robotobold';
    src: url("../../files/www/fonts/roboto-bold-webfont.eot");
    src: url("../../files/www/fonts/roboto-bold-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../files/www/fonts/roboto-bold-webfont.woff2") format('woff2'),
         url("../../files/www/fonts/roboto-bold-webfont.woff") format('woff'),
         url("../../files/www/fonts/roboto-bold-webfont.ttf") format('truetype'),
         url("../../files/www/fonts/roboto-bold-webfont.svg#robotobold") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url("../../files/www/fonts/roboto-regular-webfont.eot");
    src: url("../../files/www/fonts/roboto-regular-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../files/www/fonts/roboto-regular-webfont.woff2") format('woff2'),
         url("../../files/www/fonts/roboto-regular-webfont.woff") format('woff'),
         url("../../files/www/fonts/roboto-regular-webfont.ttf") format('truetype'),
         url("../../files/www/fonts/roboto-regular-webfont.svg#robotoregular") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url("../../files/www/fonts/roboto-thin-webfont.eot");
    src: url("../../files/www/fonts/roboto-thin-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../files/www/fonts/roboto-thin-webfont.woff2") format('woff2'),
         url("../../files/www/fonts/roboto-thin-webfont.woff") format('woff'),
         url("../../files/www/fonts/roboto-thin-webfont.ttf") format('truetype'),
         url("../../files/www/fonts/roboto-thin-webfont.svg#robotothin") format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url("../../files/www/fonts/roboto-light-webfont.eot");
    src: url("../../files/www/fonts/roboto-light-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../files/www/fonts/roboto-light-webfont.woff2") format('woff2'),
         url("../../files/www/fonts/roboto-light-webfont.woff") format('woff'),
         url("../../files/www/fonts/roboto-light-webfont.ttf") format('truetype'),
         url("../../files/www/fonts/roboto-light-webfont.svg#robotolight") format('svg');
    font-weight: normal;
    font-style: normal;

}



/* colors */

/*pink*/
._onlineaudience, .publishers{
	background:#90bc2e !important;
}
/*red*/
._ecommerce{
	background:#de127a !important;
	}
/*blue*/
._bigdata, .advertisers{
	background:#00a3e6 !important;
	}
/*orange*/
._digitalmarketing, .agencies{
	background:#ef7f1a !important;
}
/*green*/
._internettechnology{
	background:#00a3e6 !important;
}


.bottomBoxesBox ._onlineaudience img, .bottomBoxesBox ._ecommerce img, .bottomBoxesBox ._bigdata img, .bottomBoxesBox ._digitalmarketing img,  .bottomBoxesBox ._internettechnology img, .bottomBoxesBox .publishers img, 
.bottomBoxesBox .advertisers img, .bottomBoxesBox .agencies img{
	opacity:0;
}

/**
 * @section: Browser Update Tip
 * -------------------------------------------------------
 */
 
.ancientBrowser {
	background: #F75B00;
	color: #FFFFFF;
	font: normal 14px/18px arial, sans-serif;
	margin: 0;
	overflow: hidden;
	padding: 10px;
	}
	.ancientBrowser a {
		color: #fff;
		text-decoration: underline;
		}


/**
 * @section: Placeholder
 * -------------------------------------------------------
 */

.fakePlaceholder {
	color: #666666 !important;
	}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #666666 !important;
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666666 !important;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666666 !important;
	}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666666 !important;
	}

/**
 * @section: main
 * -------------------------------------------------------
 */

*{
	vertical-align:top;
}

body *{
text-rendering: optimizeLegibility !important;
font-smooth: always !important;
font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased !important;
}

body.preload .mainWrapper{
	opacity:1;
}

.mainWrapper{
	opacity:0;
	}
	
.preloader{
	display:block;
	position:fixed;
	left:50%;
	top:40%;
	width:30px;
	height:30px;
	}
	.preloader .circle{
		display:block;
		position:relative;
		margin-left:-15px;
		margin-top:-15px;
		width:30px;
		height:30px;
		background:url("../../files/www/img/preloader.png") 0px 0px no-repeat;
		}
		
	.rotating {
  -webkit-animation: rotating-function 1.25s linear infinite;
     -moz-animation: rotating-function 1.25s linear infinite;
      -ms-animation: rotating-function 1.25s linear infinite;
       -o-animation: rotating-function 1.25s linear infinite;
          animation: rotating-function 1.25s linear infinite;
}

@-webkit-keyframes rotating-function {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotating-function {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes rotating-function {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

@-o-keyframes rotating-function {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

@keyframes rotating-function {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}	

body {
	display:block;
	position:relative;
	font: 300 14px/normal 'robotolight', sans-serif;
	color: #363636;
	/*font-family: 'Roboto', sans-serif;*/
	background:#EEEEEE;
	}
a {
	color:	#328cc1;
	text-decoration: none;
	outline: 0;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	opacity:1;
	}
	a:hover{
		opacity:1;
		}
	a:hover,
	a:focus,
	a:active {
		text-decoration: none;
		outline: 0;
		}
		


strong{
	font-weight:bold;
}

/**
 * @section: .leftBox
 * -------------------------------------------------------
 */	
.layout{
	height:100%;
	max-width:1440px;
	/*max-width:1280px;*/
	}
.leftBox{
	display:block;
	position:relative;
	width:250px;
	background:#1A1A1A;
	float:left;
	position:fixed;
	}
	.rightBox{
		display:block;
		position:relative;
		width:1190px;
		/*width:1030px;*/
		float:right;
		}
	
.menuBox{
	display:block;
	position:relative;
	width:250px;
	}

.menuBox.fixed{
	display:block;
	position:fixed;
	left:0px;
	top:0px;
}

	.menuBox .btn-global{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:20px;
		height:20px;
		color:#FFF;
		background:url("../../files/www/img/ico-global.png") 25px 20px no-repeat;
		padding:20px 25px;
		padding-left:55px;
		border-bottom:solid 1px #1A1A1A;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}
		.menuBox .btn-global span{
			display:block;
			position:absolute;
			width:7px;
			height:10px;
			top:25px;
			right:25px;
			background:url("../../files/www/img/ico-global-arrow.png") 0px 0px no-repeat;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
	.menuBox .btn-global:hover{
		background:#000 url("../../files/www/img/ico-global-hover.png") 25px 20px no-repeat;
		border-bottom:solid 1px #313131;
		opacity:1;
		}
	.menuBox .btn-global.active{
		background:#000 url("../../files/www/img/ico-global-hover.png") 25px 20px no-repeat;
		border-bottom:solid 1px #313131;
		opacity:1;
		}
	.menuBox .btn-global:hover span{
		background:url("../../files/www/img/ico-global-arrow-hover.png") 0px 0px no-repeat;
		}
	.menuBox .btn-global.active span{
		background:url("../../files/www/img/ico-global-arrow-hover.png") 0px 0px no-repeat;
		}
	.menuBox .btn-global .tabNavBox{
		top:40px;
		margin-left:-55px;
		height:inherit;
		height:auto;
		}
	/*
	.menuBox .btn-global:hover .tabNavBox{
		display:block;
		}
	*/
	
	.menuBox .btn-global .hitArea{
		cursor:pointer;
		margin:-20px -20px;
		padding:20px;
	}
	.menuBox .btn-global.active .tabNavBox{
		display:block;
		}
		
		
	.menuBox .companyLogo{
		display:block;
		position:relative;
		width:148px;
		height:34px;
		margin:52px auto;
		
		width:215px;
		height:42px;
		margin:25px auto;
		}

/* ----- Nav ----- */

.nav {
	position: relative;
	display:block;
	}
	.nav ul{
		display:block;
		position:relative;
		}
		.nav ul li{
			display:block;
			position:relative;
			}
	.nav a, .nav span{
		display:block;
		position:relative;
		padding:0px 25px;
		height:60px;
		line-height:60px;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		color:#FFF;
		padding-left:80px;
		}	
		.nav a:hover{
			opacity:1;
			}
	.nav a.btn-online-audience, .nav span.btn-online-audience{
		background:url("../../files/www/img/Publishers_1.png") 25px 13px no-repeat;
		}
		.nav a.btn-online-audience:hover, .nav span.btn-online-audience:hover{
			background:#121212 url("../../files/www/img/Publishers_1.png") 25px 13px no-repeat;
			}
	.nav a.btn-e-commerce, .nav span.btn-e-commerce{
		background:url("../../files/www/img/btn-nav-2.png") 25px 13px no-repeat;
		}
		.nav a.btn-e-commerce:hover, .nav span.btn-e-commerce:hover{
			background:#121212 url("../../files/www/img/btn-nav-2.png") 25px 13px no-repeat;
			}
	.nav a.btn-big-data, .nav span.btn-big-data{
		background:url("../../files/www/img/advertisers_1.png") 25px 13px no-repeat;
		}
		.nav a.btn-big-data:hover, .nav span.btn-big-data:hover{
			background:#121212 url("../../files/www/img/advertisers_1.png") 25px 13px no-repeat;
			}
	.nav a.btn-digital-marketing, .nav span.btn-digital-marketing{
		background:url("../../files/www/img/btn-nav-4.png") 25px 13px no-repeat;
		}
		.nav a.btn-digital-marketing:hover, .nav span.btn-digital-marketing:hover{
			background:#121212 url("../../files/www/img/btn-nav-4.png") 25px 13px no-repeat;
			}
	.nav a.btn-internet-technology, .nav span.btn-internet-technology{
		background:url("../../files/www/img/btn-nav-5.png") 25px 13px no-repeat;
		}
		.nav a.btn-internet-technology:hover, .nav span.btn-internet-technology:hover{
			background:#121212 url("../../files/www/img/btn-nav-5.png") 25px 13px no-repeat;
			}
	
	.nav a.active.btn-online-audience, .nav a.active.btn-online-audience:hover, .nav span.active.btn-online-audience:hover{
		background:#363636 url("../../files/www/img/btn-nav-1.png") 25px 13px no-repeat;
		}
	.nav a.active.btn-e-commerce, .nav a.active.btn-e-commerce:hover, .nav span.active.btn-e-commerce:hover{
		background:#363636 url("../../files/www/img/btn-nav-2.png") 25px 13px no-repeat;
		}
	.nav a.active.btn-big-data, .nav a.active.btn-big-data:hover, .nav span.active.btn-big-data:hover{
		background:#363636 url("../../files/www/img/btn-nav-3.png") 25px 13px no-repeat;
		}
	.nav a.active.btn-digital-marketing, .nav a.active.btn-digital-marketing:hover, .nav span.active.btn-digital-marketing:hover{
		background:#363636 url("../../files/www/img/btn-nav-4.png") 25px 13px no-repeat;
		}
	.nav a.active.btn-internet-technology, .nav a.active.btn-internet-technology:hover, .nav span.active.btn-internet-technology:hover{
		background:#363636 url("../../files/www/img/btn-nav-5.png") 25px 13px no-repeat;
		}
		
	.nav a.trail.btn-online-audience, .nav a.trail.btn-online-audience:hover, .nav span.trail.btn-online-audience:hover{
		background:#363636 url("../../files/www/img/btn-nav-1.png") 25px 13px no-repeat;
		}
	.nav a.trail.btn-e-commerce, .nav a.trail.btn-e-commerce:hover, .nav span.trail.btn-e-commerce:hover{
		background:#363636 url("../../files/www/img/btn-nav-2.png") 25px 13px no-repeat;
		}
	.nav a.trail.btn-big-data, .nav a.trail.btn-big-data:hover, .nav span.trail.btn-big-data:hover{
		background:#363636 url("../../files/www/img/btn-nav-3.png") 25px 13px no-repeat;
		background:#363636 url("../../files/www/img/advertisers_1.png") 25px 13px no-repeat;
		}
	.nav a.trail.btn-digital-marketing, .nav a.trail.btn-digital-marketing:hover, .nav span.trail.btn-digital-marketing:hover{
		background:#363636 url("../../files/www/img/btn-nav-4.png") 25px 13px no-repeat;
		}
	.nav a.trail.btn-internet-technology, .nav a.trail.btn-internet-technology:hover, .nav span.trail.btn-internet-technology:hover{
		background:#363636 url("../../files/www/img/btn-nav-5.png") 25px 13px no-repeat;
		}
		

.tabNav{
	display:block;
	position:relative;
	letter-spacing:-3px;
	border-top:solid 1px #313131;
	margin-top:43px;
	}
	.tabNav li{
		display:inline-block;
		position:relative;
		letter-spacing:normal;
		width:33.2%;
		background:#1A1A1A;
		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		
		border-bottom:solid 1px #313131;
		}
	.tabNav li:hover, .tabNav li.current{
			background:#000000;
			/*border-bottom:solid 1px #000000;*/
			}
		.tabNav li a{
			display:block;
			position:relative;
			padding-top:25px;
			height:35px;
			line-height:35px;
			font-family: 'robotolight', sans-serif;
			font-weight:300;
			font-size:14px;
			color:#FFF;
			text-align:center;
			}
			.tabNav li a:hover{
				opacity:1;
				}
			.tabNav li a.btn-tabnav-country{
				background:url("../../files/www/img/ico-tabnav-1.png") 50% 10px no-repeat;
				border-right:solid 1px #313131;
				}
			.tabNav li a.btn-tabnav-industry{
				background:url("../../files/www/img/ico-tabnav-2.png") 50% 10px no-repeat;
				border-right:solid 1px #313131;
				}
			.tabNav li a.btn-tabnav-topic{
				background:url("../../files/www/img/ico-tabnav-3.png") 50% 10px no-repeat;
				}
			
			.tabNav li:hover a.btn-tabnav-country{
				background:url("../../files/www/img/ico-tabnav-1-hover.png") 50% 10px no-repeat;
				}
			.tabNav li:hover a.btn-tabnav-industry{
				background:url("../../files/www/img/ico-tabnav-2-hover.png") 50% 10px no-repeat;
				}
			.tabNav li:hover a.btn-tabnav-topic{
				background:url("../../files/www/img/ico-tabnav-3-hover.png") 50% 10px no-repeat;
				}
				
			
			.tabNav li.current a.btn-tabnav-country{
				background:url("../../files/www/img/ico-tabnav-1-hover.png") 50% 10px no-repeat;
				}
			.tabNav li.current a.btn-tabnav-industry{
				background:url("../../files/www/img/ico-tabnav-2-hover.png") 50% 10px no-repeat;
				}
			.tabNav li.current a.btn-tabnav-topic{
				background:url("../../files/www/img/ico-tabnav-3-hover.png") 50% 10px no-repeat;
				}

.tabNavBox{
	display:none;
	position:absolute;
	width:250px;
	height:340px;
	background:#000000;
	top:-340px;
	z-index:2;
	}
.tabNavBox .categoryScroller{
	height:300px;
	width:100%;
	z-index:1000;
	}
.tabNavBox .categoryScroller .mCSB_scrollTools{
	z-index:1000;
	}
.tabNavBox .categoryScroller .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
	background:#333;
	}
.tabNavBox .categoryScroller .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#2E81A2;
	width:2px;
	}
.tabNavBox.industry{
	margin-left:-83px;
	}
.tabNav li:hover .tabNavBox{
	display:block;
	/*------------------------*/
	display:none;
	}
	
.subLinksList{
	display:block;
	position:relative;
	padding:20px 25px;
	}
	.subLinksList a{
		display:block;
		position:relative;
		width:100%;
		float:left;
		font-family: 'robotolight', sans-serif;
		font-weight:300 !important;
		font-size:14px !important;
		line-height:20px !important;
		color:#8b8b8b !important;
		padding:0px !important;
		margin:0px !important;
		/*height:20px !important;*/
		text-align:left !important;
		}
		.subLinksList a:hover{
			opacity:1;
			color:#FFF !important;
			}


.pageTools{
	display:block;
	position:relative;
	letter-spacing:-3px;
	border-bottom:solid 1px #313131;
	text-align:center;
	}
	.pageTools li{
		display:inline-block;
		position:relative;
		letter-spacing:normal;
		padding:25px 0px;
		margin-right:9px;
		}
	.pageTools li:last-child{
		margin-right:0px;
		}
	.pageTools li span{
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:12px;
		color:#FFF;
		background:#1A1A1A;
		text-align:center;
		height:19px;
		width:19px;
		line-height:19px;
		z-index:2;
		position:absolute;
		display:block;
		top:15px;
		right:-7px;
		}
		
		.pageTools li a{
			display:block;
			position:relative;
			width:35px;
			height:35px;
			text-indent:-9999px;
			overflow:hidden;
			background:url("../../files/www/img/ico-tools.png") 0px 0px no-repeat;
			}
			.pageTools li a.btn-tools-search{
				background:url("../../files/www/img/ico-tools-hover.png") 0px 0px no-repeat;
				background-position:0px 0px;
				}
			.pageTools li a.btn-tools-cubby{
				background-position:-42px 0px;
				}
			.pageTools li a.btn-tools-facebook{
				background-position:-84px 0px;
				}
			.pageTools li a.btn-tools-twitter{
				background-position:-126px 0px;
				}
			.pageTools li a.btn-tools-rss{
				background-position:-166px 0px;
				}
		.pageTools li a:hover{
			background:url("../../files/www/img/ico-tools-hover.png") 0px 0px no-repeat;
			opacity:1;
			}
		.pageTools li a.btn-tools-search:hover{
				background-position:0px 0px;
				}
			.pageTools li a.btn-tools-cubby:hover{
				background-position:-42px 0px;
				}
			.pageTools li a.btn-tools-facebook:hover{
				background-position:-84px 0px;
				}
			.pageTools li a.btn-tools-twitter:hover{
				background-position:-126px 0px;
				}
			.pageTools li a.btn-tools-rss:hover{
				background-position:-166px 0px;
				}

.subNav{
	display:block;
	position:relative;
	letter-spacing:-3px;
	margin-top:20px;
	}
	.subNav li{
		display:inline-block;
		position:relative;
		letter-spacing:normal;
		width:49.5%;
		}
		.subNav li a, .subNav li span{
			display:block;
			position:relative;
			padding-left:25px;
			font-size:32px;
			height:30px;
			font-family: 'robotolight', sans-serif;
			font-weight:300;
			font-size:14px;
			color:#FFF;
			}
			


/**
 * @section: .l-pageContent-home
 * -------------------------------------------------------
 */


.l-pageContent{
	display:block;
	position:relative;
	background:#FFF;
	}

.search-overlay{
	display:none;
	position:absolute;
	z-index:1000000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	}
.search-overlay.visible{
	display:block;
}
	.search-overlay .so-background{
		display:block;
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background:#000;
		opacity:0.7;
		}
	.search-overlay .so-box{
		display:block;
		position:fixed;
		z-index:3;
		width:100%;
		height:85px;
		top:45%;
		background:#FFF;
		}
		.search-overlay .so-box form{
			display:block;
			position:relative;
			width:100%;
			}
			.search-overlay .so-box form input{
				display:block;
				position:relative;
				height:71px;
				line-height:100%;
				padding-left:25px;
				padding-right:100px;
				float:none;
				font-size:36px;
				z-index:1;
				}
			.search-overlay .so-box form button{
				display:block;
				position:absolute;
				width:51px;
				height:51px;
				text-indent:-9999px;
				overflow:hidden;
				background:url("../../files/www/img/btn-search.png") 0px 0px no-repeat;
				right:25px;
				top:16px;
				z-index:10;
			}


/**
 * @section: Indywidualne style dla podstron
 * -------------------------------------------------------
 */

#container {
    width: 100%;
    position: relative;
	}
.item{
	/*height:257px;*/
	display:block;
	position:relative;
	float:left;
	background:#FFF;
	}
.item.right{
	float:right;
	}
.item { width: 33.5%; }
.item.wide { width: 66.5%;}
.item.smaller { width: 33.3%;}
.item.big{/*height:514px;*/}
.item.smaller.right{
	margin-right:1px;
}

.item:hover{
	opacity:1;
}

.item img{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	}
.item-overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	background:url("../../files/www/img/item-overlay.png") 0px bottom no-repeat;
	background-size:100% 100%;
	opacity:1;
	}
	
.item:hover .item-overlay{
	/*opacity:0.85;
	opacity:1;*/
}

.item .infoBox, .item .buttonBox{
	display:block;
	position:absolute;
	padding:7.3%;
	z-index:3;
	width:85.4%;
	}
.item.big .infoBox, .item.wide .infoBox, .item.big .buttonBox, .item.wide .buttonBox{
	padding:3.65%;
	width:92.7%;
	}
	.item .infoBox .tagBox{
		display:block;
		position:relative;
		margin-bottom:8px;
		}
		.item .infoBox .tagBox .tag{
			display:inline-block;
			position:relative;
			font-size:14px;
			line-height:18px;
			font-family: 'robotolight', sans-serif;
			font-weight:300;
			color:#FFF;
			}
		.item .infoBox .tagBox .tag:not(:first-child){
			padding-left:10px;
			margin-left:5px;
			border-left:solid 1px #FFF;
			}
	.item .infoBox h2{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		color:#FFF;
		font-size:48px;
		line-height:69px;
		
		line-height:1.2em;
		}
	.item .infoBox h3{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		color:#FFF;
		font-size:32px;
		line-height:36px;
		margin:0px;
		
		/*font-size:24px;
		line-height:1.3em;*/
		}
	.item .infoBox h3.newsletter-title{
		/*font-size:24px;
		line-height:1.3em;*/
		
		font-size:36px;
		line-height:46px;
		}
		
	.item .infoBox h3.news-title{
		
		font-size:24px;
		line-height:1.3em;
	}
		
	.item .infoBox h2 a, .item .infoBox h3 a{
		display:block;
		position:relative;
	}
	.item .infoBox h2 a:hover, .item .infoBox h3 a:hover, .item .infoBox h2, .item .infoBox h3{
		opacity:1;
		}
	.item .infoBox h3 strong{
		display:block;
		position:relative;
		font-family: 'robotothin', sans-serif;
		font-weight:100;
		font-size:70px;
		line-height:75px;
		
		/*font-size:56px;
		line-height:1.5em;*/
		}
	.box-2 .item .infoBox h3.black{
		font-size:32px;
		line-height:35px;
		color:#FFF !important;
		}
	.box-2 .item .infoBox h3.black + p{
		color:#FFF;
		}
	.item .infoBox h2 a, .item .infoBox h3 a{
		color:#FFF;
		}
	.item .infoBox h3.black a{
		color:#1a1a1a;
		}
	.item .infoBox h3.black{
		color:#1a1a1a;
		}
	.item .infoBox p{
		display:block;
		position:relative;
		margin-top:10px;
		color:#222;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:25px;
		}
	.item .infoBox p.white{
		color:#FFF;
		}
.item .infoBox.bottom, .item .buttonBox.bottom{
	bottom:0px;
	}
.item .infoBox.top, .item .buttonBox.top{
	top:0px;
	}
	
.item.blueBox .item-overlay{
	display:none;
	}
.item.blueBox h3{
	letter-spacing:-1px;
}

.item.blueBox h3 strong{
	font-family: 'robotoregular', sans-serif;
	font-size:70px;
	font-weight:400;
}

.item.blueBox h3 small{
	font-family: 'robotoregular', sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0px;
}

.button-oval{
	display:inline-block;
	position:relative;
	height:38px;
	line-height:38px;
	padding:0px 20px;
	border-radius:20px;
	border:solid 2px #BABABA;
	font-family: 'robotoregular', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#1a1a1a;
	cursor:pointer;
	}
	.button-oval span{
		display:inline-block;
		position:relative;
		margin-left:20px;
		height:7px;
		width:10px;
		background:url("../../files/www/img/ico-arrow-right.png") 0px 0px no-repeat;
		/*background:url("../../files/www/img/ico-arrow-right-white.png") 0px 0px no-repeat;*/
		margin-top:16px;
		}

.button-oval.white{
	color:#FFF;
	border:solid 1px #FFF;
	}
	.button-oval.white span{
		background:url("../../files/www/img/ico-arrow-right-white.png") 0px 0px no-repeat;
		}
.button-oval.white a{
	color:#FFF !important;
	}

.button-ovals.small{
	display:inline-block;
	position:relative;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	padding-left:13px;
	padding-right:13px;
	border-radius:13px;
	background:#CCC;
	font-family: 'robotobold', sans-serif;
	font-weight:700;
	font-size:12px;
	color:#FFF;
	float:right;
	}
.button-ovals.smaller{
	display:inline-block;
	position:relative;
	height:18px;
	line-height:18px;
	text-transform:uppercase;
	padding-left:9px;
	padding-right:9px;
	border-radius:9px;
	background:#CCC;
	font-family: 'robotobold', sans-serif;
	font-weight:700;
	font-size:10px;
	color:#FFF;
	float:right;
	}
.button-ovals.ecommerce{
	background:#de127a;
}
.button-ovals.bigdata, .button-ovals.advertisers{
	background:#00a3e6;
}
.button-ovals.onlineaudience, .button-ovals.publishers{
	background:#90bc2e;
}
.button-ovals.digitalmarketing, .button-ovals.agencies{
	background:#ef7f1a;
}
.button-ovals.internettechnology{
	background:#A6CF39;
}
.button-ovals.black{
	background:#1A1A1A;
}

.button-oval.ecommerce{
	/*background:#de127a;*/
	border:solid 2px #de127a;
}
.button-oval.bigdata, .button-oval.advertisers{
	/*background:#00a3e6;*/
	border:solid 2px #00a3e6;
}
.button-oval.onlineaudience, .button-oval.publishers{
	/*background:#90bc2e;*/
	border:solid 2px #90bc2e;
}
.button-oval.digitalmarketing, .button-oval.agencies{
	/*background:#ef7f1a;*/
	border:solid 2px #ef7f1a;
}
.button-oval.internettechnology{
	/*background:#A6CF39;*/
	border:solid 2px #A6CF39;
}
.button-oval.black{
	background:#1A1A1A;
}

.button-oval.b404{
	background:#EEEEEE;
	color:#1a1a1a;
	}
	.button-oval.b404 span{
		background: url("../../files/www/img/ico-arrow-right-black.png") 0px 0px no-repeat;
		}


/*----------------- o firmie ---------------*/

.breadcrumbs{
	display:block;
	position:relative;
	height:20px;
	padding:20px 25px;
	border-bottom:solid 1px #DDDDDD;
	background:#FFF;
	}
	.breadcrumbs a, span{
		display:inline-block;
		position:relative;
		font-size:14px;
		line-height:20px;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		color:#222;
		margin-right:4px;
		color:#222;
		}
	.sectionTitle{
		display:block;
		position:relative;
		background:#FFF;
		padding:20px 25px;
		min-height:85px;
		}
	.sub-sectionTitle{
		display:block;
		position:relative;
		background:#FFF;
		padding:25px 25px;
		
		/*height:25px;*/
		border-top: solid 1px #DDDDDD;
		border-bottom: solid 1px #DDDDDD;
		}
	.sectionTitle.border{
		border-bottom: solid 1px #DDDDDD;
		margin-bottom:15px;
		}
	.sectionTitle h1{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		color:#1a1a1a;
		font-size:48px;
		line-height:60px;
		margin-top:18px;
		}
	

.l-pageContent-about .item .infoBox h3{
	font-size:32px;
	line-height:39px;
}

/*-----------------wyniki wyszukiwania -------------*/

.sectionTitle h1 span{
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size: 48px;
	line-height: 60px;
	color:#222;
	}
	.sectionTitle .btn-search{
		display:block;
		position:absolute;
		width:48px;
		height:48px;
		border:solid 1px #DDDDDD;
		border-radius:100%;
		top:40px;
		right:25px;
		overflow:hidden;
		text-indent:-9999px;
		background:url("../../files/www/img/ico-search.png") 12px 12px no-repeat;
		}
		
.searchList{
	display:block;
	position:relative;
	border-top:solid 1px #DDDDDD;
	padding:20px 25px;
	background:#FFF;
	}
	.searchList li{
		display:block;
		position:relative;
		margin-top:20px;
		border-bottom:solid 1px #DDDDDD;
		}
	.searchList li .box{
		display:block;
		position:relative;
		padding-bottom:20px;
		}
	.searchList li .tagBox {
		display: block;
		position: relative;
		margin-bottom: 8px;
		}
		.searchList li .tagBox .tag {
			display: inline-block;
			position: relative;
			font-size: 14px;
			line-height: 14px;
			font-family: 'robotolight', sans-serif;
			font-weight: 300;
			color: #222;
			}
		.searchList li .tagBox .tag:not(:first-child) {
			padding-left: 10px;
			margin-left: 10px;
			border-left: solid 1px #222;
			}
		.searchList li h4{
			display:block;
			position:relative;
			font-family: 'robotolight', sans-serif;
			font-size: 24px;
			line-height: 30px;
			font-weight: 300;
			color: #1a1a1a;
			}
		.searchList li h4 a{
			display:block;
			position:relative;
			font-family: 'robotolight', sans-serif;
			font-size: 24px;
			line-height: 30px;
			font-weight: 300;
			color: #1a1a1a;
			}
			
	.btnPaginBox{
		display:block;
		position:relative;
		height:40px;
		padding:60px 25px;
		background:#FFF;
		text-align:center;
		}
		.btnPaginBox .line{
			display:block;
			position:absolute;
			z-index:1;
			height:1px;
			width:38%;
			background:#DDD;
			margin-top:20px;
			}
		.btnPaginBox .line.left{
			left:25px;
			}
		.btnPaginBox .line.right{
			right:25px;
			}
		.btnPaginBox .button-oval.more span {
			height: 10px;
			width: 7px;
			background: url("../../files/www/img/ico-arrow-down.png") 0px 0px no-repeat;
			margin-top:14px;			
			}
			
/*----------- schowek ----------*/

.searchList .box:hover .button-oval.delete{
	opacity:1;
	}
.button-oval.delete{
	position:absolute;
	right:25px;
	top:10px;
	opacity:0;
	}
.button-oval.delete span{
	background: url("../../files/www/img/ico-oval-close.png") 0px 0px no-repeat;
	width:10px;
	height:10px;
	margin-top:14px;
	}
.sectionTitle .btn-cubby {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	border: solid 1px #DDDDDD;
	border-radius: 100%;
	top: 40px;
	right: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../../files/www/img/ico-cubby.png") 12px 12px no-repeat;
	}
.sectionTitle .btn-topics {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	border: solid 2px #DDDDDD;
	border-radius: 100%;
	top: 30px;
	right: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../../files/www/img/ico-topics.png") 15px 14px no-repeat;
	}
	
	

/*---------- schowek pusty ---------*/

.sectionTitle.border{
	border-bottom:solid 1px #DDD;
}

.cubbyEmptyBox{
	display:block;
	position:relative;
	padding:165px 0px;
	text-align:center;
	}
	.cubbyEmptyBox .lineHeader{
		display:inline-block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-size: 24px;
		line-height: 30px;
		font-weight: 300;
		color: #1a1a1a;
		padding-bottom:25px;
		margin-bottom:25px;
		border-bottom:solid 1px #DDD;
		padding-left:25px;
		padding-right:25px;
		}
	.cubbyEmptyBox p{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-size: 14px;
		line-height: 24px;
		font-weight: 300;
		color: #222;
		}
		
/*----------------- artykuł -------------*/

.sectionTitle .btn-article {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	border: solid 2px #de127a;
	border-radius: 100%;
	top: 40px;
	right: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../../files/www/img/ico-article.png") 9px 8px no-repeat;
	}
	
.main .tagBox {
	display: block;
	position: relative;
	margin-bottom: 8px;
	}
	.main .tagBox .tag {
		display: inline-block;
		position: relative;
		font-size: 10px;
		line-height: 14px;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		color: #222;
		}
		.main .tagBox .tag:not(:first-child){
			padding-left:5px;
			margin-left:5px;
			border-left:solid 1px #222;
			}
.sectionTitle.main {
	height:auto;
	}
article .sectionTitle.main .btn-article, .article .sectionTitle.main .btn-article{
	top:62px;
	right:0px;
	}

article, .article{
	display:block;
	position:relative;
	padding:0px 25px;
	}
	article .sectionTitle, .article .sectionTitle{
		padding-left:0px;
		padding-right:0px;
		height:auto;
		}
	
.artLeadBox{
	display:block;
	position:relative;
	margin:15px 0px;
	margin-bottom:45px;
	}
	.artLeadBox .imgBox{
		display:block;
		position:relative;
		float:left;
		width:49.5%;
		}
	.artLeadBox .imgBox img{
		display:block;
		position:relative;
		width:100%;
		height:auto;
		z-index:1;
		}
	.artLeadBox .imgBox .caption{
		display:inline-block;
		position:absolute;
		z-index:10;
		padding:5px 10px;
		background:rgba(0,0,0,0.6);
		color:#FFF;
		font-size:11px;
		line-height:12px;
		font-weight:300;
		bottom:0px;
		left:0px;
	}
	.artLeadBox .infoBox{
		display:block;
		position:relative;
		float:right;
		width:48%;
		}

.artWrapper{
	display:block;
	position:relative;
	}
.column-620{
	display:block;
	position:relative;
	width:63%;
	padding-right:8.5%;
	}
.column-620.right{
	padding-right:8.5%;
}
.column-190{
	display:block;
	position:relative;
	width:19.5%;
	}
	
article h2, h2, .article h2{
	display:block;
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:24px;
	line-height:30px;
	color:#1a1a1a;
	margin-bottom:25px;
	float:none;
	clear:both;
	}
article h3, h3, .article h3{
	display:block;
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:24px;
	line-height:25px;
	color:#1a1a1a;
	margin-bottom:25px;
	float:none;
	clear:both;
	}
article p, p, .article p{
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:14px;
	line-height:25px;
	color:#222;
	margin-bottom:25px;
	
	color:#222;
	}
article p a, p a, .article p a{
	font-family: 'robotoregular', sans-serif;
	font-weight: 400;
	color:#000000;
	text-decoration:underline;
	}
	
article p strong, p strong, , .article p strong{
	font-family: 'robotobold', sans-serif;
	font-weight: 700;
	}
	
article ul, .article ul{
	display:block;
	position:relative;
	margin-bottom:25px;
	}
	article ul li, .article ul li{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size:14px;
		line-height:25px;
		color:#222;
		padding-left:20px;
		background: url("../../files/www/img/ico-bullet.png") 0px 12px no-repeat;
		}
		article ul li p, .article ul li p{
			margin-bottom:10px;
			}
			
article ol, .article ol{
	display:block;
	position:relative;
	margin-bottom:25px;
	}
	article ol li, .article ol li{
		display:list-item;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size:14px;
		line-height:25px;
		color:#222;
		list-style:decimal;
		list-style-type:decimal;
		list-style-position:inside;
		}
		article ol li p, .article ol li p{
			margin-bottom:10px;
			}
	
.excerpt{
	display:inline-block;
	position:relative;
	margin:5px 25px;
	}
	.excerpt.block{
		display:block;
		position:relative;
		margin:25px 0px;
		}
	.excerpt.right{
		margin-right:0px;
		width:225px;
		}
	.excerpt.left{
		margin-left:0px;
		width:225px;
		}
.excerptBox{
	display:block;
	position:relative;
	padding:20px 30px;
	}
.onlineaudience .excerptBox, .publishers .excerptBox{
		background:#90bc2e;
		}
.ecommerce .excerptBox{
		background:#de127a;
		}
.bigdata .excerptBox, .advertisers .excerptBox{
		background:#00a3e6;
		}
.digitalmarketing .excerptBox, .agencies .excerptBox{
		background:#ef7f1a;
		}
.internettechnology .excerptBox{
		background:#A6CF39;
		}
	.excerptBox *{
		color:#FFF;
		margin-bottom:0px;
		}



.download{
	display:block;
	position:relative;
	padding:15px 0px;
	margin:15px 0px;
	border-top:solid 1px #DDD;
	}
	.download span{
		display:inline-block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size:14px;
		line-height:25px;
		color:#222;
		color:#
		}
	.download ul.downloadList{
		display:block;
		position:relative;
		letter-spacing:-3px;
		margin-top:10px;
		}
		.download ul.downloadList li{
			display:inline-block;
			position:relative;
			width:48%;
			margin-right:3.5%;
			letter-spacing:normal;
			padding-left:0px;
			background:none;
			margin-bottom:10px;
			}
		.download ul.downloadList li.last{
			margin-right:0px;
			}
	.download a{
		display:block;
		position:relative;
		font-family: 'robotoregular', sans-serif;
		font-weight: 400;
		font-size:14px;
		line-height:25px;
		color:#000000;
		}
		
.relatedBox{
	display:block;
	position:relative;
	background:#FFF;
	}
	.relatedBox .rb-header{
		display:block;
		position:relative;
		padding:20px 25px;
		background:#EEEEEE;
		}
		.relatedBox .rb-header h2{
			display:block;
			position:relative;
			font-family: 'robotolight', sans-serif;
			font-weight: 300;
			font-size:24px;
			line-height:40px;
			color:#1a1a1a;
			width:75%;
			float:left;
			margin-bottom:0px;
			}
		.relatedBox .rb-header .button-oval{
			float:right;
			}

.bottomGalleryBox{
	display:block;
	position:relative;
	padding:20px 25px;
	background:#FFF;
	min-height:260px;
	}
	.bottomGalleryBox ul, .bottomGalleryBox .ul{
		display:block;
		position:relative;
		letter-spacing:-3px;
		}
		.bottomGalleryBox ul li, .bottomGalleryBox .ul .li{
			display:inline-block;
			position:relative;
			letter-spacing:normal;
			width:48%;
			margin-right:3.5%;
			margin-bottom:30px;
			}
		.bottomGalleryBox ul li.odd, .bottomGalleryBox .ul .li.odd{
			margin-right:0px;
			}
			.bottomGalleryBox ul li .imgBox, .bottomGalleryBox .ul .li .imgBox{
				display:block;
				position:relative;
				width:48%;
				float:left;
				}
				.bottomGalleryBox ul li .imgBox img, .bottomGalleryBox .ul .li .imgBox img{
					display:block;
					position:relative;
					width:100%;
					height:auto;
					}
			.bottomGalleryBox ul li .infoBox, .bottomGalleryBox .ul .li .infoBox{
				display:block;
				position:relative;
				width:48%;
				float:right;
				}
				.bottomGalleryBox ul li .infoBox h2, .bottomGalleryBox .ul .li .infoBox h2{
					margin-bottom:10px;
					}

.artAside{
	display:block;
	position:relative;
	width:68.5%;
	}
	.artAside .box{
		display:block;
		position:relative;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:solid 1px #DDD;
		}
	.artAside .box:last-child{
		padding-bottom:0px;
		margin-bottom:0px;
		border-bottom:none;
		}
	.artAside .box .btn{
		display:inline-block;
		position:relative;
		width:35px;
		height:35px;
		overflow:hidden;
		text-indent:-9999px;
		margin-right:10px;
		cursor:pointer;
		margin-top:10px;
		}
		.artAside .box .btn.cubby{
			background: url("../../files/www/img/ico-art-cubby.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.cubby:hover{
				background: url("../../files/www/img/ico-art-cubby-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
		.artAside .box .btn.cubby.active{
			background: url("../../files/www/img/ico-art-cubby-active.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.cubby.active:hover{
				background: url("../../files/www/img/ico-art-cubby-active-hover.png") 0px 0px no-repeat;
				}
		.artAside .box .btn.print{
			background: url("../../files/www/img/ico-art-print.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.print:hover{
				background: url("../../files/www/img/ico-art-print-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
		.artAside .box .btn.fb{
			background: url("../../files/www/img/ico-art-fb.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.fb:hover{
				background: url("../../files/www/img/ico-art-fb-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
		.artAside .box .btn.tw{
			background: url("../../files/www/img/ico-art-tw.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.tw:hover{
				background: url("../../files/www/img/ico-art-tw-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
		.artAside .box .btn.in{
			background: url("../../files/www/img/ico-art-in.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.in:hover{
				background: url("../../files/www/img/ico-art-in-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
		.artAside .box .btn.pin{
			background: url("../../files/www/img/ico-art-pin.png") 0px 0px no-repeat;
			}
			.artAside .box .btn.pin:hover{
				background: url("../../files/www/img/ico-art-pin-hover.png") 0px 0px no-repeat;
				opacity:1;
				}
	.artAside .box p.title{
		font-size:14px;
		color:#222;
		margin-bottom:10px;
		margin-top:10px;
		color:#222;
		}
	.artAside .box .tag{
		font-size:14px;
		color:#1a1a1a;
		margin-bottom:0px;
		word-break: break-word;
		position:relative;
		}
	.artAside .box .btn-more{
		display:inline-block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size:14px;
		line-height:25px;
		color:#1a1a1a;
		margin-top:5px;
		}
	.btn-expand{
		padding-right:18px;
		background: url("../../files/www/img/ico-arrow-down.png") right 6px no-repeat;
		}
	.btn-expand.expanded{
		padding-right:18px;
		background: url("../../files/www/img/ico-arrow-up.png") right 6px no-repeat;
		}
	.btn-expand	span.up{
		display:none;
		}
	.btn-expand	span.down{
		display:block;
		}
	.btn-expand.expanded span.up{
		display:block;
		}
	.btn-expand.expanded span.down{
		display:none;
		}	
		
		
	.artAside .box p.title.ico{
		padding-left:23px;
		background: url("../../files/www/img/ico-art-boxes.png") 0px 0px no-repeat;
		width:100%;
		}
		.artAside .box.type p.title.ico{
			background-position:0px 7px;
			}
		.artAside .box.topics p.title.ico{
			background-position:0px -75px;
			}
		.artAside .box.branch p.title.ico{
			background-position:0px -194px;
			}
		.artAside .box.region p.title.ico{
			background-position:0px -273px;
			}
		.artAside .box.comment p.title.ico{
			background-position:0px -344px;
			}		
		.artAside .expandableBox{
			display:block;
			position:relative;
			height:38px;
			overflow:hidden;
			}
			.artAside .expandableBox.expanded{
				height:inherit;
				}		
		.artAside .box img.avatar{
			display:block;
			position:relative;
			width:60px;
			height:60px;
			margin-bottom:15px;
			}
		.artAside .box .commentWrapper{
			display:block;
			position:relative;
			z-index:2;
			}
		.artAside .box.comment:hover .commentBox{
			opacity:1;
			visibility:visible;
			}
		.artAside .box .commentBox{
			display:block;
			opacity:0;
			visibility:hidden;
			position:absolute;
			z-index:1;
			width:400px;
			border:solid 2px #CE076A;
			background:#FFF;
			padding:25px 20px;
			padding-left:155px;
			padding-left:185px;
			padding-top:40px;
			top:-22px;
			left:-22px;
			
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
			
		.onlineaudience .artAside .box .commentBox, .publishers .artAside .box .commentBox{
			border:solid 2px #e5057d;
			}
		.bigdata .artAside .box .commentBox, .advertisers .artAside .box .commentBox{
			border:solid 2px #00a3e6;
			}
		.artAside .box .commentBox .btn-all{
			display:inline-block;
			position:relative;
			font-family: 'robotolight', sans-serif;
			font-weight: 300;
			font-size:14px;
			line-height:25px;
			color:#1a1a1a;
			padding-right:18px;
			background: url("../../files/www/img/ico-arrow-right.png") right 10px no-repeat;
			}
	

.bgbFormBox{
	display:none;
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	background:#EEEEEE;
	top:0px;
	left:0px;
	}
	.bgbFormBox form{
		display:block;
		position:relative;
		padding:0px 25px;
		}
		.bgbFormBox form ul{
			display:block;
			position:relative;
			width:100%;
			vertical-align:top;
			}
			.bgbFormBox form ul li{
				display:block;
				position:relative;
				width:48%;
				vertical-align:top;
				padding:0px;
				margin:0px;
				clear:none;
				}
			.bgbFormBox form ul li.first{
				float:left;
				}
			.bgbFormBox form ul li.second{
				float:right;
				}
			.bgbFormBox form ul li fieldset{
				display:block;
				position:relative;
				margin-bottom:15px;
				}
				.bgbFormBox form ul li fieldset textarea{
					display:block;
					position:relative;
					width:95.5%;
					resize:none;
					height:205px;
					}
				.bgbFormBox form ul li fieldset input{
					display:block;
					position:relative;
					width:95.5%;
					}
				.bgbFormBox form button{
					background:none;
					float:right;
					margin-top:10px;
				}

/*----------- o firmie aktualności ----------*/

.l-pageContent-about + .bottomGalleryBox ul li, .l-pageContent-about + .bottomGalleryBox .ul .li{
	margin-bottom:30px;
	}
.l-pageContent-about + .bottomGalleryBox{
	padding-bottom:0px;
}

.btnPaginBox.lower{
	padding-top:25px;
	}

/*--------------- o firmie aktualność --------*/

article h3.higher, .article h3.higher{
	margin-top:60px;
}

/*--------------- o firmie infografika --------*/

.column-700{
	display:block;
	position:relative;
	width:71.5%;
	}
	.paddingBox{
		display:block;
		position:relative;
		padding:25px 25px;
		}

.bottomBoxesBox {
	display: block;
	position: relative;
	padding: 40px 25px;
	background: #FFF;
	border-top: solid 1px #DDD;
	}
	.bottomBoxesBox ul{
		display:block;
		position:relative;
		letter-spacing:-3px;
		}
		.bottomBoxesBox ul li{
			display:inline-block;
			position:relative;
			letter-spacing:normal;
			width:23%;
			margin-right:2.55%;
			margin-bottom:25px;
			}
		.bottomBoxesBox ul li:last-child{
			margin-right:0px;
			}
		.bottomBoxesBox ul li a{
			display:block;
			position:relative;
			overflow:hidden;
			}
			.bottomBoxesBox ul li a img{
				display:block;
				position:relative;
				width:100%;
				height:auto;
				z-index:1;
				}
				.bottomBoxesBox ul li a .btnBox{
					display:block;
					position:absolute;
					bottom:0px;
					padding:0% 11%;
					z-index:10;
					width:77%;
					}
					.bottomBoxesBox ul li a .btnBox h2{
						display:block;
						position:relative;
						font-family: 'robotolight', sans-serif;
						font-weight: 300;
						font-size:32px;
						line-height:32px;
						color:#FFF;
						background: url("../../files/www/img/ico-arrow-right-white.png") right 50% no-repeat;
						}
					.bottomBoxesBox ul li a .btnBox h3{
						display:block;
						position:relative;
						font-family: 'robotolight', sans-serif;
						font-weight: 300;
						font-size:24px;
						line-height:30px;
						color:#FFF;
						background: url("../../files/www/img/ico-arrow-right-white-2.png") right 100% no-repeat;
						}
					.bottomBoxesBox ul li a:hover .item-overlay{
						opacity:0.7;
						}
					.bottomBoxesBox ul li a:hover{
						opacity:1;
						}

.info-tabBox{
	display:block;
	position:relative;
	padding:0px 25px;
	padding-bottom:40px;
	}
.infoTab{
	height:1px;
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	position:relative;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.infoTab.current{
	opacity:1;
	visibility:visible;
	height:auto;
	}
/*------------ newsletter --------*/

.l-pageContent-newsletter{
	display:block;
	position:relative;
	min-height:650px;
	}

.newsletterFormBox{
	display:block;
	position:relative;
	padding:25px;
	background:#EEEEEE;
	}
	.newsletterFormBox form{
		display:block;
		position:relative;
		}
		.newsletterFormBox form ul.main{
			display:block;
			position:relative;
			letter-spacing:-3px;
			}
			.newsletterFormBox form ul.main li.main{
				display:block;
				position:relative;
				letter-spacing:normal;
				width:48%;
				clear:none;
				}
			.newsletterFormBox form ul.main li.first{
				/*float:left;*/
				}
			.newsletterFormBox form ul.main li.second{
				/*float:right;*/
				}
				
h2.border{
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:solid 1px #DDDDDD;
	}
		.newsletterFormBox form ul.sub{
			display:block;
			position:relative;
			letter-spacing:-3px;
			}
			.newsletterFormBox form ul.sub li{
				display:inline-block;
				position:relative;
				letter-spacing:normal;
				margin-bottom:15px;
				/*width:33.2%;*/
				width:40%;
				}
			.newsletterFormBox form ul.sub li.block{
				display:block;
				}
			.newsletterFormBox form input[type="checkbox"]{
				display:inline-block;
				position:relative;
				margin-right:8px;
				line-height:25px;
				}
			.newsletterFormBox form .caption{
				display:inline-block;
				position:relative;
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size:14px;
				line-height:25px;
				color:#222;
				margin-top:-7px;
				cursor:pointer;
				}
			.newsletterFormBox form .caption.smaller{
				font-size:14px;
				margin-top:-6px;
				max-width:90%;
				}
				
			.newsletterFormBox form input[type="text"],.newsletterFormBox form input[type="email"]{
				margin-bottom:15px;
				width:95.5%;
				}
			.newsletterFormBox form .selectBox {
				width:100%;
				margin-bottom:15px;
				}
			.newsletterFormBox form .selectBox div.selector select{
				width:100%;
				}
			
			.newsletterFormBox form .bottomBox{
				margin-top:15px;
				}
			.newsletterFormBox form .bottomBox fieldset{
				display:block;
				position:relative;
				margin-bottom:15px;
			}
			.newsletterFormBox form button{
				display:inline-block;
				position:relative;
				float:right;
				top:0px;
				background:none;
				margin-top:20px;
				}
			.newsletterFormBox .defaultForm div.selector span{
				width:90.8% !important;
			}
			
			
			.defaultForm .sem label.error, .defaultForm .sem span.error {
top: 0px !important;
/* left: -100px !important; */
right: -98px;
}

.defaultForm .agreeBox{
	display:block;
	position:relative;
}
.defaultForm .agreeBox label.error, .defaultForm .agreeBox span.error {
	top: 0px !important;
/* left: -100px !important; */
right: -98px;
}

.msgBox{
	display:block;
	position:absolute;
	z-index:100;
	top:75px;
	left:50%;
	}
	.msgBox .mb-message{
		display:block;
		position:relative;
		width:370px;
		padding:70px 55px;
		background:rgba(26,26,26,0.9);
		margin-left:-50%;
		text-align:center;
		}
		.msgBox .mb-message h2{
			color:#FFF;
			padding-bottom:20px;
			margin-bottom:20px;
			border-bottom:solid 1px #555;
			}
		.msgBox .mb-message p{
			color:#9a9a9a;
			margin-bottom:0px;
			}
		.msgBox .mb-message .close{
			display:block;
			position:absolute;
			z-index:10;
			width:35px;
			height:35px;
			overflow:hidden;
			top:25px;
			right:25px;
			text-indent:-9999px;
			background: url("../../files/www/img/ico-msgbox-close.png") 0px 0px no-repeat;
			}


/*------------- kontakt ------------*/

.columns{
	display:block;
	position:relative;
	padding:20px 25px;
	background:#FFF;
	}	
	.column-480{
		display:block;
		position:relative;
		width:49%;
		}

.l-pageContent-contact p{
	color:#222;
	}
.l-pageContent-contact h2{
	display:block;
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:36px;
	line-height:45px;
	color:#1a1a1a;
	}
.l-pageContent-contact small{
	display:block;
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:12px;
	line-height:18px;
	color:#222;
	}
	
.infoBoxWrapper{
	display:block;
	position:relative;
	}
	.infoBoxWrapper .ibw-left{
		display:block;
		position:relative;
		width:47%;
		float:left;
		}
	.infoBoxWrapper .ibw-right{
		display:block;
		position:relative;
		width:47%;
		float:right;
		}

.map {
	width: 100%;
	height: 240px;
	z-index: 1;
	}
	#gmap1 {
	width: 100%;
	height: 240px;
		}
	#gmap2 {
	width: 100%;
	height: 240px;
		}
	#gmap4 {
	width: 100%;
	height: 240px;
	}
	#gmap5 {
	width: 100%;
	height: 240px;
	}



.personBoxList{
	display:block;
	position:relative;
	padding:20px 25px;
	}
	.personBoxList .person{
		display:inline-block;
		position:relative;
		margin-bottom:40px;
		width:33%;
		}	
		.personBoxList .person .imgBox{
			display:block;
			position:relative;
			width:90px;
			height:90px;
			overflow:hidden;
			border-radius:100%;
			margin-bottom:20px;
			}
			.personBoxList .person .imgBox img{
				display:block;
				position:relative;
				width:100%;
				height:auto;
				}
		.personBoxList .person .infoBox{
			display:block;
			position:relative;
			}
			.personBoxList .person .infoBox h2{
				font-size:24px;
				height:30px;
				color:#1a1a1a;
				}
			.personBoxList .person .infoBox p{
				display:block;
				position:relative;
				margin-top:0px;
				margin-bottom:0px;
				}
			.personBoxList .person .infoBox .email{
				margin-top:10px;
				margin-bottom:0px;
				color:#1a1a1a;
				}
			.personBoxList .person .infoBox .email.nomargin{
				margin-top:0px;
				}
			
.contactFormBox{
	display:block;
	position:relative;
	background: #EEEEEE;
	padding-bottom:20px;
	}
	.contactFormBox form {
		display: block;
		position: relative;
		padding: 0px 25px;
		}
	.contactFormBox .formbody h2{
		margin-top:20px;
		}
		.contactFormBox form ul{
			display:block;
			position:relative;
			letter-spacing:-3px;
			}
			.contactFormBox form ul li{
				display:block;
				position:relative;
				letter-spacing:normal;
				width:48%;
				clear: none;
				}
			.contactFormBox form ul li.first{
				float:left;
				}
			.contactFormBox form ul li.second{
				float:right;
				}
			.contactFormBox form ul li fieldset {
				display: block;
				position: relative;
				margin-bottom: 15px;
				}
			.contactFormBox form ul li fieldset textarea {
				display: block;
				position: relative;
				width: 95.5%;
				resize: none;
				height: 210px;
				}
			.contactFormBox form ul li fieldset input {
				display: block;
				position: relative;
				width: 95.5%;
				}
			.contactFormBox form .selectBox {
				width: 100%;
				margin-bottom: 15px;
				}
			.contactFormBox form .selectBox div.selector select {
				width: 100%;
				}
			.contactFormBox form button{
				float:right;
				background:none;
			}

.l-pageContent-contact .columns.second{
	padding:20px 25px;
	border-top:solid 1px #DDD;
	padding-bottom:50px;
	}

.column-620{
	display:block;
	position:relative;
	width:63%;
	}
.column-330{
	display:block;
	position:relative;
	width:33.5%;
}

.countryContactList{
	display:block;
	position:relative;
}
.countryContactList .country{
	display:inline-block;
	position:relative;
	width:30%;
	margin-right:2.5%;
	margin-bottom:20px;
	}
	.countryContactList .country img{
		display:block;
		position:relative;
		width:100%;
		height:auto;
		z-index:1;
		}
	.countryContactList .country h3{
		color:#FFF;
		display:block;
		position:absolute;
		padding:0px 8.5%;
		bottom:0px;
		z-index:3;
		}
	.countryContactList .country h3 a{
		color:#FFF;
		text-decoration:none;
	}
	.countryContactList .country .country-overlay{
		display:block;
		position:absolute;
		z-index:2;
		width:100%;
		height:100%;
		background:#000;
		opacity:0;
		}
	.countryContactList .country span{
		display:block;
		position:absolute;
		z-index:5;
		width:12px;
		height:15px;
		background: url("../../files/www/img/ico-contact-span.png") 0px 0px no-repeat;
		opacity:0;
		top:10px;
		right:10px;
		}
	.countryContactList .country.current span{
		opacity:1;
		}
	.countryContactList .country:hover{
		opacity:1;
		}
	.countryContactList .country.current .country-overlay{
		opacity:0.4;
	}
	.countryContactList .country:hover .country-overlay{
		opacity:0.4;
		}
	

.contactTab{
	display:none;
	position:relative;
	}
	.contactTab.current{
		display:block;
		position:relative;
		}

.contactTab p{
	margin-bottom:0px;
	}

.contactTab .email{
	margin-top:10px;
	margin-bottom:0px;
	color:#1a1a1a;
				}
.contactTab .email.nomargin{
	margin-top:0px;
	}
	


.mapSmaller {
	width: 100%;
	height: 190px;
	z-index: 1;
	margin-top:30px;
	}
	#gmap3 {
	width: 100%;
	height: 190px;
	}

/*-------------- zamów dane -----------*/

.dataFormBox{
	display:none;
	position:relative;
	background:#EEEEEE;
	padding:20px 25px;
	}
.dataFormBox.current{
	display:block;
	}
	.dataFormBox form{
		display:block;
		position:relative;
		padding-top:25px;
		border-top:solid 1px #DDDDDD;
		}
		.dataFormBox form ul{
			display:block;
			position:relative;
			}
			.dataFormBox form ul li{
				display:block;
				position:relative;
				padding:25px 0px;
				border-bottom:solid 1px #DDDDDD;
				clear:both;
				}
			.dataFormBox form ul li .circle{
				display:block;
				position:absolute;
				border:solid 1px #DDDDDD;
				width:60px;
				height:60px;
				border-radius:100%;
				line-height:60px;
				top:25px;
				left:0px;
				color:#1a1a1a;
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size:24px;
				text-align:center;
				}
			.dataFormBox form ul li:first-child .circle{
				top:0px;
				}
			.dataFormBox form ul li fieldset{
				width:480px;
				display:block;
				position:relative;
				margin:0px auto;
				margin-bottom:15px;
				}
			.dataFormBox form ul li fieldset.fs-half{
				width:240px;
				padding-right:240px;
			}
			.dataFormBox form ul li .selectBox div.selector select{
				width:100%;
				}
			.dfb-tabBox{
				display:block;
				position:relative;
				margin-top:15px;
				margin-bottom:0px;
				}
			.dfb-tabBox p{
				display:inline-block;
				position:relative;
				line-height:40px;
				margin-right:20px;
				margin-bottom:0px;
				}
			.dfb-tabBox .dfbTab{
				display:inline-block;
				position:relative;
				line-height:38px;
				margin-right:0px;
				font-size:14px;
				padding-left:35px;
				border:solid 1px #DDDDDD;
				padding-right:12px;
				color:#222;
				background:#EEEEEE url("../../files/www/img/ico-tabBox.png") 10px 13px no-repeat;
				margin-left:-4px;
				}
			.dfb-tabBox .dfbTab:hover{
				opacity:1;
				}
			.dfb-tabBox .dfbTab.current{
				color:#FFF;
				background:#000 url("../../files/www/img/ico-tabBox-current.png") 10px 13px no-repeat;
				border:solid 1px #000;
				}
			.dataFormBox form ul li input[type="text"], .dataFormBox form ul li input[type="email"]{
				width:95.5%;
				}
				
			.dataFormBox form button{
				margin-top:20px;
				background:none;
				float:right;
				margin-bottom:5px;
			}

			
			
			.dataFormBox form .caption {
				display: inline-block;
				position: relative;
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size: 14px;
				line-height: 25px;
				color: #222;
				margin-top: -7px;
				}
			.dataFormBox form .chkBoxWrapper{
				display:block;
				position:relative;
				}
				.dataFormBox form .chkBoxWrapper p{
					display:inline-block;
					position:relative;
					margin-right:20px;
					margin-bottom:0px;
				}
			.dataFormBox form .chkBox{
				display:inline-block;
				position:relative;
				margin-right:15px;
				margin-top:8px;
				}
			.dataFormBox form .chkBox label{
				cursor:pointer;
			}
			
.defaultForm div.selector{
	width:100% !important;
	}
.defaultForm div.selector span{
	width:90% !important;
}

.defaultForm div.selector select{
	width:98% !important;
}

.defaultForm .fs-half div.selector span{
	width:85% !important;
}

.defaultForm .af-year div.selector{
	width:90%!important;
}
.defaultForm .af-year div.selector span{
	width:78%!important;
}

.defaultForm .af-year label.error, .defaultForm .af-year span.error{
	top:0px !important;
	/*left:-100px !important;*/
	right:-80px;
}

.error.valid{
	display:none !important;
}
				
/*------------- kategoria -------------*/

.bigHeader h2{
	font-size:36px;
	line-height:45px;
	}

.tagBox {
	display: block;
	position: relative;
	margin-bottom: 8px;
	}
.tagBox .tag {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	color: #222;
	margin-right:0px;
	}
	.tagBox .tag:not(:first-child) {
		padding-left: 10px;
		margin-left: 10px;
		border-left: solid 1px #222;
		}
		
.newsletterGreyBox{
	display:block;
	position:relative;
	padding:25px;
	padding-top:20px;
	background:#EEEEEE;
	}

.categoryListBox{
	display:block;
	position:relative;
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	margin:20px -25px;
	margin-bottom:40px;
	z-index:10000;
	}
	.categoryBoxWrapper{
		display:block;
		position:relative;
		width:20%;
		float:left;
		}
		.categoryBox{
			display:block;
			position:relative;
			padding:20px 25px;
			border-right:solid 1px #DDD;
			cursor:pointer;
			}
		.categoryBox.last{
			border-right:none;
			}
			.categoryBox .title{
				display:block;
				position:relative;
				font-family: 'robotoregular', sans-serif;
				font-weight: 400;
				font-size:14px;
				line-height:24px;
				height:24px;
				color:#1a1a1a;
				background:url("../../files/www/img/ico-arrow-categoryBox.png") right 6px no-repeat;
				}
			.categoryBox .subtitle{
				display:block;
				position:relative;
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size:14px;
				line-height:24px;
				height:24px;
				color:#222;
				}
			.categoryBox .subtitle.strong{
				font-family: 'robotolight', sans-serif;
				font-weight: 400;
				color:#1a1a1a;
				}
			.categoryBoxWrapper .categoryScroller{
				display:block;
				position:absolute;
				padding:15px 0px;
				background:#EEEEEE;
				z-index:100;
				width:100%;
				margin-top:-40px;
				visibility:hidden;
				opacity:0;
				}
			.categoryBoxWrapper:hover{
				background:#EEE;
				}
			.categoryBoxWrapper:hover .categoryScroller{
				opacity:1;
				visibility:visible;
				}			
			.categoryScroller a, .categoryScroller p{
				display:block;
				position:relative;
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size:14px;
				line-height:30px;
				color:#222;
				padding:0px 25px;
				margin:0px;
				}
			.categoryScroller a{
				-webkit-transition: all 0s ease-in-out;
				-moz-transition: all 0s ease-in-out;
				-o-transition: all 0s ease-in-out;
				transition: all 0s ease-in-out;
				}
			.categoryScroller a.current{
				font-weight: 400;
				color:#1a1a1a;
				background:url("../../files/www/img/ico-categoryScroller-current.png") 7px 12px no-repeat;
				}
			.subLinksList .categoryScroller a.current{
				background:none !important;
			}
			.cbw-1 .categoryScroller{
				height:210px;
				}
			.cbw-2 .categoryScroller{
				height:210px;
				}
			
			.cbw-3 .categoryScroller.cs-1{
				height:240px;
				padding-top:50px;
				}
			.cbw-3 .categoryScroller.cs-2{
				height:240px;
				margin-left:100%;
				margin-top:-5px;
				}
			.cbw-4 .categoryScroller{
				height:210px;
				}
		.categoryBoxWrapper .dateBox{
			display:block;
			position:absolute;
			background:#EEE;
			padding:20px 0px;
			padding-top:0px;
			visibility:hidden;
			opacity:0;
			width:100%;
			}
		.categoryBoxWrapper:hover .dateBox{
			visibility:visible;
			opacity:1;
			}
		.categoryBoxWrapper .dateBox p{
			margin-bottom:5px;
			margin-top:0px;
			}
			.categoryBoxWrapper .dateBox .selectBoxWrapper{
				display:block;
				position:relative;
				padding:0px 15px;
				}
			.categoryBoxWrapper .dateBox .selectBoxWrapper .selectBox{
				width:80px;
				display:inline-block;
				position:relative;
				-webkit-transform-origin:0% 0%;
				-moz-transform-origin	:0% 0%;
				-o-transform-origin		:0% 0%;
				transform-origin		:0% 0%;
		
				-webkit-transform:	scale(0.80);
				-moz-transform:		scale(0.80); 
				-o-transform:		scale(0.80);
				transform:			scale(0.80);
				}
			.categoryBoxWrapper .dateBox .selectBoxWrapper .selectBox.sb2{
				width:90px;
			}
			.categoryBoxWrapper .dateBox .selectBoxWrapper .selectBox div.selector select{
				width:100%;
			}
			.categoryBoxWrapper .dateBox button{
				margin-top:15px;
				background:none;
				font-weight:700;
				font-family: 'robotobold', sans-serif;
				font-size:14px;
				line-height:18px;
			}
			

/*---------------- 404 ---------------*/

.l-pageContent-404{
	display:block;
	position:relative;
	padding:150px 0px;
	text-align:center;
	background:#000;
	height:100%;
}

.l-pageContent-404 h2{
	display:block;
	position:relative;
	text-align:center;
	color:#686868;
	position:relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size:48px;
	line-height:70px;	
	margin:0px;
}

.l-pageContent-404 h1{
	display:inline-block;
	position:relative;
	text-align:center;
	color:#FFF;
	position:relative;
	font-family: 'robotothin', sans-serif;
	font-weight: 100;
	font-size:180px;
	line-height:195px;	
	padding-bottom:30px;
	margin-bottom:30px;
}

.l-pageContent-404 form{
	display:block;
	position:relative;
	}
	.l-pageContent-404 form input{
		display:inline-block;
		position:relative;
		line-height:40px;
		background:#686868;
		color:#FFF;
		padding:0px 15px;
		width:315px;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size:16px;
		height:40px;
		float:none;
		margin-right:15px;
		}
		
.l-pageContent-404 .fakePlaceholder {
	color: #ffffff !important;
	}
.l-pageContent-404 ::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff !important;
	}
.l-pageContent-404 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff !important;
	}
.l-pageContent-404 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff !important;
	}
.l-pageContent-404 :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff !important;
	}


/*----------------- topics -------------*/
.ul.topicsList h2 a, .ul.countryList h2 a, .ul.industryList h2 a {
	color: #1a1a1a;
	}
.ul.topicsList, .ul.countryList, .ul.industryList{
	display:block;
	position:relative;
	padding:0px 25px;
	padding-left:50px;
	}
	.ul.topicsList .li, .ul.countryList .li, .ul.industryList .li{
		display:block;
		position:relative;
		padding-top:15px;
		padding-bottom:40px;
		margin-bottom:25px;
		border-bottom:solid 1px #DDD;
		}
	.ul.topicsList .li:last-child, .ul.countryList .li:last-child, .ul.industryList .li:last-child{
		border-bottom:none;
		}
		.ul.topicsList .li ul, .ul.countryList .li ul, .ul.industryList .li ul{
			display:block;
			position:relative;
			letter-spacing:-3px;
			}
			.ul.topicsList .li ul li, .ul.countryList .li ul li, .ul.industryList .li ul li{
				display:block;
				position:relative;
				letter-spacing:normal;
				float:left;
				width:33%;
				}
				.ul.topicsList .li ul li a, .ul.countryList .li ul li a, .ul.industryList .li ul li a{
					display:block;
					position:relative;
					padding-right:27%;
					font-family: 'robotolight', sans-serif;
					font-weight: 300;
					font-size:14px;
					line-height:20px;
					color:#222;
					margin:0px;
					margin-bottom:10px;
					}
					

.topics-overlay, .country-overlay, .industry-overlay{
	display:none;
	position:relative;
	z-index:10000000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	}
.overlay-close{
	display:block;
	position:absolute;
	top:20px;
	right:25px;
	background:#CCC;
	z-index:10;
	width:24px;
	height:24px;
	background:url("../../files/www/img/ico-overlay-close.png") 0px 0px no-repeat;
}
.overlay-close:hover{
	opacity:0.7;
}
.topics-overlay.visible, .country-overlay.visible, .industry-overlay.visible{
	display:block;
	}
	.topics-overlay .to-background, .country-overlay .co-background, .industry-overlay .io-background{
		display:block;
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background:#FFF;
		}
	.topics-overlay .to-box, .country-overlay .co-box, .industry-overlay .io-box{
		display:block;
		position:relative;
		z-index:3;
		width:100%;
		background:#FFF;
		}


/*--------------- kariera poznaj nas --------------*/
.l-pageContent-career h2{
	/*color:#222;*/
	}
.subMenu{
	display:block;
	position:relative;
	padding-bottom:40px;
	}
	.subMenu ul, .subMenu .ul{
		display:block;
		position:relative;
		letter-spacing:-3px;
		padding:17px 0px;
		border-top:solid 1px #DDD;
		border-bottom:solid 1px #DDD;
		}
		.subMenu ul li, .subMenu .ul .li{
			display:block;
			position:relative;
			letter-spacing:normal;
			float:left;
			width:12.5%;
			text-align:center;
			}
		.subMenu a{
			display:block;
			position:relative;
			text-align:center;
			font-family: 'robotolight', sans-serif;
			font-weight: 300;
			font-size:14px;
			line-height:24px;
			height:24px;
			color:#1a1a1a;
			}
		.subMenu .current a{
			font-family: 'robotoregular', sans-serif;
			font-weight: 400;
			}
			.subMenu .current:after{
				display:block;
				position:absolute;
				height:3px;
				background:#1A1A1A;
				width:100%;
				z-index:10;
				content:"";
				top:39px;
				}
			.subMenu .trail:after{
				display:block;
				position:absolute;
				height:3px;
				background:#1A1A1A;
				width:100%;
				z-index:10;
				content:"";
				top:39px;
				}

.personList{
	display:block;
	position:relative;
	margin-bottom:30px;
	margin-top:50px;
	margin-left:-3.5%;
	margin-right:-3.5%;
	}
.personList:after{
	display:block;
	position:relative;
	width:97%;
	height:1px;
	background:#DDD;
	content:"";
	margin-left:1.5%;
	}
	.personList .person{
		display:block;
		position:relative;
		width:16.6%;
		float:left;
		text-align:center;
		margin-bottom:45px;
		}
	.personList .person:nth-child(1), .personList .person:nth-child(7), .personList .person:nth-child(13), .personList .person:nth-child(19){
		/*margin-left:-40px;*/
		}
		.personList .person .imgBox{
			display:block;
			position:relative;
			width:90px;
			height:90px;
			overflow:hidden;
			border-radius:100%;
			margin:0px auto;
			margin-bottom:20px;
			}
			.personList .person .imgBox img{
				display:block;
				position:relative;
				width:100%;
				height:auto;
				}
			.personList .person h2{
				margin:0px;
				font-size:14px;
				line-height:25px;
				}
			.personList .person small{
				font-family: 'robotolight', sans-serif;
				font-weight: 300;
				font-size:12px;
				line-height:18px;
				color:#222;
				}
			.personList .person p{
				display:none;
				}
		


.profitList{
	display:block;
	position:relative;
	margin-bottom:30px;
	margin-top:50px;
	}
	.profitList .profit{
		display:block;
		position:relative;
		width:30%;
		float:left;
		text-align:center;
		margin-bottom:45px;
		}
		.profitList .profit .imgBox{
			display:block;
			position:relative;
			width:60px;
			height:60px;
			overflow:hidden;
			margin:0px auto;
			margin-bottom:20px;
			background:url("../../files/www/img/ico-profitList.png") 0px 0px no-repeat;
			}
		.profitList .profit p{
			padding:0px 20%;
			color:#222;
			font-size:14px;
			line-height:25px;
			}
			.profitList .profit:nth-child(1) .imgBox{
				background-position:0px 0px;
				}
			.profitList .profit:nth-child(2) .imgBox{
				background-position:-351px 0px;
				}
			.profitList .profit:nth-child(3) .imgBox{
				background-position:-690px 0px;
				}
			.profitList .profit:nth-child(4) .imgBox{
				background-position:-1px -191px;
				}
			.profitList .profit:nth-child(5) .imgBox{
				background-position:-351px -190px;
				}
			.profitList .profit:nth-child(6) .imgBox{
				background-position:-691px -190px;
				}


.personOverlay{
	display:none;
	position:absolute;
	z-index:1000;
	width:100%;
	top:0px;
	left:0px;
	text-align:center;
	}
	.po-box{
		display:block;
		position:relative;
		margin:0px auto;
		width:320px;
		width:270px;
		padding:25px 30px;
		background:rgba(0,0,0,0.91);
		text-align:center;
		}
	.po-close{
		display:block;
		position:absolute;
		top:15px;
		right:15px;
		width:35px;
		height:35px;
		text-indent:-9999px;
		overflow:hidden;
		background:url("../../files/www/img/ico-po-close.png") 0px 0px no-repeat;
		}
	.po-box .imgBox{
		display:block;
		position:relative;
		width:90px;
		height:90px;
		border-radius:100%;
		overflow:hidden;
		margin:0px auto;
		margin-bottom:20px;
		}
	.po-box h2{
		margin:0px;
		color:#ffffff;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:25px;
		}
	.po-box small{
		color:#9a9a9a;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:12px;
		line-height:18px;
		}
	.po-box p{
		margin:0px;
		margin-top:35px;
		color:#ffffff;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:25px;
		}

/*--------------- kariera działy --------*/

.divisionList{
	display:block;
	position:relative;
	margin-top:50px;
	}
	.divisionList .division{
		display:inline-block;
		position:relative;
		margin-right:4%;
		margin-bottom:25px;
		width:20%;
		}
		.divisionList .division img{
			display:block;
			position:relative;
			width:100%;
			height:auto;
			margin-bottom:25px;
			}
		.divisionList .division h2{
			width:80%;
			}
			
/*------------ kariera oferty pracy lista ---------*/

.column-half{
	display:block;
	position:relative;
	width:48%;
	}
	.art-intro{
		display:block;
		position:relative;
		margin-bottom:40px;
		padding-bottom:30px;
		border-bottom:solid 1px #DDD;
		}
		
.jobList{
	display:block;
	position:relative;
	margin-top:30px;
	}
	.jobList .job{
		display:block;
		position:relative;
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:solid 1px #DDD;
		}
	.jobList .job:last-child{
		border-bottom:none;
		}
		.jobList .job img{
			width:8%;
			height:auto;
			float:left;
			}
		.jobList .job .infoBox{
			width:88%;
			float:right;
			}
		.jobList .job .infoBox p{
			margin-bottom:0px;
			line-height:35px;
			}
			.jobList .job .infoBox p a{
				display:inline-block;
				position:relative;
				}
			.jobList .job .infoBox p a span{
				display:inline-block;
				position:relative;
				margin-left:10px;
				background:url("../../files/www/img/ico-arrow-right.png") right 50% no-repeat;
				width:10px;
				height:7px;
				margin-top:15px;
			}
			
div.selector, div.selector span, div.selector select{
	cursor:pointer !important;
}

.column-190{
	margin-bottom:30px;
}
			

.subSection.white{
	background:#FFF;
	}
.subSection.white .socialButtons{
	display:inline-block;
	position:relative;
	}
.subSection.white.socialButtons p, .subSection.white.socialButtons a{
	margin-right:25px;
	display:inline-block;
	position:relative;
	font-family: 'robotoregular', sans-serif;
	font-weight:400;
	}
.subSection.white.socialButtons p{
	margin-top:5px;
	margin-bottom:5px;
}

.subSection.white.socialButtons a img {
			filter: url("../../files/www/js/filters.svg#grayscale"); /* Firefox 3.5+ */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
			opacity:0.6;

			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			width:100%;
			height:auto;
			}
			.subSection.white.socialButtons a img:hover {
				filter: none; /* Applies to FF + IE */
				-webkit-filter: grayscale(0);
				opacity:1;

			}




/*---------------------- kariera oferta pracy ----------*/

.column-225{
	display:block;
	position:relative;
	width:23%;
	}

.higherList li{
	line-height:35px;
	background-position:0px 16px;
	}
	.higherList {
		padding-bottom:35px;
		margin-bottom:35px;
		border-bottom:solid 1px #DDD;
		}
	.higherList:last-child{
		border-bottom:none;
		margin-bottom:0px;
		}

.l-pageContent-career .relatedBox{
	text-align:center;
	margin-bottom:30px;
	}
.l-pageContent-career .relatedBox .rb-header .button-oval{
	float:none;
	}
	.l-pageContent-career .relatedBox .socialBox{
		display:inline-block;
		position:absolute;
		float:right;
		right:25px;
		top:20px;
		}
		.l-pageContent-career .relatedBox .socialBox p{
			font-size:14px;
			line-height:40px;
			display:inline-block;
			position:relative;
			margin-right:10px;
			margin-bottom:0px;
			margin-top:0px;
			color:#222;
			}
			.l-pageContent-career .relatedBox .socialBox a{
				display:inline-block;
				position:relative;
				margin-right:10px;
				width:35px;
				height:35px;
				overflow:hidden;
				text-indent:-9999px;
				margin-top:2px;
				}
			.l-pageContent-career .relatedBox .socialBox a.btn-sb-fb{
				background:url("../../files/www/img/ico-sb-fb.png") 0px 0px no-repeat;
				}
			.l-pageContent-career .relatedBox .socialBox a.btn-sb-tw{
				background:url("../../files/www/img/ico-sb-tw.png") 0px 0px no-repeat;
				}
			.l-pageContent-career .relatedBox .socialBox a.btn-sb-ln{
				background:url("../../files/www/img/ico-art-in.png") 0px 0px no-repeat;
				margin-right:0px;
				}
article h4, h4, .article h4{
	display: block;
	position: relative;
	font-family: 'robotolight', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	color: #1a1a1a;
	margin-bottom: 25px;
	float: none;
	clear: both;
	}

.jobBox{
	display:block;
	position:relative;
	padding:25px;
	background:#EEEEEE;
	}
	.jobBox h4{
		margin-bottom:0px;
		}
	.jobBox a{
		display:inline-block;
		position:relative;
		padding:10px 0px;
		padding-right:20px;
		margin-bottom:0px;
		border-bottom:solid 1px #DDD;
		color:#1a1a1a;
		font-size:14px;
		line-height:20px;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		}
		.jobBox a span{
			display:inline-block;
			position:relative;
			width:10px;
			height:7px;
			background: url("../../files/www/img/ico-arrow-right.png") 0px 0px no-repeat;
			margin-left:7px;
			margin-top:7px;
			}
		.jobBox a:last-child{
			border-bottom:0px;
			}

/*--------------- kariera comfort -----------*/


.carouselGallery{
	display:block;
	position:relative;
	margin:50px 0px;
	}
	.carouselGallery .imageList{
		display:none;
		position:relative;
		}
	.carouselGallery .cg-projector{
		display:block;
		position:relative;
		width:85%;
		left:7.5%;
		top:0px;
		text-align:center;
		z-index:10;
		}
		.carouselGallery .cg-projector .topBox{
			display:block;
			position:relative;
			z-index:20;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
			.carouselGallery .topBox img{
				display:block;
				position:relative;
				width:100%;
				height:auto;
				z-index:1;
				}
		.carouselGallery .prevBox{
			display:block;
			position:absolute;
			z-index:1;
			width:75%;
			left:-7.5%;
			top:12%;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
			.carouselGallery .prevBox img{
				display:block;
				position:relative;
				width:100%;
				height:auto;
				}
	.carouselGallery .nextBox{
		display:block;
		position:absolute;
		z-index:1;
		width:75%;
		right:-7.5%;
		top:12%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}
		.carouselGallery .nextBox img{
			display:block;
			position:relative;
			width:100%;
			height:auto;
			}
		.carouselGallery .cg-projector .cgp-prev{
			display:block;
			position:absolute;
			z-index:100;
			width:30px;
			height:30px;
			border:solid 1px #FFF;
			border-radius:100%;
			overflow:hidden;
			background: url("../../files/www/img/ico-arrow-left-white.png") 50% 50% no-repeat;
			top:47%;
			left:15px;
			text-indent:-9999px;
			cursor:pointer;
			}
			.carouselGallery .cg-projector .cgp-prev:hover{
				opacity:0.5;
				}
		.carouselGallery .cg-projector .cgp-next{
			display:block;
			position:absolute;
			z-index:100;
			width:30px;
			height:30px;
			border:solid 1px #FFF;
			border-radius:100%;
			overflow:hidden;
			background: url("../../files/www/img/ico-arrow-right-white.png") 50% 50% no-repeat;
			top:47%;
			right:15px;
			text-indent:-9999px;
			cursor:pointer;
			}
			.carouselGallery .cg-projector .cgp-next:hover{
				opacity:0.5;
				}
		.carouselGallery .cg-projector .number{
			display:block;
			position:absolute;
			z-index:100;
			width:60px;
			height:60px;
			border:solid 1px #FFF;
			border-radius:100%;
			overflow:hidden;
			text-align:center;
			font-size:24px;
			line-height:58px;
			color:#FFF;
			left:50%;
			margin-left:-30px;
			top:85px;
			}
		.carouselGallery .cg-projector .infoBox{
			display:block;
			position:absolute;
			width:70%;
			padding:0px 15%;
			text-align:center;
			margin-top:165px;
			z-index:30;
			top:0px;
			}
		.carouselGallery .cg-projector .infoBox *{
			color:#FFF;
			text-shadow: 2px 2px 2px #000000;
			}
		.carouselGallery.overlay .cg-projector .infoBox *{
			color:#FFF;
			text-shadow: 0px 0px 0px rgba(0,0,0,0);
			}
		.carouselGallery.overlay .cg-projector .topBox:before{
			display:block;
			position:absolute;
			z-index:2;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:rgba(0,0,0,0.5);
			content:"";
		}
		.carouselGallery .cg-projector .topBox:before{
			display:block;
			position:absolute;
			z-index:2;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:rgba(0,0,0,0.2);
			content:"";
		}
	
/*------------------ kariera formularz --------------*/

.applicationForm{
	display:block;
	position:relative;
	padding:25px;
	margin-top:-40px;
	background:#EEEEEE;
	padding-bottom:0px;
	}
	.applicationForm .af-section{
		display:block;
		position:relative;
		padding-top:20px;
		border-top:solid 1px #DDD;
		margin-top:20px;
		}
		.applicationForm .af-section h2{
			margin-bottom:15px;
			}

li.block {
	display: block !important;
	width:100% !important;
	}
.applicationForm ul{
	display:block;
	position:relative;
	}
.applicationForm fieldset{
	display:block;
	position:relative;
	float:none;
	clear:both;
	margin-bottom:15px;
	}
	.applicationForm.defaultForm ul li{
		display:inline-block;
		position:relative;
		margin-bottom:0px;
		}
		.applicationForm ul li.block input{
			width:96%;
			}
	.applicationForm ul li.af-year{
		width:32%;
		}
	.applicationForm ul li.af-place{
		width:67%;
		}
		.applicationForm ul li.af-place input{
			width:94.5%;
			}
	
	.applicationForm textarea{
		resize:none;
		width:96%;
		height:135px;
		}
	.applicationForm .labelList  textarea{
		resize:none;
		width:93%;
		height:135px;
		}
	.applicationForm.defaultForm div.selector{
		border:solid 1px #FFF;
		}
	.applicationForm.defaultForm div.selector select{
		width:100%;
		}

.applicationForm.defaultForm .languageBox .lbWrapper{
	display:block;
	position:relative;
	}
.applicationForm.defaultForm .languageBox .language input{
	width:80%;
	margin-top:-1px;
	}
.applicationForm.defaultForm .languageBox .language.template{
	display:none;
	}
.applicationForm.defaultForm .employerBox .employer.template{
	display:none;
	}
	.applicationForm.defaultForm .languageBox li{
		width:32%;
		}
	.applicationForm.defaultForm .languageBox li p{
		margin-top:10px;
		}
	.applicationForm.defaultForm .languageBox li div.selector{
		width:155px !important;
		}
		.applicationForm.defaultForm .languageBox li div.selector span{
			width:120px !important;
			}
	.applicationForm.defaultForm .languageBox li.af-speech{
		margin-left:8px;
		}
	.applicationForm.defaultForm .languageBox li.af-writing{
		float:right;
		}
	.applicationForm.defaultForm .languageBox .add-language, .applicationForm.defaultForm .employerBox .add-employer{
		display:inline-block;
		position:relative;
		margin-top:15px;
		float:right;
		
		height: 24px;
		line-height: 24px;
		font-family: 'robotoregular', sans-serif;
		font-weight: 400;
		font-size: 14px;
		color: #1a1a1a;
		}		
		.applicationForm.defaultForm .languageBox .add-language span, .applicationForm.defaultForm .employerBox .add-employer span {
			display: inline-block;
			position: relative;
			margin-left: 10px;
			height: 9px;
			width: 9px;
			background: url("../../files/www/img/ico-plus.png") 0px 0px no-repeat;
			margin-top: 8px;
			}
		
		.applicationForm.defaultForm .add-file{
			display:inline-block;
			position:relative;
			margin-top:15px;
			float:right;
			
			height: 24px;
			line-height: 24px;
			font-family: 'robotoregular', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #1a1a1a;
			}
		
		.applicationForm.defaultForm .add-file span {
			display: inline-block;
			position: relative;
			margin-left: 10px;
			height: 9px;
			width: 9px;
			background: url("../../files/www/img/ico-arrow-right.png") 0px 0px no-repeat;
			margin-top: 8px;
			}
			
	.applicationForm.defaultForm li.af-file{
		width:77%;
		}
		.applicationForm.defaultForm li.af-file input{
			width:96%;
			}
	.applicationForm.defaultForm li.af-add-file{
		width:20%;
		float:right;
		}
	.applicationForm.defaultForm small{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		font-size: 14px;
		line-height:20px;
		color:#222;
		margin-bottom:15px;
		}
		.applicationForm.defaultForm label.caption{
			display:inline-block;
			font-family: 'robotolight', sans-serif;
			font-weight: 300;
			font-size: 14px;
			line-height:20px;
			color:#222;
			float:left;
			margin-left:20px;
			margin-top:-21px;
			margin-bottom:15px;
			}		
		.applicationForm .af-agreeBox{
			width:66%;
			}
		.applicationForm button{
			background:none;
			position:absolute;
			z-index:10;
			right:0px;
			top:15px;
			}


.applicationForm .calendarsBox{
	display:block;
	position:relative;
	margin-bottom:15px;
	}
	.applicationForm .calendarsBox{
		display:block;
		position:relative;
		vertical-align:top;
		}
		.applicationForm .calendarsBox li{
			display:inline-block;
			position:relative;
			vertical-align:top;
			clear:none;
			}
		.applicationForm .calendarsBox li:first-child{
			width:40%;
			float:left;
			}
		.applicationForm .calendarsBox li:last-child{
			width:58%;
			float:right;
			}
		.applicationForm .calendarsBox li .datePickerBox input{
			display:inline-block;
			position:relative;
			float:none;
			width:40%; 
			margin-right:4%;
			}
			.applicationForm .calendarsBox li .datePickerBox input:last-child{
				margin-right:0px;
			}
		.applicationForm .calendarsBox li p{
			margin-top:10px;
			margin-bottom:0px;
			}

.applicationForm .labelList {
	display: block;
	position: relative;
	vertical-align: top;
	}
	.applicationForm .labelList li{
		display:block;
		position:relative;
		clear:none;
		}
	.applicationForm .labelList li p{
		margin-top:10px;
		}
	.applicationForm .labelList li:first-child {
		width: 40%;
		float: left;
		
		}
	.applicationForm .labelList li:last-child {
		width: 58%;
		float: right;
		}
	.applicationForm .labelList .selector{
		width:96% !important;
		}
	.applicationForm .labelList .selector span{
		width:88% !important;
		}
	.applicationForm .labelList input{
		width:93% !important;
		}
		
.applicationForm  .edubox{
	display:none;
	}

.applicationForm .employer{
	display:none;
	}
	.applicationForm .employer.active{
		display:block;
		}
.applicationForm .language{
	display:none;
	}
	.applicationForm .language.active{
		display:block;
		}
		
.applicationForm .labelList.is-hidden{
	display:none;
}

/**
 * @section: Footer
 * -------------------------------------------------------
 */
 

.partnersBox{
	display:block;
	position:relative;
	padding:25px;
	background:#EEE;
	}
	.partnersBox p{
		display:block;
		position:relative;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:16px;
		color:#1a1a1a;
		margin-bottom:25px;
		}
	.partnersBox ul{
		display:table;
		position:relative;
		width:100%;
		}
		.partnersBox ul li{
			display:table-cell;
			position:relative;
			text-align:center;
			width:14.2%;
			}
		.boxes4ward_article .partnersBox ul li{
			display:inline-block;
			position:relative;
			padding-right:20px;
			width:auto;
			text-align:left;
			}
		.partnersBox ul li a:hover{
			opacity:1;
			}
		.partnersBox ul li img {
			filter: url("../../files/www/js/filters.svg#grayscale"); 
			filter: gray; 
			-webkit-filter: grayscale(1); 
			opacity:0.6;

			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			/*width:100%;
			height:auto;*/
			}
			.partnersBox ul li img:hover {
				/*filter: none; 
				-webkit-filter: grayscale(0);
				opacity:1;
				*/

			}
			/*
			.partnersBox ul li:nth-child(1), .partnersBox ul li:nth-child(2){
				text-align:left;
				}
			.partnersBox ul li:nth-child(5),.partnersBox ul li:nth-child(6){
				text-align:right;
				}
			*/
			.partnersBox ul li a{
				display:block;
				position:relative;
				}

 
footer[role="contentinfo"] {
	display:block;
	position:relative;
	padding:20px 25px;
	border-top:solid 1px #DDDDDD;
	background:#EEE;
	}
	footer[role="contentinfo"] .f-left{
		display:block;
		position:relative;
		width:40%;
		float:left;
		}
	footer[role="contentinfo"] .f-right{
		display:block;
		position:relative;
		width:60%;
		float:right;
		text-align:right;
		}
		footer[role="contentinfo"] .f-right p {
			line-height:15px;
			margin-right: 0px;
		}
	footer[role="contentinfo"] p{
		display:inline-block;
		position:relative;
		font-family: 'robotoregular', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:17px;
		color:#9f9f9f;
		margin-right:15px;
		}
	footer[role="contentinfo"] a{
		display:inline-block;
		position:relative;
		font-family: 'robotoregular', sans-serif;
		font-weight:400;
		font-size:12px;
		color:#9f9f9f;
		}
		footer[role="contentinfo"] .f-left a{
			margin-top:0px;
			margin-right:10px;
			padding-right:10px;
			border-right:solid 1px #E2E2E2;
			}
		footer[role="contentinfo"] .f-left a:last-child{
			margin-right:0px;
			padding-right:0px;
			border-right:none;
			}
	


		
/**
 * @section: forms
 * -------------------------------------------------------
 */

.defaultForm ul li {
	display: 		block;
	position: 		relative;
	clear: 			both;
	margin-bottom: 	5px;	
	}
	.defaultForm li label:first-child {
		float: 		left;
		display: block;
		font-size: 12px;
		line-height: 19px;
		margin-top: 9px;
		text-align: right;
		padding-right: 10px;
		}
.defaultForm input[type="text"], 
.defaultForm input[type="email"], 
.defaultForm input[type="password"], 
.defaultForm textarea {
	font: 300 16px/30px "robotolight", arial, sans-serif;
	
	border: 				1px solid #EEEEEE;
	background-color: 		#fff;

	padding: 				6px 10px;
	float: 					left;
	
	}
	
.defaultForm textarea{
	word-break: break-word;
}
.defaultForm input[type="text"]:focus, 
.defaultForm input[type="email"]:focus, 
.defaultForm input[type="password"]:focus, 
.defaultForm textarea:focus {
	border-color: #a1aab0;
	}
.defaultForm .error input[type="text"], 
.defaultForm .error input[type="email"], 
.defaultForm .error input[type="password"], 
.defaultForm .error textarea {
	border-color: #ff0000;
	}

.defaultForm div.selector {
	background-position: -890px -40px;
	position: relative;
	padding-left: 10px;
	}
	.defaultForm div.selector span {
		background-position: right 0px;
		padding: 0px 35px 0px 2px;
		cursor: pointer;
		display: block;
		height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font: 300 16px/38px "robotolight", arial, sans-serif;
		
		}
.defaultForm .error .selector {
	background-position: -890px -200px;
	}
	.defaultForm .error .selector span {
		background-position: right -160px;
		}
.defaultForm div.selector select {
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity:0);
	border: none;
	background: none;
	height: 38px;
	}
.defaultForm div.selector.focus {
	background-position: -890px -120px;
	}
.defaultForm div.selector.focus span {
	background-position: right -80px;
	}
	
	
.defaultForm label.error,
.defaultForm span.error {
	position: absolute;
	width: auto !important;
	height: 24px;
	font-size: 11px;
	line-height: 24px;
	white-space: nowrap;
	color: #fff;
	padding: 0 10px;
	margin: 0;
	background-color: #cd252d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-O-border-radius: 4px;
	border-radius: 4px;	
	z-index: 10;
	}
	.defaultForm label.error:before,
	.defaultForm span.error:before {
		content: url("../../files/www/img/error-arrow.png");
		display: block;
		position: absolute;
		left: -4px;
		top: 2px;
		}

/**
 * @section: Plugins CSS
 * -------------------------------------------------------
 */
 
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../../files/www/img/gui-forms.png");
  background-repeat: no-repeat;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}


/**
 * @section: brickItems
 * -------------------------------------------------------
 */

body{
	overflow:hidden;
	}

.noScale{
	height:auto !important;
	}

.containerWrapper{
	display:block;
	position:relative;	
	-webkit-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-o-transform-origin:0% 0%;
	transform-origin:0% 0%;
	}

#container{
	display:block;
	position:relative;	
	-webkit-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-o-transform-origin:0% 0%;
	transform-origin:0% 0%;
	overflow:hidden;
	}
	.item{
		display:block;
		position:relative;
		width:33.5%;
		float:left;
		}
	.item.smaller{
		width:33.5%;
		}
	.item.smaller + .item.smaller{
		width:33.25%;
		}	
	.item.smaller + .item.wide{
		width:66.7%;
		}
	.item.smaller + .item.wide + .item{
		width:33.3%;
		}
	.item.wide{
		width:66.5%;
		}
	.item.double{
		height:400px;
		}
	.item.right{
		float:right;
		}		

.item.wide.right + .item + .item{
	float:right;
	}

.l-pageContent-home .box-2 .item{
	max-height:295px;
	}

.l-pageContent-home .box-6 .item{
	float:right;
	}
.l-pageContent-home .box-8 .item{
	width:33.25%;
	}
.l-pageContent-home .box-8 .item .item-overlay{
	display:none;
	}
.l-pageContent-home .box-9 .item{
	width:33.25%;
	}
.l-pageContent-home .box-10 .item{
	width:66.7%;
	}
	.l-pageContent-home .box-10 .item table{
		display:none !important;
	}
.l-pageContent-home .box-11 .item{
	width:33.3%;
	}

.l-pageContent-career .item.smaller{
	width:33.3%;
	}
.l-pageContent-career .box-1 .item{
	max-height:595px;
	}
	
.l-pageContent-about .item.smaller{
	width:33.3% !important;
	}
.l-pageContent-about .box-1 .item{
	/*max-height:295px;*/
	}


.bottomBoxesBox ul li a .item-overlay{
	display:none;
}

/*---------- dla mediów -----*/

.l-pageContent-media .columns{
	padding:0px 
	}
	.mediaInfoBox{
		display:block;
		position:relative;
		padding:25px 25px;
		}
		.mediaInfoBox p{
		}
	
.colorBoxes{
	display:block;
	position:relative;
	}
	.colorBoxes .colorBox{
		display:block;
		width:33.3%;
		float:left;
		min-height:260px;		
		}
	.colorBoxes .colorBox span{
		display:block;
		position:absolute;
		top:25px;
		right:25px;
		width:64px;
		height:64px;
		}
		.colorBoxes .colorBox._onlineaudience span, .colorBoxes .colorBox.publishers span{
			background: url("../../files/www/img/ico-media-online-audience.png") 0px 0px no-repeat;
			}
		.colorBoxes .colorBox._ecommerce span{
			background: url("../../files/www/img/ico-media-e-commerce.png") 0px 0px no-repeat;
			}
		.colorBoxes .colorBox._digitalmarketing span, .colorBoxes .colorBox.agencies span{
			background: url("../../files/www/img/ico-media-digital-marketing.png") 0px 0px no-repeat;
			}
		.colorBoxes .colorBox._internettechnology span{
			background: url("../../files/www/img/ico-media-internet-technology.png") 0px 0px no-repeat;
			}
		.colorBoxes .colorBox._bigdata span, .colorBoxes .colorBox.advertisers span{
			background: url("../../files/www/img/ico-media-big-data.png") 0px 0px no-repeat;
			}
		.colorBoxes .colorBox.contact span{
			background: url("../../files/www/img/ico-media-contact.png") 0px 0px no-repeat;
			}
	.colorBoxes .colorBox.contact{
		background: #fff;
		}
	.colorBoxes .colorBox.contact .textBox{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		}
	
	.colorBoxes .colorBox div{
		display:block;
		position:relative;
		padding:25px;
		min-height:200px;
		}
	.colorBoxes .colorBox h2{
		display:block;
		position:absolute;
		bottom:15px;
		left:25px;
		margin:0px;
		font-size:32px;
		line-height:40px;
		color:#FFF;
		}
	.colorBoxes .colorBox.contact h2{
		color:#1a1a1a;
		}


/*------- kariera comfort -----------*/
	
	.carouselGallery .topBox img{
		min-height:450px;
		}
	.carouselGallery .prevBox img, .carouselGallery .nextBox img{
		min-height:310px;
		}
		



/*------------- dla mediów online audience -------*/

.btn-ico{
	display:block;
	position:absolute;
	width:60px;
	height:60px;
	z-index:10;
	top:50%;
	margin-top:-30px;
	right:25px;
	overflow:hidden;
	text-indent:-9999px;
	}
	.btn-ico._onlineaudience, .btn-ico.publishers{
		background: url("../../files/www/img/btn-ico-online-audience.png") !important;
		background-size:100%;
		}
		
	.l-pageContent-media .formBox{
		display:block;
		position:relative;
		background:#EEEEEE;
		padding:25px;
		}
		
	.l-pageContent-media .formBox .formSection{
		padding:25px 0px;
		margin-top:25px;
		border-top:solid 1px #DDD;
		display:block;
		position:relative;
		}
	.formBox > h2{
		width:75%;
		padding-right:25px;
	}
	.formSection h2{
		margin-bottom:5px;
		}
		.l-pageContent-media .formBox .formSection .ul{
			display:block;
			position:relative;
			border-bottom:solid 1px #DDD;
			padding-bottom:15px;
			}
		.l-pageContent-media .formBox .formSection .ul:last-child{
			border-bottom:none;
			padding-bottom:0px;
			}
			.l-pageContent-media .formBox .formSection .ul .li{
				display:block;
				position:relative;
				width:33%;
				float:left;
				margin-top:10px;
				height:30px;
				}
		.l-pageContent-media .formBox .formSection .ul .li.title p{
			color:#1a1a1a;
			}
		.l-pageContent-media .formBox .formSection .ul .li p{
			margin-bottom:0px;
			}
		.column-720{
			display:block;
			position:relative;
			width:72%;
			}
		.column-720.left{
			border-right:solid 1px #DDD;
			padding-right:25px;
			}
		.column-720.right{
			border-left:solid 1px #DDD;
			padding-left:25px;
			}
		.column-200{
			width:23%;
			}
		.column-200 p{
			margin:15px 0px;
			}
		.column-200 h2{
			margin-top:40px;
			}
			.column-200 h2 + p{
				margin-top:0px;
				
			}

.subSection{
		padding:25px;
		border-top:solid 1px #DDD;
		display:block;
		position:relative;
		}
.subSection:last-child{
	border-bottom:none;
	}
	
	.subSection .colorBoxes .colorBox{
		width:23%;
		margin-right:2.6%;
		min-height:170px;
		}
		.subSection .colorBoxes .colorBox:last-child{
			margin-right:0px;
			}
			
		.subSection .colorBoxes .colorBox div{
			min-height:150px;
			}
			
		.subSection .colorBoxes .colorBox span{
			background-size:100%;
			width:45px;
			height:45px;
			}

.countryBox{
	display:none !important;
}
.countryBox.current{
	display:block !important;
}

/*-------------- dla mediów onlineaudience  2 -----------*/

article.onlineaudience, article.publishers{
	padding-top:0px;
	}
ul.ch-list{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	}
	ul.ch-list li{
		display:inline-block;
		position:relative;
		width:48%;
		margin:0px;
		padding:0px;
		}
		ul.ch-list li p{
			margin-bottom:5px;
			}
article.onlineaudience + .formBox .column-half.left, article.publishers + .formBox .column-half.left{
	border-right:solid 1px #DDD;
	width:49%;
	}
	
/*--------------- kariera formularz umiejętności -----------*/

.applicationForm{
	margin-top:0px;
	}
.inlineParagraph{
	display:block;
	position:relative;
	}
	.inlineParagraph p{
		display:inline-block;
		margin-right:15px;
		}
		
.scopeBox{
	display:block;
	position:relative;
	}
	.scopeBox a{
		display:inline-block;
		position:relative;
		float:left;
		width:48px;
		height:48px;
		line-height:48px;
		border:solid 1px #DDDDDD;
		margin-left:-1px;
		color:#222;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		text-align:center;
		}
	.scopeBox a:first-child{
		margin-left:0px;
		}
	.scopeBox a.current{
		background:#1A1A1A;
		border:solid 1px #1A1A1A;
		color:#FFF;
	}
	
.applicationForm .labelList.scopeBoxList li:first-child{
	width:27%;
}
.applicationForm .labelList.scopeBoxList li:last-child{
	float:left;
}

p.nomargin{
	margin-bottom:5px;
}


.column-620{
		padding-right:0px;
	}

.cookiesBox{
	display:block;
	position:fixed;
	bottom:50px;
	right:50px;
	padding:30px;
	background:#2DAAE1;
	width:555px;
	z-index:1000000;
	}
	.cookiesBox strong{
		display:block;
		position:relative;
		font-family: 'robotobold', sans-serif;
		font-weight:700;
		font-size:18px;
		line-height:24px;
		margin-bottom:20px;
		color:#FFF;
		}
	.cookiesBox p{
		display:block;
		position:relative;
		font-family: 'robotoregular', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:18px;
		color:#FFF;
		margin-bottom:0px;
		}
	.cookiesBox p a{
		display:inline-block;
		text-decoration:underline;
		color:#FFF;
		}
	.cookiesBox .cookies-close{
		display:block;
		position:absolute;
		width:35px;
		height:35px;
		z-index:10;
		right:30px;
		top:20px;
		background: url("../../files/www/img/cookies-close.png");
	}


.keywordsBox{
	display:block;
	position:relative;
	margin:30px 0px;
	}
	.keywordsBox h2{
		display:block;
		position:relative;
		float:left;
		width:80px;
		padding-left:25px;
		color:#6e6e6e;
		background: url("../../files/www/img/ico-art-boxes.png") 0px 0px no-repeat;
		background-position: 0px -78px;
		font-size:14px;
		line-height:20px;
		font-family: 'robotolight', sans-serif;
		font-weight:300;
		}
	.keywordsList{
		display:block;
		position:relative;
		width:calc(75% - 105px);
		float:left;
		}
		.keywordsList p{
			display:inline-block;
			position:relative;
			margin-right:2px;
			font-size:14px;
			font-family: 'robotolight', sans-serif;
			font-weight:300;
			line-height:20px;
			color:#1a1a1a;
			margin-bottom:5px;
			}


h3.inline{
display: inline;
}

h3.inline:after{
content: '';
display: block;
clear: both;
height: 20px;}

h3.inline2{
float: left;
width: 50%;
}

h3.inlin2e:after{
content: '';
display: block;
clear: both;
height: 20px;
}


.subNav li .active {font-weight:bold;}
.subNav li a.trail {font-weight:bold;}

.defaultForm .af-agreeBox  label.error, .defaultForm .af-agreeBox  span.error{
	margin-left:10px;
	margin-top:-5px;
	top:0px;
}

.btn-top{
	display:block;
	position:fixed;
	bottom:60px;
	width:98px;
	height:98px;
	background: url("../../files/www/img/btn-top.png") 0px 0px no-repeat;
	z-index:1000;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.btn-top.active{
	opacity:1;
	}


.traffic_login{
	background:#5ebde3 !important;
	}

/**
 * @section: RWD
 * -------------------------------------------------------
 */


#container a{
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
body.w1440{
	width:1440px;
}

.column-700 img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1440px){
.categoryScroller a, .categoryScroller p{
		font-size:12px;
		line-height:18px;
		}
}

@media screen and (max-width: 1360px){
	.bottomBoxesBox ul li a .btnBox h2{
		font-size:24px;
		line-height:24px;
	}
	
	.item .infoBox h3{
		font-size:32px;
		line-height:36px;
	}
}


@media screen and (max-width: 1280px){
	.categoryBox{
		padding:20px 15px;
	}
	.categoryBox .title, .categoryBox .subtitle{
		font-size:12px;
		line-height:18px;
		width:55px;
		height:20px;
		overflow:hidden;
		}
	.categoryScroller a, .categoryScroller p{
		font-size:12px;
		line-height:18px;
		padding:0px 15px;
	}
	.mCSB_inside > .mCSB_container{
		margin-right:15px;
	}
	.categoryScroller a.current{
		background: url("../../files/www/img/ico-categoryScroller-current.png") 4px 6px no-repeat;
	}
}


.mobile{
	display:none !important;
	}
@media screen and (max-width: 1200px){
	
.subMenu ul li:nth-child(1), .subMenu .ul .li:nth-child(1){	
	width:10%;
	}
.subMenu ul li:nth-child(2), .subMenu .ul .li:nth-child(2){	
	width:10%;
	}
.subMenu ul li:nth-child(3), .subMenu .ul .li:nth-child(3){	
	width:10%;
	}
.subMenu ul li:nth-child(4), .subMenu .ul .li:nth-child(4){	
	width:10%;
	}
.subMenu ul li:nth-child(6), .subMenu .ul .li:nth-child(6){	
	width:16%;
	}
.subMenu ul li:nth-child(7), .subMenu .ul .li:nth-child(7){	
	width:16%;
	}

	
.subMenu a{
	font-size:12px;
	}
	
	
	
	.bottomBoxesBox ul li a .btnBox h2{
		font-size:18px;
		line-height:22px;
	}
	
	.item .infoBox h3{
		font-size:32px;
		line-height:36px;
	}
	
}

@media screen and (max-width: 1024px){
	.l-pageContent-career.comfort .column-700{
		width:100%;
	}
	.menuBox .companyLogo{
		margin:32px 0px;
	}
	
	.bottomBoxesBox ul li a .btnBox h2{
		font-size:18px;
		line-height:20px;
	}
	
	img {
		max-width: 100%;
		height: auto;
		}
	
}
	
/* -- tablet -- */
@media screen and (max-width: 860px){
	
	
	.leftBox .menuBox.fixed{
		left:-250px;
	}
	
	.leftBox.activeNav .menuBox.fixed{
		display:block;
		position:fixed;
		left:0px;
		top:0px;
	}
	.leftBox .menuBox.fixed{
		display:block;
		position:fixed;
		top:0px;
	}
	
	.subMenu ul, .subMenu .ul{
		text-align:center;
		margin:0px auto;
	}
	.subMenu ul li, .subMenu .ul .li{
		width:inherit !important;
		margin-left:20px !important;
		}
	
	.leftBox{
		position:absolute;
		z-index:10;
		margin-left:-250px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}
	.leftBox.activeNav{
		margin-left:0px;
		}
	.rightBox{
		margin-right:0px;
		-webkit-transition: margin-right 0.3s ease-in-out;
		-moz-transition: margin-right 0.3s ease-in-out;
		-o-transition: margin-right 0.3s ease-in-out;
		transition: margin-right 0.3s ease-in-out;
		}
	.rightBox.activeNav{
		margin-right:-250px;
		}
	
	.navBox.mobile{
		display:block !important;
		position:relative;
		z-index:100;
		top:0px;
		left:0px;
		width:100%;
		height:60px;
		background:#1a1a1a;
		}
		.navBox.mobile .btnNav{
			display:block;
			position:relative;
			width:60px;
			height:60px;
			background:#000 url("../../files/www/img/mobile-btnNav.png") 0px 0px no-repeat;
			overflow:hidden;
			text-indent:-9999px;
			}
		.navBox.mobile .btnNav.activeNav{
			background:#1a1a1a url("../../files/www/img/mobile-btnNav.png") 0px 0px no-repeat;
			}
		.navBox.mobile .btnNav:hover{
			opacity:1;
			}
			
	.menuBox .companyLogo{
		display:none;
		}
	.navBox .companyLogo{
		display:block;
		position:absolute;
		top:0px;
		left:50%;
		margin:17px 0px;
		z-index:10;
		}
		
	.navBox .companyLogo img{
		margin-left:-25%;
		width:70%;
		height:auto;
		width:100%;
		margin-left:-42%;
		margin-top:-5px;
		}
	footer[role="contentinfo"]{
		margin-left:0px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}	
	footer[role="contentinfo"].activeNav{
		/*margin-left:-250px;*/
		}
		
	/*---- artykuł ----*/
	.sectionTitle h1{
		font-size:48px;
		line-height:50px;
		}
	article .sectionTitle.main .btn-article, .article .sectionTitle.main .btn-article{
		top:55px;
		}
	.column-620{
		width: 73%;
		}
	.column-190{
		display: block;
		position: relative;
		width: 26%;
		padding-right: 0%;
		}
	.artLeadBox{
		margin-bottom:25px;
		}
	.bottomGalleryBox ul li .imgBox, .bottomGalleryBox .ul .li .imgBox{
		width:35%;
		}
	.bottomGalleryBox ul li .infoBox, .bottomGalleryBox .ul .li .infoBox{
		width:60%;
		}
	.relatedBox .rb-header h2{
		width:65%;
		}
	.bgbFormBox{
		position:relative;
		margin:-25px;
		padding:25px;
		margin-bottom:35px;
		}
	
	/* ------- KATEGORIA ------*/

	.categoryBox .title, .categoryBox .subtitle, .categoryScroller a, .categoryScroller p{
		overflow:hidden;
		font-size:14px;
		}
	.btnPaginBox .line{
		width:30%;
		}
	/*----------- o firmie ---------*/
	.breadcrumbs{
		display:none;
		}
	/*----------- o firmie infografika -------*/
	.column-700{
		width:100%;
		}
	.bottomBoxesBox ul li a .btnBox h2{
		font-size:18px;
		line-height:30px;
		}
	img {
		max-width:100%;
		}
	/*------------- kontakt global ---------*/
		.columns.second .column-620{
			width:63% !important;
			}
			.countryContactList .country h3{
				margin-bottom:8%;
				font-size: 18px;
				line-height: 25px;
				}
				
	/*---------- newsletter -----------*/
	
	.newsletterFormBox form ul.main li.main{
		display:block;
		position:relative;
		width:100%;
		float:none;
		}
	.newsletterFormBox form ul.sub li{
		width:19.5%;
		}
	.newsletterFormBox{
		margin-bottom:50px;
		}
		
	/*----------- wyniki wyszukiwania ------*/
	
	.sectionTitle h1 span{
		font-size:48px;
		line-height:50px;
		}
		.searchList li .box{
			padding-bottom:0px;
			}
			
	/*------- kariera poznaj nas -----------*/
	
	.subMenu a{
		font-size:12px;	
		}
	.subMenu ul li, .subMenu .ul .li{
		display:inline-block;
		margin-left:26px;
		width:inherit;
		}
		.personList .person{
			width:19%;
			margin-right:0px;
			display:inline-block;
			position:relative;
			float:none;
		}
		
	/*------- kariera działy -----------*/
	
	.divisionList .division{
		width:30%;
		margin-right:3%;
	}
	
	/*------- kariera oferty pracy lista -----------*/
	.jobList .job img{
		width:15%;
		}
	.jobList .job .infoBox{
		width:80%;
		}
	/*------- kariera oferta pracy -----------*/
	.l-pageContent-career .column-700{
		width:60%;
		}
	.l-pageContent-career .column-225 {
		width: 37%;
		}
	.higherList{
		margin-right:-67%;
		padding-right:67%;
	}
	
	/*-------- kariera formularz --------*/
	
	.applicationForm  .column-half{
		width:70%;
		}
		
	.applicationForm ul li.af-year{
		width:32%;
		margin-right:7%;
		}
	.applicationForm ul li.af-place{
		width:60%;
		}
	.applicationForm.defaultForm .languageBox li{
		width:29%;
		margin-right:15px;
		margin-left:0px !important;
		}
	.applicationForm.defaultForm .languageBox li div.selector{
		width:95% !important;
		}
	.applicationForm.defaultForm .languageBox li div.selector span{
		width:74% !important;
		}
	.applicationForm.defaultForm .languageBox li.af-writing{
		float:none;
		}
		
	.applicationForm .af-section:last-child p{
		width:75%;
		font-size:14px;	
		}
	
	/*------------ 404 -----------*/
	
	.page404 .navBox.mobile{
		background:#1a1a1a;	
		}
	.navBox.mobile .btnNav{
		background: #1a1a1a url("../../files/www/img/mobile-btnNav.png") 0px 0px no-repeat;
	}
	
	/*------- kariera comfort -----------*/
	
	.carouselGallery .topBox img{
		min-height:450px;
		}
	.carouselGallery .prevBox img, .carouselGallery .nextBox img{
		min-height:310px;
		}
	
	.l-pageContent-career.comfort .column-700{
		width:100%;
		}
	.carouselGallery .cg-projector .number{
		top:65px;
		}
	.carouselGallery .cg-projector .infoBox{
		margin-top:145px;
		}
		
	/*--- dla mediów online audience -----------*/
	
	.subSection #container{
			width:94%;
		}
		
	.column-720{
		width:100%;
		float:none;
		}
	.column-720.left{
		padding-right:0px;
		border-right:0px;
		}
	.column-200{
		width:100%;
		float:none;
		}
		.column-200 .wrapContent{
			display:inline-block;
			position:relative;
			}
		.column-200 .wrapContent:first-child{
			width:75%;
			}
		.column-200 .wrapContent:last-child{
			width:24%;
			}
			.column-200 .button-oval{
				display:inline-block;
				position:relative;
				}
			.column-200 .button-oval + p {
				display:inline-block;
				position:relative;
				margin:0px 10px;
				margin-top:4px;
				}
				
		.bottomBoxesBox ul li a .btnBox h3{
			font-size:14px;
			line-height:20px;
		}
	
	.categoryBox .title, .categoryBox .subtitle{
		width:inherit;
	}

}

/* smartphones */
@media screen and (max-width: 680px){
	
	.countryContactList .country h3{
		font-size:14px;
		line-height:20px;
	}
	
	.cookiesBox{
		top:0px;
		left:0px;
		right:inherit;
		bottom:inherit;
		padding:20px;
		width:calc(100% - 40px);
		position:relative;
		}
	.cookiesBox strong{
		font-size:14px;
	}
	.cookiesBox .cookies-close{
		right:20px;
		top:15px;
	}
	
	.l-pageContent-career .box-1 .item{
		max-height:inherit;
	}
	.artAside .box .commentBox{
		width:inherit;
		padding-left:65%;
	}
	.artAside .box .commentWrapper{
		width:55%;
	}
	
	.artAside .expandableBox{
		height:auto !important;
	}
	.artAside .box .btn-more{
		display:none !important;
	}
	
	.sectionTitle{
		min-height:inherit
	}
	
	.sectionTitle h1{
		font-size:75px;
		line-height:90px;
	}
	
	.selectBox{
		width:93%;
	}
	.defaultForm .af-year div.selector span{
		width:90% !important;
	}
	
	.l-pageContent-home .box-2 .item{
		max-height:inherit !important;
	}
	
	.item.ismobile, .item.smaller.ismobile, .item.wide.ismobile{
		width:100% !important;
		float:none !important;
		height:auto !important;
		}
	.item.ismobile img, .item.smaller.ismobile img, .item.wide.ismobile img{
		height:100% !important;
		}
	
	.l-pageContent-home .box-10 .item.wide.ismobile{
		display:block;
		position:relative;
		height:886px !important;
		}
	.item .infoBox.bottom{
		-webkit-transform-origin:0% 100%;
		-moz-transform-origin	:0% 100%;
		-o-transform-origin		:0% 100%;
		transform-origin		:0% 100%;
		-webkit-transform:	scale(2.5) !important;
		-moz-transform:		scale(2.5) !important;
		-o-transform:		scale(2.5) !important;
		transform:			scale(2.5) !important;
		padding:2%;
		width:96%;
		}	
	.item .buttonBox.bottom{
		-webkit-transform-origin:0% 100%;
		-moz-transform-origin	:0% 100%;
		-o-transform-origin		:0% 100%;
		transform-origin		:0% 100%;
		-webkit-transform:	scale(2.5) !important;
		-moz-transform:		scale(2.5) !important;
		-o-transform:		scale(2.5) !important;
		transform:			scale(2.5) !important;
		padding:2%;
		width:96%;
		}	
	.item .infoBox.top{
		-webkit-transform-origin:0% 0%;
		-moz-transform-origin	:0% 0%;
		-o-transform-origin		:0% 0%;
		transform-origin		:0% 0%;
		-webkit-transform:	scale(2.5) !important;
		-moz-transform:		scale(2.5) !important;
		-o-transform:		scale(2.5) !important;
		transform:			scale(2.5) !important;
		padding:2%;
		width:96%;
		}	
	.item .buttonBox.top{
		-webkit-transform-origin:100% 0%;
		-moz-transform-origin	:100% 0%;
		-o-transform-origin		:100% 0%;
		transform-origin		:100% 0%;
		-webkit-transform:	scale(2.5) !important;
		-moz-transform:		scale(2.5) !important;
		-o-transform:		scale(2.5) !important;
		transform:			scale(2.5) !important;
		padding:2%;
		width:96%;
		}	
	.item .infoBox h2 {
		display: block;
		position: relative;
		font-family: 'robotolight', sans-serif;
		font-weight: 300;
		color: #FFF;
		font-size: 36px;
		line-height: 46px;
		margin: 0px;
		width:37%;
		}
	.item .infoBox h3, .item .infoBox p{
		width:37%;
		}
	.l-pageContent-home .box-10 img{
		height:100% !important;
		}
	.partnersBox ul{
		display:block;
		}
		.partnersBox ul li{
			width:30%;
			display:inline-block;
			position:relative;
			text-align:center !important;
			margin-bottom:15px;
			}
		.partnersBox ul li:last-child{
			display:none;
			}
			footer[role="contentinfo"]{
				padding:10px 2%;
				}
		footer[role="contentinfo"] .f-left{
			width:100%;
			float:none;
			text-align:center;
			}
			footer[role="contentinfo"] .f-left p{
				width:100%;
				margin-bottom:10px;
				}
			footer[role="contentinfo"] .f-right{
				width:100%;
				float:none;
				text-align:center;
				margin-top:15px;
				}
				footer[role="contentinfo"] .f-right p{
					margin-bottom:10px;
					}	
	/*------------ ARTYKUŁ -----*/
	.breadcrumbs{
		display:none;
		}
	.sectionTitle h1{
		width:75%;
		font-size:24px;
		line-height:30px;
		}
	article h2, h2, .article h2{
		font-size:18px;
		line-height:25px;
		}
	.excerpt{
		float:none;
		clear:both;
		display:block;
		margin:20px 0px;
		}
		
		.artLeadBox .imgBox{
			width:100%;
			float:none;
			margin-bottom:20px;
			}
		.artLeadBox .infoBox{
			width:100%;
			float:none;
			}
	.column-620{
		width:100%;
		padding:0px;
		float:none;
		}
	.boxes4ward_article.first.last.even .column-620{
		float:left;
	}
	
	.l-pageContent-contact .column-620{
		padding-right:0px;
	}
	
	
	.column-190{
		width:100%;
		padding:0px;
		float:none;
		}
	.artAside{
		width:100%;
		padding:0px;
		}
	.artAside .controls{
		display:inline-block;
		position:relative;
		width:49%;
		width:100%;
		}
	.artAside .share{
		display:inline-block;
		position:relative;
		width:100%;
		margin-left:0px;
		}
		.artAside .share p.title{
			display:none;
			}			
	.relatedBox .rb-header h2{
		width:100%;
		line-height:30px;
		margin-bottom:20px
		}
	.relatedBox .rb-header .button-oval{
		float:none;
		}
	.bottomGalleryBox ul li, .bottomGalleryBox .ul .li{
		width:100%;
		float:none;
		display:block;
		}
	.bottomGalleryBox ul li .imgBox, .bottomGalleryBox .ul .li .imgBox{
		width:85%;
		float:none;
		display:block;
		margin-bottom:20px;
		}
	.bottomGalleryBox ul li .infoBox, .bottomGalleryBox .ul .li .infoBox{
		width:100%;
		float:none;
		display:block;
		}
	.bgbFormBox{
		position:relative;
		margin:-25px;
		padding:25px;
		margin-bottom:35px;
		}
	.bgbFormBox form ul li{
		width:100%;
		}
		
	/* ------- KATEGORIA ------*/
	article .sectionTitle.main .btn-article, .article .sectionTitle.main .btn-article{
		top:20px;
		}
	.sectionTitle{
		padding:10px 25px;
		}
	
	.categoryBoxWrapper{
		display:block;
		float:none;
		position:relative;
		width:100%;
		border-bottom:solid 1px #DDD;
		}
	.categoryBoxWrapper:last-child{
		border-bottom:none;
		}
	.categoryBox{
		padding:5px 25px;
		}
	.categoryBoxWrapper .categoryScroller{
		margin-top:0px;
		}
	.btnPaginBox .line{
		width:12%;
		}
		
	/* -------- o firmie -------*/
	.l-pageContent-about .box-3 .item{
		height:886px !important;
		overflow:hidden;
		}
	.l-pageContent-about .box-3 .item img{
		height:200% !important;
		}
	.l-pageContent-about.same-height .box-3 .item{
		height:auto !important;

		}
	.l-pageContent-about.same-height .box-3 .item img{
		height:100% !important;
	}
		
	.sectionTitle{
		height:auto;
		padding:15px 25px;
		}
	.sectionTitle h1{
		margin-top:0px;
		}
		
	/*----------- o firmie infografika -------*/
	.bottomBoxesBox ul li{
		display:block;
		width:100%;
		margin-right:0px;
		margin-bottom:15px;
		}
		.bottomBoxesBox ul li a .btnBox h2{
			font-size:32px;
			line-height:40px;
			}
	/*--------- o firmie aktualnosci -----*/
	
	.btnPaginBox.lower{
		margin-top:-30px;
		}
	/*--------- o firmie aktualnosci -----*/
	.l-pageContent-article{
		padding-bottom:20px;
	}
	
	/*------------- KONTAKT ---------*/
	.column-480{
		width:100%;
		float:none;
		margin-bottom:20px;
		}
	.l-pageContent-contact h2{
		font-size: 24px;
		line-height: 30px;
		}
		.infoBoxWrapper .ibw-left, .infoBoxWrapper .ibw-right{
			width:100%;
			float:none;
			margin-bottom:15px;
			}
		.personBoxList .person{
			width:100%;
			margin:0px;
			margin-bottom:35px;
			}
		
		.personBoxList .person .imgBox{
			display:inline-block;
			position:relative;
			}
		.personBoxList .person .infoBox{
			display:inline-block;
			position:relative;
			}
		.contactFormBox form ul li{
			display:block;
			width:100%;
			float:none;
			}
		.sectionTitle.border{
			margin-bottom:0px;
			}
			
		/*------------- kontakt global ---------*/
		.l-pageContent-contact + .columns.second{
			display:none;
			
			display:block;
				}
			
			.l-pageContent-contact + .columns.second .column-620{
				width:100% !important;
				}
			
			.l-pageContent-contact + .columns.second .column-330{
				width:100% !important;
				}
			
		/*---------- newsletter -----------*/
	
	.newsletterFormBox form ul.sub li{
		width:49%;
		}		
		.newsletterFormBox form button{
			margin-top:10px;
		}
		
	/*----------- wyniki wyszukiwania ------*/
	
	.sectionTitle h1 span{
		font-size:24px;
		line-height:30px;
		}
	.sectionTitle .btn-search{
		top:20px;
		}
		
	/*-------- kariera -----*/
	
	.l-pageContent-career .box-1 .item{
		height:895px !important;
		overflow:hidden;
		}
	.l-pageContent-career .box-1 .item img{
		height:200% !important;
	}
	.l-pageContent-career .box-4 .item{
		height:895px !important;
		}
	.l-pageContent-career .box-5 .item{
		height:895px !important;
		}
		
	/*------- kariera poznaj nas -----------*/
	

		.personList .person{
			width:49%;
			margin-right:0px;
			display:inline-block;
			position:relative;
			float:none;
			}
		.profitList .profit{
			width:100%;
			margin:0px;
			margin-bottom:20px;
			}
			
		.m-selectBox.mobile{
			display:block !important;
			position:relative;
			border:solid 1px #DDD;
			width:290px;
			margin:20px auto;
			}
		.subMenu{
			display:none;
			}
		
		.defaultForm div.selector select{
			width:100% !important;
			}
		.defaultForm div.selector, .defaultForm div.selector span{
			width:90% !important;
			}
			
	/*------- kariera działy -----------*/
	
	.divisionList .division{
		width:100%;
		margin-right:0%;
		}
		
	/*------- kariera oferty pracy lista -----------*/
	.column-half{
		width:calc(100% - 50px);
		margin-bottom:20px;
		}
	.column-half.right{
		float:left;
	}
	
	.jobList .job img {
		float:left;
		width:40%;
		margin-right:5%;
		}
	.jobList .job .infoBox {
		float:left;
		width:55%;
		}
		.jobList .job .infoBox h2{
			height: 110px;
			}
		.jobList .job .infoBox p{
			margin-left:-82%;
		}
		
	/*------- kariera oferta pracy -----------*/
	.l-pageContent-career .column-700{
		width:100%;
		float:none;
		margin-bottom:20px;
		}
	.l-pageContent-career .column-225 {
		width:100%;
		float:none;
		margin-bottom:20px;
		}
	.higherList{
		margin-right:0%;
		padding-right:0%;
		}
		
	.l-pageContent-career .relatedBox .socialBox p{
		display:none;
		}
	.l-pageContent-career .relatedBox .rb-header .button-oval{
		float:none;
		display:inline-block;
		margin-bottom:10px;
		}
	.l-pageContent-career .relatedBox .socialBox{
		float:none;
		display:block;
		position:relative;
		right:inherit;
		top:inherit;
		}
	
	.l-pageContent-career .columns{
		padding:0px;
		}
	
	.l-pageContent-career .relatedBox + .columns{
		padding:20px 25px;
		width:inherit;
		display:block;
		}
	.jobBox a{
		display:block;
		}
	.jobBox a:last-child{
		border-bottom:solid 1px #DDD;
		}
		
	/*-------- kariera formularz --------*/
	
	.applicationForm{
		margin-top:0px;
		}
	.applicationForm .column-half{
		width:290px;
		width:100%;
		}
		
	.applicationForm.defaultForm .languageBox li{
		width:100%; 
		margin-right:0%;
		}
	.applicationForm.defaultForm .languageBox li div.selector span{
		width:86% !important;
		}
	.applicationForm.defaultForm .languageBox li{
		display:block;
		position:relative;
		margin-bottom:10px;
		}
	.applicationForm.defaultForm li.af-file{
		width:100%;
		}
	.applicationForm.defaultForm li.af-add-file{
		width:100%;
		float:none;
		}
	.applicationForm .af-agreeBox{
		width:100%;
		}
	.applicationForm ul li.af-year{
		width:110%;
		margin-bottom:10px;
		}
	.applicationForm ul li.af-place{
		width:100%;
		}
	.applicationForm button{
		position:relative;
		float:none;
		right:inherit;
		top:inherit;
		margin-bottom:20px;
		}
	.applicationForm .af-section:last-child p{
		width:100%;
		}
		
	/*------------ 404 -----------*/
	.l-pageContent-404{
		padding-top:50px;
	}
	.l-pageContent-404 h2{
		font-size:36px;
		line-height:50px;
		}
	.l-pageContent-404 h1{
		font-size:130px;
		line-height:150px;
	}
	
	/*---------- dla mediów -----*/
	
	.colorBoxes .colorBox{
		display:block;
		position:relative;
		float:none !important;
		width:100%;
		}
	.l-pageContent-media .containerWrapper{
		width:100% !important;
		}
	.sub-sectionTitle h2{
		margin:0px;
	}
	
	
	/*-------- schowek pusty ----------*/
	
	.sectionTitle .btn-cubby{
		top:10px;
		-webkit-transform-origin:100% 0%;
		-moz-transform-origin	:100% 0%;
		-o-transform-origin		:100% 0%;
		transform-origin		:100% 0%;
		-webkit-transform:	scale(0.80);
		-moz-transform:		scale(0.80); 
		-o-transform:		scale(0.80);
		transform:			scale(0.80);
		}
		
	.cubbyEmptyBox{
		padding:100px 0px;
		}
		
	/*-------- schowek ---------*/
	
	.searchList li .tagBox{
		/*width:50%;*/
		width:100%;
		}
		
	.searchList li .button-oval.delete{
		position:absolute;
		top:-12px;
		right:-12px;
		border:none;
		padding:0px 0px;
		}
	.searchList li .button-oval.delete span{
		margin-left:8px;
		}
		
	/*---------- zamów dane -------*/
	.dataFormBox form ul li{
		padding:0px;
		}
	.dataFormBox form ul li .circle{
		display:block;
		position:relative;
		float:none;
		margin-top:-10px;
		margin-bottom:40px;
		}
	.dataFormBox form ul li:first-child .circle{
		margin-bottom:0px;
		}
	.dfb-tabBox p{
		display:block;
		}
		
	.dataFormBox form ul li fieldset{
		width:100%;
		margin:20px 0px;
		float:none;
		}
		
	.dfb-tabBox .dfbTab{
		font-size:14px;
		padding:0px 25px;
		padding-right:15px;
		}
	
	
	.selectBox{
		border:solid 1px #FFF;
		background:#FFF;
		}
		
	/*------- kariera comfort -----------*/
	
	.carouselGallery .cg-projector .number{
		top:35px;
		}
	.carouselGallery .cg-projector .infoBox{
		margin-top:115px;
		width:80%;
		padding:0px 10%;
		}
		
	.carouselGallery .cg-projector .cgp-prev{
		top:88%;
		left:30%;
		}
	.carouselGallery .cg-projector .cgp-next{
		top:88%;
		right:30%;
		}
		
	.carouselGallery{
		margin:50px -25px;
		}
	.carouselGallery .cg-projector .infoBox p{
		font-size:14px;
	}
	
	/*------------ dla mediów online audience ---------*/
	
	.btn-ico {
		-webkit-transform-origin:100% 5%;
		-moz-transform-origin	:100% 50%;
		-o-transform-origin		:100% 50%;
		transform-origin		:100% 50%;
		-webkit-transform:	scale(0.80);
		-moz-transform:		scale(0.80); 
		-o-transform:		scale(0.80);
		transform:			scale(0.80);
		}
		.l-pageContent-media .formBox .formSection .ul .li{
			width:45%;
			padding-right:5%;
		}
		.l-pageContent-media .formBox .formSection .ul .li.toblock{
			display:block;
			width:100%;
			margin-right:0px;
			padding:0px;
			}
		.l-pageContent-media .formBox .formSection .ul .li.empty{
			display:none;
			}
			
		.column-200 .wrapContent:first-child{
			width:100%;
			}
		.column-200 .wrapContent:last-child{
			width:100%;
			}
		.column-200 .button-oval + p{
			margin:15px 0px;
			margin-right:40px;
			}
			
		.bottomBoxesBox ul li a .btnBox h3{
			font-size:24px;
			line-height:30px;
			}
		.subSection #container{
			width:100%;
		}
		.subSection .colorBoxes .colorBox{
			width:100%;
			margin-bottom:25px;
		}
		
		
	.subSection.white.socialButtons p{
		display:block;
		margin-right:0px;
		margin-bottom:15px;
		}
	.subSection.white.socialButtons a{
		width:30%;
		margin-right:2%;
		text-align:center;
		}
	.subSection.white.socialButtons a:first-child{
		text-align:left;
		}
	.subSection.white.socialButtons a:last-child{
		margin-right:0px;
		text-align:right;
		}
	.subSection.white.socialButtons a img{
		display:block;
		position:relative;
		width:100%;
		height:auto;
	}
	
	#partnersBox, .partnersBox{
		display:none;
	}
	
	.ul.topicsList .li ul li, .ul.countryList .li ul li, .ul.industryList .li ul li{
		width:100%;
		float:none;
	}
	.ul.topicsList, .ul.countryList, .ul.industryList{
		padding-left:25px;
	}
	.search-overlay .so-box, .topics-overlay .to-box, .country-overlay .co-box, .industry-overlay .io-box{
		width:100% !important;
		}
	.search-overlay .so-box form input{
		width:70% !important;
		padding-right:30%;
		font-size:18px;
		}
	.sectionTitle .btn-topics{
		display:none;
	}
	.topics-overlay .sectionTitle, .country-overlay .sectionTitle, industry-overlay .sectionTitle{
		min-height:inherit;
	}
	
	
	.sectionTitle .btn-search{
		top:calc(50% - 20px);
		width:38px;
		height:38px;
		background: url("../../files/www/img/ico-search.png") 10px 10px no-repeat;
		background-size:20px 20px;
	}
	
}

/**
 * @section: print styles
 * -------------------------------------------------------
 */

@media print {
	.leftBox, .breadcrumbs, .sectionTitle .tagBox, .column-190, article .sectionTitle.main .btn-article, .article .sectionTitle.main .btn-article, .download, .relatedBox, .bottomGalleryBox, footer[role="contentinfo"], .contactFormBox, .countryContactList{
		display:none !important;
		}
	.rightBox, .personBoxList{
		width:100% !important;
		padding:0px !important;
		}
	.column-620{
		width:100%;
		float:none;
		padding:0px;
		}
	article ul li, .article ul li{
		display:list-item;
		list-style-type:disc;
		list-style-position:inside;
		}
	.sectionTitle h1{
		font-size: 36px;
		line-height: 50px;
		}
	article h2, h2, .article h2{
		font-size: 18px;
		line-height: 25px;
		}
	
	.personBoxList .person{
		width:32% !important;
		}
	.columns, .sectionTitle{
		padding:20px 0px !important; 
		}
	
	.column-330{
		display:block !important;
		width:100% !important;
		float:none !important;
		padding:0px;
		}
	.mapSmaller{
		display:none !important;
	}
}

/*! jQuery UI - v1.9.2 - 2013-01-09
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../i/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../i/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../i/jquery/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../i/jquery/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../i/jquery/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../i/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../i/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../i/jquery/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../i/jquery/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../i/jquery/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../i/jquery/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../i/jquery/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../i/jquery/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../i/jquery/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../i/jquery/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(../i/jquery/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../i/jquery/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

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

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

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

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

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

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

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

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: 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-color: #fff; background-color: 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); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.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)"; }
	

	/* theme: "dark" */

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

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

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: 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{ background-color: rgba(0,0,0,0.9); }

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

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

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

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: 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, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

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

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: 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{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.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; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: 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{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.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; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: 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, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

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

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

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

	.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-color: #fff; background-color: rgba(255,255,255,0.9); }

	.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; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: 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{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

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

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

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

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


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

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

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

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


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

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

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

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.cookies-agreement--product-page {
	margin-top: 30px;
}

#desktopCookieMsg.cookies-agreement-desktop {
	box-sizing: border-box;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none !important;
	align-items: center;
	width: 250px;
	padding: 10px;
	line-height: 1em;
	background: #2f2f2f;
	z-index: 100;
	transition: .2s width ease-in;
}
#desktopCookieMsg.cookies-agreement-desktop--full-width {
	width: 824px;
}

#desktopCookieMsg .cookies-agreement--content-concealed > a {
	cursor: pointer;
}

#desktopCookieMsg .cookies-agreement--content-revealed,
#desktopCookieMsg .cookies-agreement--content-concealed {
	display: flex;
    align-items: center;
}

#desktopCookieMsg .cookies-agreement--link {
	color: #0085BA;
    cursor: pointer;
}

#desktopCookieMsg .cookies-agreement--image {
	display: block;
	margin-right: 10px;
}

#desktopCookieMsg .cookies-agreement--text,
#desktopCookieMsg .cookies-agreement--summary {
	margin-bottom: 0;
	margin-right: 20px;
	font-family: 'robotoregular', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #f1f1f1;
    line-height: 1em;
}

#desktopCookieMsg .cookies-agreement--text {
	opacity: 0;
	transition: .1s opacity ease-in;
}
#desktopCookieMsg .full-opacity {
	opacity: 1;
}

#desktopCookieMsg .cookies-btn {
	font-family: 'robotoregular', sans-serif;
    font-weight: 400;
    font-size: 12px;
	color: #0085BA;
    background: none;
    transition: .1s all ease;
}
	#desktopCookieMsg .cookies-btn:hover,
	#desktopCookieMsg .cookies-btn:active,
	#desktopCookieMsg .cookies-btn:focus {
		color: #f1f1f1;
	}

#desktopCookieMsg .cookies-agreement--agree-btn {
	padding: 5px 10px;
    border: 1px solid #0085BA;
    border-radius: 3px;
}
	#desktopCookieMsg .cookies-agreement--agree-btn:hover,
	#desktopCookieMsg .cookies-agreement--agree-btn:active,
	#desktopCookieMsg .cookies-agreement--agree-btn:focus {
		background: #0085BA;
	}

#desktopCookieMsg .cookies-agreement--close-btn {
	margin-left: 20px;
    text-decoration: none;
    border: 1px solid;
    padding: 5px;
    color: #fff;
    border-radius: 6px;
}
	#desktopCookieMsg .cookies-agreement--close-btn:hover,
	#desktopCookieMsg .cookies-agreement--close-btn:active,
	#desktopCookieMsg .cookies-agreement--close-btn:focus {
		text-decoration: none;
	    background: #0085BA; 
	    border-color: #0085BA;
	}

#desktopCookieMsg .cookie-divider {
	margin-top: 20px !important;
}

#desktopCookieMsg .cookies-invisible, .cookies-invisible {
	display: none !important;
}

#desktopCookieMsg .cookies-flex, .cookies-flex {
	display: flex !important;
}