@import 'fonts.css';
@import 'fullpage.css';
@import 'section-nav.css';
@import 'section-home.css';
@import 'section-intro.css';
@import 'section-vi.css';
@import 'section-advertisers.css';
@import 'section-console.css';
@import 'section-publishers.css';
@import 'section-servicelevels.css';
@import 'section-team.css';
@import 'section-news.css';
@import 'section-events.css';
@import 'section-contact.css';
@import 'popups.css';
@import 'responsive.css';
@import 'responsive-sliders.css';
/*@import 'development.css';*/

html {
	font-size: 10px;
}
body {
	overflow: hidden;
	color: #fff;
	font-family: AzoSansRegular;
	background-color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

#fixed-bg {
	width: 1440px;
	height: 500px;
	background-image: url(../images/bg_universe@2x.jpg);
  background-position: center 0;
	background-repeat: no-repeat;
	background-size: 1440px 500px;
	position: fixed;
	left: 50%;
	margin-left: -720px;
	top: 100px;
	z-index: 0;
}


*,
*:before,
*:after {
	box-sizing: border-box;
	text-rendering: geometricPrecision;
}

#pusher {
}

.section {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}

.intro {
	background-color: transparent;
	max-width: 540px;
	margin: 150px auto 0;
	position: relative;
  z-index: 50;
}

p, .section .text {
	font-family: AzoSansLight;
	text-align: center;
	font-size: 2rem;
}
h1 {
	font-family: AzoSansRegular;
	font-weight: normal;
	text-align: center;
	font-size: 4rem;
  margin: 50px 0 0;
}
p, span, h1, h2, h3, .section .text {
	line-height: 1.3em;
  position: relative;
  z-index: 50;
}

p span {
	font-family: AzoSansMedium;
	color: #fff200;
}

.content {
	text-align: center;
}

/*  #publishers styles  */

#publishers .intro {
	max-width: 700px;
}

/* Video styles */

#video-background {
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: 1920px;
	height: 1080px;
	-webkit-transform: translateX(50%) translateY(50%);
	transform: translateX(50%) translateY(50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 300;
	overflow: hidden;
  background: #000;
}

#mobile-video-background {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
}
#mobile-video-background canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) scale(2);
}

.hidden {
	opacity: 0;
}

.transition2x {
  transition-delay: 1500ms !important;
	transition-duration: 300ms !important;
}

/* Load retina images */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	#logo {
		background-size: cover;
		width: 175px;
		height: 67px;
		margin-top: 17px;
	}
	#center_logo {
		background-image: url(../images/vi_center_logo@2x.png);
		width: 179px;
		background-size: cover;
	}
}

/* #highlight styles */

#highlight q {
	quotes: '\00BB' '\00AB' '\203A' '\2039';
	text-align: justify;
}

#highlight .intro {
	background-color: #fff200;
	color: black;
	font-size: 16px;
	padding: 47px 88px;
  width: 900px;
  max-width: 900px;
  margin: 200px auto 0;
}

#highlight p {
	text-align: justify;
  margin: 0;
}

#highlight h3 {
	text-align: right;
	margin-bottom: 0;
}

#highlight h1 {
	display: none;
}

/* END #highlight styles  */


.meet-the-team .circle, .management-console .circle {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.meet-the-team .description, .management-console .circle {
	text-align: center;
}

#goals {
	background: url(../images/vi_console_01.png) center center/100% 100% no-repeat;
}

#transparancy {
	background: url(../images/vi_console_02.png) center center/100% 100% no-repeat;
}

#monitor {
	background: url(../images/vi_console_03.png) center center/100% 100% no-repeat;
}

.wrapper {
	padding-bottom: 100px;
}

iframe {
	border: none;
	width: 100%;
	height: 99%;
}