@font-face{
	font-family: icomoon;
	src: url('http://cdn.prizmiq.com/www/fonts/icomoon.eot');
 	src: 	url('http://cdn.prizmiq.com/www/fonts/icomoon.woff') format('woff'),
			url('http://cdn.prizmiq.com/www/fonts/icomoon.ttf') format('truetype'),
			url('http://cdn.prizmiq.com/www/fonts/icomoon.svg') format('svg');
}

@font-face{
	font-family: Comfortaa;
	src: url('http://cdn.prizmiq.com/www/fonts/Comfortaa_Regular.eot');
 	src: 	url('http://cdn.prizmiq.com/www/fonts/Comfortaa_Regular.woff') format('woff'),
			url('http://cdn.prizmiq.com/www/fonts/Comfortaa_Regular.ttf') format('truetype'),
			url('http://cdn.prizmiq.com/www/fonts/Comfortaa_Regular.svg') format('svg');
}

@font-face{
	font-family: RalewayLight;
	src: url('http://cdn.prizmiq.com/www/fonts/Raleway-Light.eot');
 	src: 	url('http://cdn.prizmiq.com/www/fonts/Raleway-Light.woff') format('woff'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Light.ttf') format('truetype'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Light.svg') format('svg');
}

@font-face{
	font-family: RalewayThin;
	src: url('http://cdn.prizmiq.com/www/fonts/Raleway-Thin.eot');
 	src: 	url('http://cdn.prizmiq.com/www/fonts/Raleway-Thin.woff') format('woff'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Thin.ttf') format('truetype'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Thin.svg') format('svg');
}

@font-face{
	font-family: Raleway;
	src: url('http://cdn.prizmiq.com/www/fonts/Raleway-Regular.eot');
 	src: 	url('http://cdn.prizmiq.com/www/fonts/Raleway-Regular.woff') format('woff'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Regular.ttf') format('truetype'),
			url('http://cdn.prizmiq.com/www/fonts/Raleway-Regular.svg') format('svg');
}

html, body{
	margin:0 auto;
	padding:0;
	height:auto;
	min-height: 100%;
}

input{
	padding:0;
}

a:link{
	text-decoration: none;
}

a:visited{
	outline:0;
}

hr{
	border:none;
	height:5px;
	background-color: #1e9ad8;
	margin-left:0;
	margin-top: 7px;
	width:70px;
	text-align: left;
}

.cover{
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	height:100%;
}

.master_container{
	height:auto;
	width:100%;
	background-color: #061f2b;
	padding:50px 0px;
	z-index: 5;
}

.headline{
	font-size:80px;
	font-family:RalewayThin;
	text-align: center;
}



.scale_out{
	transform: scale(1,1) !important;
	-o-transform: scale(1,1) !important;
	-moz-transform: scale(1,1) !important;
	-webkit-transform: scale(1,1) !important;
}

/*Header*/

#header{
	position:fixed;
	width:100%;
	height:0;
	top:0px;
	left:0px;
	color:white;
	background-color: #0c3e56;
	z-index:10;
	font-family: Raleway;
	transition: height 750ms cubic-bezier(.47,.04,.34,.94), top 750ms cubic-bezier(.47,.04,.34,.94);
	-webkit-transition: height 750ms cubic-bezier(.47,.04,.34,.94), top 750ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: height 750ms cubic-bezier(.47,.04,.34,.94), top 750ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: height 750ms cubic-bezier(.47,.04,.34,.94), top 750ms cubic-bezier(.47,.04,.34,.94);
}

#header.small{
	height:100px;
}

#header_content_container{
	width:1280px;
	height:100px;
	margin: 0px auto;
	position:relative;
	top:0px;
	-webkit-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	transition: top 700ms cubic-bezier(.47,.04,.34,.94); /* ease-in */
}

#header_logo.hidden{
	top:-100px;
	-webkit-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 700ms cubic-bezier(.47,.04,.34,.94);
	transition: top 700ms cubic-bezier(.47,.04,.34,.94); /* ease-in */
}

#navbar_container{
	position:absolute;
	height:100px;
	width:auto;
	top:0px;
	right:0px;
	display:table;
}

