@charset "UTF-8";

/* ! Jumbotron */

.jumbotron {
	position: relative;
	overflow: hidden;
	height: 710px;
	background-color: #034752;
	background-position: center top;
	background-size: cover;
}

@media (max-width: 768px) {
	.jumbotron {
		height: 620px;
	}
}

.jumbotron .container {
	padding-top: 120px;
}

@media (max-width: 768px) {
	.jumbotron .container {
		padding-top: 75px;
	}
}

@media (max-width: 414px) {
	.jumbotron .container {
		padding-top: 35px;
	}
}

.jumbotron video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}

@media (max-width: 1120px) {
	.jumbotron video {
		width: auto;
		height: 623px;
		left: 50%;
		transform: translateX(-50%); /* center video */
	}
}

.jumbotron .video-overlay {
	opacity: .85;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1d2734;
	z-index: 2;
}

.jumbotron h1 {
	text-align: center;
	font-size: 44px;
	color: #fff;
}

@media (max-width: 375px) {
	.jumbotron h1 {
		font-size: 38px;
	}
}

.jumbotron h3 {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 34px;
	font-family: "Gotham Book Italic";
	font-size: 23px;
	line-height: 1.65;
	color: #fff;
}

.jumbotron h1, .jumbotron h3 {
	position: relative;
	z-index: 3;
}

.play {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	padding-left: 24px;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

.play:hover {
	color: #fff;
}

/* Jumbotron end */

/* ! About */

.about .container {
	padding-top: 100px;
	padding-bottom: 80px;
}

@media (max-width: 992px) {
	.about .container {
		padding-bottom: 153px;
	}	
}

@media (max-width: 768px) {
	.about .container {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}	
}

#aboutanimation_hype_container {
	display: inline-block;
	overflow:hidden;
	position:relative;
	width:460px;
	height:460px;
}

@media (max-width: 992px) {
	#aboutanimation_hype_container {
		right: -20px;
	}	
}

@media (max-width: 768px) {
	#aboutanimation_hype_container {
		right: 0;
		margin: 30px auto 0 auto;
	}	
}

@media (max-width: 414px) {
	.about .container { height: 960px; }
	
	#aboutanimation_hype_container {
		transform: scale(.6) translate(-70px, -160px);
		transform-origin: center center;
	}	
}

@media (max-width: 375px) {
	.about .container { height: 980px; }
	
	#aboutanimation_hype_container {
		transform: scale(.6) translate(-104px, -160px);
	}	
}

@media (max-width: 320px) {
	.about .container { height: 1020px; }
	
	#aboutanimation_hype_container {
		transform: scale(.5) translate(-192px, -260px);
	}	
}

/* About end */

/* ! What We Do */

.whatwedo .container {
	padding-top: 55px;
	padding-bottom: 50px;
}

/* What We Do end */

/* ! Details */

.details .container {
	padding-bottom: 120px;
}

@media (max-width: 992px) {
	.details .container {
		padding-bottom: 50px;
	}
}

@media (max-width: 768px) {
	.details .container {
		padding-bottom: 60px;
	}
}

.details h4 {
	position: relative;
	font-family: "Gotham Medium";
	font-size: 18px;
}

.details h4:before { /* bullets */
	content: "1";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	font-family: "Gotham Bold";
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 200px;
	background-color: #f6586a;
}

.details h4:nth-of-type(2):before { content: "2"; }
.details h4:nth-of-type(3):before { content: "3"; }

@media (max-width: 768px) {
	.details h4:before {
		display: inline-block;
		position: relative;
		margin-right: 5px;
		top: -2px;
	}
}

.details h4, .details p {
	width: 355px;
	padding-left: 30px;
}

@media (max-width: 768px) {
	.details h4, .details p {
		width: auto;
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.details .container {
		text-align: center;
	}
}

.details p {
	margin-bottom: 23px;
}

.details img {
	position: absolute;
	right: -110px;
	top: -40px;
	z-index: 0;
}

@media (max-width: 1200px) {
	.details img {
		right: -300px;
	}
}

@media (max-width: 992px) {
	.details img {
		top: -30px;
		right: -300px;
		width: 610px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.details img {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		margin-top: 40px;
		margin: 0 auto;
	}
}

/* Details end */

/* ! Results */

.results .container {
	padding-top: 120px;
	padding-bottom: 310px;
}

@media (max-width: 992px) {
	.results .container {
		padding-bottom: 223px;
	}	
}

@media (max-width: 768px) {
	.results .container {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}	
}

.results img {
	position: absolute;
	right: 40px;
	top: -50px;
	z-index: 1;
}

@media (max-width: 992px) {
	.results img {
		right: 0;
	}	
}

@media (max-width: 768px) {
	.results img {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 30px;
	}	
}

/* Results end */

/* ! UI Video */

.video-container video {
	z-index: 1;
}

.details .video-container {
	position: absolute;
	right: -110px;
	top: -40px;
	width: 768px;
	height: 578px;
}

@media (max-width: 1200px) {
	.details .video-container {
		right: -270px;
	}
}

@media (max-width: 992px) {
	.details .video-container {
		top: 0px;
		right: -280px;
		width: 610px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.details .video-container {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		margin-top: 40px;
		margin: 0 auto;
	}
}

/* UI Video end */

/* ! Platform Video Modal */

#platform-video .modal-dialog.modal-lg { width: 80%; }

@media (max-width: 768px) {
	#platform-video .modal-dialog.modal-lg {
		width: 100%;
	}
}

#platform-video .modal-header {
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
}

#platform-video .modal-header .close { opacity: 1 !important; }

#platform-video .modal-title { display: none; }

#platform-video .modal-body {
	position: relative;
	height: 0;
	padding: 0;
	padding-bottom: 56.25%;
	padding-top: 15px;
	background-color: transparent;
}

