/*
 Theme Name:   Imagine Express
 Description:  Stadium Design Theme
 Author:       Fjorge Digital
 Template:     imagine
 Version:      1
*/

/*START THEME CUSTOMIZATION
+----------------------------+
* CSS Table of Contents:
	* 1.0 Fonts
	* 2.0 Basic Reset Styles
	* 3.0 Main/General Layout
		* 3.01 Sitenav
	* 3.1 Home
		* 3.2 About
		* 3.3 Capabilities
		* 3.4 Resources
		* 3.5 Contact
	* 4.0 Footer
	* 5.0 Media Queries
*NOTE(s): -CSS FRAMEWORK in /css
		  -Blog Css in blog.css
+----------------------------+
*/
/*****************************
	*1.0 -START FONTS
		 -Moved to css/fonts
*****************************/

/*****************
	*2.0
	-BASIC RESET
*******************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
/*p,*/
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*
HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---Fixes font issue when slides move on mac safari---*/
.flexslider {
	position:relative;z-index:1;
}
.blog-content strong {
	font-weight: bold;
}
.blog-content ol {
	list-style:decimal;
	margin-left: 30px;
}

/*****************
	*3.0
	-GENERAL STYLE
*******************/
html {
	overflow-x: hidden;
	width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#fff;
	/*line-height:30px;*/
	overflow-x: hidden;
	width: 100%;
}
body.logged-in nav{ }
a{color:#e51937;text-decoration:none;}
a:hover{text-decoration:underline;}
.full{width:100%;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.main p{
	-webkit-margin-before: 0em;
	/*-webkit-margin-after: 0em;*/
	line-height:20px;
}
.main span{
	color:#e51937;
}
.header{min-height:110px; }
.nav{
	/*padding:18px 0 0 0;*/
	margin: 0 auto;
	display: table;
}
/*  3.01 Sitenav
	Note: Also singular css embedded in page capabilites inner page
*/
.site-nav ul, .site-nav  {
	margin:0 auto;
	display:table;
}

.logo {float: left; padding-top: 15px;}
@media(max-width: 776px) {
	.logo {display: none;}
}


.header-container {max-width: 860px; margin: auto;}

.site-nav {
	/*#e51937;*/
	width:100%;
	background: url(images/body_bkrd_2-2.png);
	/*border-top: 9px solid #e51937;*/
	border-top:9px solid #e51937;
	width: 100%;
	position: fixed;
	z-index:11; /* <- It goes to ELEVEN! */
	top:0px;
	right:0;
	left: 0;
}

.site-nav ul {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:.5px;
	text-transform: uppercase;
	padding:0;
}
.site-nav li{
	float:left;
	list-style-type:none;
}

.site-nav ul ul{display:none;}

.site-nav li a {
	color:white;
	text-decoration:none;
	padding:50px 20px;
	display:block;
	/*-webkit-transition: padding 0.2s ;
    transition: padding 0.2s ;*/
}



@media(max-width: 776px) {
	.site-nav li a {
		padding:10px 20px;
	}
}


.site-nav li a:hover{background-color:#363636;}
/*NOTE: ".site-nav ul li ul" styles are embedded in capabilities and capabilities inner pages and should stay there.*/
.site-nav ul li:hover ul {
	display:block;
	position:absolute;
	z-index:2;
	top:100%;
	/*left:0px;*/
	/*width:100%;*/
	background-color:#363636;
	/*padding-left:50%;*/
	/*margin-left:-365px;*/
	/*margin-left:-310px;*/
}
.site-nav ul li:hover ul li{
	text-align:center;
	float:none;
	display:block;
}
.site-nav ul li ul li a{font-weight:normal;text-transform:none; padding: 15px 20px; text-align: left;}
.site-nav ul li ul li a:hover{color:#e51937;}
/*.site-nav ul li ul li:first-child{padding-left:60px;} */

/*Home Nav(Also Styled in main javascript file)*/
.menu-item-124,.menu-item-124 a:hover{
	background-image:url(images/nav-icon.png);
	background-repeat:no-repeat;
	background-position:60px 20px;
}
/*padding: 22px 20px;*/
.menu-item-124 > a, .menu-item-122 > a{padding-right: 30px !important;}
@media(max-width: 776px) {
	.menu-item-124 > a, .menu-item-122 > a{ padding-right: 20px !important;}
}
.home-custom-hover,.home-custom-hover a{background-position:60px 10px !important;}
.cap-custom-hover,.cap-custom-hover a{background-position:105px 54px !important;}
#menu-button {
	text-align:center;
}
.float-left {
	float:left;
}
.menu-page-title {
	margin-left:-7px;
	font-weight:normal;
}
.sub-menu-title {
	width: 100%;
	text-align: center;
	display: block;
	padding: 15px 0;
	display:none;
}
.menuWrapper {
	display:inline-block;
	background-color:#363636;
	width:100%;
	cursor:pointer;
	display:none;

}
ul.sub-menu {
	display:none;
}

/*Capabilities Nav(Also Styled in main javascript file)*/
.menu-item-122{
	background-image:url(images/dd-arrow.jpg);
	background-repeat:no-repeat;
	background-position:105px 54px;
}
.menu-item-122 > a:hover{
	background-image:url(images/dd-arrow-over.jpg);
	background-repeat:no-repeat;
	background-position:105px 54px;
}
.double-line-full-bg{
	width:100%;
	background: url(images/about-lines-repeating-bg.jpg) center repeat-x;
	height:30px;
}
.full-width-solid-line{
	width:100%;
	background-color:#363636;
	height:2px;
}
#privacy h1{
	font-family: 'trade-got-bold', Arial, sans-serif;
	font-size:36px;
	line-height:normal;
	text-transform:uppercase;
	font-weight:normal;
}

/*****************
	*3.1 - HOME
*******************/
.home-banner{
	/*background-color:#494949;*/
	background: url(images/home-banner-bg.jpg) center center no-repeat transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: auto;
	min-width: 320px;
	min-height: 669px;
	padding-top:100px;
}
/*	background: url(images/minute-maid-stadium.jpg) center center no-repeat transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
#scroll-down{text-align:center;width:100%;padding-top:175px;padding-bottom:42px;}
.service-text h1{font-size:40px;font-family: 'proteus-bold', Arial, sans-serif;text-transform:uppercase;text-align:center;}
.service-text h3{font-size:26px;font-family: 'proteus-regular', Arial, sans-serif;font-weight:normal;text-transform:uppercase;text-align:center;margin-top:20px;}

.service-animated{position:relative;min-height:165px;width:292px;margin-top:10px;}
#service-left-arrow{position:absolute;left:0px;top:62px;}
#service-right-arrow{position:absolute;right:10px;top:62px;}
#service-beyond-write-up{max-width:320px;}
#service-beyond-write-up p{line-height:21px;font-size:16px;}
.slide-numbers{
	width:100%;
	position:absolute;
	height:20px;
	text-align:center;
	display:inline;
	padding-top:20px;
}
.slide-numbers span{color:#fff;}
.social-links h3, .the-latest h3, .twitter-area h4{
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
}
.social-links img{margin-bottom:10px;}
.the-latest{
	background-color:black;
	width:100%;
	/*padding:32px 0 49px 0;*/
	padding: 75px 0 0px 0;
}

@media (min-width: 1024px) {
.the-latest .container, .footer .container, .the-twitter .container {
	max-width: 850px;
}

.container .home.three.columns {
	width: 275px;
}

}

.the-twitter {
	width:100%;
	padding-top:55px;
	padding-bottom:100px;
	background-color:#000000;
}
@media (max-width: 768px) {

.container .home.three.columns {
	width: 48%;
}

.the-latest {
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}

}

@media (max-width: 690px) {

.container .home.three.columns {
	width: 100%;
}



}

.the-latest h2{
	font-family: 'proteus-bold', Arial, sans-serif;
	font-size:36px;
	text-transform:uppercase;
	letter-spacing: 2px;
}
.the-latest h4{
	font-size:22px;
	margin:14px 0px;
	text-transform:uppercase;
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
}
.the-latest h4 a{color:#fff;}
.the-latest h4 a:hover{text-decoration:none;}
.the-latest p{
	color:#dedede;
	font-size:12px;
	padding-right:7px;
	line-height:20px;
}
.twitter-area{
	float:right;
	width:100%;
	max-width:470px;
}
.tweet{
	padding:29px 32px;
	background-color:#1c1c1c;
	color:#999999;
	font-size:16px;
	margin-bottom:6px;
	border-right:10px solid #2d2d2d;
}
.tweet .link{color:#009ddc;}
.tweet .time{color:#fff;}
.home-social-sidebar{
	float:left;
	width:141px;
	margin-right:70px;
}
.home-social-sidebar h3{margin-bottom:20px;}


.capabilities-section {
	background-size: cover;
	padding: 60px 0 75px 0;
	margin-top: 90px;
}


.container-capabilities {
	max-width: 890px;
	padding: 0 30px;

	box-sizing: border-box;
	margin: auto;
	overflow: auto;
}

.capabilities-block {
	background-color: #e31e3c;
	padding: 15px 25px;
	box-sizing: border-box;
}

.capabilities-block:hover {
	background-color: #1ea0da;

}



.capabilities-block {
	width: 31.3%;
	float: left;
	font-size: 26px;
	min-height: 125px;
	margin: 0 1% 10px 1%;
	position: relative;
}


.capabilities-text-home {
	font-size: 29px !important;
	text-transform: uppercase;
   font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	line-height: 1.1;
	color: white;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right:0;
	padding: 30px;
	box-sizing: border-box;
	letter-spacing: 1.25px;
}

.blocks {
	margin-top: 40px;
}
.capabilities-section a:hover {
	text-decoration: none !important;
	color: white;
}

.capabilities-header {
	font-size: 42px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family:'proteus-bold', Arial, sans-serif;
}
@media (min-width: 768px) {
	.inner-container {
		width: 100%;
	}

}
@media (max-width: 768px) {
	.capabilities-block {
		width: 47%;
		margin: 10px 1.5%;
		float: left;
	}
	.capabilities-section {
		background-size: 800px;
		padding-top: 45px;
	}
}

@media (max-width: 690px) {
	.capabilities-block {
		width: 100%;
		margin: 1.5% 0;
		min-height: 60px;
		padding: 20px 15px;
		box-sizing: border-box;
	}

	.capabilities-section {
		padding-bottom: 50px;
	}

	.capabilities-text-home {
		font-size: 20px !important;
		padding: 0 5px;
		letter-spacing: .5px;
	}
}

.add-margin {
	margin-bottom: 50px !important;
	margin-top: 75px !important
}

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



@media (max-width: 414px) {
	.add-margin {
		padding:0 30px !important;
		box-sizing: border-box;
		margin-top: 35px !important
	}
	.capabilities-header {
		font-size: 26px;
		letter-spacing: 0;
	}
	.blocks {
		margin-top: 20px;
	}
}

@media (max-width: 770px) and (min-width: 690px) {
	.home .container {
		width: 100%;
		padding: 0 35px;
		box-sizing: border-box;
	}

	.the-latest {
		padding: 32px 0 0 0;
		margin: 0 1.5%;
	}
}
/*****************
	*3.2 - ABOUT
*******************/
.about-highlights{color:#aaa;line-height:16px;}
.about-highlights h4{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
.about-highlight{
	background-color:#363636;
	position:relative;
	padding:26px 22px;
	margin:0 5px 5px 0;
	max-width:335px;
	min-height:185px;
	width:100%;
	float:left;
	font-size:12px;
	line-height:16px;
}
.about-highlight a{text-transform:uppercase;}
.about-video-area{
	margin-bottom:37px;
}
.about-our-team{
	padding:0 40px;
	margin-bottom:42px;
	color:#aaa;
}
.about-our-team h1{
	font-size:50px;
	text-transform:uppercase;
	color:#fff;
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
}
.about-our-team h1 span{
	color:#58585a;
	padding-right:25px;
	font-family:'proteus-bold', Arial, sans-serif;
}
.about-our-team p{
	line-height:22px;
	margin:10px 0px;
	font-size:16px;
}
.about-career-area{
	margin:20px 0px;
	display:inline-block;
	width:100%;
}
.about-career-area h3{text-transform:uppercase;font-size:24px;}
.about-career-area p{color:#aaaaaa;}
.careers-content{
	max-width:560px;
	float:left;
	color: #aaa;
}
.careers-content h2, .careers-content h3{
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
	color:#fff;
}
.careers-content h3{
	font-size:30px;
}
.careers-image{
	float:right;
	width:132px;
}
.careers-expand{
	width:100%;
	max-width:750px;
	background-color:#363636;
	padding:14px 12px;
}
.careers-expand ul{list-style-type:disc;padding-left:17px;}
.careers-expand .job{
	text-transform:uppercase;
	font-weight:bold;
}
		.careers-expand{margin-bottom:5px;}
		.career-show {
			width: 100%;
			margin-top:0px;
			cursor: pointer;
		}
		.career-show h5 {
			background: url(images/read-more.jpg) right no-repeat;
			display: block;
			clear: both;
			height: auto;
			padding: 10px 105px 10px 20px;
		}
		career-show h5 span{text-align:right;}
		.career-show h5.opened {
			background: url(images/read-less.jpg) right no-repeat; }
		.career-show p {
			clear: both;
		}
		.open-content{
			font-size:12px;
			padding-left:20px;
			padding-bottom:20px;
			text-transform:none;
			font-weight:normal;
		}
.about-apply-area{
	margin-bottom:80px;
}
.about-apply-area h2{font-family:'trade-got-bold-twenty', Arial, sans-serif;font-size:30px;}
.about-apply-area h2 span{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#aaa;}
.about-highlights{
	margin-bottom:40px;
}

/************************************
	*3.3 - CAPABILITIES + UV(INNER)
************************************/

.icon-box {
	width:100%;
	height:100%;
	background-color:black;
	position:relative;
}
.cap-icon {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

#capabilities .banner {
	overflow:hidden;
}

.intro{
	position:absolute;
	text-align:center;
	width:100%;
	top:80px;
}
.intro h1{
	font-family: 'proteus-bold', Arial, sans-serif;
	font-size:88px;
	color:#009ddc;
	line-height: 70px;
}
.intro h3{
	font-family: 'trade-got-bold', Arial, sans-serif;
	font-size:36px;
	margin:0px;
	padding:0px;
	line-height:normal;
	text-transform:uppercase;
	font-weight:normal;
}
#capabilities{
	/*padding:45px 0 76px 0;*/
	padding:0px 0 46px 0;
}
#capabilities h2{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
	margin:10px 0 5px 0;
}
.capability .content{
	margin-bottom:5px;
	font-size:16px;
	line-height:20px;
}
.capability .link{font-size:12px;text-transform:uppercase;}
.capability .link-text{}
#capabilities-uv h2{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
	margin:0px 0 5px 0;
}
#capabilities-uv{
	color:#aaa;
	background-color:#000;
	padding:55px 0 55px 0;
}
#capabilities-uv h1, #capabilities-uv h3{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
	margin:0px 0px;
}
.capability h2 a{color:#fff;text-decoration:none;}
.capability h2 a:hover{text-decoration:underline;}
.carousel{
	margin-bottom:10px;
}
.carousel .arrows{
	margin-top:20px;
}
.services{
	margin-bottom:20px;
}
.services .text{padding-left:10px;color:#fff;}
.templates-button {
	margin-top:20px;
	font-weight:bold;
	font-size:14px;
}
.templates-button a{
	display:inline-block;
	color:#fff;
	background-color:#e51937;
	padding:15px 20px;
}

/***********************
	*3.4 - RESOURCES
***********************/

#resources h1{
	padding:10px 0 0 27px;
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	font-size:88px;
	text-transform:uppercase;
}
#resources h1 span{
	font-family: 'proteus-bold', Arial, sans-serif;
	color:#fff;
	font-size:50px;
	text-transform:uppercase;
	position:relative;
	top:-10px;
}
.upload-area, .templates-write-up{
	padding:0px 40px;
	color:#aaa;
}
#resources h2,#resources h3{
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	text-transform:uppercase;
}
#resources h2{
	font-size:50px;
	color:#fff;
}
.upload-area h3{
	margin-bottom:20px;
}
#resources h3{
	font-size:30px;
	color:#fff;
}
#resources h4{
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;border-bottom:2px solid #363636;
	margin-bottom:10px;
	padding-bottom:10px;
}
.templates-write-up{margin:30px 0px;}
.templates-write-up h3{margin-bottom:20px;}

