/*
Theme Name: Shanghai Berlin
Description: The Shanghai Berlin website theme 2013.
Author: Alex Bloedorn, Jonas Willingstorfer | SHANGHAI BERLIN
Author URI: http://www.shanghai-berlin.de/
Version: 1.0
Tags: shanghai-berlin, agency
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a img{border:none}

/* ######## SHANGHAI BERLIN CSS 2013 ######## */

@font-face {
	font-family: 'NewsGothicBT-Roman';
	src: url('fonts/NewsGothicBT-Roman.eot');
	src: local("☺"),
	     url('fonts/NewsGothicBT-Roman.woff') format('woff'), 
	     url('fonts/NewsGothicBT-Roman.ttf')  format('truetype'),
	     url('fonts/NewsGothicBT-Roman.svg') format('svg');
}
@font-face {
	font-family: 'NewsGothicBT-Bold';
	src: url('fonts/NewsGothicBT-Bold.eot');
	src: local("☺"), 
	     url('fonts/NewsGothicBT-Bold.woff') format('woff'), 
	     url('fonts/NewsGothicBT-Bold.ttf')  format('truetype'),
	     url('fonts/NewsGothicBT-Bold.svg') format('svg');
}
@font-face {
    font-family: 'StempelGaramondLTStdRoman';
    src: url('fonts/stempelgaramondltstd-roman.eot');
    /*src: url('fonts/stempelgaramondltstd-roman.eot') format('embedded-opentype'),*/
	src: local("☺"),
         url('fonts/stempelgaramondltstd-roman.woff') format('woff'),
         url('fonts/stempelgaramondltstd-roman.ttf') format('truetype'),
         url('fonts/stempelgaramondltstd-roman.svg') format('svg');
}

.warning {
	font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
	font-size:22px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.5);
	background:#EA2C37;
	border:1px solid #EA2C37;
	z-index:9999;
	position:absolute;
	left:50%;
	top:50%;
	width:400px;
	height:200px;
	padding:20px;
	margin-top:-120px;
	margin-left:-220px;
	text-align:center;
	}
.ie_warning {
	display:none;
	}