#navbar{
	position: relative;
	top:-100px;
	list-style-type: none;
	display:table-cell;
	vertical-align: middle;
	padding: 35px;
	margin:0px;
	-webkit-transition: top 750ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 750ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 750ms cubic-bezier(.47,.04,.34,.94);
	transition: top 750ms cubic-bezier(.47,.04,.34,.94);
}

#navbar.small{
	top:0px;
}

.navbarElement{
	display:inline-block;
	width:auto;
	text-align:center;
}

.separator{
	font-family: Raleway;
	cursor: default;
	width:20px;
	color:#1e9ad8;
	font-size:20px;
}

.navbarElement > a:link{
	color:#1e9ad8;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-size:20px;
	padding:10px;
	border-radius: 15px;
	transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-webkit-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
}


.navbarElement > a:visited{
	color:#1e9ad8;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-size:20px;
	padding:10px;
	border-radius: 15px;
	transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-webkit-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
}

.navbarElement > a:hover{
	background-color: rgba(225,225,225,0.2);
	transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
    -webkit-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
    -moz-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
    -o-transition: background-color 500ms cubic-bezier(.47,.04,.34,.94);
}

.navbarElement > .separator:hover{
	background-color: rgba(225,225,225,0.0);
}

.navbarLink{
	display:inline;
}

.navbarElement > #contact_nav{
	color:white;
}

#contact_nav{
	color:white;
}

#main_content{
	margin:0 auto;
	position:relative;
	top:100%;
	width:100%;
	height:auto;
	background-color: white;
	z-index:2;
}

/*Big picture stuff*/

#big_picture_container{
	height:250px;
	width:1280px;
	margin:auto;
}

#prizSpaceLogo{
	display:inline-block;
}

#list_container{
	width:440px;
	display: inline-block;
	position:relative;
	top:-42px;
	left:320px;
	font-style: oblique;
	font-family: RalewayThin;
}

ul{
	list-style-type: circle;
}

#list_container li{
	font-size: 12px;
	vertical-align: middle;
}

#list_container li span{
	font-size: 32px;
}

#prizmiq{
	height:500px;
	max-width:1280px;
	margin:0 auto;
	display:none;
	border-style: solid;
	border-color: rgb(192,236,236);
}

#prizmiq3dlogo {
	width: 180px;
	height: 180px;
	position: relative;
	display: inline-block;
	transform: scale(1,1);*/
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transition: transform 700ms;
	-webkit-transition: -webkit-transform 700ms;
	-moz-transition: -moz-transform 700ms;
	-o-transition: -o-transform 700ms;
}

#prizmiq3dlogo.small {
	transform: scale(.55,.55);
	-o-transform: scale(.55,.55);
	-webkit-transform: scale(.55,.55);
	-moz-transform: scale(.55,.55);
}

#header_logo_text {
	font-family: Comfortaa;
	color: white;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	position: absolute;
	top: 50px;
	font-size: 48px;
	display: inline-block;
	transform: scale(1,1) translateX(0px) translateY(0px);
	-o-transform: scale(1,1) translateX(0px) translateY(0px);
	-webkit-transform: scale(1,1) translateX(0px) translateY(0px);
	-moz-transform: scale(1,1) translateX(0px) translateY(0px);
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transition: transform 700ms;
	-webkit-transition: -webkit-transform 700ms;
	-moz-transition: -moz-transform 700ms;
	-o-transition: -o-transform 700ms;
}
#header_logo_text.small {
	transform: scale(.8,.8) translateX(-88px) translateY(-32px);
	-o-transform: scale(.8,.8) translateX(-88px) translateY(-32px);
	-webkit-transform: scale(.8,.8) translateX(-88px) translateY(-32px);
	-moz-transform: scale(.8,.8) translateX(-88px) translateY(-32px);
}

#header_video {
	top: 0px;
	height: auto;
	width: 100%;
	position: absolute;
	display: block;
}

