* {
	margin: 0; 
	padding: 0; 
	line-height: 0;
}

body { 
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #f9f9f9;
	font-family: "news_roman", sans-serif; 
	color: #1d1d1d; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 1.3;  
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust:none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	cursor: default;
}

body.transition-none * {
	-webkit-transition: none !important;
	        transition: none !important;
	-webkit-animation: none !important;
	        animation: none !important;
}

a {
	color: #777;
	text-decoration: none;
	cursor: pointer;
}

img { 
	border: none;
}

p {
	margin: 0 0 0.4em 0;
}

sup {
	vertical-align: bottom;
	font-size: 0.45em;
	position: relative;
	bottom: 0.45em;
	display: inline-block;
	padding: 0 0 0 0.06em;
}

h1,
h2 {
	font-family:"news_gothicboldcondensed", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #1d1d1d;
}

.clear-both {
	clear: both;
}

.display-none {
	display: none;
}

.overflow-hidden {
	overflow: hidden;
}

.opacity-0,
.hidden {
	opacity: 0;
	pointer-events: none;
}

.nowrap {
	white-space: nowrap;
}

.translate3d,
.translate3d * {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.linked {
	cursor: pointer;
}

.shift-left {
	-webkit-transform: translate(18em, 0);
	        transform: translate(18em, 0);
}

*:focus {
	outline: none;
}

/*

 ad88888ba   88                      
d8"     "8b  ""    ,d                
Y8,                88                
`Y8aaaaa,    88  MM88MMM  ,adPPYba,  
  `"""""8b,  88    88    a8P_____88  
        `8b  88    88    8PP"""""""  
Y8a     a8P  88    88,   "8b,   ,aa  
 "Y88888P"   88    "Y888  `"Ybbd8"'  


*/

.main-cover {
	z-index: 2000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.content-wrapper {
	width: 100%;
	overflow: hidden;
}

.console {
	z-index: 10000;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 1px;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	right: 0;
	color: #ef8adb;
	padding: 0.3em 0.5em 0.1em 0.5em;
	pointer-events: none;
}

	.console:before {
		content: "normal";
	}

/*

88        88                                   88                          
88        88                                   88                          
88        88                                   88                          
88aaaaaaaa88   ,adPPYba,  ,adPPYYba,   ,adPPYb,88   ,adPPYba,  8b,dPPYba,  
88""""""""88  a8P_____88  ""     `Y8  a8"    `Y88  a8P_____88  88P'   "Y8  
88        88  8PP"""""""  ,adPPPPP88  8b       88  8PP"""""""  88          
88        88  "8b,   ,aa  88,    ,88  "8a,   ,d88  "8b,   ,aa  88          
88        88   `"Ybbd8"'  `"8bbdP"Y8   `"8bbdP"Y8   `"Ybbd8"'  88          


*/

.header {
	background: rgba(249, 249, 249, 1);
	//background: rgba(120, 49, 0, 0.4);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out;
	        transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out;
}

.headroom--unpinned {
	transform: translate(0, -100%);
}

.headroom--unpinned.shift-left {
	-webkit-transform: translate(18em, 0);
	        transform: translate(18em, 0);
}

	.agent {
		text-align: center;
	}

		.agent img {
			display: inline-block;
			margin: 0 auto;
			width: 72px; 
			height: auto;
			padding: 12px 0 12px 5px;
		}

		.agent a.active {
			pointer-events: none;
			cursor: default;
		}

  .header-announcement {
    left: 0.8em;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 178px;
  }

    .header-announcement img {
      display: block;
      left: 0;
      height: auto;
      top: 0;
      width: 100%;
    }

	.menu-button {
		display: none;
		position: absolute;
		top: 2.4em;
		left: 1em;
		cursor: pointer;
		width: 46px;
		height: 34px;
		padding-top: 12px;
	}

		.menu-button hr {
			border: none;
			width: 32px;
			height: 1px;
			background: #1d1d1d;
			margin: 5px 7px;
		}

.menu-container {
	z-index: 10;
	color: #fefefe;
	position: fixed;
	left: -18em;
	width: 18em;
	height: 100%;	
	-webkit-transition: transform 0.5s ease-in-out;
	        transition: transform 0.5s ease-in-out;
}

	.menu {
		margin: 1.1em 0 0 0.5em;
		font-size: 2.2em;
		line-height: 2.2em;
	}

		.menu a {
			display: inline-block;
			line-height: 1em;
			height: 1em;
			padding-bottom: 0.1em;
			color: #1d1d1d;
			border-bottom: 1.2px solid #f9f9f9;
			-webkit-transition: border-bottom 0.3s cubic-bezier(0.455, 0.030, 0.515, 1);
			        transition: border-bottom 0.3s cubic-bezier(0.455, 0.030, 0.515, 1);
		}

		.menu a:hover {
			border-bottom: 1.2px solid #1d1d1d;
		}

		.menu a.active {
			pointer-events: none;
			cursor: default;
			border-bottom: 1.2px solid #1d1d1d;
		}

		.menu span {
			padding: 0 0.1em 0 0.2em;
		}

.menu-top {
	position: absolute;
	bottom: 0.13em;
	right: 1.4em;
}

	.menu-top .menu {
		margin: 0;
		font-size: 1.8em;
		line-height: 1.8em;
	}

		.menu-top .menu a {
			margin-left: 1.3em;
		}

.social-top {
	position: absolute;
	top: 1.2em;
	right: 1.2em;
	font-size: 1.2em;
}

.social-left {
	font-size: 2em;
	margin: 1em 0 0 0.3em;
}

	.social-top a, 
	.social-left a {
		font-family: "sosa-regular"; 
		display: inline-block;
		text-align: center;
		border: 1.2px solid #1d1d1d;
		margin-left: 0.2em;
		line-height: 1.74;
		width: 0;
		height: 1.7em;
		background: #1d1d1d;
		color: #f9f9f9;
		border-radius: 50%;
		-webkit-transition: background 0.29s cubic-bezier(0.455, 0.030, 0.515, 1), color 0.29s cubic-bezier(0.455, 0.030, 0.515, 1);
		        transition: background 0.29s cubic-bezier(0.455, 0.030, 0.515, 1), color 0.29s cubic-bezier(0.455, 0.030, 0.515, 1);
	}

	.social-top a:hover, 
	.social-left a:hover {
		background: #f9f9f9;
		color: #1d1d1d;
	}

	.social-facebook {
		padding: 0 1.32em 0 0.38em;
	}

	.social-twitter {
		padding: 0 1.29em 0 0.42em;
	}

	.log-in {
		text-align: right;
	}

		.log-in-button {
			display: inline-block;
			color: #191919;
			font-size: 1.2em;
			cursor: pointer;
			line-height: 1em;
			height: 1em;
			border-bottom: 1.2px solid #f9f9f9;
			margin: 0.94em 0.03em 0 0;
			-webkit-transition: border-bottom 0.35s cubic-bezier(0.455, 0.030, 0.515, 1);
			        transition: border-bottom 0.35s cubic-bezier(0.455, 0.030, 0.515, 1);
		}

		.log-in-button:hover {
			border-bottom: 1.2px solid #191919;
		}

		.log-in-open {
			cursor: default;
			border-bottom: 1.2px solid #191919;
		}

/*

88        88                                               
88        88                                               
88        88                                               
88aaaaaaaa88   ,adPPYba,   88,dPYba,,adPYba,    ,adPPYba,  
88""""""""88  a8"     "8a  88P'   "88"    "8a  a8P_____88  
88        88  8b       d8  88      88      88  8PP"""""""  
88        88  "8a,   ,a8"  88      88      88  "8b,   ,aa  
88        88   `"YbbdP"'   88      88      88   `"Ybbd8"'  


*/

.site-home {
	overflow: hidden;
}

	.site-home .content-wrapper {
		position: absolute;
		height: calc(100% + 1px);
	}

		.home {
			position: absolute;
			left: 0;
			top: 145px;
			width: 100%;
      height: calc(100% - 145px);
			text-align: center;
			-webkit-transition: opacity 0.8s ease-in-out, transform 0.5s ease-in-out;
			        transition: opacity 0.8s ease-in-out, transform 0.5s ease-in-out;
		}

    .home.home-summer {
			top: 0;
      height: calc(100% + 1px);
    }

    .home-summer video {
      left: 0;
      position: absolute;
      top: 139px;
      width: 100%;
    }

		.home.opacity-0 {
			-webkit-transition: opacity 0.57s ease-in-out, transform 0.5s ease-in-out;
			        transition: opacity 0.57s ease-in-out, transform 0.5s ease-in-out;
		}

			.home-project-titles {
				font-family: 'news_gothicbold', sans-serif;
				font-size: 1.1em;
				left: 0;
				letter-spacing: 0.02em;
				position: absolute;
				text-transform: uppercase;
				top: 1.5em;
				width: 100%;
				z-index: 100;
			}

				.home-project-title {
					left: 0;
					line-height: 1.4;
					position: absolute;
					top: 0;
					transform: translate3d(0, 0, 0);
					width: 100%;
					-webkit-transition: opacity 0.66s ease-in-out;
					        transition: opacity 0.66s ease-in-out;
				}

					.home-project-title i {
					  font-family: 'newsgothic_boldoblique', sans-serif;
					  font-style: normal;
					  font-weight: normal;
					  padding-right: 0.03em;
					}

      .home-outer {
      	height: 100%;
      	left: 0;
      	position: absolute;
      	top: 0;
      	width: 100%;
      }

	      .home-slide {
					align-items: center;
					background: #f9f9f9;
					display: flex;
	      	height: 100%;
					justify-content: center;
	      	left: 0;
	      	position: absolute;
	      	top: 0;
	      	width: 100%;
					-webkit-transition: opacity 0.5s ease-in-out;
					        transition: opacity 0.5s ease-in-out;
	      }	

	      .home-slide.opacity-0 {
					-webkit-transition: none;
					        transition: none;
	      }

	      	.home-slide-tall img:first-of-type,
	      	.home-slide-tall video {
						height: calc(97% - 5em);
						width: auto;
	      	}

					.home-slide-wide img:first-of-type,
					.home-slide-wide video {
						height: auto;
						width: 86%;
					}

					.home-slide-size-1 img:first-of-type,
					.home-slide-size-1 video {
						width: auto;
						height: 90%;
					}

					.borat-clio {
						position: absolute;
						top: 25vh;
						transform: translate(51.4vh, 0);
						width: 138px;
					}



/*

88888888ba                                       ad88              88  88               
88      "8b                            ,d       d8"                88  ""               
88      ,8P                            88       88                 88                   
88aaaaaa8P'  ,adPPYba,   8b,dPPYba,  MM88MMM  MM88MMM  ,adPPYba,   88  88   ,adPPYba,   
88""""""'   a8"     "8a  88P'   "Y8    88       88    a8"     "8a  88  88  a8"     "8a  
88          8b       d8  88            88       88    8b       d8  88  88  8b       d8  
88          "8a,   ,a8"  88            88,      88    "8a,   ,a8"  88  88  "8a,   ,a8"  
88           `"YbbdP"'   88            "Y888    88     `"YbbdP"'   88  88   `"YbbdP"'   


*/

.main {
	background: #f9f9f9;
	-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	        transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

	.page {
		padding-top: 139px;
	}

		.thumbs-container {
		
		}

			.project-thumb { 
				float: left;
				cursor: pointer;
				height: 0;
				overflow: hidden;
				background-size: cover;
				opacity: 0;
				-webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 1);
				        transition: opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 1);
			}

		.project {
			clear: both;
			background: #999;
			width: 100%;
			height: 0;
			position: relative;
			overflow: hidden;
			-webkit-transition: height 0.83s cubic-bezier(0.455, 0.030, 0.515, 1);
			        transition: height 0.83s cubic-bezier(0.455, 0.030, 0.515, 1);
		}

		.project-open {
			height: 793px;
		}

			.project-slides {
				width: 100%;
				height: 711px;
				background: #0a2a39;
				overflow: hidden;
			}

				.project-slides div {
					width: 100%;
					height: 100%;
					text-align: center;
					line-height: 711px;
				}

					.project-slides div img,
					.project-video {
						width: auto;
						height: 95%;
						display: inline-block;
						vertical-align: middle;
					    -webkit-transform: none;
					            transform: none;
					}

					.project-slides div.wide-image img {
						width: 100%;
						max-width: 1111px;
						height: auto;
					}

					.project-slides div.super-wide-image img {
						width: 98%;
						max-width: 2300px;
						height: auto;
					}

				.slick-slider {
					margin-bottom: 0;
				}

			.project-info {
				padding: 1.88em 1.5em 0 1.4em;
				position: relative;
				text-align: left;
				width: 100%;
			}

				.project-info-inner {
					float: left;
				}

					.project-info-inner h1 {
						color: #fafafa;
						text-transform: uppercase;
						font-size: 1.67em;
						height: 1.43em;
					}

					.project-info-inner h2 {
						color: #232323;
						font-size: 2.5em;
						height: 2.1em;
						text-transform: uppercase;
					}

				.project-link {
					float: right;
					font-family: "sosa-regular"; 
					margin: -0.56em 2.92em 0 0;
				}

					.project-link a {
						color: #fafafa;
						background: #111;
						font-size: 2.5em;
						line-height: 1;
						display: inline-block;
						border-radius: 50%;
						-webkit-transition: color 0.42s ease-in-out, background 0.42s ease-in-out;
						        transition: color 0.42s ease-in-out, background 0.42s ease-in-out;
					}

					.project-link a:hover {
						color: #232323;
						background: #fafafa;
					}

					.print-link a {
						padding: 0.17em 0.2em 0.23em 0.2em;
					}

					.digital-link a {
						padding: 0.18em 0.18em 0.22em 0.22em;
					}

		.close-x {
			z-index: 500;
			position: absolute;
			width: 2em;
			height: 2em;
			top: 0.8em;
			left: 1.2em;
			cursor: pointer;
		    -webkit-transform: translate3d(0, 0, 0);
		            transform: translate3d(0, 0, 0);
		}

			.close-x::before,
			.close-x::after {
				content: '';
				position: absolute;
				width: 100%;
				top: 50%;
				height: 2px;
				background: #ababab;
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				-webkit-transition: background 0.35s ease-in-out;
				        transition: background 0.35s ease-in-out;
			}

			.close-x::after {
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
			}

		.close-x:hover::before,
		.close-x:hover::after {
			background: #f9f9f9;
		}

/*

  ,ad8888ba,   88  88                                              
 d8"'    `"8b  88  ""                            ,d                
d8'            88                                88                
88             88  88   ,adPPYba,  8b,dPPYba,  MM88MMM  ,adPPYba,  
88             88  88  a8P_____88  88P'   `"8a   88     I8[    ""  
Y8,            88  88  8PP"""""""  88       88   88      `"Y8ba,   
 Y8a.    .a8P  88  88  "8b,   ,aa  88       88   88,    aa    ]8I  
  `"Y8888Y"'   88  88   `"Ybbd8"'  88       88   "Y888  `"YbbdP"'  


*/

.clients {
	margin: 0.6em 0 8em 0;
}

	.client-logos {
		margin: 0 auto;
		max-width: 2222px;
		width: 100%;
	}

		.client-logo {
			width: 20%;
			height: 0;
			float: left;
			overflow: hidden;
			padding-bottom: 13%;
			background-size: 64% auto;
			background-repeat: no-repeat;
			background-position: center 35%;
			opacity: 0;
			-webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 1);
			        transition: opacity 0.6s cubic-bezier(0.455, 0.030, 0.515, 1);

		}

