@charset "UTF-8";
article, section, aside, nav, header, footer
{
	display:block;	
}
header, .header, .header-top
{
	width:100%;
	z-index:99
}
/* body font-size is set with media queries. font-size value varies depending on the media query. Used to scale font size of text, paragraphs, and heading, depending on screen size for easier reading and more versitile content. */
.value-columns
{
	padding:1.5% !important;
	height:10%;
}
.value-columns img
{
	height:50px;
	width:auto;
}
div[class*="col"] 
{
	padding:0;
	margin:0;	
}
.fixed
{
	position:fixed;	
}
div .row
{
	
	margin:0;	
}
.x-close
{
	text-align:right;
	padding-right:10px;
	width:100%;
	color:white;	
}
p a:link, p a:visited, p a:hover
{
	text-decoration:underline;	
}
.box
{
box-shadow: 0px 4px 15px #8A8888;
}
.pe, .poi-spacer
{
	width:100%;		
}
/* Custom Bootstrap columns */
.col-sm-fifth
{
	width:20%;	
}

/* Custom Bootstrap End */

/* rf = row fix. RF is used to fix the rows by adding a -10px margin to the right of the div with a class of row */
.rf
{
	margin-right:-10px;
}

/* bi = background image. Used to stylize divs that utilize the background-image attribute in style.css. background-size value changes with each media query. */
.bi
{
	background-position:50% 50%;
}

h1
{
	font-size:2.2em;	
}
h2
{
	font-size:1.6em;	
}
h3, h4, h5, h6
{
	font-size:1.2em;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	font-family:'arial black', 'arial bold', gadget, sans-serif;	
	font-size:1.2em;
}

/* nic = non-image content. Used mainly for edge-to-edge padding. Must be applied to the div .row */
.nic
{
	padding:1% 5% !important;
}

/* gps = foundation menu, used for navigation menu on desktops only */
/* d2 = DropDown */
/* gps = foundation menu, used for navigation menu on desktops only */
.gps
{
	text-align:center;	
}
.gps ul li ul
{
	display:none;	
}
img.hc
{
	margin:0 auto;
	display:block;	
}
.gps ul li:hover ul
{
	display:block !important;	
}

.gps li 
{
	list-style:none;	
}
.gps ul li ul
{
	position:absolute;
	text-align:left;	
	z-index:9999;
	
}

.head
{
	width:100%;	
	z-index:9999;	
}
.content .poi
{
	width:95%;
	margin:0% 2.5% 0% 2.5%;	
}
.poi .items .pic .overlay
{
	opacity:0;
	background:white;
}

.poi .items .cover
{
	height:80px;	
	width:120%;
	z-index:50;
	position:relative;
	top:-80px;
	margin-bottom:-80px;
}
.poi .items .subject
{
	border:thin solid #D5D5D5;	
}
.poi .items .subject .pe
{
	padding:20px;	
}

.poi .items .subject h2
{
	z-index:75;	
}
.poi .items a .link
{
	padding:40px 10px 5px 0;
	width:100%;
	z-index:25;
	font-size:1em;
	text-align:right;
}
.poi .items a
{
	text-decoration:none;	
}
	
.overlay ul
{
	margin:0 auto;
	width:129px;	
}


.overlay ul li
{
	list-style:none;
	display:inline-block;	
}
.overlay ul li a img
{
	height:40px;
	width:40px;
}

/* GPS Tracking */
.gps a:hover div, .gps a:focus div 
{
	text-decoration:none;
}
.gps, .gps a:link div , .gps a:visited div 
{
	text-align:center;
	color:white;
	z-index:9999;
		
}
/* vein is used to display marketing messages. Best used with an image*/
.vein
{
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");    
   	-webkit-filter: grayscale(100%);
   	-moz-filter: grayscale(100%);
   	-ms-filter: grayscale(100%);
   	filter: grayscale(100%);
   	filter: gray; */
   	padding:40px 0;
	text-align:center;
	z-index:100;
		
}
.vein .animation-counter
{
	font-size:3.2em;	
	font-family:'arial black', 'arial bold', gadget, sans-serif;
	
}
.vein .label
{
	font-size:1em;
	line-height:20px;
	
}
.vein:hover
{
	filter:none;   
   -webkit-filter:none;
   -moz-filter:none;
   -ms-filter:none;	
}



/* vision is used to display concentrated marketing messages. Best used with an image background. Background-size scales with media queries */
.vision
{
	background-size:100%;
	background-position:50% 50%;	
		
}
.vision h3
{
	color:white;	
}
/*.vision, .gram .pic
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   /*-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
	/*	
}
.vision:hover, .gram:hover .pic
{
	-webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;	
}*/
.pulse h3
{
    margin:0 !important;
    padding:0 !important;
}

.vision .pulse
{
	text-align:center;
	color:white;
	background:none repeat scroll 0% 0% rgba(0,0,0,0.30);
	padding:70px 40px;
	height:100%;
	font-size:1.5em;
	
}
.vision .pulse a:link, .vision .pulse a:hover, .vision .pulse a:visited
{
	color:white;
	text-decoration:underline;
	background:none repeat scroll 0% 0% rgba(0,0,0,0.00);
}
.vision:hover .pulse
{
	background:none repeat scroll 0% 0% rgba(0,0,0,0.00);
}
.contact-form .col-sm-6 input
{
	margin-bottom:5px;	
}
.contact-form .col-sm-2 input 
{
	width:90%;	
}
/* Blog Styling */