#play_video_button {
	position: absolute;
	left: 50%;
	transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform-origin: 50% 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	border: 1px solid white;
	border-radius: 100px;
	display: block;
	width: 50px;
	background-color: rgba(0,0,0,0.00001);
	height: 50px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
	cursor: pointer;
	transition: transform .25s, box-shadow 200ms, width 250ms, height 250ms, border-radius 250ms, margin-left 250ms, margin-top 250ms, background-color 250ms;
	-webkit-transition: -webkit-transform .25s, box-shadow 200ms, width 250ms, height 250ms, border-radius 250ms, margin-left 250ms, margin-top 250ms, background-color 250ms;
	-o-transition: -o-transform .25s, box-shadow 200ms, width 250ms, height 250ms, border-radius 250ms, margin-left 250ms, margin-top 250ms, background-color 250ms;
	-moz-transition: -moz-transform .25s, box-shadow 200ms, width 250ms, height 250ms, border-radius 250ms, margin-left 250ms, margin-top 250ms, background-color 250ms;
	z-index: 2;
	overflow: hidden;
}
#play_video_button:hover {
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
}
#play_video_button.frame:hover, #play_video_button.frame.down:hover {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
#play_video_button.down:hover {
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
	-o-transform: scale(.9,.9);
	-moz-transform: scale(.9,.9);
}
#play_video_button.frame {
	position: fixed;
	border-radius: 0px;
	width: 700px;
	height: 400px;
	margin-left: -350px;
	margin-top: -200px;
	z-index: 100;
	background-color: rgba(0,0,0,1);
}
#play_button_icon {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: absolute;
	opacity: 1;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transition: transform 250ms, opacity 250ms;
	-webkit-transition: -webkit-transform 250ms, opacity 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms;
}
#play_video_button.frame #play_button_icon {
	opacity: 0.00001;
	transform: scale(0.00001,0.00001);
	-webkit-transform: scale(0.00001,0.00001);
	-o-transform: scale(0.00001,0.00001);
	-moz-transform: scale(0.00001,0.00001);
}
#play_button_left_border {
	border-left: #FFFFFF 1px solid;
	width: 30px;
	height: 30px;
	position: absolute;
	display: block;
	left: 17px;
	top: 9px;
}
#play_button_bottom_border {
	border-bottom: #FFFFFF 1px solid;
	width: 26px;
	height: 30px;
	position: absolute;
	display: block;
	left: 6px;
	top: 4px;
	transform: rotateZ(-35deg);
	-webkit-transform: rotateZ(-35deg);
	-o-transform: rotateZ(-35deg);
	-moz-transform: rotateZ(-35deg);
}
#play_button_top_border {
	border-right: #FFFFFF 1px solid;
	width: 30px;
	height: 27px;
	position: absolute;
	display: block;
	left: 21px;
	top: -9px;
	transform: rotateZ(125deg);
	-webkit-transform: rotateZ(125deg);
	-o-transform: rotateZ(125deg);
	-moz-transform: rotateZ(125deg);
}
#header_youtube_player {
	border: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 400px;
}

#close_button {
    font-family: 'Raleway';
    position: absolute;
    display: block;
    color: rgba(255,255,255,0.00001);
    right: -23px;
    top: -42px;
    font-size: 0px;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    width: 20px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
	transition: color 250ms, font-size 250ms;
	-o-transition: color 250ms, font-size 250ms;
	-moz-transition: color 250ms, font-size 250ms;
    -webkit-transition: color 250ms, font-size 250ms;
}
#close_button.frame {
    color: rgba(255,255,255,1);
    font-size: 40px;
}

.cover_bg {
    width: 0%;
    background-color: rgba(0,0,0,0.00001);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
	transition: background-color 200ms;
	-webkit-transition: background-color 200ms;
	-moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
}
.cover_bg.active {
    background-color: rgba(0,0,0,0.6);
}

#cover_bg2{
	z-index:3;
}

#main{
    height: 1000px;
    position: relative;
    display: block;
    overflow: hidden;
}

#slideshow_container{
	display: none;
	position: relative;
	width:100%;
	height:500px;
}

#down_arrow{
	position: absolute;
	display: block;
	bottom:0px;
	left:50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2;
	opacity: 0.00001;
	cursor: pointer;
	transition: bottom 500ms, opacity 500ms;
	-webkit-transition: bottom 500ms, opacity 500ms;
	-moz-transition: bottom 500ms, opacity 500ms;
	-o-transition: bottom 500ms, opacity 500ms;
}

