html{
 height:100%;
 min-height:100%;
 }

body {
	/* overflow: hidden; */
    margin: 0px;
    padding: 0px;
	font-family: slate_font, Arial, sans-serif;
	font-size: 102%;
color: white;

	background-image: url('../img/bg3-dark.jpg');
	background-color:#000;
background-size: cover; 
background-attachment: fixed;
	background-position: static;
	background-repeat: no-repeat;
	min-height:100%; /*Fixes Chrome Mobile BG Problem*/

}

@font-face {

    font-family: slate_font, Arial, sans-serif;
	src: local(slate_font), url('fonts/SlatePro-Light.eot') format('eot');
	src: local(slate_font), url('fonts/SlatePro-Light.otf') format('opentype');
	
	
}


/*width of 3 items with old margins is roughly 1021px*/

.first-row {
	
	
clear:both;
text-align: center;
left: 50%;
margin-left:-487.5px;

position:relative;
width: 975px;

}


.second-row{
	
	clear:both;
position:relative;
left: 50%;
margin-left:-487.5px;

width: 975px;
}


.displace {
	position: absolute;h
	position: absolute;
	left: -5000px;
	}



a {
text-decoration: none;
font-weight:normal;
color: #FFF;
margin: 0px;	
}

a:hover {
text-decoration: underline;
font-weight:normal;
color: #f8971d;
margin: 0px;	
}


H1 {
	
	margin-top: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 500%;
	font-weight: 700;
	


.header {
	
		background-image:url("../img/h1-bg.jpg");
	background-repeat: repeat-x;
	background-position:top;
	width:40%;
	height: 90%;
}
	
}

H2 {
	font-size:190%;	
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 20pt;
	padding: 0;
	
}

H3{
background-image:url("../img/blacktrans-bg.png");
color: #FFF;
margin: 0px;
padding-left: 4px;
padding-right: 4px;
font-size: 10pt;
	
}





p {
	margin-top: 0px;
	
}


.p-indent {
	
padding-left: 30px;
margin: 0;
padding-bottom: 0;
border-left: 1px solid black;
	
}


.choose {
	
		display:block;
	float: left;
	/*height: 439px;
	width: 280px;	 */
	z-index:100;
		border: 3px solid rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #000 2px 2px 3px;
-moz-box-shadow: #000 2px 2px 3px;
box-shadow: #000 2px 2px 3px;

	behavior: url(PIE/PIE.htc);	
}

.choose:hover {
		z-index:100;
		border: 3px solid rgba(248, 151, 29, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #000 2px 2px 3px;
-moz-box-shadow: #000 2px 2px 3px;
box-shadow: #000 2px 2px 3px;

	behavior: url(PIE/PIE.htc);	
}

/*navbar*/
.navbar{ background: rgba(0,0,0,0.75);}
.nav-link , .navbar-brand{ color: #f4f4f4; cursor: pointer;}
.nav-link{ margin-right: 1em !important;}
.nav-link:hover{ background: #f4f4f4; color: #f97300; }
.navbar-collapse{ justify-content: flex-end;}
.navbar-toggler{  background:#fff !important;}
.navbar-collapse{justify-content: flex-end;}


/*header style*/
.header{
 /*background-image: url('../img/bg3.jpg');*/
 background-attachment: fixed;
 background-size: cover;
 background-position: center;
 	min-width:100%;
	min-height:100vh;
	width:100%;
	height:100vh;
	position:relative;
	
}
.overlay{
	background: rgba(0,0,0,0.2);
	position:absolute;
	min-width:100%;
	min-height:100%;
	top:0;
	left:0;

	} 

.description{
    position: absolute;
    top: 30%;
	left:0;
	width:100%;
    margin: auto;
    padding: 2em;
	z-index:5;
}
.description h1{
 color:#FFF ;
}
.description p{
 color:#FFF;
 font-size: 20px;
 width: 50%;
 line-height: 1.5;
}
.description button{
 border:1px  solid #F97300;
 /*background:#F97300; */
 color:#fff;

}

.description button:hover{
 border:1px  solid #F97300;
 background: #F97300;
 color:#fff;

}

.header-portfolio{
 /*background-image: url('../img/bg3.jpg');*/
 background-attachment: fixed;
 background-size: cover;
 background-position: center;
 	min-width:100%;
	min-height:10vh;
	width:100%;

	position:relative;
	margin:auto;
}

.port-title{margin-top:10vh;}

.testbed{position:relative; clear:both;  width:100%;   margin:auto; min-height:100vh;}



.carousel-item {
	z-index:5;
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-control-next, .carousel-control-prev{z-index:6;}


.desc-block{
	margin-top:5vh;
	margin-bottom:5vh;
}


.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}
.galcontain{width:100%;}	
	
	
footer{
	width:100%;
	
	position:fixed;
	text-align: right;

	z-index:10;
	bottom:0;
}

#social {margin-right:1%;}

#contact {background: #000; position:relative; margin-top:10px; margin:auto; margin-top:5vh; margin-bottom:0; width:100%; min-width:100%;}

#instafeed{ margin: 0 auto; position:relative; text-align:center;}


.contactcontainer {
	max-width:400px;
	width:100%;
	margin:0 auto;
	position:relative;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contactform {
	background:#000;
	padding:25px;
	margin:10px 0;
}

#contactform h3 {
	color: #ff9900;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contactform h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contactform input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contactform input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contactform textarea {
	height:100px; width:100%;
	max-width:100%;
  resize:none;
}

#contactform button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contactform button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contactform button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contactform input:focus, #contactform textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}