html {
  height: 100%;
}

body {
	padding-top: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	font-size: 14px;
	color: #757575;
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

main {
-webkit-box-flex: 1;
	-ms-flex: 1;
		flex: 1;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

h1, .h1, h2, .h2, h3, .h3 {
	font-weight: bold;
}

.margin-top-15px {
	margin-top: 15px;
}

.outline {
	border: 1px solid red;
}



section {
	position: relative;
	/*min-height: 900px;*/
	padding: 40px 0 0 0;
}

@media only screen and (min-width : 768px) {
	.padding-left-x45 {
		padding-left: 45px;
	}

	.padding-right-x45 {
		padding-right: 45px;
	}

	section {
		padding: 40px 0 60px 0;
	}  
	
		.container-fluid.full-right  {
		padding-right: 0;
	}

	.container-fluid.full-right > .row {
		margin-right: 0;
	}

	.container-fluid.full-left  {
		padding-left: 0;
	}

	.container-fluid.full-left > .row {
		margin-left: 0;
	} 
}

@media only screen and (min-width : 1200px) {
	.container-fluid {
		padding-left: 100px;
		padding-right: 100px;
	}

}

.center-flex {
	display: flex;
	justify-content: center;
	flex-direction: column;

}

.sm-padding-top {
	padding-top: 25px;
}

.no-padding {
	padding: 0;
}

.no-padding-right {
	padding-right: 0;
}

.no-padding-left {
	padding-left: 0;
}

.no-margin {
	margin: 0;
}

.no-margin-right {
	margin-right: 0;
}

.no-margin-left {
	margin-left: 0;
}

@media (min-width: 992px) 
{

.row.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
}


.container.padding-default {
	padding: 0 15px;
}

section:last-child {
	padding-bottom: 0;
}

section h1 {
	margin-top: 40px;
}

@media (min-width: 992px) 
{
	section .container {
		padding: 0 30px;
	}
}

main {
		-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

#skip-link {
	color: white;
	position: absolute;
	z-index: 400;
	right: 0;
	padding: 5px;
	text-decoration:underline;
	top: -1000px;
}
#skip-link:not(:focus) {
	-moz-transition: top 3s cubic-bezier(1,.15,1,0);
	-o-transition: top 3s cubic-bezier(1,.15,1,0);
	-webkit-transition: top 3s cubic-bezier(1,.15,1,0);
	transition: top 3s cubic-bezier(1,.15,1,0);
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

#skip-link:focus {
	top: 0;
}


/********** Nav **********/

.navbar-default {
	background: #3A6F8F;
	font-size: 14px;
	min-height: 40px;
	border: none;
	margin-bottom:0;
}
.nav > li > a {
	padding: 10px 15px;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #f1f1f1;
	color: #3A6F8F !important;
	font-weight: bold;
}

.navbar-default .navbar-nav > .active > a {
	background-color: #fff;
}

.navbar-site .dropdown-menu {
	background-color: #8aa2b4;    
	border: 0;
}

.navbar-site .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #014a7f;
	color: #fff;
}

.navbar-site .dropdown-menu > li > a {
color: #014a7f;
font-weight: bold;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
}

.navbar-site .dropdown-menu > li > a:hover {
	background-color: #014a7f;
	color: #fff;
}


.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-weight: bold;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.center-horizontal {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.responsive-images img {
	display: block;
	height: auto;
	max-width: 100%;
}

/*This has to be below the .responsive-images-img element*/
.w-h-image-395 {
	width: 354.78px;
	max-height: 395.86px;
}

/*This has to be below the .responsive-images-img element*/
.w-h-image-414 {
	width: 324.78px;
	max-height: 414.33px
}

/*This has to be below the .responsive-images-img element*/
.w-h-image-316 {
	width: 319px;
	max-height: 316px;
}

section h1 {
	margin-top: 80px;
}


.background {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
}


/********** Home **********/

@media (max-width: 767px) {
	#home {
		min-height: 400px;
	}
}

#home {
	padding-top: 0;
}

.portfolio-background {
	background-image: url('../Images/portfolioBG.jpg');
	height: 100vh;
}

.site-logo {
	position: absolute;
	bottom: 60px;
	right: 30px;
}

/********** Site Design **********/

.site-design-background {
	background-image: url('../Images/SiteDesignBG2.jpg');
	/*background-image: url(data:image/jpeg;base64,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);*/
	/*background-image:url('https://viztech360.com/wp-content/uploads/2017/01/web-design-background.jpg');*/
}

.site-design, .publication {
	margin-top: 50px;
	margin-bottom: 30px;
}

.site-design img, .publication img {
	border: 1px solid #f2f1ef;
	margin-bottom: 10px;
}

.graphic-title, .graphic-description {
	display: block;
}

.graphic-title {
	font-weight: bold;
	margin-top: 5px;
}
.preview-graphic{
	margin:auto;
}

.graphic-description {
	font-style: italic;
	
}

/********** Logo Design **********/

#logoDesign img {
	margin: 80px 0;
}

.logo-design-background {
	background-image: url('../Images/logoBG.jpg');
	min-height: 974px;
}

/********** Technical Illustrations **********/

.technical-illustrations-background {
	background-image: url('../Images/TechnicalDrawingsBG.jpg');
	min-height: 1466px;
}

#technicalIllustrations img {
	margin: 20px 0;
}


/********** Graphic Design **********/

