/*Fonts*/
/*@import url("//hello.myfonts.net/count/2b2db1");*/

@font-face {
	font-family: 'FuturaStd-Bold';
	src: url('//3vot.com/fusion/slaves_51/assets/futurabold.eot');
	src: url('//3vot.com/fusion/slaves_51/assets/futuraboldie.eot') format('embedded-opentype'),
	url('//3vot.com/fusion/slaves_51/assets/futurabold.woff') format('woff'),
	url('//3vot.com/fusion/slaves_51/assets/futurabold.ttf') format('truetype');
}

* {font-size:100.01%;}
@media screen {
	*{max-height:100000px;}
	body{
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust:none;
		min-width:320px;
		font-family: 'Source Serif Pro', serif;
	}
	img{vertical-align:top;}
	a {text-decoration:underline;}
	a:hover {text-decoration:none;}
	iframe{border:none;}
	#wrapper {
		width: 100%;
		position: relative;
		overflow: hidden;
		min-height: 100%;
	}
	.main-video {
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.main-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.main-video .videoReadMore {
		width: 100%;
		position: absolute;
		bottom: 18%;
		text-align: center;
	}
	#header {
		width: 100%;
		background-color: #000;
	}
	.logo-holder {
		position: absolute;
		padding: 16px 18px;
		top: 0;
		left: 0;
	}
	.logo{
		background: url(//3vot.com/fusion/slaves_51/assets/logo.png) no-repeat;
		width: 94px;
		height: 20px;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
	}
	.logo a{
		display: block;
		height: 100%;
	}
	.slogan {
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 2px 0 18px;
		float: left;
		width: 138px;
	}
	.slogan a {
		color: #dbd7d5;
		text-decoration: underline;
	}
	.slogan a:hover {text-decoration: none;}
	.main-nav {
		overflow: hidden;
		max-width: 1356px;
		margin: 0 auto;
		padding: 0 219px;
	}
	#nav {
		background: #000;
		padding: 0 2%;
		text-align: center;
	}
	#nav li {
		padding: 8px 10px;
		text-transform: uppercase;
		font-family: "FuturaStd-Bold";
		font-size: 13px;
		font-weight: bold;
		float: none;
		display: inline-block;
		vertical-align: middle;
		letter-spacing: 1px;
	}
	#nav li a {
		color: #b7a49d;
		padding: 0;
		text-decoration: none;
	}
	#nav li a:hover {background: transparent;}
	#nav .navbar-nav {
		float: none;
		font-size: 0;
		line-height: 0;
		letter-spacing: -4px;
	}

	.extras {
		padding: 14px 13px;
		margin: 0;
		list-style: none;
		text-align: right;
		position: absolute;
		font-size: 15px;
		top: -4px;
		right: 70px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.extras a{
		color: #fff;
	}

	#mobileMenu{
		position: absolute;
		font-size: 15px;
		top: 52px;
		left: 0px;
		right: 0px;
		height: 0;
		background-color: #fff;
		z-index: 3000;
		display: none;

	}

	#mobileMenu.on{
		position: absolute;
		font-size: 15px;
		top: 50px;
		left: 0px;
		right: 0px;
		height: auto;
		background-color: #fff;
		z-index: 3000;
		display: block;
	}
	

	.mobileMenuBtn{
		position: absolute;
		font-size: 15px;
		top: 10px;
		left: 15px;
		width: 35px;
		height: 35px;
		background-color: #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #333;
		border-radius: 9px;
		opacity: 0.5;
	}

	.mobileMenuBtn span{
		text-align: center;
	font-size: 39px;
	color: #333;
	display: block;
	line-height: 10px;
	height: 8px;	
	}

	.social-networks {
		padding: 14px 13px;
		margin: 0;
		list-style: none;
		text-align: right;
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 0;
		right: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.social-networks li {
		width: 26px;
		height: 25px;
		background: url(//3vot.com/fusion/slaves_51/assets/sprites.png) no-repeat -9999px 0;
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-left: 2px;
	}
	.social-networks li.facebook {background-position: 0 0;}
	.social-networks li.facebook:hover {background-position: 0 -32px;}
	.social-networks li.twitter {background-position: -28px 0;}
	.social-networks li.twitter:hover {background-position: -28px -32px;}
	.social-networks li a {
		display: block;
		height: 100%;
	}
	.video-components {
		text-align: center;
		padding: 64px 0;
	}
	.video-components .chapter {
		font: 27px/30px Arial, Helvetica, sans-serif;
		color: #c7bab5;
		text-transform: uppercase;
		border-bottom: 3px solid #c3b4af;
		display: block;
		padding-bottom: 7px;
		max-width: 1100px;
		margin: 0 auto 200px;
	}
	.video-components h1 {
		margin: 0 0 165px;
		color: #b7a49d;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 160px; 
		text-align: center; 
		color: #fff;
	}
	.video-components .btn-play {
		text-transform: uppercase;
		font: bold 25px/43px Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		padding: 6px 30px;
		text-decoration: none;
	}
	#main {width: 100%;}

	.caption{
		background: #e3dfde;
	}

	.caption p{
		font-size: 12px;
		width: 52%;
		margin: 0px auto;
		text-align: center;
	}

	.intro {
		background-color: #e3dfde ;
		padding: 154px 0 64px;
		font-size: 28px;
		line-height: 42px;
		word-spacing: -1px;
	}
	.intro h2 {
		margin: 0 0 7px;
		font-family: "FuturaStd-Bold";
		font-size: 25px;
		letter-spacing: 2;
		word-spacing: 5;
		line-height: 1.3em;
		text-transform: uppercase;
	}
	.intro p {margin-bottom: 20px;}
	.block {
		background-color: #e3dfde;
	}
	.blockimg img{
		text-align: center;
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.smallimg {
		text-align: center;
	}
	.smallimg img{
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}
	.block .description {
		padding: 103px 0 24px;
		overflow: hidden;
		background: #e3dfde url(//3vot.com/fusion/slaves_51/assets/bg-block.png) no-repeat 50% 0;
		line-height: 35px;
	}
	.block .description.add {
		background: #e3dfde url(//3vot.com/fusion/slaves_51/assets/bg-block1.png) no-repeat 0 90%;
		padding: 52px 0 32px;
		line-height: 31px;
	}
	.video-wrapper {
		background: #e3dfde;
		font-size: 23px;
		line-height: 35px;
	}
	.video-wrapper .details {padding: 56px 15px 90px;}
	.video-wrapper .details p {margin-bottom: 20px;}
	.video-holder {
		background: #1a1a1a;
		text-align: center;
	}
	.video-holder .video-block {
		width: 57.8%;
		margin: 0 auto;
		position: relative;
		padding-bottom: 30.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.video-holder .video-block iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.video-holder img {
		max-width: 100%;
		width: auto;
		height: auto;
		vertical-align: top;
	}
	.report {font: 14px/19px "Courier New", Courier, monospace;}
	.report .four-columns {
		background: #1a1a1a;
		color: #f5f4f2;
		padding: 36px 0;
	}
	.report h2 {
		margin: 0 0 22px;
		font: bold 120px/124px Arial, Helvetica, sans-serif;
		color: #d4cac6;
	}
	.report .red h2 {color: #be3110;}
	.report .yellow h2 {color: #d27c01;}
	.report p {margin-bottom: 15px;}
	.report p a {color: #f5f4f2;}
	.report .preview {
		padding: 104px 0 50px;
		text-align: center;
		position: relative;
	}
	.report .preview:before {
		content: '';
		position: absolute;
		background: #e3dfde;
		top: 0;
		left: 0;
		width: 100%;
		height: 355px;
		z-index: -1;
	}
	.report .preview .visual {margin-bottom: 44px;}
	.report .visual img {
		max-width: 100%;
		width: auto;
		height: auto;
		vertical-align: top;
	}
	.report .next {
		font: bold 14px/18px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}


	.slide {
		overflow: hidden;
	  position: fixed;
	  top: 43px;
	  bottom: 0px;
	  z-index: 1000;
	  left: 0px;
	  width: 100%;
	  bottom: 0;
	  overflow-y: auto;
	  /* smooth scrolling on mobile phones and tablets */
	  -webkit-overflow-scrolling: touch;
	  background: #fff;
	  z-index: 2000;
	  /* this how we move the author bio section off the canvas */
	  -webkit-transform: translateX(200%);
	  -moz-transform: translateX(200%);
	  -ms-transform: translateX(200%);
	  -o-transform: translateX(200%);
	  transform: translateX(200%);

		-webkit-transition: all 500ms cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  -moz-transition: all 500ms cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  -o-transition: all 500ms cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  transition: all 500ms cubic-bezier(0.315, 0.805, 0.685, 0.840); /* custom */

		-webkit-transition-timing-function: cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  -moz-transition-timing-function: cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  -o-transition-timing-function: cubic-bezier(0.315, 0.805, 0.685, 0.840); 
	  transition-timing-function: cubic-bezier(0.315, 0.805, 0.685, 0.840); /* custom */

	  -webkit-transition-property: -webkit-transform;
	  -moz-transition-property: -moz-transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;
	  transition-duration: 0.6s;

		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);

	}

	.slide.slide-in {
	  /* the author bio section slides in when the user clicks on the team member picture */
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0);
	}

	.slide.slide-out {
	  /* the author bio section slides in when the user clicks on the team member picture */
	  -webkit-transform: translateX(-100%);
	  -moz-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  transform: translateX(-100%);
	}
	#footer {
		background-color: #e3dfde;
	}
	#footer h3 {
		text-transform: uppercase;
		margin: 0;
		
		font-family: "FuturaStd-Bold";
		font-size: 16px;
	}
	#footer h3 a {
		color: #c30027;
		padding: 4em;
		display: block;
	}

}
@media only screen and (min-width: 1500px) {
	.intro .col-lg-offset-3 {margin-left: 20%;}
	.block .description .col-lg-offset-3 {margin-left: 24.2%;}
	.block .description .col-lg-6 {width: 54%;}
}
@media only screen and (max-width: 1360px) {
	.slogan {padding: 0 2px 0 10px;}
	#nav {padding: 0;}
}
@media only screen and (max-width: 1090px) {
	#nav li {padding: 8px 5px;}
}
@media only screen and (max-width: 1023px) {
	.logo-holder {
		position: static;
		float: left;
	}
	.social-networks {
		//position: static;
		//float: right;
	}
	.main-video {min-height: 620px;}
	.main-video .videoReadMore { bottom: 6%; }
	.main-nav {
		width: 100%;
		padding: 0;
	}

	.nav li a{
		font-size: 12px;
	}

	.video-components h1 {
		font-size: 120px;
		margin-bottom: 100px;
	}
	.video-components .chapter {margin-bottom: 100px;}
	.intro {padding: 64px 0;}
	.report h2 {
		font-size: 85px;
		line-height: 88px;
	}
}
@media only screen and (max-width: 767px) {
	body {
		font-size: 15px;
		line-height: 24px;
	}

	.footer h3{
		font-size: 15px;
	}

	.logo-holder {
		float: none;
		overflow: hidden;
		text-align: center;
	}
	.logo {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.slogan {float: none;}
	.social-networks {
		//float: none;
		//text-align: center;
	}

	.extras {
		font-size: 13px;
		right: 5px;
		top: 0px;
	}

	.slide {
	  top: 52px;
	}

	.main-video {min-height: 0px;}
	.main-video .videoReadMore { display: none; }
	#nav .navbar-nav {margin: 0;}
	#nav li {
		display: block;
		padding: 0;
		border: 1px solid #c3b4af;
		background: #000;
	}
	#nav li a {padding: 5px 10px;}
	#nav li:hover {	background: #c3b4af;}
	#nav li a:hover {color: #000;}
	.video-components .chapter {
		width: 95%;
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 50px;
	}
	.video-components h1 {
		font-size: 50px;
		line-height: 54px;
		padding: 0 10px;

	}
	.video-components .btn-play {
		font-size: 22px;
		line-height: 38px;
	}
	.intro {
		font-size: 18px;
		line-height: 30px;
	}
	.intro .col-lg-offset-3 {
		margin: 0;
	}
	.intro h2 {
		font-size: 18px;
		line-height: 24px;
	}
	.block .description {padding: 25px 0;}
	.block .description .col-lg-offset-3 {
		margin: 0;
	}
	.block .description .col-lg-6 {
		width: 100%;
	}
	.video-wrapper .details {
		padding: 25px 15px;
		font-size: 18px;
		line-height: 30px;
	}
	.report h2 {
		font-size: 50px;
		line-height: 54px;
		margin-bottom: 0;
	}
	.report .col {margin-bottom: 20px;}
}