/** GLOBAL **/
body
{
	font-family: "proxima-nova",sans-serif;
}

body.noscroll
{
	width:100vw;
	height:100vh;
	overflow:hidden;
}

.clear_fix
{
	width:100%;
	height:1px;
	clear:both;
}

/** NAV **/
.topbar
{
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:80px;
	z-index:9999;
}

.topbar.black
{
    background-color:rgb(0,0,0,1.0);
}

.open_menu
{
	width: 60px;
	height: 60px;
	background-image: url(/images/site/AndNav.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center right;
	background-color:transparent;
	position: absolute;
	top: 10px;
	left: 15px;
	opacity: 0;
	text-align: right;
	cursor: pointer;
	z-index: 9999;
}

.open_menu.white
{
    background-image: url(/images/site/AndNav_white.png);
}

.topbar.homeNav .open_menu
{
    top: -80px;
}

.hamburger
{
	width:60px;
	height:60px;
	position:absolute;
	top:10px;
	right:15px;
	cursor:pointer;
	opacity: 0;
	z-index:9999;
}

.hamburger .patty
{
	width:70%;
	height:3px;
	background-color:#1a1619;
	position:absolute;
	top:calc(50% - 1.5px);
	left:15%;
}

.hamburger .patty::before,
.hamburger .patty::after
{
	content:"";
	width:100%;
	height:3px;
	background-color:#1a1619;
	position:absolute;
	top: -10px;
}

.hamburger .patty.white,
.hamburger .patty.white::before,
.hamburger .patty.white::after
{
    background-color:#ffffff;
}

.hamburger .patty::after
{
	top:10px;
}

.open_menu .light_slash
{
	position:relative;
	z-index:20;
}

.nav,
.contact
{
	display:block;
	position:fixed;
	width:100vw;
	max-width:389px;
	height:100vh;
	top:0vh;
	right:-33vw;
	z-index:99999;
	opacity:0;
	background-color:#2e2e2e;
}

.nav .nav_contents,
.contact .contact_contents
{
	display:table-cell;
	width:100vw;
	min-width:389px;
	height:100vh;
	vertical-align:middle;
	background-color:#2e2e2e;
}

.nav .nav_contents .nav_point
{
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	opacity:0;
	width:63%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.nav .nav_contents .nav_point .social
{
	width:40px;
	display: inline-block;
}

.nav a
{
	text-decoration:none;
	color:#fff;
}

.nav .menu_social
{
	position: absolute;
	bottom: 30px;
	transform: translateX(50%);
	width: 50%;
}

.nav .menu_social a:nth-child(2)
{
	margin-left:15px;
}

.nav_bg
{
	position:fixed;
	display:none;
	width:100vw;
	height:100vh;
	top:0vh;
	left:0vw;
	background-color:#2e2e2e;
	z-index:-1;
	opacity:0;
	z-index:9999;
}

.contact .close_contact,
.nav .close_menu
{
	position:absolute;
	top: 10px;
	right:10px;
	cursor:pointer;
}

.contact .contact_contents
{
	background-color:#2e2e2e;
	text-align:center;
}

.contact .contact_contents img
{
	width:75vw;
	max-width:185px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.contact .contact_contents p
{
	width:100%;
	text-align:center;
	font-family: "proxima-nova",sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin-top:5vh;
	margin-bottom:5vh;
	text-transform:lowercase;
}

.contact .contact_contents p a
{
	color:#fff;
	text-decoration:none;
}

@media (max-width:1255px)
{
	.nav,
	.contact,
	.nav .nav_contents,
	.contact .contact_contents
	{
		width:100vw;
		max-width:414px;
		min-width:320px;
		right:-414px;
	}
}

@media (max-width:474px)
{
	.nav .close_menu
	{
		display:block;
	}
}

@media (max-width:414px)
{
	.nav,
	.contact,
	.nav .nav_contents,
	.contact .contact_contents
	{
		right:-100vw;
		width:100vw;
		max-width:414px;
		display:block;
		padding-top:10%;
	}
}

@media (max-height:500px)
{
	.contact .contact_contents img
	{
		width:15vw;
	}
}



/** HOME PAGE **/
{exp:channel:entries channel="homepage" dynamic="no" limit="1"}
.home_loader
{
	display:block;
	position:fixed;
	bottom:0vh;
	left:0px;
	width:100vw;
	height:100vh;
	background-size:contain;
	background-position:center;
	background-color:#{background_color};
	background-repeat:no-repeat;
	overflow:hidden;
	z-index:999;
}

.home_loader .intro_video
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100vw;
	height:100vh;
	background-color:#{background_color};
	object-fit: cover;
	overflow:hidden;
	z-index:999;
}
{/exp:channel:entries}

.home_loader .skip
{
	position:absolute;
	bottom:50px;
	right:0px;
	padding:15px;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	z-index:9999;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	transition:0.2s background-color;
}

.mobile .home_loader .skip
{
	width:100vw;
	text-align:center;
	bottom:0px;
	padding: 15px 0px;
}

.home_loader .skip:hover
{
	background-color:rgba(0,0,0,0.75);
}

.home_tagline
{
	display:table-cell;
	width:100vw;
	height:100vh;
	vertical-align:middle;
	background-color:#fccacb;
	opacity:0;
	z-index:999;
}

.home_tagline p
{
	margin-left:10vw;
	color:#434343;
	font-size:40px;
	font-family: "proxima-nova",sans-serif;
	font-weight:bold;
}

.work-reel
{
	width:100%;
	height:auto;
    margin-top: 80px;
}

.work-reel iframe
{
	width:100%;
	height: calc((100vw - 20px) * 0.5617284);
	margin-top:10px;
}

/** COVER PAGES **/

.home_wrapper
{
	width:100vw;
	height:auto;
	position:relative;
	z-index:99;
	overflow:hidden;
}

.home_wrapper.init
{
	position:fixed;
	width:100vw;
	height:100vh;
	top:80vh;
	left:0vw;
	overflow:hidden;
}

.cover_page
{
	width:calc(100vw - 20px);
	height:calc(100vw * 0.51098097);
	max-height:698px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}

.cover_page .cover_background
{
	width:100%;
	height:calc((100vw * 0.51098097) + 100px);
	max-height:798px;
	position:absolute;
	top: 0px;
	left:0px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	z-index:10;
}

.cover_page .cover_page_image
{
	width:100%;
	height:calc((100vw * 0.51098097) + 200px);
	max-height:898px;
	position:absolute;
	top: 0px;
	left:0px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	z-index:20;
}

.cover_page.home_hero
{
    width:100vw;
    height:calc(100vh - 80px);
    min-height:calc(100vh - 80px);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    margin-top:80px;
}

.cover_page p
{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0%;
	width:100%;
	height:auto;
	color:#fff;
	font-family: "proxima-nova",sans-serif;
	font-size:90px;
	line-height:80px;
	font-weight:700;
	letter-spacing:10px;
	text-align:center;
	text-transform:uppercase;
	z-index:30;
}

.cover_page .top p
{
	color:#2e2e2e;
	text-shadow:none;
	text-align:center;
	font-size:50px;
	font-weight:800;
	letter-spacing:3px;
	line-height:50px;
	text-transform:none;
	width:84%;
	margin-left:8%;
	margin-right:8%;
}

.cover_page .top a
{
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	border: 2px solid #2e2e2e;
	font-size: 20px;
	color: #2e2e2e;
	font-weight: 400;
	color: #2e2e2e;
	text-decoration: none;
}

.cover_page p.desc
{
	font-size:18px;
	line-height: 12px;
	letter-spacing: 3px;
	white-space: nowrap;
	top: auto;
	bottom: 80px;
	background-image: url(/images/site/overlay-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	width: auto;
	height: auto;
	padding-right: 70px;
	padding-top: 22px;
	padding-bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
}

@media (max-width:768px)
{
	.cover_page p
	{
		font-size:10vw;
		line-height:10vw;
		letter-spacing:5px
	}
	
	.cover_page p.desc
	{
		bottom: 3vw;
		font-size: 3vw;
		/* line-height: 5vw; */
		padding-right: 10vw;
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	
	.cover_page .top p
	{
		font-size:5.5vw;
		line-height:5.5vw;
	}
	
	.cover_page .top a
	{
		font-size: 2vw;
	}
}

@media (max-width:414px)
{
	.cover_page
	{
		height:calc(100vw * 0.7);
	}
	
	.cover_page .cover_background
	{
		height:calc((100vw * 0.4) + 100px);
	}
	
	.cover_page .cover_page_image
	{
		height:calc((100vw * 0.4) + 200px);
	}
}

/** MORE PROJECTS **/
.more_projects_header
{
	width:calc(100vw - 20px);
	padding:10px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	background-color:#fff;
	position:relative;
	z-index:99;
}

.more_projects_header .more_projects_header_container
{
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#e6e6e6;
}

.more_projects_header p
{
	font-family: "proxima-nova",sans-serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:2px;
	line-height:20px;
	color:#2e2e2e;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.more_projects_header .header
{
	font-size:40px;
	line-height:40px;
	font-weight:700;
	margin-bottom:15px;
}

@media (max-width:500px)
{
	.more_projects_header .more_projects_header_container
	{
		padding-top:10px;
		padding-bottom:40px;
	}
	
	.more_projects_header p
	{
		font-size:17px;
		line-height:17px;
	}
	
	.more_projects_header .header
	{
		font-size:20px;
		line-height:20px;
		font-weight:700;
		margin-top:30px;
		margin-bottom:20px;
	}
}

.more_projects
{
	width:calc(100vw - 20px);
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	background-color:#fff;
	position:relative;
	z-index:99;
}

.more_projects .more_projects_item
{
	display:block;
	width:calc((100vw - 20px) * .3333333);
	max-width:450px;
	height:calc((100vw - 20px) * .3333333);
	max-height:450px;
	float:left;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}

.more_projects .more_projects_item .more_projects_item_overlay
{
	display:block;
	width:calc(100vw * .3333333);
	max-width:460px;
	height:calc(100vw * .3333333);
	max-height:460px;
	background-color:rgba(0,0,0,0.0);
	color:#fff;
	font-family: "proxima-nova",sans-serif;
	opacity:1;
	vertical-align:middle;
	position:relative;
	z-index:10;
	transition:all 0.5s;
}

.more_projects .more_projects_item .more_projects_item_overlay .overlay_content
{
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 100%;
	text-align:left;
}

.mobile .more_projects .more_projects_item:hover .more_projects_item_overlay
{
	background-color:rgba(0,0,0,0.0);
}

.more_projects .more_projects_item:hover .more_projects_item_overlay
{
	background-color:rgba(0,0,0,0.70);
}

.more_projects .more_projects_item .more_projects_item_overlay div.tagline
{
	font-family: "proxima-nova",sans-serif;
	font-size:40px;
	font-weight:700;
	line-height:40px;
	letter-spacing:1px;
	text-transform:uppercase;
	/**text-shadow:0px 0px 30px rgba(0, 0, 0, 1);**/
	width:calc(75% - 20px);
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	opacity:1;
	transition: all 0.5s ease 0.2s;
}

.more_projects .more_projects_item .more_projects_item_overlay div.tagline .work-arrow
{
	width:13%;
	height:auto;
	max-width: 55px;
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
	opacity:0;
	transition:all 0.5s ease 0.0s;
	
}

.more_projects .more_projects_item:hover .more_projects_item_overlay div.tagline .work-arrow
{
	opacity:1;
	transition:all 0.5s ease 0.2s;
}

.mobile .more_projects .more_projects_item:hover .more_projects_item_overlay div.tagline .work-arrow
{
	opacity:0;
	transition:all 0.5s ease 0.2s;
}

.more_projects .more_projects_item .more_projects_item_overlay p.project
{
	font-family: "proxima-nova",sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:500;
	letter-spacing:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	opacity:0;
	transition: all 0.5s ease 0.0s;
}

.more_projects .more_projects_item:hover .more_projects_item_overlay div.tagline,
.more_projects .more_projects_item:hover .more_projects_item_overlay p.project
{
	padding-left:15%;
	transition: all 0.5s ease 0.0s;
}

.mobile .more_projects .more_projects_item:hover .more_projects_item_overlay div.tagline,
.mobile .more_projects .more_projects_item:hover .more_projects_item_overlay p.project
{
	padding-left:10px;
}

.more_projects .more_projects_item .small-cover
{
	display:block;
	width:100%;
	max-width:450px;
	height:100%;
	max-height:450px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	transform:scale(1.0);
	transition:all 0.5s ease 0s;
}

.more_projects .more_projects_item:hover .small-cover
{
	transform:scale(1.2);
}

.mobile .more_projects .more_projects_item:hover .small-cover
{
	transform:scale(1.0);
}

.more_projects .load_more
{
	width:100%;
	height:135px;
	background-image:url('/images/site/more-work.png');
	background-position:center;
	background-repeat:no-repeat;
	clear:both;
}

@media (max-width:2720px)
{
	.more_projects .more_projects_item,
	.more_projects .more_projects_item .more_projects_item_overlay
	{
		width:calc((100vw - 20px) * .16666);
		height:calc((100vw - 20px) * .16666);
	}
}

@media (max-width:2270px)
{
	.more_projects .more_projects_item,
	.more_projects .more_projects_item .more_projects_item_overlay
	{
		width:calc((100vw - 20px) * .20);
		height:calc((100vw - 20px) * .20);
	}
}

@media (max-width:1820px)
{
	.more_projects .more_projects_item,
	.more_projects .more_projects_item .more_projects_item_overlay
	{
		width:calc((100vw - 20px) * .25);
		height:calc((100vw - 20px) * .25);
	}
}

@media (max-width:1370px)
{
	.more_projects .more_projects_item,
	.more_projects .more_projects_item .more_projects_item_overlay
	{
		width:calc((100vw - 20px) * .33333);
		height:calc((100vw - 20px) * .33333);
	}
}

@media (max-width:920px)
{
	.more_projects .more_projects_item,
	.more_projects .more_projects_item .more_projects_item_overlay
	{
		width:calc((100vw - 20px) * .5);
		height:calc((100vw - 20px) * .5);
	}
}

@media (max-width:630px)
{

	.more_projects .more_projects_item .more_projects_item_overlay p.tagline
	{
		font-size:8vw;
	}

	.more_projects .more_projects_item .more_projects_item_overlay p.project
	{
		font-size:2.5vw;
	}

}

@media (max-width:500px)
{
	.more_projects .more_projects_item .more_projects_item_overlay .overlay_content
	{
		bottom: 10px;
		left: 10px;
	}
	
	.more_projects .more_projects_item .more_projects_item_overlay div.tagline
	{
		font-size:5.2vw;
		line-height:5.2vw;
	}
}

/** FOOTER **/
.footer
{
	display:table-cell;
	vertical-align:middle;
	width:100vw;
	height:auto;
	background-color:#fff;
	margin:0px;
	padding:10px;
	text-align:center;
	position:relative;
	z-index:99;
}

.footer .footer_content
{
	width:calc(100vw - 20px);
	height:auto;
	background-color:#1c1c1c;
	padding-top:5vw;
	padding-bottom:2vw;
}

.footer .footer_logo
{
	width:33vw;
	max-width:148px;
	margin-left:10vw;
	margin-right:5vw;
	vertical-align:top;
}

.footer .footer_copy
{
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:top;
}

.footer p
{
	width:85%;
	margin-top:1vw;
	color:#b4b4b4;
	font-size:18px;
	font-family: "proxima-nova",sans-serif;
	font-weight:bold;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.footer .footer-contact p
{
	display: inline-block;
	width:250px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align:top;
}

.footer a
{
	color: #b4b4b4;
	text-decoration: none;
	border: 2px solid #5e5656;
	line-height: 40px;
	width: 250px;
	display: block;
	margin-bottom: 0px;
	text-align: center;
}


.footer .cta
{
	width:100vw;
	height:auto;
	margin-top:50px;
	margin-bottom:100px;
}

.footer .cta .get_in_touch
{
	display:inline-block;
	margin-right:-10px;
	vertical-align:top;
	width:30vw;
	max-width:140px;
	height:auto;
}

.footer .cta .learn_more
{
	display:inline-block;
	margin-left:-10px;
	vertical-align:top;
	width:30vw;
	max-width:140px;
	height:auto;
}

.footer .copyright
{
	width:calc(100vw - 20px);
	text-align:center;
	font-size: 12px;
	margin-top:5vw;
	margin-left:auto;
	margin-right:auto;
	color: #b4b4b4;
}

.footer .social
{
	width:100vw;
	height:108px;
	background-color:#fccacb;
	text-align:right;
}

.footer .footer_social
{
	display:block;
	width:108px;
	height: 108px;
	background-color:#fff;
	float:right;
}

.footer .footer_social.instagram
{
	background-image:url(/images/site/footer_instagram.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:60%;
}

.footer .footer_social.facebook
{
	background-image:url(/images/site/footer_facebook.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:60%;
	margin-left:0px;
}

@media (max-width:1066px)
{
	.footer .footer_copy
	{
		width: calc(100vw - (185px + 16vw));
	}
}

@media (max-width:873px)
{
	.footer p
	{
		font-size:2.3vw;
	}
}

@media (max-width:768px)
{
	.footer p
	{
		font-size:17px;
	}
}

@media (max-width:700px)
{	
	.footer .footer_logo
	{
		transform:translateY(0%);
		margin-top:10vw;
		margin-bottom:10vw;
		margin-left:5vw;
		margin-right:5vw;
	}
	
	.footer .footer_copy
	{
		width: 100%;
	}
	
	.footer p
	{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5vw;
	}
	
	.footer .footer-contact p
	{
		display: block;
		float: none;
		width:100%;
		margin-left:auto;
		margin-right: auto;
	}
	
	.footer p:nth-child(2)
	{
		margin-bottom:1vw;
	}
	
	.footer .copyright
	{
		width: 100%;
		text-align: center;
		left: 0px;
	}
	
	.footer a
  {
	  width: 214px;
	  margin-left: auto;
	  margin-right: auto;
  }
}

/** CASE STUDIES **/
.case_study_loader
{
	display:block;
	position:fixed;
	width:100vw;
	height:100vh;
	bottom:100vh;
	right:0vw;
	background-color:#fff;
	background-image:url(/images/site/andCoLoader.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-size:75px 75px;
	z-index:999;
	opacity:0;
}

.case_study_content
{
	position:relative;
	width:100vw;
	height:auto;
	bottom:auto;
	display.none;
	z-index:998;
	overflow:hidden;
}

/** CASE STUDIES:HERO **/
.case_study_content .page_header
{
	width:100vw;
	height:calc(100vh - 80px);
	position:fixed;
	top:80px;
	left:0px;
	background-color:transparent;
	overflow:hidden;
	z-index:10;
}

.mobile .case_study_content .page_header
{
	height:calc(88vh - 80px);
}

.case_study_content .page_header .page_header_bg
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	z-index:-1;
}

.case_study_content .page_header .page_header_bg video
{
	width:100%;
	height:100%;
	object-fit: cover;
}

.case_study_content .page_header .header_copy
{
	width:100vw;
	height:100vh;
	display:table-cell;
	vertical-align:middle;
}

.mobile .case_study_content .page_header .header_copy
{
	width:100vw;
	height:75vh;
	display:table-cell;
	vertical-align:bottom;
}

.case_study_content .page_header .header_copy p
{
	color:#fff;
	margin-left:5vw;
}

.case_study_content .page_header .header_copy.dark p
{
	color:#000;
}

.case_study_content .page_header .header_copy.red p
{
	color:#a3000a;
}

.case_study_content .page_header .header_copy div.tagline p
{
	font-family: "proxima-nova",sans-serif;
	font-size:90px;
	font-weight:700;
	width:70vw;
	line-height:95px;
}

.case_study_content .page_header .header_copy p.client
{
	font-family: "proxima-nova",sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:30px;
}

@media (max-width:873px)
{
	.case_study_content .page_header .header_copy div.tagline p
	{
		font-size:10.3vw;
		line-height:10.9vw;
	}
	
	.case_study_content .page_header .header_copy p.client
	{
		font-size:2.6vw;
		line-height:2.8vw;
	}
}

@media (max-width:768px)
{
	.case_study_content .page_header .header_copy div.tagline p
	{
		font-size:79px;
		line-height:83px;
	}
	
	.case_study_content .page_header .header_copy p.client
	{
		font-size:17px;
		line-height:28px;
	}
}

@media (max-width:710px)
{
	.case_study_content .page_header .header_copy p
	{
		margin-left:6vw;
	}
	
	.case_study_content .page_header .header_copy div.tagline p
	{
		width:90vw;
	}
}

@media (max-width:600px)
{
	.case_study_content .page_header .header_copy div.tagline p
	{
		font-size:58px;
		line-height:58px;
		max-width:373px;
	}
}

@media (max-width:375px)
{
	.case_study_content .page_header .header_copy div.tagline p
	{
		font-size:50px;
		line-height:50px;
	}
}

@media (max-width:320px)
{
	.case_study_content .page_header .header_copy div.tagline p
	{
		font-size:48px;
		line-height:48px;
	}
}

/** CASE STUDIES:BLOQ **/
.case_study_content .bloq_wrapper
{
	width:100vw;
	height:auto;
	margin-top:100vh;
	position:relative;
	z-index:99;
}

.mobile .case_study_content .bloq_wrapper
{
	margin-top:88vh;
}

.case_study_content .bloq_wrapper .down
{
	position:absolute;
	width:100vw;
	height:10vw;
	max-height:75px;
	left:0px;
	bottom:100%;
	text-align:center;
	overflow:hidden;
}

.case_study_content .bloq_wrapper .down .round
{
	width:20vw;
	max-width:150px;
	height:20vw;
	max-height:150px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	cursor:pointer;
	transform:scale(0.9);
	transition:0.5s transform;
}

.case_study_content .bloq_wrapper .down .round:hover
{
	transform:scale(1.0);
}

.case_study_content .bloq_wrapper .down .round img
{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:22%;
	width:30%;
	max-width:144px;
	height:auto;
}

.case_study_content .bloq
{
	width:100vw;
	height:auto;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	overflow:hidden;
}
.case_study_content .bloq.top_medium_padding
{
	padding-top:40px;
}

.case_study_content .bloq.top_large_padding
{
	padding-top:80px;
}

.case_study_content .bloq.top_no_padding
{
	padding-top:0px;
}

.case_study_content .bloq.bottom_medium_padding
{
	padding-bottom:40px;
}

.case_study_content .bloq.bottom_large_padding
{
	padding-bottom:80px;
}

.case_study_content .bloq.bottom_no_padding
{
	padding-bottom:0px;
}

.case_study_content .bloq_content
{
	opacity:0;
}

.case_study_content .bloq.clients .bloq_content
{
	width:100%;
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
}

.case_study_content .bloq.clients .bloq_content img
{
	width:20%;
	max-width:216px;
	margin:0px;
	padding:0px;
	float:left;
}

@media (max-width:920px)
{
	
	.case_study_content .bloq
	{
		text-align:left
	}
	
	.case_study_content .bloq.top_medium_padding
	{
		padding-top:20px;
	}

	.case_study_content .bloq.top_large_padding
	{
		padding-top:40px;
	}

	.case_study_content .bloq.bottom_medium_padding
	{
		padding-bottom:20px;
	}

	.case_study_content .bloq.bottom_large_padding
	{
		padding-bottom:40px;
	}

}

@media (max-height:450px)
{
	
	.case_study_content .bloq_wrapper .down
	{
		height:5vw;
	}
	
	.case_study_content .bloq_wrapper .down .round
	{
		width:10vw;
		height:10vw;
	}

}

/** CASE STUDIES:BLOQ:HEADER BLOQ **/
.case_study_content .bloq.header .bloq_content
{
	width:85vw;
	max-width:1080px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.case_study_content .bloq.header .bloq_content p
{
	font-family: "proxima-nova",sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:25px;
	letter-spacing:1px;
	text-align:center;
}

.case_study_content .bloq.header .bloq_content h1,
.case_study_content .bloq.header .bloq_content h2,
.case_study_content .bloq.header .bloq_content h3,
.case_study_content .bloq.header .bloq_content h4,
.case_study_content .bloq.header .bloq_content h5,
.case_study_content .bloq.header .bloq_content h6
{
	font-family: "proxima-nova",sans-serif;
	font-weight:700;
	font-size:50px;
	line-height:60px;
	letter-spacing:1px;
	text-align:center;
}

@media (max-width:873px)
{
	
	.case_study_content .bloq.header .bloq_content p
	{
		font-size:2.9vw;
		line-height:2.9vw;
	}
	
	.case_study_content .bloq.header .bloq_content h1,
	.case_study_content .bloq.header .bloq_content h2,
	.case_study_content .bloq.header .bloq_content h3,
	.case_study_content .bloq.header .bloq_content h4,
	.case_study_content .bloq.header .bloq_content h5,
	.case_study_content .bloq.header .bloq_content h6
	{
		font-size:5.7vw;
		line-height:6vw;
	}

}

@media (max-width:768px)
{
	
	.case_study_content .bloq.header .bloq_content p
	{
		font-size:17px;
		line-height:22px;
		margin-bottom:10px;
	}
	
	.case_study_content .bloq.header .bloq_content h1,
	.case_study_content .bloq.header .bloq_content h2,
	.case_study_content .bloq.header .bloq_content h3,
	.case_study_content .bloq.header .bloq_content h4,
	.case_study_content .bloq.header .bloq_content h5,
	.case_study_content .bloq.header .bloq_content h6
	{
		font-size:35px;
		line-height:35px;
		margin-bottom:0px;
	}

}

/** CASE STUDIES:BLOQ:FULL WIDTH TEXT BLOQ **/
.case_study_content .bloq.full_width_text .bloq_content
{
	width:85vw;
	max-width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.case_study_content .bloq.full_width_text .bloq_content h1,
.case_study_content .bloq.full_width_text .bloq_content h2,
.case_study_content .bloq.full_width_text .bloq_content h3,
.case_study_content .bloq.full_width_text .bloq_content h4,
.case_study_content .bloq.full_width_text .bloq_content h5,
.case_study_content .bloq.full_width_text .bloq_content h6
{
	font-family: "proxima-nova",sans-serif;
	font-weight:700;
	font-size:27px;
	letter-spacing:1px;
	margin-bottom:30px;
}

.case_study_content .bloq.full_width_text .bloq_content p
{
	font-family: "proxima-nova",sans-serif;
	font-weight:400;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:30px;
}

@media (max-width:873px)
{

	.case_study_content .bloq.full_width_text .bloq_content p
	{
		font-size:2.3vw;
	}

	.case_study_content .bloq.full_width_text .bloq_content h1,
	.case_study_content .bloq.full_width_text .bloq_content h2,
	.case_study_content .bloq.full_width_text .bloq_content h3,
	.case_study_content .bloq.full_width_text .bloq_content h4,
	.case_study_content .bloq.full_width_text .bloq_content h5,
	.case_study_content .bloq.full_width_text .bloq_content h6
	{
		font-size:3.1vw;
	}

}

@media (max-width:768px)
{

	.case_study_content .bloq.full_width_text .bloq_content p
	{
		font-size:17px;
	}

	.case_study_content .bloq.full_width_text .bloq_content h1,
	.case_study_content .bloq.full_width_text .bloq_content h2,
	.case_study_content .bloq.full_width_text .bloq_content h3,
	.case_study_content .bloq.full_width_text .bloq_content h4,
	.case_study_content .bloq.full_width_text .bloq_content h5,
	.case_study_content .bloq.full_width_text .bloq_content h6
	{
		font-size:23px;
	}

}

/** CASE STUDIES:BLOQ:SERVICES BLOQ **/
.case_study_content .bloq.services .bloq_content
{
	width:85vw;
	max-width:1080px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.case_study_content .bloq.services .bloq_content .service-column
{
	width:calc(33.33% - 25px);
	max-width:414px;
	min-width: 247px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:25px;
}

.case_study_content .bloq.services .bloq_content h1,
.case_study_content .bloq.services .bloq_content h2,
.case_study_content .bloq.services .bloq_content h3,
.case_study_content .bloq.services .bloq_content h4,
.case_study_content .bloq.services .bloq_content h5,
.case_study_content .bloq.services .bloq_content h6
{
	font-family: "proxima-nova",sans-serif;
	font-weight:700;
	font-size:27px;
	letter-spacing:1px;
	margin-bottom:30px;
}

.case_study_content .bloq.services .bloq_content p
{
	font-family: "proxima-nova",sans-serif;
	font-weight:400;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:30px;
}

@media (max-width:873px)
{

	.case_study_content .bloq.services .bloq_content p
	{
		font-size:2.3vw;
	}

	.case_study_content .bloq.services .bloq_content h1,
	.case_study_content .bloq.services .bloq_content h2,
	.case_study_content .bloq.services .bloq_content h3,
	.case_study_content .bloq.services .bloq_content h4,
	.case_study_content .bloq.services .bloq_content h5,
	.case_study_content .bloq.services .bloq_content h6
	{
		font-size:3.1vw;
	}

}

@media (max-width:768px)
{

	.case_study_content .bloq.services .bloq_content p
	{
		font-size:17px;
	}

	.case_study_content .bloq.services .bloq_content h1,
	.case_study_content .bloq.services .bloq_content h2,
	.case_study_content .bloq.services .bloq_content h3,
	.case_study_content .bloq.services .bloq_content h4,
	.case_study_content .bloq.services .bloq_content h5,
	.case_study_content .bloq.services .bloq_content h6
	{
		font-size:23px;
	}

}

/** CASE STUDIES:BLOQ:FULL WIDTH IMAGE BLOQ **/
.case_study_content .bloq.full_width_image .bloq_content
{
	width:130vw;
	margin-left:-15vw;
}

.case_study_content .bloq.full_width_image .bloq_content img
{
	width:100%;
	max-width:1366px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.case_study_content .bloq.full_width_image.full_width .bloq_content img
{
	max-width:calc(100% - 30vw);
}


/** CASE STUDIES:BLOQ:VIDEO BLOQ **/
.case_study_content .bloq.video .bloq_content,
.case_study_content .bloq.local_video .bloq_content
{
	width:88vw;
	max-width:1080px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    font-size: 0px;
}

.case_study_content .bloq.video .bloq_content.imac
{
	max-wdith:1073px;
}

.case_study_content .bloq.video .bloq_content.ipad
{
	width:100vw;
	max-wdith:1089px;
}

.case_study_content .bloq.video .bloq_content.ipad div.ipad
{
    perspective: 1500px;
}

.case_study_content .bloq.video .bloq_content.no_frame iframe
{
	width:88vw;
	max-width:1080px;
	height:calc(88vw / 1.8);
	max-height:610px;
	background-image:transparent;
}

.case_study_content .bloq.local_video .bloq_content video
{
	width:88vw;
	max-width:1080px;
	height:auto;
	max-height:auto;
	background-color:transparent;
}

.case_study_content .bloq.video .bloq_content.imac iframe
{
	width:74.5vw;
	max-width:918px;
	height:calc(74.5vw * 0.56296296);
	max-height:517px;
	display:block;
	position:absolute;
	top:4.5%;
	left:7.7%;
}

.case_study_content .bloq.video .bloq_content.ipad iframe
{
	width: 88vw;
	max-width: 590px;
	height: calc(88vw * 0.56296296);
	max-height: 435px;
	transform: rotateZ(-15.5deg) rotateY(16deg) rotateX(10deg);
	position: absolute;
	top: 8.75%;
	left: 24.8%;
}

.case_study_content .bloq.video .bloq_content.imac img
{
	width:88vw;
	max-width:1073px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.case_study_content .bloq.video .bloq_content.ipad img
{
	width:100vw;
	max-width:1089px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width:1089px)
{
	.case_study_content .bloq.video .bloq_content.ipad iframe
	{
		width: 54.5vw;
		max-width: 590px;
		height: calc(53.8vw * 0.7399);
		max-height: 435px;
		transform: rotateZ(-15.5deg) rotateY(16deg) rotateX(10deg);
		position: absolute;
		top: 8.75%;
		left: 24.5%;
	}
}

/** CASE STUDIES:BLOQ:TESTIMONIAL BLOQ **/
.case_study_content .bloq.testimonial .bloq_content
{
	width:88vw;
	max-width:720px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.case_study_content .bloq.testimonial .bloq_content h1,
.case_study_content .bloq.testimonial .bloq_content h2
{
	font-family: "proxima-nova",sans-serif;
	font-size:32px;
	font-style:italic;
	font-weight: 600;
	text-align:center;
}

.case_study_content .bloq.testimonial .bloq_content h3,
.case_study_content .bloq.testimonial .bloq_content h4,
.case_study_content .bloq.testimonial .bloq_content h5,
.case_study_content .bloq.testimonial .bloq_content h6
{
	font-family: "proxima-nova",sans-serif;
	font-size:24px;
	font-weight: 300;
	text-align:center;
}

.case_study_content .bloq.testimonial .bloq_content p
{
	font-family: "proxima-nova",sans-serif;
	font-size:13px;
	font-weight: 300;
	text-align:center;
}

@media (max-width:873px)
{

	.case_study_content .bloq.testimonial .bloq_content h1,
	.case_study_content .bloq.testimonial .bloq_content h2
	{
		font-size:3.7vw;
	}
	
	.case_study_content .bloq.testimonial .bloq_content h3,
	.case_study_content .bloq.testimonial .bloq_content h4,
	.case_study_content .bloq.testimonial .bloq_content h5,
	.case_study_content .bloq.testimonial .bloq_content h6
	{
		font-size:2.8vw;
	}
	
	.case_study_content .bloq.testimonial .bloq_content p
	{
		font-size:2.6vw;
	}

}

@media (max-width:768px)
{

	.case_study_content .bloq.testimonial .bloq_content h1,
	.case_study_content .bloq.testimonial .bloq_content h2
	{
		font-size:28px;
		line-height:28px;
	}
	
	.case_study_content .bloq.testimonial .bloq_content h3,
	.case_study_content .bloq.testimonial .bloq_content h4,
	.case_study_content .bloq.testimonial .bloq_content h5,
	.case_study_content .bloq.testimonial .bloq_content h6
	{
		font-size:18px;
		line-height:25px;
		margin-top:10px;
	}
	
	.case_study_content .bloq.testimonial .bloq_content p
	{
		font-size:12px;
		line-height:18px;
	}

}

/** CASE STUDIES:BLOQ:GALLERY BLOQ **/
.case_study_content .bloq.gallery
{
	position:relative;
}

.case_study_content .bloq.gallery.macbook.top_no_padding
{
	padding-top:70px;
}

.case_study_content .bloq.gallery.macbook.bottom_no_padding
{
	padding-bottom:70px;
}

.case_study_content .bloq.gallery.macbook.top_medium_padding
{
	padding-top:110px;
}

.case_study_content .bloq.gallery.macbook.bottom_medium_padding
{
	padding-bottom:110px;
}

.case_study_content .bloq.gallery.macbook.top_large_padding
{
	padding-top:150px;
}

.case_study_content .bloq.gallery.macbook.bottom_large_padding
{
	padding-bottom:150px;
}

.case_study_content .bloq.gallery .image_gallery
{
	width:100vw;
	height:auto;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	overflow:hidden;
}

.case_study_content .bloq.gallery .image_gallery .slick-arrow
{
	opacity:0.7;
	transition:0.2s opacity;
}

{if {exp:detect_mobile:isnotmobile}}
.case_study_content .bloq.gallery .image_gallery .slick-arrow:hover
{
	opacity:1.0;
}
{/if}

.case_study_content .bloq.gallery .image_gallery .slick-next
{
	background-image:url(/images/site/arrow_next.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:10vw;
	max-width:52px;
	height:10vw;
	max-height:52px;
	right:calc(50vw - 480px);
}

.case_study_content .bloq.gallery .image_gallery.macbook .slick-next
{
	right:calc(50vw - 520px);
}

.case_study_content .bloq.gallery .image_gallery .slick-prev
{
	background-image:url(/images/site/arrow_prev.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:10vw;
	max-width:52px;
	height:10vw;
	max-height:52px;
	left:calc(50vw - 480px);
}

.case_study_content .bloq.gallery .image_gallery.macbook .slick-prev
{
	left:calc(50vw - 520px);
}

.case_study_content .bloq.gallery .image_gallery .gallery_item img
{
	width: auto;
	max-width: 833px;
	height: auto;
	max-height: 80vh;
}

.case_study_content .bloq.gallery .image_gallery .gallery_item iframe
{
	width:88vw;
	max-width:833px;
	height:calc(88vw * 0.56296296);
	max-height:469px;
}

.case_study_content .bloq.gallery .image_gallery.mixed .gallery_item iframe
{
	transform:translateY(50%);
}

.case_study_content .bloq.gallery .image_gallery .gallery_item iframe.square
{
	width:88vw;
	max-width:500px;
	height:88vw;
	max-height:500px;
}

.case_study_content .bloq.gallery .image_gallery.mixed .gallery_item iframe.square
{
	transform:translateY(0%);
}

.case_study_content .bloq.gallery .image_gallery .gallery_item
{
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ie-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0.6;
	transition:0.5s opacity, 0.5s -webkit-transform, 0.5s -moz-transform, 0.5s -ie-transform, 0.5s -o-transform, 0.5s transform;
	margin-right:-45px;
	position:relative;
	pointer-events: none;
}

.case_study_content .bloq.gallery.macbook .image_gallery .gallery_item img
{
	width:76vw;
	max-width:833px;
	height:auto;
}


.case_study_content .bloq.gallery .image_gallery .gallery_item.slick-active
{
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-ie-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
	opacity:1.0;
	z-index:99;
	pointer-events: auto;
}

.case_study_content .bloq.gallery img.macbook
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: calc(50vw - 553.5px);
	width: 100vw;
	max-width: 1107px;
	height: auto;
	pointer-events: none;
}

@media (max-width:1107px)
{
	.case_study_content .bloq.gallery.macbook
	{
		padding-top: 4.38vw;
		padding-bottom: 8vw;
	}
	
	.case_study_content .bloq.gallery.macbook .image_gallery .slick-next
	{
		right:1vw;
	}
	
	.case_study_content .bloq.gallery.macbook .image_gallery .slick-prev
	{
		left:1vw;
	}
	
	.case_study_content .bloq.gallery img.macbook
	{
		left:0px;
	}
}

@media (max-width:984px)
{

	.case_study_content .bloq.gallery .image_gallery .slick-next
	{
		right:1vw;
	}

	.case_study_content .bloq.gallery .image_gallery .slick-prev
	{
		left:1vw;
	}
	
	.case_study_content .bloq.gallery.macbook.top_no_padding
	{
		padding-top: 27.5px;
	}

	.case_study_content .bloq.gallery.macbook.top_medium_padding
	{
		padding-top: 47.5px;
	}

	.case_study_content .bloq.gallery.macbook.top_large_padding
	{
		padding-top: 67.5px;
	}

	.case_study_content .bloq.gallery.macbook.bottom_no_padding
	{
		padding-bottom: 27.5px;
	}

	.case_study_content .bloq.gallery.macbook.bottom_medium_padding
	{
		padding-bottom: 47.5px;
	}

	.case_study_content .bloq.gallery.macbook.bottom_large_padding
	{
		padding-bottom: 67.5px;
	}

}

/** ABOUT US **/

.about-us .bloq_content p,
.about-us .bloq_content h1
{
	text-align:left !important;
	width: 80%;
}

.case_study_content .about-us .bloq.full_width_text .bloq_content
{
	max-width:1080px;
}

.case_study_content .about_header
{
	width:100vw;
	height:calc(100vw / 1.77777777);
	max-height:720px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
    margin-top: 80px;
}

.case_study_content .client_logos
{
	width:100vw;
	max-width:1440px;
	margin-right:auto;
	margin-left:auto;
}

.case_study_content .client_logos img
{
	display:block;
	float:left;
}

.case_study_content .what_we_do
{
	width:88vw;
	max-width:1366px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
}

.case_study_content .what_we_do .list
{
	display:inline-block;
	vertical-align:top;
	margin-top:50px;
	margin-left:25px;
	margin-right:25px;
	height:auto;
	font-size:0px;
	text-align:center;
	width: calc(33.33333% - 53px);
}

.mobile .case_study_content .what_we_do .list
{
	text-align:left;
}

.case_study_content .what_we_do .list b
{
	font-family: "proxima-nova",sans-serif;
	font-size:25px;
	color:#000000;
	font-weight:700;
}

.case_study_content .what_we_do .list p
{
	font-family: "proxima-nova",sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:400;
	text-align:center;
}

.mobile .case_study_content .what_we_do .list p
{
	text-align:left;
}

@media (max-width:1439px)
{
	.case_study_content .client_logos
	{
		max-width:1080px;
	}
	
	.case_study_content .client_logos img
	{
		width:33.3333333333%;
		height:auto;
	}
}

@media (max-width:700px)
{
	
	.case_study_content .what_we_do .list
	{
		width: calc(50% - 53px);
	}

}

@media (max-width:500px)
{
	
	.case_study_content .client_logos img
	{
		width:50%;
		height:auto;
	}
	
	.case_study_content .what_we_do .list
	{
		width: 100%;
		margin-left:0px;
		margin-right:0px;
	}

}