/* page layout */

*{
    box-sizing: border-box;
	margin:0 auto;
    padding:0;
	
}

a, p, ul, li {

	font-family:Helvetica, Arial;
	font-weight:bold;
	letter-spacing:1px;
	color:white;
	text-decoration: none;
}

h1, h2, h3, h4 {

	font-family:Helvetica, Arial;
	font-weight:bold;
	letter-spacing:1px;
	color:white;
	text-decoration: none;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

html {
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	height:100%;
	overflow:visible;
	text-align:center;
	background: url(images/) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#ffffff;
	
}

body {
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x:none;
	font-size:10px;
	text-align:center;
	border:0px solid red;
	background-color:#ffffff;
	
}


/* End Page Layout */


/* Start Fonts */

@font-face {
    font-family: Arial Black;
    src: url(fonts/ariblk.ttf);
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
		 url(fonts/montserratregular.ttf);
    font-weight: normal;
    font-style: normal;

}

.textlogoSP{
	
	display: inline-block; 
	margin: 0 auto;
	font-size:28px;
	line-height:40px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	text-align:center;
	vertical-align:middle;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textlogo60{
	float: center;
	margin: 0px 0px 0px 0px;
	font-size:60px;
	line-height:70px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textlogo50{
	float: center;
	margin: 0px 0px 0px 0px;
	font-size:50px;
	line-height:60px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textlogo40{
	float: center;
	margin: 0px 0px 0px 0px;
	font-size:40px;
	line-height:48px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textlogo30{
	float: center;
	margin: 0px 0px 0px 0px;
	font-size:30px;
	line-height:36px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textlogo20{
	float: center;
	margin: 0px 0px 0px 0px;
	font-size:20px;
	line-height:25px;
	font-family:Arial Black;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.textbold50 {
	
	font-size:50px;
	font-weight:bold;
	line-height:60px;
	font-family:Arial Black, Arial;
	color:#000000;
	letter-spacing:2px;
	border:0px solid yellow;
}

.textbold40 {
	
	font-size:40px;
	font-weight:bold;
	line-height:60px;
	font-family:Arial Black, Arial;
	color:#000080;
	letter-spacing:2px;
	border:0px solid yellow;
}

.textbold30 {
	
	font-size:40px;
	font-weight:bold;
	line-height:42px;
	font-family:Arial Black, Arial;
	color:#000080;
	letter-spacing:2px;
	border:0px solid yellow;
}

.tb40navy {
	
	font-size:40px;
	line-height:48px;
	font-family:Arial Black, Arial;
	color:#000080;
	vertical-align:middle;
	letter-spacing:1px;
	
}
.t50n {
	
	font-size:50px;
	line-height:60px;
	font-family:Arial;
	color:#000080;
	vertical-align:middle;
	letter-spacing:1px;
	
}

.t40n {
	
	font-size:42px;
	line-height:50px;
	font-family:Arial;
	color:#000080;
	vertical-align:middle;

	
}


.textbold16 {
	
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	font-family:arial;
	color:black;
	letter-spacing:2px;
	border:0px solid yellow;
}



.textbold17{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	font-family:Helvetica, Arial;
	color:black;
	letter-spacing:2px;
	border:0px solid yellow;
	
}

.textbold20{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	font-family:Helvetica, Arial;
	color:black;
	letter-spacing:2px;
	border:0px solid yellow;
	
}

.tbw20{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	font-family:Arial Black, Arial;
	color:#ffffff;
	letter-spacing:2px;
	border:0px solid yellow;
	
}

.text20{
	
	font-size:20px;
	line-height:24px;
	font-family:Arial;
	color:#FFFFFF;
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

.text12{
	
	font-size:12px;
	line-height:14px;
	font-family:Arial;
	color:#FFFFFF;
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

.textbold12{
	
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	font-family:Arial;
	color:#FFFFFF;
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

.text10{
	
	font-size:10px;
	line-height:14px;
	font-family:Arial;
	color:#FFFFFF;
	letter-spacing:2px;
	border:0px solid yellow;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

.text8{
	
	font-size:8px;
	line-height:10px;
	font-family:Arial;
	color:#FFFFFF;
	letter-spacing:1px;
	border:0px solid yellow;
	text-shadow: 0px -2px 0px #333,0px 2px 3px #666;
}

textlogo:hover{
	float: center;
	margin: 0 0px 0px 0px;
	font-size:24px;
	font-family:Arial Black, Arial;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
}


/* End Fonts */

A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration:none;}
A:active {text-decoration: none;}

A[href^="tel:"], div A[href^="tel:"] {
    color:rgba(165,214,16,1.00);
}

A[href^="tel:"]:hover {
    color:rgba(255,255,255,1.00);
}


nav {
	position:fixed;
	top:0;
	left:0;
	margin:auto;
	padding:0;
	width:100%;
	height:50px;
	vertical-align:middle;
	text-align:left;
	background-color:#000000;
	border:0px solid white;
	z-index:500000;
	box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.99);
}

.logo{
	
	display: inline-block; 
	box-sizing: border-box;
	margin: 0 0 0 20px;
	padding:0;
	height:100%;
	font-size:28px;
	line-height:48px;
	font-family:Arial Black, Arial;
	color:rgba(255,255,255,1.00);
	text-align:left;
	vertical-align:middle;
	border:0px solid white;
	cursor: pointer;
	background-color:transparent
	
}

.logo a{
	font-family:arial;
	font-weight:300;
	letter-spacing:2px;
	
}

.tel{
	
	float:right;
	margin: 0 90px 0 0;
	padding:0;
	width:180px;
	height:100%;
	font-size:20px;
	line-height:48px;
	font-family:Arial Black, Arial;
	color:rgba(255,255,255,1.00);
	letter-spacing:2px;
	text-align:center;
	vertical-align:middle;
	border:0px solid white;
	cursor: pointer;
	
}



.mail {
	
    float:right;
	margin:0 10px 0 0;
	padding:0;
	width:60px;
	height:100%;
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
	z-index:200000;
	border:0px solid white;
	cursor: pointer;
	
}

.mail img {
	
	display:block;
    margin-left: auto;
	margin-right: auto;
	margin-top:16px;
}

@media screen and (min-width : 0px) and (max-width : 800px) { 
		.tel{
		
		display:none;	
		}
		.mail{
		
		display:none;	
		}
		
		.logo{
		display: inline-block; 
		box-sizing: border-box;
		margin: 2px 0 0 20px;
		padding:0;
		height:100%;
		font-size:24px;
		line-height:48px;
		font-family:Arial Black, Arial;
		color:rgba(255,255,255,1.00);
		letter-spacing:2px;
		text-align:left;
		vertical-align:middle;
		border:0px solid white;
		cursor: pointer;
		}
}

/* Start Hamburger Nav */

#Company, #Work, #Ideas, #Relevance, #HOME, #BILLEMAIL, #COMPANYEMAIL, #SNAILMAIL, #YOUTUBE {
	width:60%;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	font-size:16px;
	line-height: 20px;
	border:0px solid white;
}

#mySidenav img{
	border-bottom:1px solid transparent;
}

#mySidenav img:hover{
	border-bottom:1px solid white;
}

#BILLEMAIL, #COMPANYEMAIL, #SNAILMAIL, #COMPANYTEL {

	margin-left: 0px;
}

#CONTACT, #SNAILMAIL, #COMPANYTEL {
	text-decoration:none;
	font-size:16px;
	line-height: 20px;
}

#Contact h3, #News h3{
	font-size:14px;

}



.open {
	height:auto;
	min-height:35px;
	box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.4);
}

.close {
	height:0;
}

.show{
	display:block;

}


#mySidenav img{
	border-bottom:1px solid transparent;
}

#mySidenav img:hover{
	border-bottom:1px solid white;
}