/*

       db         88                                                           d8       ,ad8888ba,                                                                      
      d88b        88                                       ,d                ,8P'      d8"'    `"8b                             ,d                               ,d     
     d8'`8b       88                                       88               d8"       d8'                                       88                               88     
    d8'  `8b      88,dPPYba,    ,adPPYba,   88       88  MM88MMM          ,8P'        88              ,adPPYba,   8b,dPPYba,  MM88MMM  ,adPPYYba,   ,adPPYba,  MM88MMM  
   d8YaaaaY8b     88P'    "8a  a8"     "8a  88       88    88            d8"          88             a8"     "8a  88P'   `"8a   88     ""     `Y8  a8"     ""    88     
  d8""""""""8b    88       d8  8b       d8  88       88    88          ,8P'           Y8,            8b       d8  88       88   88     ,adPPPPP88  8b            88     
 d8'        `8b   88b,   ,a8"  "8a,   ,a8"  "8a,   ,a88    88,        d8"              Y8a.    .a8P  "8a,   ,a8"  88       88   88,    88,    ,88  "8a,   ,aa    88,    
d8'          `8b  8Y"Ybbd8"'    `"YbbdP"'    `"YbbdP'Y8    "Y888     8P'                `"Y8888Y"'    `"YbbdP"'   88       88   "Y888  `"8bbdP"Y8   `"Ybbd8"'    "Y888  


*/