#down_arrow.show_thank{
	bottom:25px;
	opacity:1;
}

/* Explanation things*/

#howitworks{
	padding: 50px 0px;
	background-color:#061f2b;
	height:auto;
}

#explain_cover{
	padding:50px 0px;
	margin:-50px 0px;
	z-index:50;
	background-color: rgba(0,0,0,0.8);
}

#explain_container{
	height:90px;
	width:1280px;
	margin:0px auto;
	color:#1e9ad8;
	position:relative;
}

#other_explain_container{
	margin:0 auto;
	position: relative;
	display: block;
}

#explain_diagram_container{
	height:auto;
	width:1280px;
	margin:0px auto;
	padding: 50px 0px;
	display: flex;
}

.explainDiagrams{
	height:auto;
	width: 396px;
	margin:0px;
	position:relative;
	display: inline-table;
}

.steps{
	margin:0px auto;
	position:relative;
	display:block;
}

.circle_img{
	margin:0 auto;
	position:relative;
	display: block;
}

.step_explanation_containers{
	width:300px;
	height:auto;
	margin:25px auto;
	display:block;
}

.img_container{
	overflow: hidden;
	width:214px;
	height:214px;
	border:3px solid rgb(255,255,255);
	border-radius: 200px;
	margin:0 auto;
	display:block;
	position: relative;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

#img1.hidden{
	top:180px;
	left:-110px;
}

#img1{
	position: absolute;
	display: block;
	top:40px;
	left:30px;
	-webkit-transition: top 750ms cubic-bezier(.47,.04,.34,.94), left 750ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 750ms cubic-bezier(.47,.04,.34,.94), left 750ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 750ms cubic-bezier(.47,.04,.34,.94), left 750ms cubic-bezier(.47,.04,.34,.94);
	transition: top 750ms cubic-bezier(.47,.04,.34,.94), left 750ms cubic-bezier(.47,.04,.34,.94);
}

#img2.hidden{
	top:-160px;
}

#img2.transparent{
	opacity: 0.00001;
	-webkit-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
}

#img2{
	position: absolute;
	display: block;
	top:30px;
	left:40px;
	-webkit-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	transition: top 500ms cubic-bezier(.47,.04,.34,.94);
}

#img2_2{
	position: absolute;
	display: block;
	top:30px;
	left:40px;
	opacity:1;
	-webkit-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
	transition: opacity 500ms cubic-bezier(.47,.04,.34,.94);
}

#img2_2.hidden{
	opacity: 0.00001;
}

#img3{
	position: absolute;
	display: block;
	top:46px;
	left:29px;
	transform: scale(0,0);
	-webkit-transform:scale(0,0);
	-o-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
	transition: transform 400ms;
}

#img3_2{
	position: absolute;
	display: block;
	top:93px;
	left:71px;
	-webkit-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	-moz-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	-o-transition: top 500ms cubic-bezier(.47,.04,.34,.94);
	transition: top 500ms cubic-bezier(.47,.04,.34,.94);
}

#img3_2.hidden{
	top:220px;
}

.step_explanations{
	font-family: Raleway;
	font-weight: bold;
	font-size: 30px;
	color:white;
}

.step_explanations > .smaller{
	font-family: RalewayLight;
	font-weight: normal;
	font-size: 20px;
}

#goals{
	display:table-cell;
	vertical-align: middle;
}

/* Ooh space */

#quote_master{
	padding:0px;
	overflow: hidden;
	height:auto;
}

/*#quote_background::before{
	content: ' ';
	top:0;
	left:-100%;
	display:block;
	position: fixed;
	width:100%;
	height:100%;
	background-image: url("http://cdn.prizmiq.com/www/img/backgrounds/wireframe_blue.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	will-change: transform;
	z-index: 0;
}

#quote_background.shown::before{
	left:0;
}*/

#quote_background{
	padding: 0px;
	height:auto;
	overflow: hidden;
	position: relative;
	background-image: url("http://cdn.prizmiq.com/www/img/backgrounds/wireframe_blue.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-webkit-transition: opacity 500ms;
}