html, body, sb-bgrd {
	width:100%;
	height:100%;
	}
	html {
		background:#000;
		}
		body {
			font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
			overflow:hidden;
			}
			.overlay_blk {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:url("img/blk90.png") top left;
				z-index:9990;
				background-size:cover;
				cursor:url("img/CursorMinimize.png"), auto;
				}
				.overlay_close {
					width:22px;
					height:22px;
					background:url("img/close.png") no-repeat top left;
					position:absolute;
					top:10px;
					right:10px;
					z-index:9999;
					cursor: pointer;
					}
				.overlay_blk img {
					position:absolute;
					left:50%;
					top:50%;
					}
			#img-preload {
				width:1px;
				height:1px;
				visibility:hidden;
				overflow:hidden;
				position:absolute;
				}
			.sb_bg {
				width:100%;
				height:100%; 
				-webkit-background-size: cover!important;
				-moz-background-size: cover!important;
				-o-background-size: cover!important;
				background-size: cover!important;
				position:absolute!important;
				-ms-behavior: url(http://shanghai-berlin.de/backgroundsize.min.htc);
				}
			#sb_grid {
				width:100%;
				height:100%;
				background: url("img/raster-panel.png") top left;
				position:absolute;
				}
			#wrapper {
				position:relative;
				height:100%;
				overflow:hidden;
				}
				#header {
					width:100%;
					height:50px;
					overflow:hidden;
					margin-bottom:10px;
					}
					#header.full {
						height:122px;
						}
					#header_logo {
						position:absolute;
						top:25px;
						left:50px;
						z-index:30;
						cursor:pointer;
						height:26px;
						display:none;
						}
					#menu-main-menu {
						position:absolute;
						right:102px;
						top:22px;
						background:white;
						height:20px;
						font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
						line-height:23px;
						color:#000;
						-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
						box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
						}
					#menu-link-menu {
						background:none;
						position:absolute;	
						top:22px;
						right:10px;
						}
						#menu-main-menu li {
							float:left;
							}
						#menu-link-menu li {
							float:left;
							margin-left:3px;
							}
						#menu-main-menu a, #menu-link-menu a{
							color:#000;
							text-decoration:none;
							display:block;
							padding-left:8px;
							padding-right:8px;
							font-size:13px;
							letter-spacing:1px;
							line-height: 20px;
							}
						#menu-link-menu a {
							padding:0;
							width:20px;
							height:20px;
							text-indent:-9999px;
							background:white;
							
							-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							}
							#menu-main-menu a:hover, #menu-link-menu a:hover {
								color:#fff;
								background:#000;
								height:20px;
								}
							#menu-main-menu a.active {
								color:#fff;
								background:#000;
								height:20px;
								}
							#menu-item-18 a {
								background: url("img/fb.jpg") no-repeat top left;
								}
								#menu-item-18 a:hover {
									background: url("img/fb_h.jpg") no-repeat top left;
								}
							#menu-item-19 a {
								background: url("img/yt.jpg") no-repeat top left;
								}
								#menu-item-19 a:hover {
									background: url("img/yt_h.jpg") no-repeat top left;
								}
							#menu-item-20 a {
								background: url("img/gm.jpg") no-repeat top left;
								}
								#menu-item-20 a:hover {
									background: url("img/gm_h.jpg") no-repeat top left;
								}
							#menu-item-4282 a {
								background: url("img/xg.jpg") no-repeat top left;
								}
								#menu-item-4282 a:hover {
									background: url("img/xg_h.jpg") no-repeat top left;
									}
					#header_uc{
						background: #000;
						color: #fff;
						padding: 3px;
						padding-top: 5px;
						font-family: "NewsGothicStdBold", Helvetica, Arial, sans-serif;
						font-size: 10px;
						text-transform: uppercase;
						display: inline-block;
						position: absolute;
						display:none;
						white-space:nowrap;
						} 
					#header_ticker {
						background:#ea293c;
						color:#fff;
						font-family: "StempelGaramondLTStdRoman","Palatino Linotype", "Book Antiqua", Palatino, serif;
						font-size: 20px;
						position: absolute;
						left: 95px;
						top: 80px;
						padding: 10px;
						padding-top: 12px;
						padding-right: 20px;
						display:none;
						white-space:nowrap;
						-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
						box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
						dislay:none;
						}
						#header.full #header_ticker {
							display:inline-block;
							}
			#container {
				display:none;
				}
				#content {
					min-height:100px;
					position:relative;
					}
					#tileholder {
						position:relative;
						left:50%;
						font-size:15px;
						padding-left:6px;
						}
						#sb-loader {
							position:absolute;
							top:50%;
							left:50%;
							margin-top:-33px;
							margin-left:-33px;
							z-index:100;
							width:66px;
							height:66px;
							}
						#tilewarning {
							display:none;
							}
						.tile {
							position:relative;
							float:left;
							margin-bottom:6px;
							margin-right:6px;
							-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							background-color: transparent!important;
							background-repeat: no-repeat!important;
							overflow:hidden;
							}
							.tile_title {
								display:inline-block;
								font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
								font-size:1.5em;
								color:#fff;
								background:#000;
								position:absolute;
								top:0;
								right:0;
								z-index:50;
								letter-spacing: .1em;
								padding: .4em .8em;
								line-height: 1em;
								}
							.tile.single {
								width:25%;
								}
							.tile.double {
								width:50%;
								}
							.tile.odd {
								width:37%;
								}
							.tile.placeholder {
								background:none;
								visibility:hidden;
								}
							.tile.project {
								-webkit-background-size: cover!important;
								-moz-background-size: cover!important;
								-o-background-size: cover!important;
								background-size: cover!important;
								}
								.tile.project a{
									display:block;
									width:100%;
									height:100%;
									cursor:pointer;
									}
							.tile.blog {
								width:25%;
								background:none;
								position:absolute;
								top:0;
								-webkit-box-shadow:none;
								box-shadow:none;
								}
								.blogcontent {
									width:100%;
									background:#fff;
									-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
									box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
									position:absolute;
									}
									#blog_blog {
										top:0;
										}
										#blog_blog a{
											display:block;
											width:100%;
											height:100%;
											position:absolute;
											top:0;
											left:0;
											cursor:pointer;
											z-index:50;
											}
										#blog_blog_img {
											background: url("img/weather/04-blog-SHANGHAIRIO1.jpg") no-repeat top left;
											filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/04-blog-SHANGHAIRIO1.jpg', sizingMethod='scale');
											-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/04-blog-SHANGHAIRIO1.jpg', sizingMethod='scale')";
											
											width:100%;
											-webkit-background-size: cover;
											-moz-background-size: cover;
											-o-background-size: cover;
											background-size: cover;
											}
										.blogcontent_headline {
											font-size: 130%;
											padding: .5em; 
											line-height:1.3em;
										}
										
										.blogcontent_teasertext {
											font-size: 1.4em;
											padding: .5em;
											padding-top:.1em;
											font-family: "StempelGaramondLTStdRoman","Palatino Linotype", "Book Antiqua", Palatino, serif;
										}
										
									#blog_weather {
										bottom:0;
										}
										#weather-slider, #weather-slider .slide-wrap {
											width:100%;
											height:100%;
											}
										#blog_weather_bln, #blog_weather_sgh {
											width:100%;
											height:100%;
											}
										.blog_weather_temp {
											font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
											color:#fff;
											display:inline-block;
											padding-left:5%;
											text-transform:uppercase;
											position:absolute;
											line-height:3.5em;
											width:80%;
											letter-spacing: .1em;
											}
										.blog_weather_icon {
											width:15%;
											position:absolute;
											right:5%;
											top:50%;
											display:block;
											}
										#blog_weather_loader {
											width:100%;
											height:100%;
											z-index:50;
											background:#000;
											position:absolute;
											top:0;
											left:0;
											color: #fff;
											font-size: 1.1em;
											line-height: 3em;
											padding-left: 4.3em;
											}
										.clouds {
											background:#0085b2!important;
											}
											.clouds .blog_weather_icon {
												background: url("img/weather/weather_clouds.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clouds.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clouds.png', sizingMethod='scale')";
												}
										.almost {
											background:#99e5ff!important;
											}
											.almost .blog_weather_icon {
												background: url("img/weather/weather_almost.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_almost.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_almost.png', sizingMethod='scale')";
												}
										.cloudsnight {
											background:#000!important;
											}
											.cloudsnight .blog_weather_icon {
												background: url("img/weather/weather_cloudsnight.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_cloudsnight.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_cloudsnight.png', sizingMethod='scale')";
												}
										.atmosphere {
											background:#87a1a1!important;
											}
											.atmosphere .blog_weather_icon {
												background: url("img/weather/weather_mist.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_mist.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_mist.png', sizingMethod='scale')";
												}
										.snow {
											background:#87a1a1!important;
											}
											.snow .blog_weather_icon {
												background: url("img/weather/weather_snow.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_snow.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_snow.png', sizingMethod='scale')";
												}
										.rain {
											background:#00b2b2!important;
											}
											.rain .blog_weather_icon {
												background: url("img/weather/weather_rain.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_rain.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_rain.png', sizingMethod='scale')";
												}
										.thunder {
											background:#4c0066!important;
											}
											.thunder .blog_weather_icon {
												background: url("img/weather/weather_thunder.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_thunder.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_thunder.png', sizingMethod='scale')";
												}
										.clear {
											background:#efbb31!important;
											}
											.clear .blog_weather_icon {
												background: url("img/weather/weather_clear.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clear.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clear.png', sizingMethod='scale')";
												}
										.clearnight {
											background:#002040!important;
											}
											.clearnight .blog_weather_icon {
												background: url("img/weather/weather_clearnight.png") no-repeat center center; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clearnight.png', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/weather/weather_clearnight.png', sizingMethod='scale')";
												}
								#story {
									background: url("pics/01-einer-denken-neu.jpg") no-repeat top left; 
												-webkit-background-size: cover;
												-moz-background-size: cover;
												-o-background-size: cover;
												background-size: cover;
												filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./pics/Storytelling.gif', sizingMethod='scale');
												-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./pics/Storytelling.gif', sizingMethod='scale')";
									}
									#story a{
										display:block;
										width:100%;
										height:100%;
										}
								#archive a {
									display:block;
									width:100%;
									height:100%;
									}
								#feature {
									-webkit-background-size: cover!important;
									-moz-background-size: cover!important;
									-o-background-size: cover!important;
									background-size: cover!important;
									}
									#feature a {
										display:block;
										width:100%;
										height:100%;
										}
								#archive .slide, #perspective .slide, #inspiration .slide {
									-webkit-background-size: cover!important;
									-moz-background-size: cover!important;
									-o-background-size: cover!important;
									background-size: cover!important;
									background-color:transparent!important;
									}
								#inspiration {
									cursor:pointer;
									}
								
								.slideprev, .slidenext {
									text-indent:-9999px;
									width:19px;
									height:25px;
									position:absolute;
									z-index:999;
									-webkit-user-select: none;
									-moz-user-select: none;
									-ms-user-select: none;
									-o-user-select: none;
									user-select: none;
									}
									.slideprev {
										background:#000 url("img/prev.png") no-repeat;
										top:50%;
										left:0;
										margin-top:-13px;
										}
									.slidenext {
										background:#000 url("img/next.png") no-repeat;
										top:50%;
										right:0;
										margin-top:-13px;
										}
									.slide_description {
										background:#fff;
										padding:1em 3%;
										position:absolute;
										left:0;
										bottom:0;
										width:94%;
										text-align:center;
										display:none;
										font-size: 1.7em;
										}
									.close {
										width: 22px;
										height: 22px;
										position: absolute;
										z-index: 999;
										top: 0;
										text-indent: -9999px;
										right:-28px;
										background:#000 url("img/close.png") no-repeat top left;
										}
				
				#footer {
					color:#fff;
					font-size:13px;
					padding-left:50px;
					padding-right:15px;
					height:40px;
					font-family: 'NewsGothicBT-Roman', Helvetica, Arial, sans-serif;
					letter-spacing: 1px;
					position: absolute;
					left:0;
					bottom: 0;
					width: 100%;
					-moz-box-sizing: border-box; 
					box-sizing: border-box;
					background:url("img/footergradient.png") top left repeat-x;
					padding-top:15px;
					white-space:nowrap;
					}
				
				/* ######## CONTACT ######## */

					#mapcontainer {
						width: 75%;
						float: left;
						background: #FFFFFF;
						margin-right: 1%;
						position: relative;
						height:96%;
						overflow:hidden;
						}
					
					#contactfield {
						width: 24%;
						float: left;
						background: #FFFFFF;
						position: relative;
						height: 96%;
						overflow:auto;
						}
						
					#textfield {
						margin-top: 50px;
						padding: 10px;
						overflow: auto;
						font-size: 130%;
						}	
					
					.floatleft{
						float: left;
						}	
						
					.floatright{
						float: right;
						}
						#pictureinfo {
							position:relative;
							font-size:11px;
							}
							#pictureinfo_now, #pictureinfo_next {
								position:absolute;
								top:0;
								right:0;
								display:inline-block;
								white-space:nowrap;
								padding-top:2px;
								}
								#pictureinfo_next {
									display:none;
									}
							
						
					#title_mail {
					
						display:inline-block;
						font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
						background:#000;
						position:absolute;
						top:-2px;
						right:73px;
						z-index:51;
						width:30px;
						}
						#title_mail a {
							width:100%;
							height:100%;
							display:block;
							background:url("img/mail.png") no-repeat center center;
							}
	
				/* ######## CASES ######## */
				
					#side-menu {
						position:absolute;
						top:0;
						left:0;
						width:300px;
						height:100%;
						overflow:hidden;
						}
						#side-menu-button {
							position:absolute;
							top:50%;
							right:10px;
							margin-top: -12px;
							background:url("img/sidecloser.png") no-repeat top left;
							width:16px;
							height:24px;
							}
							#side-menu.closed #side-menu-button {
								background:url("img/sideopener.png") no-repeat top left;
								width:34px;
								}
						#side-menu-header {
							color: #808080;
							line-height: 23px;
							font-size: 12px;
							padding-left: 12px;
							width: 230px;
							height: 22px;
							background: #000;
							position: absolute;
							left: 0;
							top: 0;
							font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
							}
						#side-menu-footer {
							width:242px;
							height:16px;
							position:absolute;
							left:0;
							bottom:0;
							}
							#side-menu-footer-left {
								float:left;
								width:130px;
								height:100%;
								background:#000;
								}
							#side-menu-footer-up {
								float:left;
								width:50px;
								height:100%;
								background:url("img/up.png") top left no-repeat;
								margin-left:4px;
								cursor: pointer;
								}
							#side-menu-footer-down {
								float:left;
								width:50px;
								height:100%;
								background:url("img/down.png") top left no-repeat;
								margin-left:4px;
								cursor: pointer;
								}
						#side-menu .scroller {
							margin-top:22px;
							overflow:hidden;
							}
							
						#side-menu ul {
							list-style:none;
							padding-top: 3px;
							}
						#side-menu li {
							width:230px;
							height:22px;
							line-height: 23px;
							background:black;
							margin-bottom:4px;
							color:#fff;
							padding-left:12px;
							font-family: 'NewsGothicBT-Roman', Helvetica, Arial, sans-serif;
							font-size:13px;
							letter-spacing:1px;
							white-space:no-wrap;
							overflow:hidden;
							-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							cursor:pointer;
							}
							#side-menu li:active {
								background: rgb(234, 41, 60)!important;
								}
					.horizontalScrollerWrapper {
						position:absolute;
						top:0;
						right:0;
						width:70%;
						height:100%;
						overflow:hidden;
						}
						.horizontalScrollerWrapper .scroller, .horizontalScrollerWrapper ul {
							height:100%;
							list-style:none;
						}
						.horizontalScrollerWrapper li {
							float:left;
							height:100%;
							-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.30);
							margin-right:6px;
							position:relative;
						}
						.horizontalScrollerWrapper .textcontainer {
							background:#fff;
							width:300px;
							padding:10px;
							}
							.horizontalScrollerWrapper .textcontainer .titleClip {
								position: absolute;
								top: 0;
								right: 0;
								background: black;
								color: white;
								font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
								font-size: 13px;
								letter-spacing: 1px;
								height: 22px;
								padding: 0 10px;
								line-height: 23px;
								}
							.horizontalScrollerWrapper .textcontainer_wrapper .iScrollVerticalScrollbar {
								background:url("img/scrollbar.png") repeat-y top left!important;
								}
							.horizontalScrollerWrapper .textcontainer_wrapper.small .iScrollVerticalScrollbar {
								background:none!important;
								}
								.horizontalScrollerWrapper .textcontainer_wrapper .iScrollVerticalScrollbar .iScrollIndicator {
									border-radius:0!important;
									-webkit-border-radius:0!important;
									border:none!important;
									background:#000!important;
								}
							.horizontalScrollerWrapper .textcontainer_wrapper {
								overflow:hidden;
								position:absolute;
								top:48px;
								cursor:pointer;
								padding-left:10px;
								padding-right:20px;
								width:270px;
								}
								.horizontalScrollerWrapper .textcontainer_wrapper h1 {
									font-size: 17px;
									line-height: 20px;
									margin-bottom: 11px;
									}
								.horizontalScrollerWrapper .textcontainer_wrapper p {
									font-family: "StempelGaramondLTStdRoman","Palatino Linotype", "Book Antiqua", Palatino, serif;
									font-size: 16px;
									line-height: 1.2em;
									}
						.horizontalScrollerWrapper li img {
							height:100%;
							cursor:url("img/CursorMaximize.png"), auto;
							}
							.page-template-template-sb_agency-php .horizontalScrollerWrapper li img {
								cursor:auto;
								}
							.horizontalScrollerWrapper li a .play {
								background:url("img/play.png") no-repeat bottom left;
								display:block;
								width:100%;
								height:100%;
								position: absolute;
								top: 0;
								left: 0;
								cursor:pointer;
								}
							.horizontalScrollerWrapper li iframe {
								z-index:100;
								}
						.CursorScrollLeft {
							position:absolute;
							left:312px;
							top:0;
							width:100px;
							height:90%;
							cursor:url("img/CursorLeft.png"), auto;
							z-index:99;
							background:none;
							background-size: 70px 100%;
							}
						.CursorScrollRight {
							position:absolute;
							right:0;
							top:0;
							width:100px;
							height:100%;
							cursor:url("img/CursorRight.png"), auto;
							z-index:99;
							background:none;
							background-size: 70px 100%;
							}							
						#horScrollButtons {
							height:25px;
							position:absolute;
							right:10px;
							bottom:-40px;
							z-index: 50;
							}
							#horScrollButtons_left {
								background:url("img/prev.png") no-repeat top left;
								width:19px;
								height:25px;
								float: left;
								cursor:pointer;
								}
							#horScrollButtons_right {
								background:url("img/next.png") no-repeat top left;
								width:19px;
								height:25px;
								float: left;
								margin-left:5px;
								cursor:pointer;
								}
				/* ######## WORKERS ######## */
					#agcontainer {
						width: 100%;
						background: #FFFFFF;
						position: relative;
						height:100%;
						overflow:hidden;
						}
				/* ######## AGENCY ######## */
					#pagecontentloader {
						display:none;
						}
					.bigcontainer .textcontainer_wrapper {
						width:100%;
						}
					.worker-card {
						float:left;
						margin-right:5px;
						margin-bottom:20px;
						overflow:hidden;
						}
						.worker-card img {
							margin-bottom:5px;
							}
					#customers-logos {
						width:100%;
						height:auto!important;
						}
					.textcontainer_bottom {
						position: absolute;
						bottom: 34px;
						left: 17px;
						}
						.textcontainer_bottom span{
							display:inline-block;
							color:#000;
							font-family: 'NewsGothicBT-Bold', Helvetica, Arial, sans-serif;
							font-size: 16px;
							margin-left: 8px;
							position: relative;
							top: -2px;
							}
						.textcontainer_bottom span a{
							display:block;
							width:100%;
							height:100%;
							color:#000;
							text-decoration:none;
							}
						.textcontainer_bottom_download {
							width:14px;
							height:15px;
							background:url("img/DownloadIcon.jpg") no-repeat top left;
							display:inline-block;
							}
						.textcontainer_bottom_link {
							width:14px;
							height:15px;
							background:url("img/LinkIcon.jpg") no-repeat top left;
							display:inline-block;
							}
						
						
.slider-wrap .slide {
	float:left;
	position:relative;
	overflow:hidden;
	}

/* ######## SWIPE JS ######## */

.swipe {
  	overflow: hidden;
  	position: relative;
	}
	.swipe-wrap {
	  	overflow: hidden;
	  	position: relative;
		}
		.swipe-wrap > div {
		  	float:left;
		  	width:100%;
		  	position: relative;
			}