.about-contact-page {
	-webkit-transition: opacity 0.6s ease-in-out;
	        transition: opacity 0.6s ease-in-out;
}

	.cia-la-container {
		margin: 0 auto;
		width: calc(100% - 30px);
		position: relative;
	}

		.video-wrapper {
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
		}

			.video-wrapper video {
				width: 100%;
				height: auto;
			}

		.video-controls-outer {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
		}

			.fullscreen-button {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				pointer-events: auto;
			}

			.video-controls {
				position: absolute;
				width: 44px;
				height: 44px;
				background: rgba(25, 25, 25, 0.5);
				border-radius: 50%;
				pointer-events: auto;
				-webkit-backdrop-filter: saturate(180%) blur(0.6vw);
				        backdrop-filter: saturate(180%) blur(0.6vw);
				-webkit-transition: opacity 0.4s cubic-bezier(0.3, 0, 0.6, 1), background 0.4s cubic-bezier(0.3, 0, 0.6, 1);
				        transition: opacity 0.4s cubic-bezier(0.3, 0, 0.6, 1), background 0.4s cubic-bezier(0.3, 0, 0.6, 1);
			}

			.video-controls.opacity-0 {
				pointer-events: none;
			}

			.play-pause-controls {
				bottom: 1.4em;
				left: 1.8em;
			}

			.sound-controls {
				bottom: 1.4em;
				left: calc(1.8em + 53px);
			}

				.no-touch .video-controls:hover {
					background: #9e9e9e;
				}

				.speaker {
					position: absolute;
					top: 7px;
					left: 7px;
					width: 30px;
				}

				.play {
					position: absolute;
					top: 12px;
					left: 16px;
					width: 20px;
				}

				.pause {
					position: absolute;
					top: 12px;
					left: 14px;
					width: 20px;
				}

				.replay {
					position: absolute;
					top: 7px;
					left: 8px;
					width: 30px;
				}

					.video-controls img {
						display: block;
					}

					.replay img {
						-webkit-transform-origin: 50% 50%;
						        transform-origin: 50% 50%;
						-webkit-transition: transform 0.8s cubic-bezier(0.45, 0, 0.5, 1);
						        transition: transform 0.8s cubic-bezier(0.45, 0, 0.5, 1);
					}

					.no-touch .video-controls:hover .replay img {
						-webkit-transform: rotate(-360deg);
						        transform: rotate(-360deg);
					}

		.endframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			overflow: hidden;
			background: #f9f9f9;
			display: flex;
			align-items: center;
			justify-content: center;
			-webkit-transition: opacity 0.7s cubic-bezier(0.45, 0, 0.5, 1);
			        transition: opacity 0.7s cubic-bezier(0.45, 0, 0.5, 1);
		}

			.endframe img {
				width: 68%;
				height: auto;
			}

	.contact {
		width: 100%;
		margin: 0 auto;
		padding: 2.25em 1.8em 3em 1.8em;
		line-height: 1.5;
	}

		.contact sup {
			font-size: 0.6em;
			bottom: 1.6em;
		}

		.contact a {
			display: inline-block;
			line-height: 1em;
			height: 1em;
			padding-bottom: 0.1em;
			color: #1d1d1d;
			border-bottom: 2px solid #f9f9f9;
			-webkit-transition: color 0.19s cubic-bezier(0.455, 0.030, 0.515, 1), border-bottom 0.19s cubic-bezier(0.455, 0.030, 0.515, 1);
			        transition: color 0.19s cubic-bezier(0.455, 0.030, 0.515, 1), border-bottom 0.19s cubic-bezier(0.455, 0.030, 0.515, 1);
		}

		.contact a:hover {
			color: #1d1d1d;
			border-bottom: 2px solid #1d1d1d;
		}

		.contact h1 {
			font-size: 1.3em;
			line-height: 1.6em;
		}

		.contact-section {
			float: left;
			font-size: 1.4em;
			line-height: 1.5;
			width: 25%;
		}