#quote_background.shown{
	opacity:1;
}

#quote_cover{
	background-color: rgba(0,0,0,0.5);
	padding:0px;
	height:auto;
	position: relative;
	display: block;
}

.quote_container{
	position:relative;
	display:block;
	width: 80%;
	padding:260px 0px;
	margin: 0px auto;
	text-align: center;
}

#quote_container_1{
	left:150%;
}

#quote{
	color: white;
	font-family: RalewayThin;
	font-size: 55px;
	text-align: center;
	display: block;
	line-height:75px;
}

#credit{
	color: white;
	font-family: Raleway;
	font-size: 25px;
	font-weight: 700;
	text-align: right;
	display: block;
	padding-right: 150px;
	line-height: 60px;
}

/* Features land */

#features{
	padding:50px 0px;
}

#features_cover{
	padding:50px 0px;
	margin:-50px 0px;
	z-index:50;
}


#features_container{
	height:90px;
	width:1280px;
	margin:0px auto;
	color:#1e9ad8;
	position:relative;
}

#other_features_container{
	margin:0 auto;
	display:inline-table;
}

#features_diagram_container{
	height:auto;
	width:1280px;
	margin:0px auto;
	padding: 50px 0px;
	display: flex;
}

.feature_img_containers{
	height:200px;
	width:auto;
	position: relative;
	display: block;
	overflow: hidden;
}

.featuresDiagrams{
	height:auto;
	width: 380px;
	margin:15px;
	margin-left: 25px;
	position:relative;
	display: inline-table;
}

.features{
	margin-left: 75px;
	position:absolute;
	display:block;
	height:150px;
	width:auto;
}

.feature_explanation_containers{
	width:300px;
	height:auto;
	margin:25px auto;
	display:block;
}

.feature_explanations{
	font-family: Raleway;
	font-weight: bold;
	font-size: 30px;
	color:white;
}

.feature_explanations > .smaller{
	font-family: RalewayThin;
	font-weight: normal;
	font-size: 20px;
}

#flexible1_img{
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-moz-transform:scale(0,0);
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
}

#flexible2_img{
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-moz-transform:scale(0,0);
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
}

#flexible3_img{
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-moz-transform:scale(0,0);
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
}

#analytics1_img{
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-moz-transform:scale(0,0);
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
	z-index:3;
}

#analytics2_img{
	z-index: 1;
}

#nimble_container{
	overflow:visible;
}

#nimble1_img{
	height:126px;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-moz-transform:scale(0,0);
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
	-moz-transition: -moz-transform 400ms;
	-o-transition: -o-transform 400ms;
}

#nimble2_img{
	height:auto;
	left:47px;
	top:43px;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	 -moz-transform:scale(0,0);
	 transition: transform 500ms;
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-o-transition: -o-transform 500ms;
}

#nimble2_img.shown{
	top:117px;
	transition: top 500ms;
	-webkit-transition: top 500ms;
	-moz-transition: top 500ms;
	-o-transition: top 500ms;
}

#line_cover{
	width:150px;
	z-index: 2;
	left:0px;
	background-color: #061f2b;
}

#line_cover.hidden{
	left:150px;
	transition: left 500ms;
	-webkit-transition: left 500ms;
	-moz-transition: left 500ms;
	-o-transition: left 500ms;
}

/* Examples */

#examples{
	padding:50px 0px;
	background-color: white;
}

#examples_container{
	height:100%;
	width:1280px;
	margin:0px auto;
	color:#1e9ad8;
	font-family: RalewayThin;
	font-size: 40px;
	text-align: center;
	position:relative;
}

#examples_list_container{
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	padding: 15px;
	margin-top:20px;
	border-radius: 20px;
	z-index: 1;
}

#examples_list{
	width:100%;
	height:90px;
	position: relative;
	display: block;
	left:0px;
	list-style-type: none;
	padding:0px;
	margin:0 auto;
	overflow: hidden;
	text-align: center;
}

