@charset "UTF-8";

p.lead { color: #797b7b; }

.lightgray { background-color: #f4f6f7; }

/* ! Header */

#header {
	position: relative;
	height: 633px;
	padding-top: 71px;
	background: #034752 url(../../voicevoice.com/images/photo1-home.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	#header {
		height: auto;
		margin: 0;
		padding: 75px 0;
	}
}

#header div.container { text-align: center; }

#header .logo {
	width: 320px;
	height: 172px;
	margin: 0 auto 75px auto;
	background: url(../../voicevoice.com/images/vv-logo-white-vert.svg) no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768px) {
	#header .logo { display: none; }
}

#header h1 {
	display: inline-block;
	margin-bottom: 72px;
	padding: 0 20px;
	font-family: "Gotham Light";
	font-size: 48px;
	line-height: 79px;
	letter-spacing: 0;
	color: #f6586a;
	text-transform: uppercase;
	border: 2px solid #f6586a;
}

@media screen and (max-width: 768px) {
	#header h1 {
		margin-bottom: 52px;
		padding: 10px;
		font-family: "Gotham Book";
		font-size: 24px;
		line-height: 29px;
	}
}

#header h2 {
	margin-bottom: 76px;
	font-family: "Gotham Narrow Medium";
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.01em;
	color: #fff;
}

@media screen and (max-width: 768px) {
	#header h2 {
		margin-bottom: 0;
		font-size: 20px;
		line-height: 32px;
	}

	#header h2 br { display: none; }
}

i.icon-angle-down {
	display: inline-block;
	width: 74px;
	height: 74px;
	color: #fff;
	background: #f6586a;
	font-size: 74px;
	line-height: 77px;
	-webkit-border-radius: 60px;
	   -moz-border-radius: 60px;
	    -ms-border-radius: 60px;
	        border-radius: 60px;
}

/* ! Header Signup Strip */

#header-signup-strip {
	width: 100%;
	padding-top: 46px;
	padding-bottom: 46px;
	background: #034752;
}

/* ! Intro */

#intro { overflow: hidden; }

#intro div.container {
	position: relative;
	height: 604px;
	padding-top: 127px;
}

#intro h2, #intro p { width: 455px; }

#intro div.graphic {
	position: absolute;
	top: 0;
	right: -250px;
	width: 733px;
	height: 544px;
	background: url(../../voicevoice.com/images/vv-cloud.png) no-repeat;
}

@media screen and (max-width: 768px) {
	#intro { text-align: center; }
	
	#intro div.container {
		height: auto;
		padding-top: 70px;
		padding-bottom: 50px;
	}
	
	#intro h2, #intro p { width: auto; }
	
	#intro div.graphic { display: none; }
}

/* ! What we are list */

#weare {
	background-image: -webkit-linear-gradient( left, #50cbc2 50%, #f6586a 50%);
	background-image:    -moz-linear-gradient( left, #50cbc2 50%, #f6586a 50%);
	background-image:     -ms-linear-gradient( left, #50cbc2 50%, #f6586a 50%);
	background-image:         linear-gradient( left, #50cbc2 50%, #f6586a 50%);
}

#weare h2 {
	margin-bottom: 8px;
	font-family: "Gotham Narrow Medium";
	font-size: 20px;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	text-transform: uppercase;
}

#weare .left, #weare .right {
	display: inline-block;
	width: 50%;
	height: 375px;
	padding: 50px 10px 0 122px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	vertical-align: top;
}

#weare .left  {
	background: #50cbc2 url(../../voicevoice.com/images/weare-check-icon.png) no-repeat 0 65px;
}

#weare .right {
	margin-left: -5px;
	padding: 50px 0 0 173px;
	background: #f6586a url(../../voicevoice.com/images/weare-cross-icon.png) no-repeat 50px 65px;
}

#weare ul {
	font-family: "Gotham Narrow Book";
	line-height: 22px;
	color: #fff;
}

#weare ul li {
	margin-bottom: 7px;
}

#intro div.graphic {
	position: absolute;
	top: 0;
	right: -250px;
	width: 733px;
	height: 544px;
	background: url(../../voicevoice.com/images/vv-cloud.png) no-repeat;
}

@media screen and (max-width: 768px) {
	#weare { background: none; }

	#weare div.container { padding: 0; }
	
	#weare .left, #weare .right {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 30px 15px;
		background-image: none;
	}
}

/* ! Customers */

#customers div.container {
	position: relative;
	padding-top: 82px;
	padding-bottom: 89px;
	text-align: center;
}

#customers p.lead { margin-bottom: 72px; }