.resources-banner{
	width:100%;height:auto;min-height:123px;
	background:url(<?php the_field('background_image');?>) no-repeat;
	position:relative;
	margin-bottom:40px;
}
.upload-icon img{width:26px;height:25px;}

/* Upload Form Modal */
#frm_form_10_container form input[type=email], #frm_form_10_container form input[type=text], #frm_form_10_container form textarea {
   width: 50%;
   margin-top: 0;
}

#frm_form_10_container form label {
   display: block;
}

#frm_form_10_container form input[type="radio"]{
    -webkit-appearance:radio;
}

#frm_form_10_container form select{
    -webkit-appearance:menulist;
}

#easy-upload-area{
    background-color:#363636;
}

.upload-form-instructions{
    padding: 20px 30px 20px 30px;
}



/*
	*REVEAL Modals

*/

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.75);
	z-index: 11;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
	top: 80px;
	/*left: 41%;*/
	/*left:370px;*/
	margin:0px auto;
	width: 100%;
	/*background: #fff no-repeat;*/
	position: absolute;
	z-index: 12;
	/*padding: 30px 0px 34px 40px;*/
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
}
/*.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}*/

.reveal-modal .close-reveal-modal {
	font-size: 16px;
	position: absolute;
	top: -40px;
	right: 10px;
	color: #fff;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	cursor: pointer;
}
.modal-title{
	width:100%;
	/*background-color:#0f9447;*/
	background-color:#000;
	color:#fff;
	float:left;
	text-align:right;
	position:relative;
}
.modal-title h2{
	padding:10px 0px;
	margin:0px;
	font-size:22px;
}
.modal-form-bg{
	width:100%;
	padding:32px 0px;
	background-color:#fff;
	color:#6e6f72;
	float:left;
	position:relative;
}
.modal-form{width:196px;margin-left:53px}
/*.frm_submit input{background-color:blue;}*/