#examples_left_arrow{
	position: relative;
	display: block;
	height:100px;
	background-image: url('http://cdn.prizmiq.com/www/img/assets_finals/page_arrow_blue_blackoutline.png');
	background-repeat: no-repeat;
}

#examples_right_arrow{
	position: relative;
	display: block;
	height:100px;
	background-image: url('http://cdn.prizmiq.com/www/img/assets_finals/page_arrow_blue_blackoutline.png');
	background-repeat: no-repeat;
}

#examples_list > li{
	height:80px;
	width: 120px;
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	cursor:pointer;
	font-family: Raleway;
	margin: 0px 5px;
	margin-top: 6px;
	overflow: hidden;
}

#examples_list > li > img{
	height: 80px;
	width: auto;
	margin: 0 auto;
	position: relative;
	display: block;
}

#examples_title{
	position: relative;
	display: block;
	height:auto;
	margin-bottom: 6px;
}

#iframe_cover{
	position: absolute;
	display: block;
	height: 570px;
	max-width:1280px;
	width:80%;
	border: none;
	z-index: 2;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform: 	 translateX(-50%);
	-moz-transform:  translateX(-50%);
}

#examples_view{
	position: relative;
	display: block;
	height: 570px;
	max-width:1280px;
	width:68%;
	border: none;
	z-index: 1;
	margin:0 auto;
	outline: #061f2b 1px solid;
}

#examples-menu-label{
	position:absolute;
	top:100px;
	display:block;
	right:auto;
	left:10%;
	display:none;
	z-index: 2;
}

.selectedExample{
	box-shadow: 0 0 1px 3px #1e9ad8 !important;
}

/* Team section */
#team{
	background-color:#1e9ad8;
	height:auto;
}

#team_container{
	height:90px;
	width:1280px;
	margin:0px auto;
	color:white;
	position:relative;
}

#brady_bunch_container{
	position: relative;
	display:block;
	margin:30px auto;
	height:auto;
	width:1280px;
}

#inner_brady_container{
	position: relative;
	display: block;
	margin: 0 auto;
	width:1055px;
}

#clients_container{
	position: relative;
	display:block;
	margin:30px auto;
	height:auto;
	width:1280px;
}

.team_squares{
	height:285px;
	width:220px;
	margin: 20px;
	position:relative;
	display: inline-block;
	cursor: pointer;
	z-index:1;
}

.brady_pics{
	height:220px;
	width:220px;
	position: absolute;
	top:0px;
	left:0px;
	background-color: white;
	background-size: cover;
	border: white 1px solid;
	border-radius: 110px
}

.names{
	position: absolute;
	display: block;
	bottom: 0px;
	width:100%;
	height:50px;
	font-size: 22px;
	color:white;
	font-family: RalewayLight;
	text-align: center;
}

.names > span{
	font-family: Raleway;
	font-weight: 900;
}

.popouts{
	opacity: 0.00001;
	height:auto;
	width:800px;
	background-color: rgba(255,255,255,0.95);
	position:fixed;
	display:none;
	left:50%;
	top:60%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
 	-moz-transform: translateX(-50%) translateY(-50%);
	font-family: Raleway;
	font-weight: bold;
	padding:20px;
	-webkit-transition: opacity 400ms, top 400ms;
	-moz-transition: opacity 400ms, top 400ms;
	-o-transition: opacity 400ms, top 400ms;
	transition: opacity 400ms, top 400ms;
	cursor:default;
	z-index: -1;
}

.exit_button{
	position: fixed;
	display:block;
	right:20px;
	top:20px;
	height:35px;
	width:35px;
	cursor: pointer;
}

.show{
	top: 50%;
	opacity:1;
	-webkit-transition: opacity 400ms, top 400ms;
	-moz-transition: opacity 400ms, top 400ms;
	-o-transition: opacity 400ms, top 400ms;
	transition: opacity 400ms, top 400ms;
}

#client_logo_container{
	position: relative;
	display:block;
	margin:30px auto;
	height:400px;
	width:1280px;
}

.client_cols{
	position:relative;
	display: block;
	width:33%;
	height:auto;
	float:left;
}

.client_imgs{
	position: relative;
	display: block;
	margin: 0 auto;
	width:70%;
}