.graphic-design-background {
	background-image: url('../Images/GraphicDesign/GD_background2.jpg');
	background-position: center;
}

.overlay {
	border-image: linear-gradient(hsl(0 0% 100% / 0.8), hsl(0 0% 100% / 0.8)) fill 1;
}

/********** Publications **********/

.publications-background {
	background-image: url('../Images/PublicationsBG.jpg');
	min-height: 974px;
}


/********** Footer **********/

.footer-site {
	background-color: #3A6F8F;
	color: #fff;
	padding: 5px 0;
	font-size: 14px;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
}

.footer-site a {
	color: #fff;
}

.footer-copyright {
	margin: 4px 0;
}

.footer-copyright-full li:not(:last-child) {
	border-right: 2px solid;
}

@media (max-width: 767px) {

	.background {
		background: none;
	}

}

#video {
	padding-top: 0;
}

#video h1,
#video p {
	text-align: left;
}

.video_player {
	display: table;
	line-height: 0;
	font-size: 0;
}

	.video_player video {
		box-shadow: 0 0 10px #aaa;
		background-color: #000;
	}

	.video_player figcaption {
		color: #757575;
		vertical-align:top;
	}

		.video_player figcaption a {
			display: block;
			transition: 1s opacity;
			color: #757575;
		}

			.video_player figcaption a div,
			figure video {
				width: 95%;
				height: auto;
			}

			.video_player figcaption a div {
				font-size: 10px;
				padding: 5px 10px;
				margin: 0;
			}

			.video_player figcaption a h3 {
				color: #863828;
				font-weight: bolder;
				padding-left:10px;
				text-indent:-9px;
				font-size: 14px;
			}

			.video_player figcaption a p {
				max-width: 500px;
				font-size: 12px;
				line-height: 14px;
				padding-left: 15px;
			}

			.video_player figcaption a:hover,
			.video_player figcaption a:focus {
				opacity: 1;
				text-decoration: none;
			}

				.video_player figcaption a:hover {
					background-color: #863828;
					color: #fff;
				}

					.video_player figcaption a:hover h3 {
						color: #fff;
						font-size: 14px;
					}

				.video-box {
					position: relative;

				}

#introMessage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1162px;
	height: 100%;
	background-color: #000;
}

#introMessage h1 {
	color: #fff;
	padding: 20% 30%;
	text-align: center
}
#videoBox1 {
	padding-right: 0;
}
#videoBox2{
	padding-left: 0;
}
#animations{
	margin-bottom:60px;
}
.trainingIframe{
	height:70vw;
}
/* Mobile First Styling */
/*Small screens*/
@media only screen and (min-width : 768px) {
	.site-design, .publication {
		display:webkit-flex;
		display:flex;
	}
	.publication{
		flex-direction:column;
	}

	.site-design img, .publication img {
		box-shadow: 10px 12px 14px -6px rgba(0,0,0,.9);
	}

	.graphic-title {
		margin-top:0;
	}

	.graphic-title, .graphic-description {
		/*text-shadow: 1px 3px 4px rgba(0,0,0,1);*/
		color: #fff;
	}
	.graphic-label{
		display:-webkit-flex;
		display:flex;
		flex-direction:column;
		box-shadow:0 0 3px 4px #305476;
		background-color:#305476;
		flex-grow:1;
	}
	.site-design-block > a{
		display:-webkit-flex;
		display:flex;
		flex-direction:column;
	}
	#siteDesignRow{
		flex-direction:row-reverse;
	}
	.trainingIframe {
		height: 537px;
	}
}

/*Medium Screens*/
@media only screen and (min-width:992px) {
	.videoBreak {
		display: table-cell;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 5px;
		background-color: white;
		border-left: 2px solid #ccc;
	}
	#videoBreak1 {
		left: 31%;
	}
	#videoBreak2 {
		left: 67.5%;
	}
}
/*Large screens*/
@media only screen and (min-width:1200px){
	.video_player{
		position:relative;
		display:table;
	}
	.video_player figcaption, .video_player .video-box{
		display:table-cell;
		float:none;
	}
	.video-box{
		position:relative;
		height:100%;
	}
	.video_player video.inactive{
		height:600px;
	}
	.video_player figcaption a{
		width:94.8%;
	}
	.video_player figcaption a div{
		padding:5px 0 5px 10px;
	}
	/*#video_player2 {
		height: 50vw;
		display: -webkit-flex;
		display: flex;
		flex-direction: row-reverse;
	}*/
	#animationsLabel {
		text-align:right;
	}
	#videoBox1 {
		padding-right: 15px;
	}
	#videoBox2{
		padding-left:15px;
	}
	.trainingIframe{
		height:50vw;
		max-height:720px;
	}
}

/* Non-Mobile First */
/*Very small screens*/
@media (max-width: 768px) {
	.site-design-block{
		margin-top:20px;
	}
	section{
		padding-top:10px;
	}
	section h1{
		margin-top:20px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#publications {
		padding-left: 15px;
	}

	#home {
		padding-left: 15px;
	}
}

/* Medium */
@media (max-width:1200px) {
	#video_player2 {
		display: -webkit-flex;
		display: flex;
		flex-direction: column-reverse;
	}
}

/*Explicit per size*/
/*Small screens*/
@media screen and (min-width:768px) and (max-width:992px){	
	#navContainer{
		padding-left:0;
		padding-right:0;
	}
	#navContainer .navbar-nav{
		float:none !important;
		margin-right:0;
	}
}