/*

88                                       88               
88                                       88               
88                                       88               
88           ,adPPYba,    ,adPPYb,d8     88  8b,dPPYba,   
88          a8"     "8a  a8"    `Y88     88  88P'   `"8a  
88          8b       d8  8b       88     88  88       88  
88          "8a,   ,a8"  "8a,   ,d88     88  88       88  
88888888888  `"YbbdP"'    `"YbbdP"Y8     88  88       88  
                          aa,    ,88                      
                           "Y8bbdP"                       
*/

.log-in-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 2000;
	cursor: default;
}

	.log-in-form-container {
		width: 560px;
		height: 280px;
		background-color: #f9f9f9;
		position: absolute;
		left: 0;
		right: 0;
		top: 0; 
		bottom: 0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
		overflow: auto;
		font-size: 2.0em;
		line-height: 2em;
		padding: 60px 20px 10px 20px;
		text-align: center;
		border-radius: 2px;
	}

		.log-in-form-container input {
			color: #191919;
			font-size: 1em;
			width: 90%;
			line-height: 2.0em;
			height: 2.0em;
			border: none;
			border-bottom: 1.2px solid #191919;
			padding: .2em 0;
			background: transparent;
			margin-bottom: .3em;
		}

		.log-in-form-button {
			padding: .3em 0 .1em 0;
		}