#customers .customer-logos {
	margin: 0 auto;
	width: 958px;
	height: 114px;
	background: url(../../voicevoice.com/images/customer-logos.png) no-repeat;
}

@media screen and (max-width: 768px) {
	#customers div.container {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	#customers br { display: none; }
	
	#customers p.lead { margin-bottom: 27px; }

	#customers .customer-logos {
	-webkit-transform-origin: left center;
	   -moz-transform-origin: left center;
	    -ms-transform-origin: left center;
	        transform-origin: left center;
	-webkit-transform: scale(.3);
	   -moz-transform: scale(.3);
	    -ms-transform: scale(.3);
	        transform: scale(.3);
	}
}

/* ! Hosted */

#hosted { background: #0a4e62 url(../../voicevoice.com/images/6mil-graph.svg) no-repeat center top; }

#hosted div.container {
	height: 552px;
	padding-top: 70px;
	text-align: center;
}

#hosted h2 {
	margin-bottom: 7px;
	font-family: "Gotham Thin";
	font-size: 104px;
	line-height: 140px;
	color: #54cfc6;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}

#hosted h3 {
	margin-bottom: 0;
	font-size: 19px;
	color: #b6cad0;
}

#hosted p {
	margin-top: 205px;
	font-family: "Gotham Narrow Book";
	font-size: 18px;
	color: #fff;
}

@media screen and (max-width: 768px) {
	#hosted {
		background-position: center top;
		background-size: cover;		
	}

	#hosted div.container {
		height: auto;
		padding-top: 70px;
		padding-bottom: 45px;
		text-align: center;
	}
	
	#hosted h2 {
		font-size: 58px;
		line-height: 84px;
	}

}

/* ! Benefits 1 */

#benefits1 div.container {
	padding-top: 77px;
	padding-bottom: 56px;
}

#benefits1 h2 {
	margin-bottom: 78px;
	text-align: center;
}

#benefits1 .columns-3, x:-moz-any-link { height: 307px; overflow: hidden; } /* Fix columns on FireFox */

/* ! Benefits 2 */

#benefits2 div.container {
	padding-top: 77px;
	padding-bottom: 56px;
}

#benefits2 h2, #benefits2 .lead { text-align: center; }

#benefits2 .lead { margin-bottom: 72px; }

#benefits2 .columns-3, x:-moz-any-link { height: 186px; } /* Fix columns on FireFox */

@media screen and (max-width: 768px) {
	#benefits1 div.container,
	#benefits2 div.container {
		padding-top: 70px;
	}
	
	#benefits1 h2,
	#benefits2 h2 {
		margin-bottom: 25px;
	}
	
	#benefits1 ul,
	#benefits2 ul {
		margin-bottom: 23px;
	}
}

/* ! Press */

#press div.container {
	padding-top: 108px;
	padding-bottom: 66px;
}

#press div.columns-3 { height: 300px; }

#press h2, #press p { width: 455px; }

#press-quotes {
	position: absolute;
	top: 114px;
	right: 0;
	width: 477px;
	height: 303px;
	-webkit-perspective: 10px; /* perspective for animation */
	   -moz-perspective: 10px;
	    -ms-perspective: 10px;
	        perspective: 10px;
}

.quote {
	position: absolute;
	opacity: 0;
	width: 477px;
	height: 259px;
	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;
}

.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;
	width: 0;
	height: 0;
	bottom: -32px;
	left: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
	border-color: #28aaa1 transparent transparent transparent;
}

@media screen and (max-width: 768px) {
	#press div.container {
		padding-top: 70px;
		padding-bottom: 50px;
	}
	
	#press h2, #press p {
		width: auto;
		text-align: center;
	}
	
	#press-quotes {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		margin: 60px auto 0 auto;
	}
	
	.quote {
		width: 100%;
		height: auto;
		padding: 30px;
	}

	.quote p {
		font-size: 13px;
		line-height: 20px;
		text-align: left !important;
	}
}

/* Avatars & Logos */

.avatar {
	float: left;
	width: 66px;
	height: 65px;
	margin-right: 15px;
	background: url(../../voicevoice.com/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(../../voicevoice.com/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;
}

/* Navigation */

#press-quotes .navigation {
	position: absolute;
	left: 221px;
	bottom: 0;
}

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

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

@media screen and (max-width: 768px) {
	#press-quotes .navigation {
		left: 41%;
		bottom: -30px;
	}
}

/* Quotes animation */

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

.quote.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; }
}

/*
     FILE ARCHIVED ON 02:43:15 Feb 10, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:47:45 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: 12.28
  load_resource: 736.527
  PetaboxLoader3.resolve: 79.139
  PetaboxLoader3.datanode: 656.67
*/