@charset "UTF-8";

/* ! Jumbotron */

.jumbotron {
	text-align: center;
	background: #034752 url(../../voicevoice.com/images/home-hero.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
}

.jumbotron img {
	display: inline-block;
	width: 320px;
	margin-bottom: 75px;
}

.jumbotron 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-align: center;
	text-transform: uppercase;
	border: 2px solid #f6586a;
}

@media (max-width: 995px) {
	.jumbotron h1 {
		margin-bottom: 52px;
		padding: 0 16px;
		font-size: 38px;
		line-height: 69px;
	}

	.jumbotron img {
		width: 269px;
		margin-bottom: 45px;
	}
}

@media (max-width: 730px) {
	.jumbotron h1 {
		margin-bottom: 41px;
		padding: 0 12px;
		font-size: 28px;
		line-height: 52px;
	}

	.jumbotron img {
		width: 230px;
		margin-bottom: 29px;
	}
}

@media (max-width: 532px) {
	.jumbotron h1 {
		margin-bottom: 26px;
		padding: 0 11px;
		font-size: 18px;
		line-height: 41px;
	}

	.jumbotron img {
		width: 200px;
		margin-bottom: 17px;
	}
}

.jumbotron p {
	margin-bottom: 76px;
	font-family: "Gotham Narrow Medium";
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.01em;
	color: #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Jumbotron end */

/* ! About Us section */

.about-us .lead {
	margin-bottom: 130px;
}

@media (max-width: 768px) {
	.about-us .lead {
		margin-bottom: 65px;
	}
}

.about-us img {
	position: absolute;
	top: -126px;
	right: -200px;
}

@media (max-width: 1200px) {
	.about-us img {
		right: -320px;
	}	
}

@media (max-width: 992px) {
	.about-us img {
		right: -380px;
	}	
}

@media (max-width: 768px) {
	.about-us img {
		opacity: .5;
		top: -436px;
	}	
}

/* About Us section end */

/* ! VV events section */

.vv-events h2 {
	font-size: 25px;
}

.vv-events {
	color: #fff;
	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%);
}

.vv-events .cyan,
.vv-events .pink {
	padding: 40px 50px;	
}

@media (max-width: 992px) {
	.vv-events .cyan,
	.vv-events .pink {
		padding: 30px;	
	}	
}

.vv-events .cyan {
	background-color: #50cbc2;
}

.vv-events .pink {
	background-color: #f6586a;
}

.vv-events img {
	opacity: .6;
	float: right;
}

/* VV events section end */

/* ! 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;
}

.our-customers img {
	width: 100%;
	height: auto;
}

/* Our customers section end */

/* ! Participants section */

.participants .container {
	position: relative;
	height: 552px;
	padding-top: 70px;
	text-align: center;
}

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

.participants h4 {
	font-family: "Gotham Medium";
	margin-bottom: 0;
	font-size: 19px;
	color: #b6cad0;
}

.participants .counter {
	margin-bottom: 7px;
	font-family: "Gotham Thin";
	font-size: 104px;
	line-height: 140px;
	color: #54cfc6;
}

@media (max-width: 550px) {
	.participants .large-digits {
		font-size: 79px;
	}	
}

@media (max-width: 430px) {
	.participants .large-digits {
		font-size: 59px;
	}	
}

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

@media (max-width: 995px) {
	.participants .note {
		margin-top: 180px;
	}	
}

@media (max-width: 465px) {
	.participants .note {
		margin-top: 140px;
	}	
}

.participants .small {
	position: absolute;
	left: 0;
	bottom: -38px;
	margin-left: 15px;
}

/* Participants section end */

/* ! Benefits section */

.benefits .container {
	padding-top: 53px;
	padding-bottom: 64px;
}

.benefits h1 {
	text-align: center;
}

.benefits h3 {
	margin-bottom: 20px;
}

/* Benefits 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(../../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;
}

/* 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 21:25:54 Oct 14, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:50:34 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.532
  load_resource: 250.823
  PetaboxLoader3.resolve: 198.215
  PetaboxLoader3.datanode: 28.251
*/