#milan_img{
	margin-top: 60px;
}

#ronix_img{
	margin-top:70px;
}

#sleepy_img{
	margin-top: 70px;
}

#clients_container{
	height:90px;
	width:1280px;
	margin:0px auto;
	color:white;
	position:relative;
}

/* Darrick */

#darrick_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/darrick.jpg");
}

#darrick_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/darrick_hover.jpg");
}

#darrick_div:hover #darrick_hover_div{
	z-index: 0;
}

/* Amaris */

#amaris_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/amaris.jpg");
}

#amaris_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/amaris_hover.jpg");
}

#amaris_div:hover #amaris_hover_div{
	z-index: 0;
}

/* Will */

#will_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/will.jpg");
}

#will_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/will_hover.jpg");
}

#will_div:hover #will_hover_div{
	z-index: 0;
}

/* Ryan */

#ryan_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/ryan.jpg");
}

#ryan_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/ryan_hover.jpg");
}

#ryan_div:hover #ryan_hover_div{
	z-index: 0;
}

/* Scott */

#scott_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/scott.jpg");
}

#scott_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/scott_hover.jpg");
}

#scott_div:hover #scott_hover_div{
	z-index: 0;
}

/* Nathan */

#nathan_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/nathan.jpg");
}

#nathan_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/nathan_hover.jpg");
}

#nathan_div:hover #nathan_hover_div{
	z-index: 0;
}

/* Bryce */

#bryce_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/bryce.jpg");
}

#bryce_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/bryce_hover.jpg");
}

#bryce_div:hover #bryce_hover_div{
	z-index: 0;
}

/* Mike */

#mike_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/mike.jpg");
}

#mike_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/mike_hover.jpg");
}

#mike_div:hover #mike_hover_div{
	z-index: 0;
}

/* Tim */

#tim_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/tim.jpg");
}

#tim_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/tim_hover.jpg");
}

#tim_div:hover #tim_hover_div{
	z-index: 0;
}

/* Jacob */

#jacob_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/jacob.jpg");
}

#jacob_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/jacob_hover.jpg");
}

#jacob_div:hover #jacob_hover_div{
	z-index: 0;
}

/* Corduroy */

#corduroy_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/corduroy.jpg");
}

#corduroy_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/corduroy_hover.jpg");
}

#corduroy_div:hover #corduroy_hover_div{
	z-index: 0;
}

/* Corduroy */

#chris_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_main/chris.jpg");
}

#chris_hover_div{
	background-image: url("http://cdn.prizmiq.com/www/img/bio_photos_hover/chris_hover.jpg");
}

#chris_div:hover #chris_hover_div{
	z-index: 0;
}

.show-menu {
	font-family: Raleway;
	text-decoration: none;
	height:30px;
	width:30px;
	margin:10px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right:0px;
	display: none;
	background-image: url("http://cdn.prizmiq.com/www/img/assets_finals/list.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.lowz{
	z-index: -1;
}

/* Pricing */

#pricing{
	background-color: #0c3e56;
}

#pricing_container{
	width:1280px;
	height:750px;
	display: block;
	position: relative;
	margin: 0 auto;
}

#pricing_title{
	width:1280px;
	height:auto;
	margin:0 auto;
	text-align: center;
	display: block;
	position: relative;
}

#pricing_title_text{
	color:white;
	display: block;
	position: relative;
}

#needs_text{
	font-family: Raleway;
	color:white;
	font-size: 40px;
	margin-top: 40px;
	display: block;
	position: relative;
}

#pricing_input_container{
	position: relative;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	width:80%;
	height:500px;
}

#pricing_left_column{
	position: absolute;
	display: block;
	width:50%;
	height: auto;
}

#pricing_right_column{
	position: absolute;
	display: block;
	width:50%;
	height: auto;
	left:50%;
}

.pricing_left_inputs{
	position: relative;
	display: block;
	width:calc(100% - 40px);
	height:75px;
	background-color: #187bad;
	color:white;
	font-family: Raleway;
	margin:15px;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 0px;
	outline:white 1px solid;
	font-weight:bold;
	font-size: 20px;
	border:none;
}