/*

 ad88888ba   88  88              88         
d8"     "8b  88  ""              88         
Y8,          88                  88         
`Y8aaaaa,    88  88   ,adPPYba,  88   ,d8   
  `"""""8b,  88  88  a8"     ""  88 ,a8"    
        `8b  88  88  8b          8888[      
Y8a     a8P  88  88  "8a,   ,aa  88`"Yba,   
 "Y88888P"   88  88   `"Ybbd8"'  88   `Y8a  


*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider,
.slick-slider * {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    -webkit-transform: none;
            transform: none;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide {
	background: #0a2a39;
}

.swiper-dots { 
	position: absolute; 
	bottom: 0.8em;
	right: 0;
	list-style: none; 
	text-align: left; 
	z-index: 2000;
}

	.swiper-dots li { 
		margin: 0;
		position: relative;
		display: inline-block;
		cursor: pointer; 
	}

		.swiper-dots li button { 
			border: 0;  
			outline: none; 
			color: transparent;
			background: transparent;
			padding: 0.4em 0;
			text-align: center;
			display: block;
			font-size: 2.3em;
			width: 1.22em;
			cursor: pointer; 
		}

		.swiper-dots li button:hover, 
		.swiper-dots li button:focus { 
			outline: none; 
		}

		.swiper-dots li button:hover:before { 
			color: #ddd;
		}

		.swiper-dots li button:before { 
			content: "•"; 
			text-align: center; 
			color: #ababab;
			-webkit-transition: color 0.35s ease-in-out;
			        transition: color 0.35s ease-in-out;
		}

		.swiper-dots li.slick-active button:before { 
			color: #f9f9f9;
		}

/*

I8,        8        ,8I  88                        88                                              
`8b       d8b       d8'  ""                        88                                              
 "8,     ,8"8,     ,8"                             88                                              
  Y8     8P Y8     8P    88  8b,dPPYba,    ,adPPYb,88   ,adPPYba,   8b      db      d8  ,adPPYba,  
  `8b   d8' `8b   d8'    88  88P'   `"8a  a8"    `Y88  a8"     "8a  `8b    d88b    d8'  I8[    ""  
   `8a a8'   `8a a8'     88  88       88  8b       88  8b       d8   `8b  d8'`8b  d8'    `"Y8ba,   
    `8a8'     `8a8'      88  88       88  "8a,   ,d88  "8a,   ,a8"    `8bd8'  `8bd8'    aa    ]8I  
     `8'       `8'       88  88       88   `"8bbdP"Y8   `"YbbdP"'       YP      YP      `"YbbdP"'  


*/

