/* DEFAULT COLORS 						*/
/* Main: #00274C 							*/
/* Secondary: #FFCB05; 				*/
/* Background-Color: #01204e 	*/

@font-face {
    font-family: "PrivaPro Four";
    src: url("/_home/PrivaPro-Four.otf") format("opentype");
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 11pt;
	line-height: 18pt;
	color: #FFFFFF;
	height: 100%;
		-webkit-text-size-adjust: 100%;
}

	body:after {
		content: "";
		position: fixed; /* stretch a fixed position to the whole screen */
		height: 100vh; /* fix for mobile browser address bar appearing disappearing */
		top: 0;
		left: 0;
		right: 0;
		z-index: -1; /* needed to keep in the background */
		background: url(/_home/Images/Backgrounds/Vy-Technology_Background_BW.jpg) top right;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
	}

	#body-main {
		text-align: left;
		width: 960px;
		z-index: 99;
	}

	#center-mast, #transparent-page {
		background:rgba(0,0,0,0.66);
	}

		#center-mast {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

			#center-mast-border {
				border: 2px solid #FFFFFF;
				margin: 5px;
				padding: 75px;
				position: relative;
			}

			.center-title {
				font-family: "PrivaPro Four";
				font-size: 72pt;
				width: 610px;
				height: 84px;
				line-height: normal;
				vertical-align: middle;
				margin-bottom: 48px;
			}

				.center-title-sub {
					font-size: 60pt;
					vertical-align: sub;
					display: inline-block;
					margin-left: -14px;
				}

		#transparent-page {
			padding: 105px 0 100px 0;
		}

	#header {
		position: fixed;
		z-index: 101;
		width: 960px;
		/*background:rgba(0,0,0,0.90);*/
		background-color: #000000;
	}

	#logo {
		float: left;
		margin: 10px;

	}

		#logo img {
			width: 21px;
			border-top: 1px solid #FFCB05;
			border-right: 1px solid #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			border-left: 1px solid #FFCB05;
			padding: 7px;
		}

	#navigation {
		float: right;
		margin: 19px 5px 0 0;
	}

		#navigation-home {
			position: absolute;
			bottom: 2px;
			left: 0;
			margin: 0 auto;
			width: 760px;
		}

			#navigation div, #navigation-home div {
				display: inline;
				padding: 5px 20px;
				margin: 0;
			}

				#navigation a, #navigation-home a {
					font-family: "PrivaPro Four";
					text-decoration: none;
					color: #FFFFFF;
				}

				#navigation a:hover, #navigation-home a:hover {
					color: #FFCB05;
				}

				#navigation-home div {
					background:rgba(0,0,0,0.25);
				}

					#navigation-home div:hover, #navigation div:hover {
						/*background-color: #00274c;*/
					}

	.vy-sub {
		vertical-align: sub;
		font-size: 80%;
	}

	.yellow {
		color: #FFCB05;
	}

	a, .a {
		color: #FFCB05;
		border-style: solid;
	}

	.b { color: #00274C; }

	h1, .h1, h2, .h2, h3, .h3 {
		/*font-family: 'Dawning of a New Day', cursive;*/
		font-family: "PrivaPro Four";
		font-weight: normal;
		line-height: normal;
	}

		h1, .h1 {
			font-size: 28pt;
		}

		h2, .h2 {
			font-size: 36pt;
		}

		h3, .h3 {
			font-size: 15pt;
		}

	ol, ul {
		padding-left: 40px;
	}

		ol { list-style: decimal; }

		ul { list-style: disc; }

			li { margin-bottom: 10px; }

	input, textarea {
		color: #FFCB05;
		font-weight: bold;
		font-size: 16pt;
		border: 2px solid #FFCB05;
		padding: 3px 5px;
		margin: 0;
	}

		input#Submit {
			border: 2px solid #FFCB05;
			padding: 5px 20px;
			background-color: #FFFFFF;
		}

		textarea {
			font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
			font-size: 12pt;
		}

	.left { text-align: left; }

	.center { text-align: center; }

	.right { text-align: right; }

	.white { color: #FFFFFF; }

	.h-spacer { margin-bottom: 40px; }

	.warning {
		padding: 10px; 
		margin: 10px auto; 
		color: #00274C;
		font-weight: bold;
		text-align: center;
		background-color: #ebf0f6;
		border: 2px solid #00274C;
		width: 95%;
		-moz-border-radius: 10px;
			border-radius: 10px;
	}
	
		.warning p, .warning ul, warning ol {
			text-align: left;
		}
		
		.warning-text {	
			color: #A03123;
			font-weight: bold;
		}

	.small-warning { 
		margin-top: 5px;
		font-size: .8em;
		line-height: initial;
	}

	img.yellow-border {
		border: 3px solid #FFCB05;
	}
	
	.border-color {
		border-color: #FFCB05;
		border-style: solid;
	}

	img.core-photo {
		border: 3px solid #FFCB05;	/* This should match the padding-left below */
		border-radius: 300px;
			-webkit-border-radius: 300px;
			-moz-border-radius: 300px;
	}

	a.homage-link {
		color: inherit;
	}

	.blog-post, .page-post {
		padding-bottom: 40px;
		border-bottom: 1px solid #FFFFFF;
		margin-bottom: 40px;
	}

		.blog-post .heading h1 {
			line-height: 1.2;
		}
	
		img.avatar-photo {
			border: 2px solid #FFCB05;	/* This should match the padding-left below */
			border-radius: 50px;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
			margin-right: 10px;
		}

		.byline {
			margin: 30px 0;
		}

		.attribution {
			font-weight: bold;
			padding-top: 4px;
		}

		.blog-subhead {
			margin: 0 auto -20px auto;
			padding: 0 40px;
			background-color: #F5F5F5;
			color: #000000;
			text-align: center;
			font-weight: bold;
		}

		.need-help {
			margin: 40px 0;
			text-align: center;
		}

		.tags { 
			margin: 30px 0 0 0;
			text-align: left;
		}

		#blog-pages, #blog-subscribe, #blog-topics, #blog-search {
			margin-bottom: 20px;
		}

		.blog-post .body img, .page-post img {
			border: 2px solid #FFCB05;
			margin-bottom: 10px;
			max-width: 100%;
		}

			.page-post img { margin: 0 0 10px 10px; }

		#blog-topics li { margin-bottom: 0px; }
		
		#blog-search form, #blog-subscribe form { text-align: center; }
		
			#blog-search input, #blog-subscribe input { 
				color: #00274C; 
				margin-top: 10px;
				width: 200px;
			}

				#blog-subscribe input#Submit, #blog-search input#Submit2 {
					width: inherit;
				}
		.contact-form {
			text-align: center;
			margin: 20px 0 40px 0;
		}

			#blog-right .contact-form { margin-top: 0; }
		
			.contact-form input {
				color: #00274C;
				margin-top: 10px;
				width: 47%;
			}

				#blog-right .contact-form input {
					width: 200px;
				}

			.contact-form textarea {
				color: #00274C;
				margin: 10px 0 0 0;
				width: 96%;
			}

				#blog-right .contact-form textarea {
					width: 200px;
				}

			.contact-form #Submit {
				margin-top: 0px;
			}

				#blog-right .contact-form #Submit {
					margin-top: -80px;
				}
			
			.contact-form #recaptcha {
				display: inline-block;
			}

				#blog-right .contact-form #recaptcha, #blog-right #Subscribe #recaptcha {
					margin-left: 4px;
					transform:scale(0.70);
					-webkit-transform:scale(0.70);
					transform-origin:0 0;
					-webkit-transform-origin:0 0;
				}

	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		width: 100%;
		border: 2px solid #FFCB05;
	}
		.video-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}


	div.slide-left {
		padding-left: 3px;	/* This should match the border above */
	}

	#contact {
		line-height: 1.5
	}

.responsive-iframe-container {
	position: relative;
	padding-bottom: 120%;
	padding-top: 30px;
	height: 0;
	overflow: auto;
}
	
	.responsive-iframe-container iframe,  
	.vresponsive-iframe-container object, 
	.vresponsive-iframe-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}