#pricing_message{
	position: relative;
	display: block;
	width: calc(100% - 40px);
	height:323px;
	padding-left: 20px;
	padding-top: 20px;
	margin:15px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #187bad;
	color:white;
	font-family: Raleway;
	font-weight:bold;
	font-size: 20px;
	outline:white 1px solid;
	border:none;

}

#pricing_submit{
	position: relative;
	display: block;
	width: calc(100% - 18px);
	height:75px;
	text-align: left;
	background-color: #187bad;
	color:white;
	padding:5px;
	padding-right: 0;
	font-family: Raleway;
	font-weight:bold;
	font-size: 20px;
	outline:white 1px solid;
	vertical-align: middle;
	background-image: url("http://cdn.prizmiq.com/www/img/assets_finals/envelope.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 50px 50px;
	border:none;

}

/* Contact */

#contact_container{
	width:1280px;
	height:auto;
	margin:0 auto;
}

#contact_title{
	width:1280px;
	height:auto;
	margin:0 auto;
	text-align: center;
}

#contact_us{
	color:#1e9ad8;
	font-weight:200;
	margin: 0px;
}

#look_forward{
	color:#1e9ad8;
	font-family: Raleway;
	font-size:40px;
	font-weight:700;
	margin-top: 40px;
	padding: 0 20px;
}

#input_container{
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	width:80%;
	height:300px;
	z-index:1;
	transition: height 750ms;
	-o-transition: height 750ms;
	-moz-transition: height 750ms;
	-webkit-transition: height 750ms;
}

#input_container.hide{
	height:0;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

#contact_form{
	position: relative;
	display: block;
	width:100%;
	height: 100%;
}

#contact_left_column{
	position: absolute;
	display: block;
	width:50%;
	height: auto;
}

#contact_right_column{
	position: absolute;
	display: block;
	width:50%;
	height: auto;
	left:50%;
}

.contact_left_inputs{
	position: relative;
	display: block;
	width:calc(100% - 40px);
	height:75px;
	background-color: #187bad;
	color:rgba(225,225,225,0.7);
	font-family: Raleway;
	margin:15px;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 0px;
	outline:white 1px solid;
	font-weight:bold;
	font-size: 20px;
	border:none;
}


#contact_message{
	position: relative;
	display: block;
	width: calc(100% - 40px);
	height:143px;
	padding-left: 20px;
	padding-top: 20px;
	margin:15px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #187bad;
	color:rgba(225,225,225,0.7);
	font-family: Raleway;
	font-weight:bold;
	font-size: 20px;
	outline:white 1px solid;
	border:none;

}

#contact_submit{
	position: relative;
	display: block;
	width: calc(100% - 18px);
	height:75px;
	text-align: left;
	background-color: #187bad;
	color:white;
	padding:5px;
	padding-right: 0px;
	font-family: Raleway;
	font-weight:bold;
	font-size: 20px;
	outline:white 1px solid;
	vertical-align: middle;
	background-image: url("http://cdn.prizmiq.com/www/img/assets_finals/envelope.png");
    background-repeat: no-repeat;
    background-position: 20px 14px;
    background-size: 50px 50px;
	border:none;
	cursor:pointer;

}

#address_container{
	width:640px;
	height:250px;
	position: relative;
	display: block;
	font-family: RalewayLight;
	font-size: 20px;
	color:white;
	line-height: 40px;
	margin:0 auto;
	text-align: center;
}

#address_container > img{
	width:40%;
	position: relative;
	display: block;
	margin: 0 auto;
}

#thank_you{
	position: absolute;
	display: block;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transition: translateX(-50%);
	-o-transition: translateX(-50%);
	opacity: 0.00001;
	text-align: center;
	color: white;
	margin:0 auto;
	width:auto;
	height:auto;
	font-family: RalewayLight;
	font-size: 60px;
	transition: opacity 500ms, bottom 500ms;
	-webkit-transition: opacity 500ms, bottom 500ms;
	-moz-transition: opacity 500ms, bottom 500ms;
	-o-transition: opacity 500ms, bottom 500ms;
}

#thank_you.show_thank{
	opacity:1;
	bottom:50px;
}