#platform-video .modal-content {
	border-radius: 0;
	background-color: transparent;
}

#platform-video iframe { display: block; }

#platform-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Platform Video Modal */

/* ! Our customers section */

.our-customers .container {
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.our-customers h1 {
	margin-bottom: 35px;
}

.our-customers .lead {
	margin-bottom: 50px;
}

.customer-logos {
	width: 100%;
	height: auto;
}

.our-customers hr { margin: 30px 0 50px 0; }

.our-customers .users img {
	margin-bottom: 10px;
}

.our-customers .lead.users {
	font-family: "Gotham Bold";
}

.users small {
	color: #7a8080;
}

/* Our customers section end */

/* ! Press section */

@media (max-width: 768px) {
	.press .container {
		padding-bottom: 60px;
	}
}

.press .lead {
	margin-bottom: 130px;
}

@media (max-width: 768px) {
	.press .lead {
		margin-bottom: 30px;
	}	
}

#press-quotes {
	width: 477px;
	height: 303px;
	-webkit-perspective: 10px;
	   -moz-perspective: 10px;
	    -ms-perspective: 10px;
	        perspective: 10px;
}

@media (max-width: 992px) {
	#press-quotes {
		width: 357px;
		height: 363px;
	}
}

@media (max-width: 768px) {
	#press-quotes {
		width: 100%;
		height: 253px;
	}
}

@media (max-width: 547px) {
	#press-quotes {
		height: 293px;
	}
}

@media (max-width: 412px) {
	#press-quotes {
		height: 313px;
	}
}

@media (max-width: 392px) {
	#press-quotes {
		height: 343px;
	}
}

.quote {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: auto;
	padding: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #50cbc2;
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

@media (max-width: 768px) {
	.quote {
		padding: 30px;
	}
}

.quote p {
	width: auto !important;
	font-family: "Gotham Medium";
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	text-indent: -0.5em; /* hanging punctuation */
}

.quote.active {
	visibility: visible;
	opacity: 1;
}

.quote:before { /* arrow */
	content: "";
	position: absolute;
	left: 0;
	bottom: -32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
	border-color: #28aaa1 transparent transparent transparent;
}

/* Press avatars & logos */

.avatar {
	float: left;
	width: 66px;
	height: 65px;
	margin-right: 15px;
	background: url(../images/press-sprites.png);
}

.avatar.avatar1 { background-position: -9px -9px; }
.avatar.avatar2 { background-position: -85px -10px; }
.avatar.avatar3 { background-position: -162px -10px; }

.author p {
	margin-bottom: 5px;
	font-size: 15px;
}

.author .logo {
	float: left;
	background: url(../images/press-sprites.png);
}

.logo.cnn    {
	width: 55px;
	height: 25px;
	background-position: -14px -92px;
}

.logo.fastco {
	width: 118px;
	height: 18px;
	background-position: -87px -95px;
}

.logo.salon {
	width: 94px;
	height: 19px;
	background-position: -219px -94px;
}

/* Press navigation */

#press-quotes .navigation {
	position: absolute;
	left: 40%;
	bottom: 0;
}

#press-quotes .navigation li {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 7px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #50cbc2;
}

#press-quotes .navigation li.active { background-color: #50cbc2; }

@media (max-width: 768px) {
	#press-quotes .navigation {
		left: 43%;
		bottom: -15px;
	}
}

/* Press animation */

.quote.show {
	-webkit-animation: show .7s .1s forwards;
	   -moz-animation: show .7s .1s forwards;
	        animation: show .7s .1s forwards;
}

.quote.hide {
	display: block !important; /* override boostrap's .hide */
	-webkit-animation: hide .7s forwards;
	   -moz-animation: hide .7s forwards;
	        animation: hide .7s forwards;
}

@-webkit-keyframes show {
	0%   { -webkit-transform: translate3d(0,-200px,0); opacity: 0; }
	100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}
@-moz-keyframes show {
	0%   { -moz-transform: translate3d(0,-200px,0); opacity: 0; }
	100% { -moz-transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes show {
	0%   { transform: translate3d(0,-200px,0); opacity: 0; }
	100% { transform: translate3d(0,0,0); opacity: 1; }
}

@-webkit-keyframes hide {
	0%   { -webkit-transform: translate3d(0,0,0); opacity: 1; }
	100% { -webkit-transform: translate3d(0,0,-20px); opacity: 0; }
}
@-moz-keyframes hide {
	0%   { -moz-transform: translate3d(0,0,0); opacity: 1; }
	100% { -moz-transform: translate3d(0,0,-20px); opacity: 0; }
}
@keyframes hide {
	0%   { transform: translate3d(0,0,0); opacity: 1; }
	100% { transform: translate3d(0,0,-20px); opacity: 0; }
}

/* Press section end */

/*
     FILE ARCHIVED ON 22:26:04 Aug 16, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:51:40 Apr 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.415
  load_resource: 475.322 (2)
  PetaboxLoader3.resolve: 388.598 (2)
  PetaboxLoader3.datanode: 41.783 (2)
*/