.sidenav {
	margin: 0 auto;
    height:0;
    width:100%;
    position: fixed;
    z-index: 1;
    top: 50px;
    right: 0;
    overflow-x: hidden;
	overflow-y:scroll;
    transition: 0.6s;
    padding-top: 0px;
    text-align:center;
	-webkit-overflow-scrolling:touch;
    background: linear-gradient(to left, rgba(0,0,0,1.00), rgba(0,0,0,1.00) 50%, rgba(0,0,0,1.00));
}

.sidenav figcaption{
	text-align:center;
	
}

.sidenav div {
	height:100%;
	width:auto;
	text-align:left;
	margin-left:20px;
	font-size: 12px;
	line-height:14px;
	border:0px solid white;
}

.sidenav div span {
	color: #FFFFFF;
	font-size: 12px;
	line-height:14px;
	letter-spacing: 2px;
	border:0px solid white;
}

.sidenav a {
	padding: 4px;
    text-decoration: none;
    font-size: 12px;
	line-height:14px;
    color: #818181;
    display: block;
	border:0px solid white;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}



.sidenav li {
	text-align:left;
    text-decoration: none;
}

.sidenav a:hover{
    color: #ffffff;
	text-decoration: underline;
}

.sidenav div a:hover{
    color: #ffffff;
	text-decoration: underline;
}