/*.with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .frm_form_submit_style, .with_frm_style.frm_login_form input[type=submit] {
 background-color: #169495 !important;
border:none !important;
color: #fff !important;
cursor: pointer;
font-weight: normal;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
text-shadow: none;
padding: 6px 12px;
-moz-box-sizing: content-box;
box-sizing: content-box;
-ms-box-sizing: content-box;
-moz-box-shadow: 0 1px 1px #eeeeee;
-webkit-box-shadow: 0px 1px 1px #eeeeee;
box-shadow: 0 1px 1px #eeeeee;
}*/

	/*#resources h1{
		padding:10px 0 0 27px;
		font-family: 'trade-got-bold-twenty', Arial, sans-serif;
		font-size:88px;
		text-transform:uppercase;
	}
	#resources h1 span{
		font-family: 'proteus-bold', Arial, sans-serif;
		color:#fff;
		font-size:50px;
		text-transform:uppercase;
		position:relative;
		top:-10px;
	}*/

	.upload-area a{color:#fff;}
	@media(max-width: 776px) {
		#resources h1{font-size:46px;}
		#resources h1 span{font-size:28px;}
	}
	.template-files{
		width:100%;max-width:330px;float:left;margin:0 0px 15px 0px;
	}
	.template-files-link{
		margin-top:5px;padding:0 10px 0 10px;float:left;max-width:270px;font-size:16px;
	}
	.template-files a:hover .template-files-link{text-decoration:underline !important;}

.upload-img{background: url(images/upload.jpg) no-repeat;width:144px;height:144px;}
.upload-img:hover{background: url(images/upload-hover.jpg) no-repeat;width:144px;height:144px;}


/***********************
	*3.5 - CONTACT
***********************/
	#contact h1{
		font-size:66px;
		text-transform:uppercase;
		color:#fff;
		font-family: 'proteus-bold', Arial, sans-serif;
		line-height:normal;
		line-height:66px;
	}
	#contact h1 span{
		font-family: 'trade-got-bold-twenty', Arial, sans-serif;
		font-size:111px;
		color:#fff;
		line-height:86px;
	}
	#contact h2{
		font-family: 'trade-got-bold-twenty', Arial, sans-serif;
		font-size:30px;
		text-transform:uppercase;
		margin-bottom:9px;
	}
	#contact h3{
		font-family: 'trade-got-bold-twenty', Arial, sans-serif;
		font-size:30px;
		text-transform:uppercase;
		color:#fff;
	}
	.contact-intro{max-width:450px;width:100%;font-size:16px;}
	#contact .email{margin-bottom:20px;}
	#contact .email a{color:#aaa;}
	#contact .email a:hover{color: #e51937;}
	#contact-address{color:#aaa;}
	#contact-address a{
		color:#fff;
		background-color:#e51937;
		padding:15px 15px 15px 20px;
		display:inline-block;
		margin-top:0px;
		font-size:14px;
		font-weight:bold;
	}
	#contact .phone{color:#aaa;}
	.banner-text{padding:20px;}
	.our-team{padding:0px 40px;}
	.team-members{width:100%;margin:18px 0 15px 0;}
	.our-team li:last-child .full-width-solid-line{display:none;}
	.team-left{width:49%;float:left;padding-right:10px;}
	.team-right{width:49%;float:left;}
	.team-name{font-size:16px;color:#fff;font-weight:bold;}
	.team-title{font-size:16px;font-style:italic;color:#aaa;}
	.team-email a{
		text-decoration:underline;
		color:#009ddc;
		font-size:12px;
	}
	.team-email a:hover{color:#0087bd;}
	/*.team-email a:hover{color: #e51937;}*/
	.team-phone{font-size:12px;color:#aaa;}
	.customer-feedback{
		color:#aaa;
		line-height:19px;
		font-size:16px;
		/*padding:0px 40px;*/
	}
	.customer-feedback h2{color:#fff;}
	#customer-form-area{
		padding:0px 40px;
	}
	#customer-form-area .frm_form_fields{max-width: 630px;}

	/*CONTACT FORM*/
	.frm_form_fields{
		background-color:#363636;
		width:100%;
		padding:20px 30px 20px 30px ;
		margin:25px 0 22px 0;
		color:#fff;
		max-width:710px;
	}
	.frm_form_fields label{
		color:#fff !important;
		font-family:Arial, Helvetica, sans-serif !important;
		font-size:12px !important;
		margin-bottom:5px !important;
	}
	.frm_primary_label{margin-bottom:5px !important;}
	.frm_form_fields input,.frm_form_fields select,.frm_form_fields textarea{
		margin-bottom:20px;
		background-color:#515151;
		border:none;
		color:#a4a4a4;
		padding:8px 5px;
		margin:10px 0px;
	}
	.frm_description{color:#fff !important;}
	#field_a6x8yu{color:#fff !important;}
	.frm_submit input{
		border-top:none !important;
		border-bottom:none !important;
		background-color:#e51937;
		padding:15px;color:#fff;
		border-left:1px solid #a21227;
		border-right:1px solid #a21227;
		text-transform:uppercase;
	}

/*****************
	*4.0
	-FOOTER
*******************/
.footer{line-height:18px;}
.footer h3{
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
}
.footer-1{background-color:#1e1e1e;}
.footer-1 h3{font-size:20px;text-transform:uppercase;}
.footer-2{
	background-color:#363636;
	border-top:1px solid #2c2c2c;
	padding:17px 0px;
	font-size:12px;
	text-align:center;
}
.footer-2 a{color:#fff;}
.footer-2 li{
	display: inline-block;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #fff;
}
.footer-2 li:last-child{
	border-right:none;
}
/*FOOTER LEFT*/
.footer-left{font-size:12px;}
.footer-left a{color:#fff;}
.footer-left .textwidget{padding:7px 10px 20px 0;}
.footer-left h3{
	margin-bottom:5px;padding-bottom:15px;
	background: url(images/footer-border-red.jpg) bottom repeat-x;
}
.footer-left ul{line-height:30px;}
.footer-left li{text-transform:uppercase;font-weight:bold;}
.footer-left li li{text-transform:none;margin-left:0px;}
.footer-left li li::before{content:"- ";}
/*FOOTER MIDDLE*/
.footer-middle{font-size:12px;}
.footer-middle .textwidget{padding:0px 10px;}
.footer-middle h3{
	margin-bottom:0px;
	padding-bottom:15px;
	background: url(images/footer-border-blue.jpg) bottom repeat-x;
}
.footer-middle .social-links{margin-top:40px;}
.social-links a{color:#fff;text-decoration:none;font-weight:bold;}
.social-links a:hover{text-decoration:underline;}
.footer-middle form{
	/*padding-left:10px;*/
	background-color:#363636;
	height:37px;
}
#mailchimp-button{
	background: url(images/mailchimp-arrow.jpg) no-repeat;
	width:39px;
	height:37px;
	border:0px;
	float:right;
}
#mc4wp_email{
	border:none !important;
	padding:11px;
	vertical-align:top;
	background-color:#363636;
	width:185px;
	color:#676767;
}
/*FOOTER RIGHT*/
.footer-right{font-size:12px;}
.footer-right .textwidget{padding:0px 10px;}
.footer-right h3{
	margin-bottom:5px;padding-bottom:15px;
	background: url(images/footer-border-purple.jpg) bottom repeat-x;
}
.g7{width:233px;height:47px;display:block;margin-bottom:4px;background: url(images/g7.jpg) no-repeat !important;}
.hippa{width:233px;height:48px;display:block;background: url(images/hippa.jpg) no-repeat !important;}
.g7:hover{background: url(images/g7-hover.jpg) no-repeat !important;}
.hippa:hover{background: url(images/hippa-hover.jpg) no-repeat !important;}

/*****************
	*5.0
	-MEDIA QUERIES
*******************/
@media(min-width: 320px) {
	.services-area{
		padding-right:23px
	}
}
@media(max-width: 320px) {
	#resources h1{font-size:40px;}
	.upload-area, .templates-write-up{padding:0px;}
	#upload-area, #template-area{padding-left:25px;}
	.template-files-link{width:145px;}
}
@media(max-width: 480px) {
	.hide-small{display:none !important;}
	.show-small{display:visible !important;}
	.footer-left, .footer-middle, .footer-right{padding-left:20px;max-width:100%;overflow:hidden;}
	#contact-page-address{max-width:100%;overflow:hidden;padding-left:20px;}
	.our-team{max-width:100%;padding-left:20px;}
	.customer-feedback{max-width:100%;}
	.customer-feedback h2{line-height:28px;}
	.footer .container{width:100% !important;overflow:hidden;}
	.footer-left ul{padding-left:10px;}
	.careers-expand{padding:14px 5px;max-width:96%;overflow:hidden;}
	.about-highlight{padding:0px;}
	.about-hl-mobile-padding{padding:26px 22px;}
	.frm_form_fields{
		padding: 20px 10px;
		max-width:94%;
	}
	.frm_full, .frm_full .wp-editor-wrap, .frm_full input, .frm_full select, .frm_full textarea {max-width: 97%;}
	.career-show h5{font-size:12px !important;padding-left:10px !important;}
	.the-latest{text-align:center;}
	.team-email{margin:0 0 5px 0;}
}
@media(min-width: 480px) {
	.show-small{display:none !important;}
	#contact-page-address{padding:0px 35px;}
}
@media(min-width: 690px) {
	.capabilities{padding-left:48px;}
	.show-690{display:none !important;}
	/*#service-area{padding-left:40px;}*/
	#service-beyond-write-up{padding:7px 0px 0 60px;}
	.capability{margin-bottom:45px;}
	/*NOTE: Other Capability hover colors are in file in php*/

}
@media(max-width: 690px) {
	.wrapper{max-width:98%;padding:0px 20px;}
	 .main-logo img {
	  max-width: 94%;
	  height: auto;
	  -ms-interpolation-mode: bicubic;
	}
	/*.intro h3{font-size:6vw;}*/
	.intro h3{font-size:22px;}
	.team-left{margin-bottom:18px;}
	#contact h1{font-size:40px;line-height:40px;}
	#contact h1 span{font-size:60px;line-height:60px;}
	.hide-690{display:none !important;}
	.show-690{display:visible !important;}
	.contact-intro{max-width:210px;margin-top:10px;}
	#beyond-imagination{margin-top:45px;text-align:center;}
	.career-show h5{font-size:14px;}
	.careers-image {
		float:none !important;
		text-align:center;
		width:100%;
		margin-bottom:20px;
		padding-top:20px;
	}
	.capability{text-align:center;}
	.template-files-link{max-width: 190px;margin-top:0px;}
	.capability{margin-bottom:25px;padding-bottom:25px;}
}
@media(min-width: 690px) and (max-width: 770px) {
	#service-beyond-write-up {
	width: 100%;
	padding: 0px;
	max-width: 100%;
	}
	#service-beyond-write-up #beyond-imagination {
		padding:0px;
		width:100%;
		margin-top:30px;
	}
	#beyond-imagination p{padding:0px 30px;}
	#beyond-imagination p{padding:0px 30px;}
}
@media(max-width: 770px) {
	.responsive img{
		max-width:100% !important;
		height:auto;
	}
	.hide-upload{display:none !important;}
	.show-upload{display:visible !important;}
	.hide-770{display:none !important;}
	.show-770{display:visible !important;}
	#service-area{width:100%;text-align:center;}
	.service-animated{margin:0px auto;}
	.home-social-sidebar{float:none;margin:0px auto;}
	.twitter-area{float:none;margin:0px auto;text-align:center;}
}
@media(min-width: 770px) {
	.show-770{display:none !important;}
	#beyond-imagination{padding-right:50px;}
}

/* tom */
@media screen and (min-width: 858px){
	#menu-button {
		display:none;
	}
	#menu-main-menu {
		display:table !important;
	}
	.page-template-page-capabilities-php .menuWrapper, .page-template-page-capabilities-inner-php .menuWrapper {
		display:none !important;
	}
	.sub-menu li.current_page_item{
		background: url(images/sub-nav-select.jpg) center bottom no-repeat;
	}
}

@media screen and (max-width:858px) {
	.site-nav li {
		width: 100%;
		text-align: center;
		background-color:#363636 !important;
	}
	.site-nav li:hover {
		background-color:black;
	}
	.site-nav ul li ul li:first-child {
		padding-left:0 !important;
	}
	.site-nav ul li ul {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.site-nav ul li ul li a {
		padding: 10px 15px 10px 15px !important;
	}
	.site-nav ul ul.sub-menu {
		display:none !important;
	}
	.page-template-page-capabilities-php .sub-menu-title, .page-template-page-capabilities-inner-php .sub-menu-title {
		/*display:inline-block !important;*/
	}
	.page-template-page-capabilities-php .menuWrapper, .page-template-page-capabilities-inner-php .menuWrapper {
		display:inline-block !important;
	}
}


/*
Twitter Widget customization for front page
*/

.header .avatar {
	display:none;
}




#bannerslider .flex-direction-nav a {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide-text {
	position: absolute;
	top: 30px;
	right: 0;
	background-color: rgba(0,0,0,.65);
	padding: 25px;
	box-sizing: border-box;
}

.slide-text h1 {
	text-transform: uppercase;
	font-family:'trade-got-bold-twenty', Arial, sans-serif;
	font-size: 100px;
	line-height: .85;
}

.slide-text h2 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 24px;
	padding-left: 10px;
}
.slide-text a:hover {
	text-decoration: none;
}
.slide-text .button {
	position: absolute;
	bottom: -15px;
	background-color: #1ea0da;
	color: white;
	text-transform: uppercase;
	padding: 10px;
	box-sizing: border-box;
	border: none;
	font-size: 14px;
}
@media(max-width: 770px) {
	.slide-text .button {
		bottom: -20px;
		padding: 8px;
	}
}

#bannerslider .container {
	padding: 0;
	max-width: 870px;
}

@media(max-width: 770px) {
	#bannerslider .container {
		width: 100%;
		max-width: 100%;
	}
	.slide-text {
		left:0;
		right:0;

	}
	.slide-text h1 {
		font-size: 80px;
	}
}