.windows .menu a {
	padding-bottom: 0.3em;
}

.windows .log-in-button {
	padding-bottom: 0.3em;
}

.windows .contact a {
	padding-bottom: 0.3em;
}

/*

88888888ba                                                                           88                           
88      "8b                                                                          ""                           
88      ,8P                                                                                                       
88aaaaaa8P'  ,adPPYba,  ,adPPYba,  8b,dPPYba,    ,adPPYba,   8b,dPPYba,   ,adPPYba,  88  8b       d8   ,adPPYba,  
88""""88'   a8P_____88  I8[    ""  88P'    "8a  a8"     "8a  88P'   `"8a  I8[    ""  88  `8b     d8'  a8P_____88  
88    `8b   8PP"""""""   `"Y8ba,   88       d8  8b       d8  88       88   `"Y8ba,   88   `8b   d8'   8PP"""""""  
88     `8b  "8b,   ,aa  aa    ]8I  88b,   ,a8"  "8a,   ,a8"  88       88  aa    ]8I  88    `8b,d8'    "8b,   ,aa  
88      `8b  `"Ybbd8"'  `"YbbdP"'  88`YbbdP"'    `"YbbdP"'   88       88  `"YbbdP"'  88      "8"       `"Ybbd8"'  
                                   88                                                                             
                                   88                                                                             
*/

@media (min-width: 2100px) {
	.project-thumb {
		width: 12.5%;
		padding-bottom: 12.5%;
	}
}

@media (min-width: 1920px) {
	.client-logo {
		width: 16.66666666666667%;
		background-size: 63% auto;
		padding-bottom: 11%;
	}

	.contact-section {
		font-size: 1.5em;
	}
}

@media (max-width: 2100px) {
	.project-thumb {
		width: 14.28571428571429%;
		padding-bottom: 14.28571428571429%;
	}
}

@media (max-width: 1700px) {
	body {
		font-size: 12px;
	}

	.home {
		top: 146px;
		height: calc(100% - 146px);
	}

	.project-thumb {
		width: 16.66666666666667%;
		padding-bottom: 16.66666666666667%;
	}

	.project-open {
		height: 785px;
	}
}

@media (max-width: 1300px) {
	body {
		font-size: 10.3px;
	}

	.home-cia-logo img {
		width: 450px;
		height: 180px;
	}

	.home {
		top: 102px;
		height: calc(100% - 122px);
	}

  .home-summer video {
    top: 97px;
  }

	.loader {
		font-size: 9px;
	}

	.project-open {
		height: 531px;
	}
	
	.project-slides {
		height: 466px;
	}
	
	.project-slides div {
		line-height: 466px;
	}
	
	.project-slides div.wide-image img {
		max-width: 728px;
	}
	
	.swiper-dots { 
		right: 1.3em;
	}
	
	.swiper-dots li button { 
		padding: 0.6em;
	}
	
	.menu a {
		border-bottom: 1px solid #f9f9f9;
	}
	
	.menu a:hover,
	.menu a.active {
		border-bottom: 1px solid #1d1d1d;
	}
	
	.menu-top {
		display: none;
	}
	
	.menu-button {
		display: block;
	}
	
	.social-top {
		display: none;
	}
	
	.social-top a, .social-left a {
		border: 1px solid #1d1d1d;
	}
	
	.news {
		top: auto;
		bottom: 0;
		left: 0;
	}
	
	.page {
		padding-top: 97px;
	}
	
	.agent img {
		width: 50px; 
		height: 80px;
		padding: 8px 0 9px 3px;
	}
	
  .header-announcement {
    left: auto;
    right: 1.1em;
    top: 11px;
    width: 133px;
  }

	.contact a {
		border-bottom: 1px solid #f9f9f9;
	}
	
	.contact a:hover {
		border-bottom: 1px solid #1d1d1d;
	}

	.borat-clio {
		width: 94px;
	}
}