.sidenav a img{
	
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.sidenav .closebtn {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	z-index:200000;
}

.sidenav h3 {
	color:#ffffff;
}

.container {
	position:fixed;
	top:0px;
	right:30px;
	padding-top:14px;
    cursor: pointer;
	width:50px;
	height:50px;
	background-color:transparent;
	border-radius:50%;
	box-shadow: 4px 8px 16px 4px rgba(255,255,255,0.0);
	z-index:200000;
	border:0px solid white;
}


.bar1, .bar2, .bar3 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
    width: 20px;
    height: 3px;
	vertical-align:middle;
    background-color:#ffffff;
    transition: 0.3s;
	z-index:20000;
/*
-webkit-animation: glow 2.5s ease-in-out infinite alternate;
  -moz-animation: glow 2.5s ease-in-out infinite alternate;
  animation: glow 2.5s ease-in-out infinite alternate;
*/
}

@-webkit-keyframes glow {
  from {
    background-color: #ffffff;
  }
  
  to {
    background-color: #000000;
  }
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 5px);
    transform: rotate(-765deg) translate(-4px, 4.5px);
	transition: all 0.6s ease-in-out 0.4s;
	opacity:0.9;
	background-color:#ffffff;
	z-index:300000;
}

.change .bar2 {
	
	opacity: 0;
	z-index:300000;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -5px);
    transform: rotate(765deg) translate(-4px, -4.5px);
	transition: all 0.6s ease-in-out 0.4s;
	opacity:0.9;
	background-color:#ffffff;
	z-index:300000;
}

.sideopen {
	height:100%;
}

@media screen and (min-width : 0px) and (max-width : 800px) { 
		
		.sidenav {
		overflow-y;scroll;
		
		}
		
		.sidenav div {
			
		}
		
		#Company, #Work, #Ideas, #Relevance, #HOME, #BILLEMAIL, #COMPANYEMAIL, #SNAILMAIL, #COMPANYTEL, #YOUTUBE {
			width:90%;
			color:#ffffff;
			margin: 0px 0px 0px 0px;
			font-size:16px;
			line-height: 20px;
			border:0px solid white;
		}
		
		.container{
		
			right:10px;	
		}
}
/* End Hamburger Nav */

/* Start Page Sections */
nvspc {
	display: inline-block; 
	box-sizing: border-box;
	margin:0;
	padding:0;
	width:100%;
	height:70px;
	border:0px solid black;
}

sale {
	display: inline-block; 
	box-sizing: border-box;
	margin:0;
	padding:0;
	width:100%;
	height:60px;
	font-size:42px;
	line-height:50px;
	font-family:Arial;
	color:#000080;
	text-align:center;
	border:0px solid red;
}


medsales{
	
	display:inline-block;
	box-sizing: border-box;
	margin-top:0px;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	font-style:arial;
	background-color:transparent;
	border:0px solid red;
}

medsales span{
	font-size:42px;
	line-height:50px;
	margin:0;
	font-family:Arial;
	color:#000080;
	text-align:center;
	border:0px solid red;
}


medsales div{
	display: inline-block; 
	box-sizing: border-box;
	margin:0 auto;
	padding:0px;
	font-style:arial;
	width:auto;
	height:auto;
	text-align:center;
	border:0px solid red;
}

medsales img {
	display: inline-block; 
	box-sizing: border-box;
	padding:0;
	width:100%;
	max-width:750px;
}

medsales a img{
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

medsales a img:hover {
	border-top:1px solid navy;
	border-bottom:1px solid navy;
}


@media screen and (min-width : 0px) and (max-width : 720px) {  

	medsales div{
	width:100%;
	margin-left:0 auto;
	margin-right:0 auto;
	}	

		
}

#Medical {
	display:inline-block;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	margin-bottom:50px;
	padding:0;
	width:100%;
	height:auto;
	line-height:;
	vertical-align:middle;
	text-align:center;
	background-color:#ffffff;
	border:0px solid red;
	z-index:7000000;
}

