@charset "utf-8";
/*------------------------------------------------------

	Theme Name: BAM - html - v.1.2

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

	CSS TOB: 

	1. RESETS
	2. COMMONS
	3. STRUCTURAL
	4. TYPO & LINKS
	5. MISC
		
---------------------------------------------------------*/

/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/
	
	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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
	
	
/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/

		@font-face
	{
		font-family: GothamBook;
		src: url('/css/fonts/GothamBook.ttf'),
	 	     url('/css/fonts/GothamBook.eot'),
	 	     url('/css/fonts/GothamBook.svg'),
	 	     url('/css/fonts/GothamBook.woff');
	}	
	@font-face
	{
		font-family: Gotham-Light;
		src: url('/css/fonts/Gotham-Light.ttf'),
	 	     url('/css/fonts/Gotham-Light.eot'),
	 	     url('/css/fonts/Gotham-Light.svg'),
	 	     url('/css/fonts/Gotham-Light.otf'),
	 	     url('/css/fonts/Gotham-Light.woff');
	}	

	body{background:#000;font-size:13px; line-height: 18px;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: 300;}

	strong { font-weight: 600; }

/*--------------------------------------------------------
	3.STRUCTURAL 
--------------------------------------------------------*/


	/*----------------------------
	i.-- Page
	-----------------------------*/
	
	.homepage,.page{overflow:hidden;}
	.page.desktop{position:relative !important; z-index:6;}
	.page{padding-top:0;}
		.page .content{max-width:930px;margin:auto;position:relative; padding-bottom:100px;}
	.page.odd{background:#f4f4f5 url(../images/patterns/crossed-light.png) top left repeat; background-attachment:scroll;}
	.page.even{background:#111 url(../images/patterns/crossed-dark.png) top left repeat; background-attachment:scroll;}
	
		/*odd*/
		.page.odd{color:#888;}
		
		/*even*/
		.page.even{color:#888;}
	

		#wrapper {opacity: 0;}
		#bam_intro {position: fixed;top: 50%;left: 50%;margin-left: -38%;width: 80%;margin-top:-13%;}
	

	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*homepage*/
	.logo-homepage{width:180px;height:180px;position:fixed;left:50%;top:50%;margin:-90px 0 0 -90px;-webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius:250px; overflow:hidden; background:#ff2778 url(../images/logo.png) center center no-repeat; background: url(../images/logo.png) center center no-repeat rgba(255,39,120,1); background-attachment:fixed; z-index:3;}
	.logo-homepage a{width:100%;height:100%; float:left;}
	
	/*inner pages*/
	.header{width:100%; line-height:50px; background: url(../images/ie8-transparent-bkg.png);/*ie8 fallback*/ background: rgba(0,0,0,0.5) url(../images/pattern-header-banner.png) repeat; position:fixed; top:0; z-index:50;height:70px;-webkit-transform: translateZ(0);}
	.header.header-main{display:block;}
	.header.mobileHeader{display:none;}
	.header .inner {max-width:930px;margin:auto;}
	.header .logo-container{height:50px; position:relative;float:left;margin-top:10px;}
	.header .logo-container .logo{position:relative; bottom:0;}
	

	
	
		/* main menu
		----------------------------*/
		
		.header .inner ul.navigation{position:relative; overflow:hidden;list-style:none;float:right; font-size:14px; margin:0;}
		.header .inner ul.navigation li{float:left;padding:10px 5px;position: relative;}
		.header .inner ul.navigation li:last-child{padding-right:0;}
		.header .inner ul.navigation li a{color:white; text-decoration:none;  padding: 0 10px; text-transform: uppercase;z-index: 2;}
		.header .inner ul.navigation li a:hover{color:black;}
		.header .inner ul.navigation li a.active{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 5px 10px;background:#333; color: #EEEEEE; padding: 5px 10px;text-decoration: none;}
		#nav_fb	img {vertical-align: -6px;}
		.nav_bg {width: 100%;height: 0%;display: block;background-color: white;position: absolute;top: 0;left: 0;z-index: -1;
			-webkit-transition:height .2s ease-out;			
			     -moz-transition: height 0.2s ease-out;  /* Firefox 4-15 */
			       -o-transition: height 0.2s ease-out;  /* Opera 10.50–12.00 */
			          transition: height 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		}
		.header .inner ul.navigation li:hover a {color: black;} 
		.header .inner ul.navigation li:hover .nav_bg {height:100%;}

		.swiper_thumbnail {
			-webkit-transform-origin: center bottom;
			-moz-transform-origin: center bottom;
			-ms-transform-origin: center bottom;
			-o-transform-origin: center bottom;
			transform-origin: center bottom;

			display: block!important;
			opacity: 0;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-ms-transform: scale(0);
			-o-transform: scale(0);
			-webkit-transition: all .2s ease .1s;
			-moz-transition: all .2s ease .1s;
			-o-transition: all .2s ease .1s;
			transition: all .2s ease .1s;		

			position: absolute;
			top: -170px;
			left: 50%;
			z-index: 800;
			width: 240px;
			height: 135px;
			padding: 8px;
			margin-left: -128px;
			text-align: center;
			background-color: #fff;
			border: 1px solid #333;	
		}
		
		.nav-item:hover .swiper_thumbnail {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
		}

		/* mobile menu toggle
		----------------------------*/	
		
		.header .inner .mobileMenuToggle{height:26px;width:100%;float:left;text-align:center;display:none;margin:19px auto 15px auto;}
		.header .inner .mobileMenuToggle a,.header .mobileMenuToggle.open a{width:26px;height:26px;float:left;position:relative;left:50%; margin-left:-13px;}
		.header .inner .mobileMenuToggle a{background:url(../images/mobileMenu-toggle.png) center 0 no-repeat;}
		.header .inner .mobileMenuToggle.open a{background:url(../images/mobileMenu-toggle.png) center -26px no-repeat;}
			
	/*----------------------------
	iii.-- Content
	-----------------------------*/
	
	.swiper-slide {
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
	}

	
	/*section title + teasers
	----------------------------*/
	
	.section-title{width:100%;padding-bottom:50px;margin-bottom:50px;}
	
		/*odd*/
		.page.odd .section-title{/*border-top:1px solid #e2e2e2;*/border-bottom:1px solid #e2e2e2;}
		
		/*even*/
		.page.even .section-title{/*border-top:1px solid #444;*//*border-bottom:1px solid #222*/;}
		
		
		.teaser{width:100%;height:480px; padding:0;margin:0;background-attachment:fixed;background-repeat:no-repeat; border-top:5px solid rgba(0,0,0,0.2);border-bottom:5px solid rgba(0,0,0,0.2);color:#fff; position:relative;}
		.teaser .info-container{display:table;width:100%;height:100%; padding:0 !important;margin:0 !important;background:transparent url(../images/ui_epicslider/pattern.png) repeat top left;}
		/*non-repeated image*/	
		.teaser.fixed{background-attachment:fixed;}
		.teaser.fixed-desktop{background-attachment:fixed !important;}
		/*repeated image*/
		.teaser.scroll{background-attachment:scroll;}
		
		.teaser .info-container .info{display: table-cell; vertical-align:middle;}
		.teaser .info-container .info blockquote{border:none;margin:0;padding:0;font:25px/35px GothamBook, Arial, Helvetica, sans-serif !important;}
		.teaser .info-container .info blockquote p{text-transform: none;}
		.teaser .info-container .info a:hover{ opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
		
		/*video + content*/
		.teaser .info-container .info .info-inner{max-width:870px; margin:auto;}
		.teaser .info-container .info .info-inner .video{margin:0;}
		
		/*video only*/
		.teaser .info-container .video{margin:auto;}	
		.teaser .info-container .video video, .teaser .info-container .video iframe, .teaser .info-container .video object, .teaser .info-container .video embed, .teaser 	.info-container .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
		
		#BELIEF { height: 765px; padding-top: 140px;}
		#TEAM { height: 910px; padding-top: 75px;}
		#SERVICE { height: 759px; padding-top: 140px;}
		#teaser-3 { padding-top: 66px;padding-bottom: 50px;height:auto!important;}
		#teaser-4 { height: 821px; padding-top: 120px;}
		#BELIEF .info-container { background: none;}
		.inner_content {margin: 0 auto;}
		#BELIEF .inner_content {max-width: 777px;}
		#TEAM .inner_content {max-width: 915px;}
		#SERVICE .inner_content {max-width: 835px;}
		#SERVICE .inner_content .left {float: left;}
		#SERVICE .inner_content .service_list {padding-right: 48px;margin-top: 13px;border-right: 1px solid white;margin-right: 34px;font-size:12px;}
		#SERVICE .inner_content .service_list.last {margin-right:0; border-right: none;padding-right:0;}
		#teaser-4 .inner_content {max-width: 910px;}

		.inner_content p { text-align: left;color: white;font-size: 13px;
			line-height: 30px;}
		.inner_content p span { color: white;}
		.inner_content .light {font-size: 26px;line-height:41px;color: #ccc;}
		.inner_content h6 span {color:#878787;}
		#SERVICE .inner_content p {float: left; font-size: 13px; line-height: 29px;color: white;}
		#teaser-4 .inner_content p {font-size: 16px; line-height: 40px;color: white;margin-top:30px;text-align: center;}


	/*about
	----------------------------*/
	
	#about { padding-top: 0;background:none;background-color: black;}
	#contact { background:none;background-color: black;}

	/*team col*/
	.team p{text-align:center; margin-bottom:30px !important;}
	.team h1, .team h2, .team h3, .team h4, .team h5, .team h6{text-align:center;}
	
	
	/*service breakdown*/
	.chart-container{width:100%; margin-bottom:30px; float:left;}
	.chart-container ul.chart{float:none; margin:0; list-style:none;}
	.chart-container ul.chart li{float:left;}
	.chart-container ul.chart li h6{font-size:13px; color:#999; font-weight:normal;margin-bottom:10px;}
	.chart-container ul.chart li div{background:#ff005a url(../images/chart-pattern.png) repeat;font-weight:bold; font-size:35px; color:#fff;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #f4f4f5;-moz-box-shadow:inset 1px 0 0 #f4f4f5;box-shadow:inset  1px 0 0 #f4f4f5;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);}
	
		/*odd*/
		.page.odd .chart-container ul li div {font-weight:bold; font-size:35px; color:#fff;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #f4f4f5;-moz-box-shadow:inset 1px 0 0 #f4f4f5;box-shadow:inset  1px 0 0 #f4f4f5;}
		
		/*even*/
		 .page.even .chart-container ul li div{font-weight:bold; font-size:35px; color:#fff;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #353535;-moz-box-shadow:inset 1px 0 0 #353535;box-shadow:inset  1px 0 0 #353535;}
	
	
	/*Team
	----------------------------*/		 

	#TEAM {
		margin-bottom: -5px;
	}

	#TEAM p {line-height: 23px;color:white;font-size: 12px;}
	#TEAM h6 {font-size: 18px;line-height:23px;margin-bottom:0;font-weight: 600;}

	#TEAM .bio_title {
		font-size: 12px;
		text-align: left;
		line-height: 21px;
		margin-bottom: 21px;
		display: block;
		font-weight: 600;
	}

	.bio_wrap {
		/*width: 20%;*/
		float: left;	
		position: relative;	
		height: 100%;
	}
	
	.bio_headshot {
		width: 100%;
	}

	.bio_overlay {
		background-color: black;
		opacity: 0.7;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: opacity 0.3s ease-in-out;
       -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
         -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
	}

	.bio_wrap:hover .bio_overlay {
		opacity: 0;
	}

	.bio_description {
		padding: 50px 30px 0;
	}

	.bio_wrap.odd { margin-right: 0; }
	

	/*portfolio
	----------------------------*/	
	
	#folio_container {background:url(/images/bg/work.png) 0 0;background-size:cover;padding-top: 71px;padding-bottom:0;}
	/*navigation*/
	#folio-navigation{width:790px;height:40px;position:absolute;margin:auto; top:50%;left:50%;margin:-20px 0 0 -575px;display:none;}
	#folio-navigation ul{float:none; margin:0; list-style:none;display:none;}
	#folio-navigation ul li#prevProject a{width:40px;height:40px;background: url(../images/project-nav.png) 0 -159px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.5) url(../images/project-nav.png) 0 1px no-repeat;float:left;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#folio-navigation ul li#nextProject a{width:40px;height:40px;background: url(../images/project-nav.png) 0 -199px no-repeat;/*ie8 fallback*/background: rgba(0,0,0,0.5) url(../images/project-nav.png) 0 -39px no-repeat;float:right;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	
	/*navigation-mobile*/
	#folio-navigation ul li#closeProjectMobile{display:none;}
	#folio-navigation ul li#closeProjectMobile a{width:40px;height:40px;background:rgba(0,0,0,0.3) url(../images/project-close.png) center center no-repeat;float:left;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#folio-navigation ul li#closeProjectMobile a:hover{background: rgba(255,39,120,1) url(../images/project-close.png) center 0 no-repeat;}
	
	/*nav:hover*/
	#folio-navigation ul li#prevProject a:hover{background: url(../images/project-nav.png) 0 -320px no-repeat;}/*ie8 fallback*/
	#folio-navigation ul li#nextProject a:hover{background: url(../images/project-nav.png) 0 -360px no-repeat;}/*ie8 fallback*/
	#folio-navigation ul li#prevProject a:hover{background: #868686 url(../images/project-nav.png)0 0;}
	#folio-navigation ul li#nextProject a:hover{background: #868686 url(../images/project-nav.png)0 -39px;}
	
	/*nav disabled*/
	#folio-navigation ul li a.disabled,#folio-navigation ul li a.disabled:hover{cursor:default;}
	#folio-navigation ul li#prevProject a.disabled{background: url(../images/project-nav.png) 0 -240px !important;}/*ie8 fallback*/
	#folio-navigation ul li#nextProject a.disabled{background: url(../images/project-nav.png) 0 -280px !important;}/*ie8 fallback*/
	#folio-navigation ul li#prevProject a.disabled{background: rgba(0,0,0,0.3) url(../images/project-nav.png)0 -80px !important;}
	#folio-navigation ul li#nextProject a.disabled{background: rgba(0,0,0,0.3) url(../images/project-nav.png)0 -120px !important;}
	
	/*project close*/
	#closeProject{top: 10px; position: fixed;right: 25px;z-index: 60;}
	#closeProject a{background:url(../images/project-close.gif) 0 100% no-repeat;}/*ie8 fallback*/
	#closeProject a:hover{background-position: 0 0;}/*ie8 fallback*/
	#closeProject a{width:40px;height:40px;position:absolute;right:0;display:block;}
	#closeProject a{display:none;}
	
	/*thumb-structure*/
	#folio-grid{position:relative; z-index:1;padding:0;} 
		/*.folio-thumb-container{width:22%;position:relative;margin:0 0 18px 0;float:left;padding:0 1.5% }*/
		.folio-thumb-container{display:block;float:left;margin:0;padding:0;}


		.folio-thumb{ position:relative;}
		/*.folio-thumb.active{border:5px solid #CCC;-webkit-box-shadow:inset 0px 0px 0px 10px #CCC!important;-moz-box-shadow:inset 0px 0px 0px 10px #CCC!important;box-shadow:inset 0px 0px 0px 10px #CCC !important;}*/
		.folio-thumb a{width:100%;float:left;}
		.folio-thumb.last{margin-right:0;}
		/*.folio-thumb, .folio-thumb a, .folio-thumb a img,.folio-thumb a .folio-thumb-rollover {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; overflow:hidden;}*/
		.folio-thumb a img{position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
		.folio-thumb a .folio-thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #ff2778;/*ie8 fallback*/ background: rgba(204,204,204,0.9); top:0;opacity:0; }
		.folio-thumb a .folio-thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font-size: 18px;color:#fff; text-align:center;text-transform: uppercase;font-weight: 400;}
		

		/*odd*/
		/*.page.odd #folio-grid .folio-thumb-container .folio-thumb{border:5px solid #ccc; border:5px solid rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);}*/
		
		
		/*even*/
		/*.page.even #folio-grid .folio-thumb-container .folio-thumb{border:5px solid #666; border:5px solid rgba(153,153,153,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);}	*/
		

	
	/*projects*/
	#ajaxwrapper{position:relative; width: 100%;}
	#ajaxwrapper #loader{width: 100%;height:7px;display:none;position: relative;margin-top: -7px; }
	#ajaxwrapper #loader.errorMessage{text-align: center;height: auto !important;margin:16px 0 30px 0;}
	#ajaxwrapper #loader.errorMessage p{display:none;padding-top:16px;}
	
		/*odd*/
		.page.odd #ajaxwrapper #loader{background:url(../images/project-loader-light.gif) center  -40px no-repeat;}
		#ajaxwrapper #loader.errorMessage p{color: #666 !important;}
	
		/*even*/
		.page.even #ajaxwrapper #loader{background:url(../images/project-loader-dark.gif)  center  -40px no-repeat;}
		#ajaxwrapper #loader.errorMessage p{color: #fff !important;}
		
	
	/*project-display*/
	#ajax-content-outer{width:100%;overflow:hidden; position:fixed;z-index: 30;background: url('/images/bg/work_bg.png') 0 0;background-repeat: repeat;top:0;left:0;height:100%;padding-top: 23px;display:none;overflow-y:auto;}
	#ajax-content-inner{width: 750px; margin: 0 auto;}
	#ajaxpage{float:left;}
	
	.clients {float: left;position: relative;}
	.clients img {width: 100%;display: block;}
	.clients_opacity {width: 100%;height: 100%;background-color: #000;
		/* IE 8 */
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 
		  filter: alpha(opacity=50);

		  /* Netscape */
		  -moz-opacity: 0.5;

		  /* Safari 1.x */
		  -khtml-opacity: 0.5;

		  /* Good browsers */
		  opacity: 0.5;
		  position: absolute;
		  top:0;
		  left: 0;
	}
	.project-display{width:750px;float:left;padding-bottom: 30px;}
	.project-display.fullwidth{}
	.project-info{width:250px;height:auto;float:left;margin-bottom:30px;}
	.project-display h2 {font-size: 13px;
border-bottom: 1px solid #888;
letter-spacing: 1px;
margin: 0 0 20px;
line-height: 24px;
padding-bottom: 4px;}
	.project-display h2:last-child {border: none;}
	.project-display iframe {margin-bottom: 20px;}
		/*project media*/
		.project-display .video video, .project-display .video iframe, .project-display .video object, .project-display .video embed, .project-display .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
		.project-display .flexslider{margin-bottom:0;}
		.project-info{width:250px;height:auto;float:left;margin-bottom:30px;}
	
		.project-display img {margin-bottom: 25px;}
	
		/*odd*/
		.page.even .project-display iframe {background:#f4f4f5;}
		.page.even .project-display .flexslider {background:#f4f4f5}
		
		/*even*/
		.page.even .project-display iframe {background:#111;}
		.page.even .project-display .flexslider {background:#111;}
		
	
.work_top {
	float: right;
	color: #888;
	font-size: 11px;
	margin-bottom: 10px;
}

.work_top:hover {
	color: white;
}

	/*slider - styling*/
	.flexslider{ border:none;-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;margin-bottom:30px;}
	
		/*navigation */
		.flex-direction-nav { height: 0; position: absolute; top: 240px;}
		.flex-direction-nav li a {width: 40px; height: 40px; display: block; position: absolute; bottom:0; top:auto; cursor: pointer; text-indent: -999em;}	
		.flex-direction-nav li .prev{background: url(../images/project-nav.png) 0 -160px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 0 no-repeat;}
		.flex-direction-nav li .next{background: url(../images/project-nav.png) 0 -200px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;}
		.flex-direction-nav li .prev {left: -60px;}
		.flex-direction-nav li .next {right: auto; left:770px;}
		.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
		
		/*control */
		.flex-control-nav {width: 100%; position: absolute; bottom:auto; top:-24px;text-align:right; padding-right:25px;}
		.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
		/*.flex-control-nav li:last-child {margin: 0 25px 0 5px;}*/
		.flex-control-nav li a {width: 12px; height: 12px; display: block; background-color: #DDDDDD;cursor: pointer; text-indent: 999em;}
		.flex-control-nav li a:hover {background-color: #999;}
		.flex-control-nav li a.active {background-color: #999; cursor: default;}
		
		/*caption*/
		.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
		.flex-caption {width:auto;padding:0 15px; line-height:40px; margin: 0; position: absolute; left: 82px; bottom: 0; background: rgba(0,0,0,.8); color: #fff !important; text-shadow: 0 0 0 rgba(0,0,0,0); font-size: 14px; margin:0 !important;}
		
	h3.work_title {text-align: left;margin-bottom: 5px;font-size: 20px;text-transform: uppercase;line-height: 30px;color:white;font-weight: 400;position: fixed;top: 20px;left: 30px;}
	
	/*contact
	----------------------------*/	
	.contact p{font-size:13px;line-height:16px; text-align:center;}
	.contact_info {
		width: 40%;		
		float: left;
		margin-left: 10%;
	}

	.contact_info strong {
		font-size: 16px;
	}

	.contact_info a:hover {
		color: #ccc;
	}
	
	#teaser-4 .contact_info p {
		text-align: left;
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 15px 0;		
	}
	
	/*form elements
	----------------------------*/	
	.form p{margin-bottom:0;}
	.comment-form{margin-bottom:20px; padding-bottom:50px; overflow:hidden;}
	input[type=text]{width:300px;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;}
	textarea {width:560px;height:200px;padding:20px;margin-bottom:20px; overflow:auto;}
	input[type=text],textarea{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	#msg { float:left; margin-left:10px; }
	.errorOutline {border:1px solid #ff005a !important;}	
	.errorMsg {color:#ff005a !important;}
	
	
		/*odd*/
		.page.odd input[type=text],.page.odd textarea{background:#fff;-webkit-appearance: none;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;}
		.page.odd input[type=text].required,.page.odd textarea.required{background:#fff url(../images/input-required-light.png) right 13px no-repeat;border:1px solid #e6e6e6;}
		.page.odd input[type=text]:hover,.page.odd textarea:hover{background-color:#eee;color:#999;border:1px solid #e6e6e6;}
		.page.odd input[type=text]:focus,.page.odd textarea:focus{background-color:#fff;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
		.page.odd .comment-form{border-bottom:1px solid #e2e2e2;}
		
	
		
		/*even*/
		.page.even input[type=text],.page.even textarea{background:#202020;-webkit-appearance: none;border:1px solid #111; color:#666; font: 13px/18px Arial, Helvetica, sans-serif}
		.page.even input[type=text].required,.page.even textarea.required{background:#202020 url(../images/input-required-dark.png) right 13px no-repeat;border:1px solid #111;}
		.page.even input[type=text]:hover,.page.even textarea:hover{background-color:#292929;color:#999;border:1px solid #111;}
		.page.even input[type=text]:focus,.page.even textarea:focus{background-color:#222;color:#999;border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);}
		.page.even .comment-form{border-bottom:1px solid #444;}
	
	
	/*footer
	----------------------------*/	
	#footer{position:relative; overflow:hidden; padding:50px 0; z-index:1;}
	#footer .content{max-width:930px;margin:auto;text-align:center;display: table;white-space:nowrap;}
	#footer .content .logo{margin-bottom:30px;}
	#footer p.copyright{margin-bottom:0;}
	
		/*odd*/
		#footer.odd{background:#f4f4f5 url(../images/pattern-header-banner.png);}
		#footer.odd p.copyright{font:12px/14px Arial, Helvetica, sans-serif;color:#999;}
		
		/*even*/
		#footer.even{background:#353535 url(../images/pattern-header-banner.png);}
		#footer.even p.copyright{font:12px/14px Arial, Helvetica, sans-serif;color:#999;}
		

	
	/*even*/
	#footer.even ul.socialSmall li a{background-image:url(../images/social-sprite-small-dark.png);background-repeat: no-repeat;float:left;width:22px;height:22px;margin-right:5px}
	
	
	/*section buttons
	----------------------------*/
	.section-button{float:left;width:100%;height:40px; font:12px/12px GothamBook, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; text-align:center;margin:auto;color:#fff; position:absolute;margin-top:-44px;}
	.section-button a{width:40px;height:40px;line-height:50px;position:relative;text-decoration:none;padding:10px 20px;}
	
		 .section-button a.page-up{width:150px;background:url(../images/page-top.png) 0 0 no-repeat;color:#fff;}
		 .section-button a.page-up:hover{color:#fff;}

		
	
	/*media
	----------------------------*/	
	
	/*rounded-thumbs*/
	.round-thumb-container{overflow:hidden;position:relative; z-index:1;}
	.round-thumb{position:relative;}
	.round-thumb a,.round-thumb span{width:100%;float:left;}
	.round-thumb, .round-thumb a,.round-thumb span, .round-thumb a img,.round-thumb span img, .round-thumb a .thumb-rollover{max-width:250px;-webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius:250px; overflow:hidden;}
	.round-thumb a img,.round-thumb span img{position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
	.round-thumb a .thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #ff2778;/*ie8 fallback*/ background: rgba(255,39,120,0.9);top:0;opacity:0;}
	.round-thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 18px GothamBook, Arial, Helvetica, sans-serif; font-weight:bold;color:#fff; text-align:center;}
		
		/*odd*/
		.page.odd .round-thumb{ margin: 0 auto 30px auto;overflow:hidden;border:5px solid #ccc;/*ie8 fallback*/ border:5px solid rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);}
	
		
		/*even*/
		.page.even .round-thumb{ margin: 0 auto 30px auto;overflow:hidden;border:5px solid #666;/*ie8 fallback*/ border:5px solid rgba(153,153,153,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);}
		
	
	/*regular-thumbs*/	
	.thumb{overflow:hidden;position:relative; z-index:1;margin-bottom:30px;}
	.thumb img{max-width:100%;}
	.thumb a{float:left; max-width:100%;}
	.thumb a .thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #ff2778;/*ie8 fallback*/ background: rgba(255,39,120,0.9);top:0;opacity:0;}
	.thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font-size: 18px; font-weight:bold;color:#fff; text-align:center;}
	.thumb a img{position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
	
	
	/*fancybox-lightbox*/
	.fancybox-html{display:none;}
	#fancybox-outer,#fancybox-content iframe {background: #000 url(../images/logo-common.png) center center no-repeat;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-left,#fancybox-right,#fancybox-close{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=100);}
	#fancybox-left-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#fancybox-left-ico:hover {background: rgba(255,39,120,1)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat;}
	#fancybox-right-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#fancybox-right-ico:hover {background: rgba(255,39,120,1)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat;}
	#fancybox-close {background: transparent url(../images/fancybox/fancybox.png) -40px 0px;}
	#fancybox-title-over {background: url(../images/fancybox/transparent-bkg.png) repeat;padding: 20px;width:150px;display: block;left:30px;position:relative; overflow:hidden;}
	#fancybox-title-over {color:#fff;}
	#fancybox-title-over .fancybox-num{font-size:11px;margin-bottom:10px;}
	#fancybox-title-over p{font-size:11px;color:#ccc;margin-bottom:15px;}
		
	/*video
	----------------------------*/
	.video{margin-bottom:30px;}
	
	
	/*dividers
	----------------------------*/	

	/*odd*/
	.page.odd .divider{border-top:1px solid #e2e2e2;}
	
	/*odd*/
	.page.even .divider{border-top:1px solid #252525;}

	
	

/*--------------------------------------------------------
	iv.--TYPOGRAPHY & LINKS
--------------------------------------------------------*/

	h1,h2,h3,h4,h5{margin-bottom:60px;}
	
	h6 {margin-bottom: 30px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; border-bottom:0 !important;}
	a{color:white;text-decoration:none;}
	a:hover{color:white;}
	p{margin-bottom:30px;}

	/*section title*/
	h1{font-size:40px;line-height:40px;}
	h2{font-size:38px;line-height:38px;}
	h3{font-size:60px;line-height:50px; text-align: center;}
	h4{font-size:32px;line-height:32px;}
	h5{font-size:28px;line-height:28px;}
	h6{font-size:24px;line-height:24px;}
	.section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6{margin:0;}
	.section-title h1{font-size:115px; line-height:90px; text-align:center;}
	.section-title h2{font-size:100px;line-height:75px; text-align:center;}
	.section-title h4{font-size:70px;line-height:55px; text-align:center;}
	.section-title h5{font-size:60px;line-height:45px; text-align:center;}
	.section-title h6{font-size:50px;line-height:35px; text-align:center;}
	.teaser h1{font-size:95px; line-height:70px; text-align:center;}
	.teaser h2{font-size:80px;line-height:55px; text-align:center;}
	.teaser h3{font-size:50px;line-height:50px; text-align:center;font-weight: 300;}
	.teaser h4{font-size:50px;line-height:40px; text-align:center;}
	.teaser h5{font-size:40px;line-height:30px; text-align:left;}
	.teaser h6{font-size:30px;line-height:20px; text-align:left;}
	#fancybox-title-over h1,#fancybox-title-over h2,#fancybox-title-over h3,#fancybox-title-over h4,#fancybox-title-over h5,#fancybox-title-over h6{margin-bottom:15px;}
	#fancybox-title-over h1{font-size:18px;line-height:18px;}
	#fancybox-title-over h2{font-size:16px;line-height:16px;}
	#fancybox-title-over h3{font-size:14px;line-height:14px;}
	#fancybox-title-over h4{font-size:12px;line-height:12px;}
	#fancybox-title-over h5{font-size:11px;line-height:11px;}
	#fancybox-title-over h6{font-size:10px;line-height:10px;}
	
	
		/*odd*/
		.page.odd .section-title h1,.page.odd .section-title h2,.page.odd .section-title h3,.page.odd .section-title h4,.page.odd .section-title h5,.page.odd .section-title h6{color:#333;}
		.page.odd .section-title h1 a,.page.odd .section-title h2 a,.page.odd .section-title h3 a,.page.odd .section-title h4 a,.page.odd .section-title h5 a,.page.odd .section-title h6 a{color:#333;}
		.page.odd .section-title h1 span,.page.odd .section-title h2 span,.page.odd .section-title h3 span,.page.odd .section-title h4 span,.page.odd .section-title h5 span,.page.odd .section-title h6 span{color:#666;}
		.page.odd .section-title h1 span a,.page.odd .section-title h2 span a,.page.odd .section-title h3 span a,.page.odd .section-title h4 span a,.page.odd .section-title h5 span a,.page.odd .section-title h6 span a{color:#666;}

			

		/*even*/
		.page.even .section-title h1,.page.even .section-title h2,.page.even .section-title h3,.page.even .section-title h4,.page.even .section-title h5,.page.even .section-title h6{color:#444;}
		.page.even .section-title h1 a,.page.even .section-title h2 a,.page.even .section-title h3 a,.page.even .section-title h4 a,.page.even .section-title h5 a,.page.even .section-title h6 a{color:#444;}
		.page.even .section-title h1 span,.page.even .section-title h2 span,.page.even .section-title h3 span,.page.even .section-title h4 span,.page.even .section-title h5 span,.page.even .section-title h6 span{color:#fff;}
		.page.even .section-title h1 span a,.page.even .section-title h2 span a,.page.even .section-title h3 span a,.page.even .section-title h4 span a,.page.even .section-title h5 span a,.page.even .section-title h6 span a{color:#666;}
		
		
		/*teaser title*/
		.teaser .info-container .info h1, .teaser .info-container .info h2,.teaser .info-container .info h3, .teaser .info-container .info h4, .teaser .info-container .info h5, .teaser .info-container .info h6, .teaser .info-container .info blockquote{color:#fff;}
		
	.teaser .info-container .info h1 span, .teaser .info-container .info h2 span,.teaser .info-container .info h3 span, .teaser .info-container .info h4 span, .teaser .info-container .info h5 span, .teaser .info-container .info h6 span{color:#fff;}


		#teaser-3 .inner_content {}	
		#teaser-3 .inner_content h3, #SERVICE .inner_content h3 {font-size:50px;margin-bottom:24px;}
		#teaser-3 .inner_content h6, #SERVICE .inner_content h6 {font-size:18px;margin-bottom:60px;text-align: center}
		#teaser-3 .inner_content h6{margin-bottom:15px;}
		#teaser-3 #brands_logo {margin:0 auto;width:943px;display:block;}

		

/*--------------------------------------------------------
	v.--MISC
--------------------------------------------------------*/		
		
	.clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
	.clear{float:none;}	
	.left{float:left;}
	.right{float:right;}		
	

	#play, #progress {
		display: none;