@media (max-width: 933px) {
	body {
		font-size: 8.4px;
	}

	.menu-button {
		top: 3.0em;
	}

	.home-cia-logo img {
		width: 360px;
		height: 144px;
	}

	.loader {
		font-size: 7px;
		border-top: 4px solid rgba(155, 155, 155, 0.2);
		border-right: 4px solid rgba(155, 155, 155, 0.2);
		border-bottom: 4px solid rgba(155, 155, 155, 0.2);
		border-left: 4px solid #ffffff;
	}
	
	.project-thumb {
		width: 20%;
		padding-bottom: 20%;
	}
	
	.project-open {
		height: 412px;
	}
	
	.project-slides {
		height: 360px;
	}
	
	.project-slides div {
		line-height: 360px;
	}
	
	.project-slides div.wide-image img {
		max-width: 563px;
	}
	
	.client-logo {
		width: 25%;
		padding-bottom: 14%;
		background-size: 66% auto;
	}

	.about-contact-page {
		margin-bottom: 3em;
	}

	.video-controls {
		width: 37px;
		height: 37px;
	}

	.play-pause-controls {
		bottom: 1.3em;
	}

	.sound-controls {
		bottom: 1.3em;
		left: calc(1.8em + 44px);
	}

	.speaker {
		top: 6px;
		left: 6px;
		width: 25px;
	}

	.play {
		top: 10px;
		left: 14px;
		width: 17px;
	}

	.pause {
		top: 10px;
		left: 12px;
		width: 17px;
	}

	.replay {
		top: 5px;
		left: 6px;
		width: 26px;
	}
}

@media (max-width: 700px) {
	body {
		font-size: 7px;
	}
	
	.menu-button {
		top: 3.4em;
	}

	.home-cia-logo img {
		width: 270px;
		height: 108px;
	}

	.loader {
		font-size: 6px;
	}

	.project-thumb {
		width: 33.33333333333333%;
		padding-bottom: 33.33333333333333%;
	}
	
	.project-open {
		height: 238px;
	}
	
	.project-slides {
		height: 195px;
	}
	
	.project-slides div {
		line-height: 195px;
	}
	
	.project-slides div.wide-image img {
		max-width: 305px;
	}
	
	.client-logo {
		width: 33.33333333333333%;
		padding-bottom: 20%;
		background-size: 68% auto;
	}

	.video-controls {
		width: 29px;
		height: 29px;
	}

	.play-pause-controls {
		bottom: 1.1em;
	}

	.sound-controls {
		bottom: 1.1em;
		left: calc(1.8em + 37px);
	}

	.speaker {
		top: 5px;
		left: 5px;
		width: 19px;
	}

	.play {
		top: 8px;
		left: 11px;
		width: 13px;
	}

	.pause {
		top: 8px;
		left: 9px;
		width: 13px;
	}

	.replay {
		top: 4px;
		left: 5px;
		width: 20px;
	} 
}