.med {
	
	display:inline-block;
	box-sizing: border-box;
	margin:10px;
	padding:6px;
	width:30%;
	border:4px solid navy;
	background-color:#ffffff;
	transition: all 1.0s ease-in-out;
}

.med:hover {
	
	border:4px solid transparent;
	box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.99);
}

@media screen and (min-width : 0px) and (max-width : 800px) {  

	.med {
		width:95%;	
		border:4px solid navy;	
	}	
		
}

wrenchsales {
	display:inline-block;
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	background-color:transparent;
	border:0px solid red;
	z-index:7000000;
	
}


wrenchsales img {
	display:inline-block;
	box-sizing: border-box;
	margin-top:15px;
	border:0px solid white;
	z-index:7000000;
	
}


.grow { transition: all 1.2s ease-in-out; border-radius:50%;}
	
.grow:hover { 

transform: scale(1.6); box-shadow: 4px 8px 16px 4px rgba(255,255,255,0.9);}



flyer {
	
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:95%;
	max-width:980px;
	height:auto;
	text-align:center;
	border:0px solid blue;
	background-color:transparent;
	z-index:7000000;
}

flyer iframe{
	border:8px solid white;
	width:100%;
	
}



.responsive65 {
	
	margin-left:auto;
	margin-right:auto;
	width:48%;
	height:auto;
}



.img-responsive {
    display:inline-block;
	padding:4px 10px 4px 10px;
	height: 120px;
    width: auto;
	line-height: auto; /* whatever the fixed height of the bar is */
	vertical-align: middle;
}


spacer20 {
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	display:inline-block;
	text-align:center;
	height:2%;
	min-height:20px;
	background-color:transparent;
	border:0px solid navy;
}

spacer {
	display:inline-block;
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	height:5%;
	text-align:center;
	min-height:50px;
	background-color:transparent;
	border:0px solid navy;
}

spacer40 {
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	display:inline-block;
	text-align:center;
	height:4%;
	min-height:40px;
	background-color:transparent;
	border:0px solid navy;
}

spacer60 {
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	display:inline-block;
	text-align:center;
	height:6%;
	min-height:60px;
	background-color:transparent;
	border:0px solid navy;
}

spacer80 {
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	display:inline-block;
	text-align:center;
	height:8%;
	min-height:80px;
	background-color:transparent;
	border:0px solid navy;
}

#Main {
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:80%;
	max-width:980px;
	height:auto;
	height:800px;
	text-align:center;
	font-size:10px;
	color:white;
	background-color:transparent;
	border:0px solid red;	
	
}

@media screen and (min-width : 0px) and (max-width : 800px) {  

	wrenchsales {
		width:100%;
	}	
	
	flyer {
		width:95%;
	}	
}

.main-container {
    display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:80%;
	height:auto;
	text-align:center;
	border: 0px blue solid;
	z-index:2;
}
.responsive {
	width: 80%;
  height: auto;
}	

/* image rotator */
.wrapper {
   background-color: #1a191b;
   position: absolute;
   top: 0;
   width: 100%;
   height: auto;
}




/* In our demo, the footers are fixed to the bottom of the page */




highlights {
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0px;
	width:95%;
	max-width:1800px;
	height:auto;
	text-align:center;
	border:0px solid red;
	background-color:transparent;	
}

hightlights span{
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	font-family:Helvetica, Arial;
	color:black;
	letter-spacing:2px;
}

highlights iframe{
	
	
	border:8px solid black;
	width:100%;
	
	
}


.videoWrapper {
	
  position: relative;
  padding-bottom: 75.25%; /* 4:3 */
  height: 0;
  border:0px solid red;
}


.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  
}

highlights a, highlights span{
	display:inline-block;
	width:auto;
	padding:0px;
	text-align:center;
	color: rgba(255,255, 255,1.00);
	border:0px solid red;
	
}

highlights img{
	
	object-fit:contain;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	border:0px solid blue;
	margin:0 auto;
	padding:0;
	
}

.responsive100 {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}

.responsive10 {
	margin-left:auto;
	margin-right:auto;
	width:10%;
	height:auto;
}


.responsive05 {
	margin-left:auto;
	margin-right:auto;
	width:5%;
	height:auto;
}