.read-more
{
	text-align:center;
	padding:10px 0;	
}
.blog .content img
{
	width:100%;
	height:auto;	
}
/* End of Blog Styling */
.content
{
	padding-bottom:80px;
	z-index:-99;	
}
.content .cta
{
	margin:0 0;	
}
.pulse
{
	text-align:center;
	padding:15px 0;	
}
.pulse span
{
	font-family:'arial black';
	font-size:1.4em;	
}



.billboard .vice
{
	padding-top:15%;
	padding-bottom:25%;	
}

.overlay-black
{
	background:none repeat scroll 0% 0% rgba(0,0,0,.60)	;
	color:white !important;
	height:100%;
}
.poi .items .pic
{
	height:150px;
}
.poi .items .pic .overlay
{
	height:100%;
	width:100%;
	-webkit-transition:background 1s; /* Safari */
    transition:background 1s;	
}
.poi .items .pic:hover .overlay
{
 	display:inline-block;
}
.animation-icon
{
	opacity:0;
	background-size:20%;
	
}
.pic:hover .overlay .animation-icon
{
	opacity:1;
	background-position:75% 50%;
}
img
{
		
}
.pic .overlay a img
{
	
	width:40px;
	height:40px;
	
}


.pic .overlay div
{
	height:100%;	
}


/*.pic:hover .overlay a img
{
 	display:block
	
}	*/


.poi .items
{
	padding:30px;	
}

.header-top
{
	font-size:.8em	
}
/* gram = telegram. Used to style element containing picture on one side, and text with optional call to action on the right. Contained elements are styled as .pic, .mes, and .cta for the picture, the message, and the call to action. */

.gram .pic
{
	height:350px;
		
}
.gram .mes
{
	padding:5%;	
	height:100%;
}
.cta
{
	padding:10px 40px;
	width:100%;	
}
.cta a:hover
{
	text-decoration:none !important;	
}



/* p = padding. p10px for example, sets the padding to 10px of the div*/
.p5
{
	padding:5%;	
}
.copyright
{
	text-align:center;
	font-size:.6em;	
}
.p5px
{
	padding:5px !important;
}
.p10px
{
	padding:10px !important;	
}
.p20px
{
	padding:20px !important;	
}
/* m = margin. m10px for example, sets the margins to 10px of the div*/
.m10px
{
	margin:10px !important;	
}
.m20px
{
	margin:20px !important;	
}
/* f = float, l,r = left and right. To be used as follows: fr or fl.*/
.fr
{
	float:right !important;	
}
.fl
{
	float:left !important;	
}


@media (max-width: 767px) {
	body
	{
		font-size:1.6em;	
	}
	.bi
	{
		background-size:300% !important;
	}
	 .spacer
	{
		padding:20px;
	}
	.contact-form .col-sm-2 input 
	{
		width:100%;	
	}
	.gram .pic
	{
		height:150px;	
	}
	/* Custom Bootstrap columns */
	.col-sm-fifth
	{
		width:100%;	
	}
	
	/* Custom Bootstrap End */
	.vision
	{
   		background-size:300%;
	}
	.med-space
	{
		margin-top:100px !important;
		margin-bottom:100px !important;	
		
	}
	.desktop
	{
		display:none;	
	}
	
}
@media (min-width:768px) {
	.mobile
	{
		display:none;	
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	body
	{
		font-size:1.8em;	
	}
	.bi
	{
		background-size:250% !important;
	}
	.gram .pic
	{
		height:275px;	
	}
	.lrg-space
	{
		margin-top:200px !important;
		margin-bottom:200px !important;	
	}
	.
	.med-space
	{
		padding-top:100px !important;
		padding-bottom:100px !important;	
		clear:fix;
	}
	.vision
	{
   		background-size:250%;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	body
	{
		font-size:2em;
	}
	.bi
	{
		background-size:150% !important;
	}
	.gram .pic
	{
		height:300px;	
	}
	.lrg-space
	{
		margin-top:200px !important;
		margin-bottom:200px !important;	
	}
	.med-space
	{
		padding-top:100px !important;
		padding-bottom:100px !important;	
		clear:fix;
	}
	.vision
	{
   		background-size:150%;
	}

}
@media (min-width: 1200px) {
	body
	{
		font-size:2.2em;	
	}
	.bi
	{
		background-size:100%;
	}
	.lrg-space
	{
		margin-top:200px !important;
		margin-bottom:200px !important;	
	}
	
	.med-space
	{
		padding-top:100px !important;
		padding-bottom:100px !important;	
		clear:fix;
	}

}
@-webkit-keyframes APPEAR {
  0%   { opacity:0; }
  99%   { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes APPEAR {
  0%   { opacity:0; }
  99%   { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes APPEAR {
  0%   { opacity:0; }
  99%   { opacity:0; }
  100% { opacity:1; }
}
@keyframes APPEAR {
  0%   { opacity:0; }
  99%   { opacity:0; }
  100% { opacity:1; }
}