@media (max-aspect-ratio: 123/100) {
	.console:before {
		content: "tall";
	}

  .home-outer {
  	height: calc(100% - 4em);
  	top: 3em;
  }

	.home-slide-tall img:first-of-type,
	.home-slide-tall video {
		height: calc(96% - 1em);
	}

	.home-slide-wide img:first-of-type,
	.home-slide-wide video {
		width: calc(100% - 30px);
	}

	.borat-clio {
		top: 40px;
		transform: translate(45.7vh, 0);
	}
}

	@media (max-aspect-ratio: 105/100) {
		.console:before {
			content: "taller";
		}

    .home-slide-size-1 img:first-of-type,
    .home-slide-size-1 video {
      height: auto;
      width: calc(89% - 30px);
      padding-bottom: 3em;
    }

		.borat-clio {
			top: auto;
			transform: translate(29.6vw, 32.5vw);
		}
	}

		@media (max-aspect-ratio: 86/100) {
			.console:before {
				content: "super-tall";
			}

			.home {
	      height: calc(100% - 31vh);
	      top: 114px;
			}

			.home-slide-tall img:first-of-type,
			.home-slide-tall video {
				height: calc(98% - 1em);
			}

			.home-slide-wide img:first-of-type,
			.home-slide-wide video {
				padding-bottom: 3em;
			}

      .cia-la-container {
        width: 100%;
      }
		}

		@media (max-aspect-ratio: 86/100) and (max-width: 700px) {
			.console:before {
				content: "super-tall";
			}

      .menu-button {
        left: 1.2em;
      }

		  .header-announcement {
		    height: 75px;
        right: 1.2em;
        top: 17.8px;
        width: 114px;
		  }

			.home {
	      height: calc(100% - 21vh);
	      top: 104px;
			}

      .home-summer video {
        top: 45%;
        transform: translate(0, -50%);
      }

			.home-project-titles {
				font-size: 1.34em;
			}

			.home-slide-tall img:first-of-type,
			.home-slide-tall video {
				height: calc(93% - 1em);
			}

			.home-slide-wide img:first-of-type,
			.home-slide-wide video {
				padding-bottom: 7em;
			}

			.home-slide-size-1 img:first-of-type,
			.home-slide-size-1 video {
				height: auto;
				width: calc(98% - 30px);
				padding-bottom: 7em;
			}

			.borat-clio {
				bottom: 0;
				transform: translate(0, 0);
				width: 79px;
			}

			.swiper-dots {
				width: 2em;
				right: 2.4em;
			}	

			.endframe img {
				width: 73%;
				-webkit-transform: translate(0, -11%);
				        transform: translate(0, -11%);
			}

      .contact {
        padding: 2.25em 2.1em 3em 2.1em;
      }

			.contact-section {
				font-size: 3.1vw;
			}

			.contact-office {
				width: 100%;
			}

			.contact-office-ny {
				margin-top: 1.5em;
			}

			.contact-email {
				width: 100%;
				margin-top: 1.5em;
			}
		}

@media (min-aspect-ratio: 144/100) {
	.console:before {
		content: "wide";
	}

	.home {
		height: calc(100% - 11em);
	}

	.home-project-titles {
		top: 0.75em;
	}

  .home-slide {
		display: block;
  	height: calc(100% - 3em);
  	top: 3em;
  }	

	.home-slide-tall img:first-of-type,
	.home-slide-tall video,
	.home-slide-wide img:first-of-type,
	.home-slide-wide video,
	.home-slide-size-1 img:first-of-type,
	.home-slide-size-1 video {
		width: auto;
		height: calc(100% - 4em);
	}

	.borat-clio {
		top: calc(14vh - 40px);
		transform: translate(1vh, 0);
	}
}

	@media (min-aspect-ratio: 160/100) {
		.console:before {
			content: "wider";
		}

    .home.home-summer {
			top: 139px;
      height: calc(100% - 139px);
    }

    .home-summer video {
      top: 50%;
      transform: translate(0, -50%);
    }

		.cia-la-container,
		.contact {
			width: 90%;
		}
	}

	@media (min-aspect-ratio: 160/100) and (max-width: 1300px) {
		.console:before {
			content: "wider";
		}

    .home.home-summer {
			top: 97px;
      height: calc(100% - 97px);
    }

		.cia-la-container,
		.contact {
			width: 90%;
		}
	}

		@media (min-aspect-ratio: 174/100) {
			.console:before {
				content: "super-wide";
			}

			.cia-la-container,
			.contact {
				width: 84%;
			}
		}

		@media (min-aspect-ratio: 174/100) and (max-width: 933px) {
			.console:before {
				content: "super-wide";
			}

			.site-home {
				overflow: auto;
			}
			
			.site-home .content-wrapper {
				height: 134vh;
				position: relative;
			}

			.home {
				height: calc(100% - 144px);
			}

      .home.home-summer {
        top: 0;
        height: auto;
      }

      .home-summer video {
        top: 97px;
        transform: none;
      }

			.home-slide {
				height: calc(100% - 3.4em);
				top: 3.4em;
			}

			.home-slide-tall img:first-of-type,
			.home-slide-tall video,
			.home-slide-wide img:first-of-type,
			.home-slide-wide video,
			.home-slide-size-1 img:first-of-type,
			.home-slide-size-1 video {
				width: auto;
				height: calc(100% - 1em);
			}

			.endframe img {
				width: 65%;
			}

			.contact-section {
				font-size: 1.5vw;
			}

			.contact-office {
				width: 40%;
			}

			.contact-email {
				width: 100%;
				margin-top: 1.5em;
			}

			.borat-clio {
				top: calc(14vh - 30px);
			}
		}