highlights a:hover {
	text-decoration:underline;
}

@media screen and (min-width : 0px) and (max-width : 800px) {  

	Highlights {
		width:95%;	
	}	
		
}

video {
	margin:0 auto;
	padding:0;
	display:block;
	width:100%;
	height:auto;
	border:8px solid white;
}




affiliations {
	display:inline-block;
	box-sizing:border-box;
	margin: 0 auto;
	padding:10px;
	width:95%;
	max-width:980px;
	height:auto;
	text-align:center;
	border:0px solid #000000;
	background-color:transparent;
}

affiliations a, affiliations span{
	display:inline-block;
	width:auto;
	padding:0px;
	text-align:center;
	color: rgba(255,255, 255,1.00);
	border:0px solid red;
	
}

affiliations div{
	display:inline-block;
	margin:0 auto;
	padding:0;
	border:0px solid blue;
}

affiliations a:hover {
	text-decoration:underline;
}

affiliations div a img{
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	border:0px solid blue;
}

msp {
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	display:inline-block;
	width:95%;
	max-width:1800px;
	height:auto;
	min-height:300px;
	text-align:center;
    border:0px solid red;
	background-color:#000000;
	z-index:2;
	box-shadow: 4px 8px 16px 4px rgba(0,0,0,1.00);
}


.msp-distributed {
	display:inline-block;
	overflow:none;
	padding:0px;
	margin:10px;
	text-align:center;
	vertical-align:middle;
	font: bold 16px sans-serif;
	background-color:rgba(0,0,0,0.0);
	border: 0px blue solid;
	z-index:2;
}

.msp-distributed .msp-left,
.msp-distributed .msp-center-left,
.msp-distributed .msp-center-center,
.msp-distributed .msp-center-right,
.msp-distributed .msp-right{
	display:inline-block;
	text-align:left;
	margin-right:2px;
	border: yellow 0px solid;
	min-height:200px;
}



/* Message left */

.msp-distributed .msp-left{
	float:left;
	overflow:auto;
	width:200px;
	margin-left:0px;
	
}

/* The company logo */

.msp-distributed .msp-logo {
	margin-left:65px;
}

.msp-distributed h3{
	color:  #ffffff;
	font: normal 36px 'arial black';
	
}

.msp-distributed h3 span{
	color:  red;
}


.msp-distributed .msp-company-name{
	color:  #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
}

.msp-distributed .msp-left i{
	background-color: #000000;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}


.msp-distributed .msp-left i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.msp-distributed .msp-left p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.msp-distributed .msp-left p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.msp-distributed .msp-left p a{
	color:  #ffffff;
	text-decoration: none;
}


/* msp Center */

.msp-distributed .msp-center-left{
	float:left;
	width:200px;
	padding-left:0px;
	text-align:left;
	
}

.msp-distributed .msp-center-left span,
.msp-distributed .msp-center-center span,
.msp-distributed .msp-center-right span{
	display: block;
	color:  goldenrod;
	font-style:sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-left:10px;
	text-shadow: 1px 2px 0px #000000;
}

.msp-distributed .msp-center-left ul,
.msp-distributed .msp-center-center ul,
.msp-distributed .msp-center-right ul{
	margin-top:20px;
	border: 0px solid yellow;
}

.msp-distributed .msp-center-left li,
.msp-distributed .msp-center-center li,
.msp-distributed .msp-center-right li{
	text-align:left;
	color: #ffffff;
	font-style:sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height:25px;
	margin-left:25px;
	border: 0px solid yellow;
	
}


.msp-distributed .msp-center-center{
	float:left;
	width: 200px;
	padding-left:0px;
	text-align:left;
	margin-bottom: 35px;
}

.msp-distributed .msp-center-right{
	float:left;
	width: 280px;
	padding-left:0px;
	text-align:left;
}

.msp-distributed .msp-company-about{
	line-height: 20px;
	color:  #ffffff;
	font: normal 13px sans-serif;
	padding-top:5px;
	padding-left:5px;
}

.msp-distributed .msp-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}


/* msp Right */

.msp-distributed .msp-right{
	float:left;
	overflow:auto;
	width: 300px;
	text-align:left;
	padding:0px 0px;	
}

.msp-distributed .msp-right p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0px 10px;
}

/* Links And Icons */

