/* KABOOKABOO MARKETING + KISKINIS */





/* GENERAL
--------------------------------------------------------------------------------------------------------------- */
html{overflow-y:scroll;}
html,
body{height:100% !important;}
body{margin:0; min-width:1024px; min-height:100% !important; font-family:'Open Sans', sans-serif; color:#231f20;
	font-size:16px; line-height:24px; font-weight:400; text-rendering:optimizeLegibility;
	background-color:#fff;}

	/* LINKS */
	a,
	a:visited{color:#231f20; font-weight:700; text-decoration:underline;}
	a:hover,
	a:active,
	a:visited:hover{color:#231f20; text-decoration:underline; cursor:pointer;}
	:focus{outline:0;}
	
	/* DISPLAY */
    .block{display:block;}
	.hide{display:none;}
	.inline{display:inline-block;}
	.center{text-align:center;}
	img{border:none; display:block;}
	*{position:relative;z-index:0;}
	*,
	*:before,
	*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.clear{clear:both;}
	.bold,
	strong,
	b{font-weight:700;}
	.semi-bold{font-weight:600;}
	.italic{font-style:italic;}
	.caps{text-transform:uppercase;}
	.left{float:left;}
	.right{float:right;}
	.clear{display:block; clear:both;}

	/* CONTAINERS */
	.main-container{margin:0 auto -148px; width:100%; min-height:100%; height:auto !important; height:100%;
		background-color:#fff;}
	.main-wrapper{}
		
	footer, .push {height:148px;}
	
	
	/* CSS Transitions
	----------------------------------------------------------------------------------------------------------- */
	.main-nav > li > a, .sub-nav, .sub-nav > li > a, .social-wrapper a i.fa-circle, .top-arrow, .swiper-arrow,
	a.more-btn, .work-thumb, .news-thumb, .services-nav a, .work-thumb img.color, .bios-thumb, .bios-thumb img.color,
	.news-nav a, .work-nav a img{
		-o-transition:all .2s;
		-ms-transition:all .2s;
		-moz-transition:all .2s;
		-webkit-transition:all .2s;
		transition:all .2s;}
	.services-nav-bar, .services-nav-copy{
		-o-transition:all .4s;
		-ms-transition:all .4s;
		-moz-transition:all .4s;
		-webkit-transition:all .4s;
		transition:all .4s;}
	body.work .page-title span{
		-o-transition:color .2s;
		-ms-transition:color .2s;
		-moz-transition:color .2s;
		-webkit-transition:color .2s;
		transition:color .2s;}





/* HEADER
--------------------------------------------------------------------------------------------------------------- */
.header-container{z-index:9999;}
	
	
	/* Masthead
	----------------------------------------------------------------------------------------------------------- */
	.masthead-container{width:100%; height:135px;
		background-color:#231f20;}
	.masthead-wrapper{margin:0 auto; width:960px;}
	.logo{margin:19px 0 0 10px; width:382px; height:94px; float:left; display:block;}
	.social-wrapper{margin:44px 10px 0 0; float:right;}
	.social-wrapper a{margin-left:15px; width:45px; height:45px; text-decoration:none; float:left; display:block;}
	.social-wrapper a i{margin-top:5px; color:#231f20; font-size:26px; line-height:37px; text-align:center; display:block;}
	.social-wrapper a i.fa-circle{margin-top:0; color:#dbcb00; font-size:52px; line-height:45px; position:absolute;}
		body.no-touch-device .social-wrapper a:hover i.fa-circle{color:#ffec00;}
	
	
	/* Navigation
	----------------------------------------------------------------------------------------------------------- */
	.nav-container{width:100%; height:51px; border-bottom:1px solid #bfbfbf;}
	.nav-wrapper{margin:0 auto; width:960px;}
	
	.main-nav > li{position:relative; float:left;}
	.main-nav > li > a{position:relative; float:left;
		background:none;}
	.main-nav > li:hover > a,
	.main-nav > li.current > a,
	.main-nav > li.current:hover > a{background-color:#dbcb00;}
	.main-nav > li.about-btn{width:171px;}
	.main-nav > li.clients-btn{width:161px;}
	.main-nav > li.work-btn{width:188px;}
	.main-nav > li.news-btn{width:227px;}
	.main-nav > li.contact-btn{width:212px;}
	.main-nav > li > a{padding-top:14px; width:100%; height:50px; font-size:20px; line-height:21px;
		text-decoration:none; text-align:center; display:block;}
	.main-nav > li.about-btn > a,
	.main-nav > li.work-btn > a{cursor:default;}
	
	.sub-nav{height:0; min-width:100%; position:absolute; top:50px; left:0; overflow:hidden;
		opacity:0;
		filter:alpha(opacity = 0);
		background-color:#dbcb00;}
	.sub-nav.open{
		opacity:1;
		filter:alpha(opacity = 100);}
	.about-btn .sub-nav.open{height:150px;}
	.work-btn .sub-nav.open{height:200px;}
	.sub-nav > li{height:50px; display:block;}
	.sub-nav > li > a{padding:16px 25px 0; width:100%; height:50px; color:#827904; font-size:17px;
		line-height:18px; text-decoration:none; white-space:nowrap; display:block;}
	body.no-touch-device .sub-nav > li:hover > a{width:100%; color:#231f20; text-decoration:none;
		white-space:nowrap; display:block;
		background-color:#b5a800;}
	.sub-nav > li:first-child > a{
		-webkit-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5);
		box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.5);}





/* CONTENT
--------------------------------------------------------------------------------------------------------------- */



	/* Universal
	----------------------------------------------------------------------------------------------------------- */
	h1{margin:0; padding-bottom:0; color:#dbcb00; font-size:54px; line-height:55px; font-weight:700;
		text-shadow:2px 2px rgba(35,31,32,.2);}
		.content-container.green h1{color:#2f2a2b;}
		h1.white{color:#fff;}
		h1.subtitle{margin:5px 0 10px;}
	h2{margin:0; padding-bottom:0; color:#fff; font-size:42px; line-height:43px; font-weight:700;
		text-shadow:2px 2px rgba(35,31,32,.2);}
	h3{margin:24px 0; padding-bottom:0; color:#231f20; font-size:24px; line-height:28px; font-weight:700;}
	
	p{margin:24px 0;}
	p.blurb{margin-top:0; margin-bottom:0;}
	p.half{margin-left:auto; margin-right:auto; width:690px;}
	p.hl{font-size:30px; line-height:34px; font-style:italic;}
	p.green{color:#dbcb00;}
	p.quote{font-size:18px; line-height:26px;}
		p.quote img{position:absolute;}
		p.quote img.quote-left{top:0; left:-120px;}
		p.quote img.quote-right{bottom:0; right:-120px;}
	ul,li{margin:0; padding:0; list-style:none;}
	
	.content-container{width:100%;}
		.content-container.white{background-color:#fff;}
		.content-container.green{background-color:#dbcb00;}
		.content-container.grey{background-color:#f4f4f4;}
		body.news .content-container.green{margin-bottom:54px;}
	.content-wrapper{margin:0 auto; padding:30px 0; width:940px;}
		body.news .content-container.green .content-wrapper{padding:0;}
	
	.page-title{padding:35px 0 36px; text-align:center;}
		.page-title+p{margin-top:-5px;}
	body.work .page-title span{margin-top:-44px; padding-top:29px; height:85px; color:#c7c6c6; font-size:22px;
		line-height:23px;text-shadow:none; position:absolute; top:50%; display:block; cursor:pointer;}
		body.work.no-touch-device .page-title span:hover{color:#2f2a2b;}
	body.work .page-title span.prev-btn{padding-left:48px; left:0;}
	body.work .page-title span.next-btn{padding-right:48px; right:0;}
	body.work .page-title span img{position:absolute; top:0;}
	body.work .page-title span.prev-btn img{left:0;}
	body.work .page-title span.next-btn img{right:0;}
		
	.page-banner{width:100%;
		background:url('../images/banners/bg.jpg') no-repeat center 0 #231f20;}
		body.about .page-banner{height:300px;}
		body.news .page-banner{height:70px;}
	.page-banner-module{margin:0 auto; width:940px;}
	.page-banner img{margin:0 auto; width:940px;}
	.page-banner h2{padding-top:10px; float:left;}



	/* Intro
	----------------------------------------------------------------------------------------------------------- */
	.intro-wrapper{margin:0 auto; padding:50px 0; width:960px;}
	.intro-title{width:360px; text-align:right; float:left;}
	.intro-title h1{margin-left:10px; line-height:50px; float:left;}
	.intro-title img{margin:14px 0 0 0; float:right;}
	.intro-copy{margin:5px 10px 0 0; width:570px; float:right;}



	/* Buttons
	----------------------------------------------------------------------------------------------------------- */
	a.more-btn{padding:15px 22px 16px; color:#dbcb00; font-size:18px; line-height:18px; text-transform:uppercase;
		text-decoration:none; display:inline-block;
		background-color:#231f20;}
	body.no-touch-device a.more-btn:hover{color:#ffec00;}



	/* Bios
	----------------------------------------------------------------------------------------------------------- */
	.bios-thumb-module{margin:15px auto 18px; width:940px; height:275px; font-size:0; text-align:center;}
	.bios-thumb{margin-left:20px; width:220px; height:220px; text-decoration:none !important; overflow:hidden;
		vertical-align:top; display:inline-block;}
	body.no-touch-device .bios-thumb:hover,
	.bios-thumb.current,
	body.no-touch-device .bios-thumb.current:hover{height:275px;}
	body.no-touch-device .bios-thumb:hover img.color,
	.bios-thumb.current img.color,
	body.no-touch-device .bios-thumb.current:hover img.color{
		opacity:1;
		filter:alpha(opacity = 100);}
	.bios-thumb:first-child{margin-left:0;}
	.bios-thumb img{width:220px; height:220px;}
	.bios-thumb img.color{position:absolute; top:0; left:0;
		opacity:0;
		filter:alpha(opacity = 0);}
	.bios-thumb > span{padding:10px; height:55px; color:#fff; font-size:16px; line-height:18px; font-weight:600;
		text-align:center; display:block;
		background-color:#231f20;}
	.bios-thumb > span > span{font-size:11px; color:#dbcb00; text-transform:uppercase; display:block;}
	
	.bios-copy{position:absolute; top:0; left:0; display:none;}
	.bios-copy h1{padding:20px 0 10px;}



	/* Work
	----------------------------------------------------------------------------------------------------------- */
	.work-nav{width:100%;overflow:hidden;}
	.work-nav-btns{margin:25px auto 22px; width:900px; text-align:center;}
	.work-nav > img{position:absolute; top:0; left:0;}
	.work-nav a{margin:20px; width:160px; height:160px; border:1px solid #dbcb00; display:inline-block;
		-webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.35);
		-moz-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.35);
		box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.35);}
	.work-nav a img{border:3px solid #fff;}
	body.no-touch-device .work-nav a:hover img{border-color:#dbcb00;}
	
	.work-thumb-module{margin:28px auto 18px; width:940px;}
	.work-thumb{margin-left:20px; width:220px; height:200; border:1px solid #d4d4d4; float:left; display:block;}
	body.no-touch-device .work-thumb:hover{border-color:#dbcb00;}
	body.no-touch-device .work-thumb:hover img.color{
		opacity:1;
		filter:alpha(opacity = 100);}
	.work-thumb:first-child{margin-left:0;}
	.work-thumb img{width:218px; height:198px;}
	.work-thumb img.color{position:absolute; top:0; left:0;
		opacity:0;
		filter:alpha(opacity = 0);}
		
		/* Lightbox
		------------------------------------------------------------------------------------------------------- */
		.lb-details,
		.lb-closeContainer{display:none !important;}
		.lb-container{padding:2px !important;}
		.lb-outerContainer{
			-webkit-border-radius: 	0 !important;
			-moz-border-radius: 	0 !important;
			-ms-border-radius: 		0 !important;
			-o-border-radius: 		0 !important;
			border-radius: 			0 !important;}



	/* News
	----------------------------------------------------------------------------------------------------------- */
	.news-thumb-module{margin-top:20px; text-align:center;}
	body.news .news-thumb-module{margin-top:0;}
	.news-thumb{margin:0 auto; padding:30px 0; width:940px; font-size:18px; line-height:26px; font-weight:400;
		text-decoration:none; border-top:1px dotted #231f20; display:block;
		background:none;}
	body.no-touch-device .news-thumb:hover{background-color:#b5a800;}
	.news-thumb:first-child{border:none;}
	.news-thumb h1,
	.news-thumb p{text-align:left; float:left;}
	.news-thumb h1{margin-top:-2px; padding-left:20px; width:225px; font-size:48px; line-height:52px; text-shadow:none;}
	.news-thumb p{padding-right:20px; width:715px;}
	
	.news-thumb-module .more-btn{margin:16px 0 18px;}
	
	.news-nav{padding-top:25px; float:right;}
	.news-nav a,
	.news-nav span{color:#fff; font-size:18px; line-height:19px; text-decoration:none; float:left; display:block;}
	body.no-touch-device .news-nav a:hover,
	.news-nav a.current{color:#dbcb00;}
	.news-nav span{padding:0 12px; color:#dbcb00; cursor:default;}
	.news-nav i{font-size:22px; line-height:22px;}



	/* Services
	----------------------------------------------------------------------------------------------------------- */
	.services-nav{margin-top:20px; text-align:center;}
	.services-nav a{margin:0 14px; color:#b7b6b6; font-size:14px; line-height:15px; font-weight:600;
		text-transform:uppercase; text-decoration:none;}
	body.no-touch-device .services-nav a:hover,
	.services-nav a.current{color:#231f20;}
	.services-nav-bar{margin-top:2px; width:100px;height:2px;
		background-color:#dbcb00;}
	.services-nav-copy{overflow:hidden;}
	.services-nav-copy p{position:absolute; top:0; left:0; display:none;}



	/* Clients
	----------------------------------------------------------------------------------------------------------- */
	.clients-module p{margin-top:0; width:50%; line-height:30px; float:left;}
	.clients-module i{width:20px; color:#dbcb00; padding-right:4px;}
	
	
	
	/* Slider/Swiper
	----------------------------------------------------------------------------------------------------------- */
	.swiper-container{width:100%; height:508px; overflow:hidden;
		background:url('../images/slider/bg.jpg') no-repeat center 0 #231f20;}
	.swiper-wrapper{margin:0 auto; width:100%; height:100%; position:relative;}
	.swiper-slide{width:100%; height:100%; overflow:hidden; float:left;
		-webkit-transform:translate3d(0,0,0);
		-webkit-backface-visibility: hidden;}
		
	.swiper-slide-img{width:100%; position:absolute; top:0; left:0;}
	.swiper-slide-img img{margin:0 auto;}
	
	.swiper-slide-content{margin:0 auto; width:820px;}
	.swiper-slide-content span{margin:120px 0 20px; color:#fff; font-size:60px; line-height:60px; font-weight:700;
		display:block;
		text-shadow: 2px 2px rgba(35,31,32,.5);}
		
	.pagination{padding:0; width:auto; position:absolute;
		left:50% !important; bottom:22px;}
	.pagination span{margin:0 8px; width:20px; height:20px; float:left;  border:4px solid #363132; display:block; cursor:pointer;
		-moz-border-radius:		10px;
		-webkit-border-radius:	10px;
		border-radius:			10px;
		-khtml-border-radius:	10px;
		behavior:url(/resources/js/PIE.htc);
		background-color:#363132;}
	.pagination span.swiper-active-switch{
		background-color:#dbcb00;}
			
	.swiper-arrow{width:47px; height:45px; position:absolute; top:232px; display:block;}
	.swiper-arrow.arrow-left{left:20px;}
		@media (min-width: 1100px) {.swiper-arrow.arrow-left{left:40px;}}
		@media (min-width: 1200px) {.swiper-arrow.arrow-left{left:80px;}}
		@media (min-width: 1500px) {.swiper-arrow.arrow-left{left:150px;}}
	.swiper-arrow.arrow-right{right:20px;}
		@media (min-width: 1100px) {.swiper-arrow.arrow-right{right:40px;}}
		@media (min-width: 1200px) {.swiper-arrow.arrow-right{right:80px;}}
		@media (min-width: 1500px) {.swiper-arrow.arrow-right{right:150px;}}





/* FOOTER
--------------------------------------------------------------------------------------------------------------- */
.footer-container{width:100%;}
.footer-wrapper{width:100%; height:58px;
	background-color:#231f20;}
	
.top-arrow{margin:0 auto; width:90px; height:90px; text-decoration:none; display:block;
	background-color:#dbcb00;}
body.no-touch-device .top-arrow:hover{background-color:#ffec00;}

.disclaimer-wrapper{margin:0 auto; padding:20px 0 0 10px; width:960px; color:#fff; font-size:14px; line-height:15px;}
.disclaimer-wrapper span{color:#dbcb00;}