@media(max-width: 414px) {

	#bannerslider .container {
		width: 100%;
		max-width: 100%;
	}

	.the-latest {
		padding: 32px 0 0 0;
		margin: 0 1.5%;
	}

	.slide-text {
		padding: 15px;
		padding-bottom: 20px;
		top: 25px;
	}
	.slide-text h1 {
		font-size: 64px;
	}

	.slide-text h2 {
		font-size: 15px;
	}
}

.button {
	text-align: center;
	margin-top: 40px;
}
.button a {
	padding: 15px 25px;
	background: #E51938;
	color: white;
	text-transform: uppercase;
	font-size: 20px;
}

.page-header {
	font-size: 50px;
	font-family: 'trade-got-bold-twenty', Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
}
@media (max-width: 770px) {
	.page-header {
		font-size: 30px;
	}
}
.page-content {
	font-size: 17px;
	line-height: 26px;
	color: white;
	text-align: center;
}
/*
@media (min-width:280px) and (max-width: 370px) {
	#resources h1{font-size:13vw;}
	#resources h1 span{font-size:12vw;}
}
@media (min-width:370px) and (max-width: 690px) {
	#resources h1{font-size:12vw;}
	#resources h1 span{font-size:10vw;}
}
@media(max-width: 770px) {
	.responsive img{
		max-width:100% !important;
		height:auto;
	}
	#resources h1{font-size:12vw;}
	#resources h1 span{font-size:10vw;}
}
@media (min-width:770px) and (max-width: 940px) {
	#resources h1{font-size:10vw;}
	#resources h1 span{font-size:8vw;}
}*/

.home .individual-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	width: 100%;
	height: 330px;

}
.home .slides {
	max-height: 330px;
	overflow: hidden;
}

@media(max-width: 414px) {
	.home .individual-slide {
		height: 235px;

	}
	.home .slides {
		max-height: 235px;
	}
	.page-header, .page-content {
		text-align: left;
	}

	.page-content {
		font-size: 16px;
		line-height: 20px;
	}
}