.msp-distributed .msp-icons{
	margin-top: 10px;
	margin-left:10px;
}



.msp-distributed .msp-icons a{
	display: inline-block;
	width: 35px;
 	height: 35px;
	cursor: pointer;
	background-color:  #000000;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
}


.imail {
	margin-top:4px;
	margin-left:3px;
	margin-right:3px;
}


.msp-distributed .msp-links{
	color:  #ffffff;
	margin: 5px 10px;
	padding: 0;
}

.msp-distributed .msp-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

/* If you don't want the footer to be responsive, remove these media queries */


footer {
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:95%;
	max-width:1800px;
	height:auto;
	min-height: 160px;
	text-align:center;
	border:0px solid red;
	background-color:#000000;
	box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.99);
}

footer a, footer span{
	display:inline-block;
	width:auto;
	padding:0px;
	padding:0 5px 0 5px;
	text-align:center;
	color: rgba(255,255, 255,1.00);
	border:0px solid blue;
	
}

footer a:hover {
	text-decoration:underline;
}

footer a img{
	margin: 20px 0 5px 0;
}


contact {
box-sizing: border-box;
margin:0 auto;
padding:0;
width:100%;
height:50%;
min-height:430px;
display:inline-block;
font-family:Helvetica, Arial;
text-align:center;
margin-top: 0px;
font-size:10px;
color:white;
background-color:transparent;
border:0px solid red;
}


label {
display:block;
margin-top:0px;
letter-spacing:1px;
color:white;
}


/* START FORM. Centre the form within the page */
form {
box-sizing:border-box;
margin:0 auto;
padding:0;
width:360px;
border: 0px solid #0033cc;
background:transparent;
text-align:center;
}

#form_city {
	width:50%;
	margin:5px 3px 5px 0;
}

#form_state {
	width:13%;
	margin:5px 2px 5px 2px;
}

#form_zip {
	width:24%;
	margin:5px 0 5px 3px;
}

/* Style the text boxes */
input, textarea{
	width:92%;
	min-height:24px;
	background-color:transparent;
	border:5px solid rgba(250,250,250,0.60);
	padding:5px;
	margin:5px auto 5px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size:14px;
	color:#ffffff;
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
	outline:none;
	overflow:none;
    resize:vertical;
}

input:focus, textarea:focus {
    border:5px solid rgba(250,250,250,1.00);
}

#message {
overflow:none;

resize:vertical;
}


*::-webkit-input-placeholder {
    color:rgba(250,250,250,1.0);
}
*:-moz-placeholder {
    color:rgba(250,250,250,1.0);
}
*::-moz-placeholder {
    color:rgba(250,250,250,1.00);
}
*:-ms-input-placeholder {
    color:rgba(250,250,250,1.0);
}

#submit {
    width:100px;
    min-height:30px;
	text-align:center;
	vertical-align:middle;
    background:#0033cc;
	font-family: Helvetica, Arial;
	line-height:10px;
	font-size:15px;
	letter-spacing: 2px;
	color:white;
    text-indent:0px;
    border:4px solid #ffffff;
    margin-top:10px;
	margin-bottom:10px;
    cursor:pointer;
	-moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}

#submit:hover {
	background:#ffffff;
	color:#0033cc;
	border:4px solid #0033cc;
}

#submit:active {
	width:100px;
	height:30px;
	background:#0033cc;
	color:#ffffff;
	border:4px solid #ffffff;
}

.error {
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	min-height:0px;
	text-align:center;
	color:rgba(255,0,0,0.50);
    font-family: Arial;
	line-height:12px;
	font-size:10px;
	margin-top:0px;
	z-index:1000;
	border:0px solid red;
}

.invalid input:required:invalid {
    background: #BE4C54;
}

.invalid input:required:valid {
    background: #17D654 ;
}

#human2, #human3, #human4 { 
display:none;
}

/* End Form */

/* END PAGE SECTIONS*/

#Top {
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	width:100%;
	height:30px;
	color: #ffffff;
	border:0px solid #000000;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	opacity:0%;
	transition: all 1.2s ease-in-out;
}

up {
	display:inline-block;
	box-sizing:border-box;
	margin:15px 0 0 0 ;
	padding:0;
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 10px solid #000000;
}

#Top:hover{
	opacity:20%;
	transition: all 1.2s ease-in-out;
}

</style>