/*
Theme Name:	Secure 24
Theme URI: 
Description: A custom theme for Secure 24
Version: 1.4.7
Author: AMBR Detroit
Author URI: http://ambrdetroit.com
*/
@charset "utf-8";

/*-------------------------
	Resets
---------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
*, *::after, *::before {-moz-box-sizing: border-box;box-sizing: border-box;}
html { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
input[type=text], input[type=submit], textarea{-webkit-appearance: none; border-radius:0;}
input:focus, textarea:focus, select:focus { outline: none; }
input[type=text]:focus, textarea:focus, select:focus { border:1px solid #0f1433 !important; }

/*======================================================== 
							MODULES 
======================================================== */

/*-------------------------
	Core Elements/Tags
---------------------------*/
body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; line-height:24px; color:#666;}
a{transition:.3s; color:#0c6bcc;}
a:hover{color:#b2d235;}
h1, h2{color:#0f1433; line-height:1;}
h1{color:#0f1433; font-weight:400; text-transform:uppercase; font-size:36px; margin-bottom:16px; }
h2{font-weight:400; font-size:24px;  margin:40px 0 10px 0;}
h2:first-child{margin-top:0;}
h3{font-size:16px; font-weight:600;}
p{margin-bottom:20px;}


/* -- Responsive Styles -- */
@media only screen and (max-width: 800px) {
	h1{font-size:30px;}
}

/*-------------------------
	Shared Styles
---------------------------*/
.clear {clear: both;}
.clearAfter:after {content : ""; display: block; clear: both;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright {float:right; margin:0 0 20px 20px;}
.italic, em { font-style: italic; }
strong, b{font-weight:600;}
.half{width:50%;}
.one_third{width:30%;}
.two_third{width:70%;}
.flex-image{max-width:100%; height:auto;}
.flex-image--banner{max-width:1000px; width:100%; height:auto;}
.vCentered{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }

.container{max-width:1024px; width:90%; margin:0 auto;}
.content{min-height:400px; padding-bottom:80px;}

article.side{float:left; width:78%; width: calc( 100% - 17.5em ); padding-left:45px;}
article img{max-width:100%; height:auto;}
article ul, article ol{margin: 0 0 20px 0}
article ol{margin-left:40px;}
article ul{list-style:none;}
article ul:after{content : ""; display: block; clear: both;}
article ul li{position:relative; padding-left:20px; line-height:1.4; margin-bottom:10px;}
article ul li:before{font-family:FontAwesome; content:'\f00c'; color:#b2d235; display:block; position:absolute; left:0;}

.button{border:2px solid #FFF; text-align:center; display:block; line-height:1; padding:10px 0; font-weight:600; text-decoration:none;}
.button span{border-radius: 50%; width:24px; height:24px; border:2px solid #FFF; display:inline-block; vertical-align:top; position:relative;}
.button span i{position:absolute; top:50%; left:50%; transform:translate(-36%,-46%); -webkit-transform:translate(-36%,-46%); -ms-transform: translate(-36%, -46%); }

.logo{width:154px; display:inline-block; margin-right:48px;}
.logo img{height:auto; width:100%;}

.trackingPixel { position: absolute; top: 0; right: 0; }

@media only screen and (max-width: 800px) {
	article.side{width:100%; float:none; padding:0;}
}
@media only screen and (max-width: 600px) {
	article li{width:100%; margin-right:0; float:none;}
	.logo{width:125px;}
}

/* --- Responsive iframe --- */
.frameWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */  height: 0; overflow: hidden;}
.frameWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-------------------------
	Tabs 
---------------------------*/
.content .responsive-tabs-wrapper{margin:30px 0;}
.content .responsive-tabs > ul{margin:0;}
.content .responsive-tabs > ul > li:before{display:none; padding-left:0;}
.content .responsive-tabs ul.responsive-tabs__list{margin:0;}
.content .responsive-tabs li.responsive-tabs__list__item{top:1px; font-size:16px; color:#0f1433; margin:0 1px 0 0; border-color:#DDDDDD; background:#EEE;}
.content .responsive-tabs li.responsive-tabs__list__item--active{background:#FFF;}
.content .responsive-tabs li.responsive-tabs__list__item:hover{color:#b2d235;}
.content h2.responsive-tabs__heading{font-size:16px; color:#0f1433;}

/*-------------------------
	Accordion 
---------------------------*/
.accordion h2{margin:0 0 2px 0; font-weight:400; padding:14px; font-size:16px; background:#b2d235; display:block; cursor:pointer; color:#FFF;}
.accordion h2:before{display:inline-block; margin-right:8px; content:'\f055'; font-family:FontAwesome;}
.accordion h2.open:before{content:'\f056';}
.accordionContent{display:none; background:#FFF; font-size:14px; padding:15px; margin-bottom:10px; border-radius:5px;}
.accordionContent.open{display:block;}

/*-------------------------
	Flippable Panel
---------------------------*/
/* entire container, keeps perspective */ 
.flip-container {perspective: 1000; -webkit-perspective: 1000; float:left; margin:0 2% 2% 0; width: 32%; height: 300px;}
.flip-container:nth-of-type(3n){margin-right:0;}
/* flip the pane when hovered */
.back.flip { z-index: 4; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
.front.flip { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
/* flip speed goes here  */
.flipper {transition: 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative;}
/* hide back of pane during swap */ 
.front, .back { width:100%; height:300px; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 0.6s; position: absolute; top: 0; left: 0;}
/* front pane, placed above back */
.front {z-index: 3; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
/* back, initially hidden pane */
.back {z-index: 2; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); }
.box1, .box2{text-align:center; padding:15px; border:1px solid #CCC; width: inherit; height: inherit;}
.box2{background-color: #db6826; color:#FFF; line-height:1.2; text-align:left;}
.box2 h3{margin-bottom:10px;}
.flipper span{display:block;}
.flipper .box1 {position:relative; overflow:hidden; background-color: #fff; }
.flipper .box1 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%, -50%); width:70%; height:auto;}

/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {
	.flip-container, .flip-container:nth-of-type(3n) {margin:0 4% 4% 0; width: 48%; }
	.flip-container:nth-of-type(2n){margin-right:0;}

}
@media only screen and (max-width: 600px) {
	.flip-container, .flip-container:nth-of-type(2n), .flip-container:nth-of-type(3n) {margin:0 0 20px 0; width: 100%; float:none;}
}
/*-------------------------
	Lightbox
---------------------------*/
.lightbox {
	/** Position and style */
	position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8);
	text-decoration:none; color:#666;
	/** Default lightbox to hidden */
	display: none;
}
.lightbox:hover{color:#666;}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;
}

.lightbox .inner, .lightboxResource { background-color: #fff; position: absolute; bottom: 50%; right: 50%; padding:30px; width:60%; height:auto; max-height:500px; overflow-y:auto;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%); 
	transform: translate(50%,50%);
}

.lightboxResource { display:none;  z-index:99999; position:fixed; max-height:600px; }
.lightboxResource a { text-decoration:none; }
.lightboxResource a span.linkBottom { padding: 10px; display: block; text-align: center; margin-top: 15px; font-weight: 700; }


/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {
	.lightbox .inner, .lightboxResource { width:90%; }
	.lightboxResource { max-height:none; }
}
@media only screen and (max-width: 600px) {
	.lightbox .inner{ max-height:300px;  }
	.lightboxResource { position:absolute; max-height:400px; width:100%; }
}


/*-------------------------
	Header
---------------------------*/
header{ line-height:1; position:relative;}
header a{color:#0f1433; text-decoration:none; font-weight:600; }
header .container{position:relative;}
header .container:after{content : ""; display: block; clear: both;}
.headerWrapper{position:relative; z-index:11; background-color:#FFF; padding:16px 0; box-shadow: 0px 3px 5px 0px rgba(35, 35, 35, 0.6);}
.headerDetails{float:right; margin-top:12px;}
.headerDetails > a{display:inline-block; vertical-align:top; padding-top:13px;}
.searchform{display:inline-block; margin-left:20px; position:relative;}
.searchform input[type=text]{font-size:14px; background-color:#444b78; color:#FFF; border:none; padding:12px 15px; width:255px;}
.searchform input[type=text]::-webkit-input-placeholder {color: #FFF;}
.searchform input[type=submit]{background:none; border:none; width:22px; height:22px; position:absolute; top:7px; right:15px; cursor:pointer;}
.searchform span{display:inline-block; color:#FFF; position:absolute; top:7px; right:15px; font-size:22px;}

.mainMenuContainer{ max-width:1024px; width:90%; margin:0 auto; position:relative; z-index:10; }

/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {
	.searchform{margin-left:10px;}
	.searchform input[type=text]{width:165px;}
}
@media only screen and (max-width: 800px) {
	.headerDetails{display:none;}
}
@media only screen and (max-width: 600px) {
	.headerWrapper{padding:12px 0;}
	}

/*-------------------------
	SubHeader
---------------------------*/
#subHeader{position:relative; padding:0 5%; margin-bottom:24px; border-bottom:9px solid #db6826; height:135px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#subHeader.subHeader--no-margin { margin-bottom:0; }
.expandedHeader #subHeader{height:370px; text-align:center; font-size:24px; font-weight:300; color:#757ba3;}
.expandedHeader #subHeader h1{color:#FFF; font-size:36px; font-weight:300; text-transform:none; margin-bottom:12px;}
.subHeadContent{
	position:absolute; 
	top:50%; left:50%; 
	transform:translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	border-top:1px solid #444b78; border-bottom:1px solid #444b78;
	padding:12px 0;
}

/* -- Responsive Styles -- */
@media only screen and (max-width: 800px) {
	#subHeader{height:75px;}
	.expandedHeader #subHeader{height:250px; font-size:20px;}
	.expandedHeader #subHeader h1{font-size:28px;}
}

/*-------------------------
	Breadcrumbs
---------------------------*/
#breadcrumbs{margin-bottom:60px; color:#999;}
#breadcrumbs a{color:#999;}
#breadcrumbs a:hover{color:#b2d235;}

@media only screen and (max-width: 800px) {
	#breadcrumbs{margin-bottom:30px;}
}

/*-------------------------
	Navigation
---------------------------*/
nav ul{list-style:none; line-height:1;}
nav ul:after{content : ""; display: block; clear: both;}
nav li{display:block; float:left;}
nav a{text-decoration:none;}

#topMenu{display:inline-block; vertical-align:top; margin-right:8px; padding-top:13px;}
#topMenu li a, #topMenuMobile li a{display:inline-block; padding:0 10px; border-right:1px solid #0f1433;}
#topMenu li:last-of-type a, #topMenuMobile li:last-of-type a{border-right:0;}

#mainMenu{position:absolute; top:0; left:0; width:100%;}
#mainMenu div > ul > li{width:25%;}
#mainMenu div > ul > li.menu-item-has-children > a:before, #mainMenuMobile > div > ul > li.menu-item-has-children a:before{font-family:FontAwesome; display:inline-block; content:'\f0d7'; font-size:12px; margin-right:4px; vertical-align:top; padding-top:4px;}
#mainMenu div > ul > li > a{padding-top:13px; display:block; background:#0f1433; color:#FFF; height:45px; text-align:center; font-size:18px; text-transform:uppercase; font-weight:600; }
#mainMenu div > ul > li:nth-of-type(2) > a, #mainMenuMobile li:nth-of-type(2) > a{background:#db6826;}
#mainMenu div > ul > li:nth-of-type(3) > a, #mainMenuMobile li:nth-of-type(3) > a{background:#a4c231;}
#mainMenu div > ul > li:nth-of-type(4) > a, #mainMenuMobile li:nth-of-type(4) > a{background:#505050;}
/* -- DrownDowns -- */
#mainMenu div > ul > li > ul{display:none;}
#mainMenu div > ul > li:hover > ul{display:block; position:absolute; width:100%; background:#0f1433; left:0; top:45px; padding:45px 35px;}
#mainMenu div > ul > li > ul > li{width:25%; padding-right:20px;}
#mainMenu div ul ul li a{padding-bottom:10px; display:block;}
#mainMenu div > ul > li > ul > li > a{color:#FFF; font-weight:600; }
#mainMenu div > ul > li > ul > li > a:hover{color:#0f1433;}
#mainMenu div > ul > li > ul > li > ul > li{position:relative; float:none;}
#mainMenu div > ul > li > ul > li > ul > li > a{color:#bab9b9; padding-left:10px;}
#mainMenu div > ul > li > ul > li > ul > li > a:before{font-family:FontAwesome; position:absolute; top:0; left:0; height:100%; display:block; content:'\f105'; margin-right:4px;}
#mainMenu div ul ul ul li{width:100%;}
#mainMenu div ul ul ul a{color:#8e8e8e; padding-left:20px;}
/*Dropdown 1*/
#mainMenu div > ul > li:nth-of-type(1) li a:hover{color:#b2d235;}
/*Dropdown 2*/
#mainMenu div > ul > li:nth-of-type(2) > ul{background:#db6826;}
/*Dropdown 3*/
#mainMenu div > ul > li:nth-of-type(3) > ul{background:#a4c231;}
#mainMenu div > ul > li:nth-of-type(3) > ul > li > ul > li > a{color:#666;}
#mainMenu div > ul > li:nth-of-type(3) > ul > li > ul > li > a:hover{color:#0f1433;}
/*Dropdown 4*/
#mainMenu div > ul > li:nth-of-type(4) > ul{background:#505050;}


#mobileButton{border-radius:3px; cursor:pointer; display:none; float:right; font-weight:600; color:#0f1433; margin-top:26px;}
#mobileButton:hover, #mobileButton.active{color:#b2d235;}

#mobileMenu, #mobileMenu nav ul ul{display:none;}
#topMenuMobile{padding:10px 5% 15px 5%;}
#topMenuMobile li:first-of-type a{padding-left:0;}
#mobileMenu .phone{padding:20px 5% 0 5%; display:block;}
#mainMenuMobile li, #mainMenuMobile a{display:block; float:none;}
#mainMenuMobile a{background:#0f1433; color:#FFF; text-transform:uppercase; padding:10px 5%;}
#mainMenuMobile li.menu-item-has-children a:before{content:'\f0da'; padding-top:2px;}

/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {
	#mainMenu{bottom:-35px;}
	#mainMenu div > ul > li > a:before{padding-top:2px;}
	#mainMenu div > ul > li > a{font-size:14px; height:35px; padding-top:11px;}
	#mainMenu div > ul > li:hover > ul{top:35px;}
}
@media only screen and (min-width: 801px) {
	#mobileButton, #mobileMenu{display:none !important;}
}
@media only screen and (max-width: 800px) {
	#mobileButton{display:block;}
	#mainMenu{display:none;}
}
@media only screen and (max-width: 600px) {
	#mobileButton{margin-top:20px;}
	}

/*-------------------------
	Sidebar
---------------------------*/
#sidebar{width:22.666%; width: calc( 17.5em ); float:left;}
#sidebar #sideMenu{margin-bottom:40px;}
#sidebar #sideMenu ul{margin:0; width:100%;}
#sidebar #sideMenu li{display:none; float:none;}
#sidebar #sideMenu li.current_page_parent ul li, #sidebar #sideMenu li.current_page_parent,
#sidebar #sideMenu li.current_page_ancestor ul li, #sidebar #sideMenu li.current_page_ancestor {display:block;}
#sidebar #sideMenu li.current_page_parent > a, #sidebar #sideMenu li.current_page_ancestor > a{display:none;}
/*2nd level*/
#sidebar #sideMenu li.current_page_parent li, #sidebar #sideMenu li.current_page_ancestor li{border-top:#CCC 1px solid; position:relative; line-height:1.2;}
#sidebar #sideMenu li.current_page_parent > li:last-of-type, #sidebar #sideMenu li.current_page_ancestor > li:last-of-type{border-bottom:#CCC 1px solid;}
#sidebar #sideMenu li.current_page_parent li a, #sidebar #sideMenu li.current_page_ancestor li a{background-color:#dfdede; color:#0f1433; padding:12px 35px 12px 12px; display:block;}
#sidebar #sideMenu li.current_page_parent li a:hover, #sidebar #sideMenu li.current_page_ancestor li a:hover{color:#b2d235;}
#sidebar #sideMenu li.current_page_parent li.current_page_item > a, #sidebar #sideMenu li.current_page_ancestor li.current_page_item > a{font-weight:600;}
#sidebar #sideMenu li.current_page_parent li.menu-item-has-children > a:after, 
#sidebar #sideMenu li.current_page_ancestor li.menu-item-has-children > a:after{font-family:FontAwesome; display:block; content:'\f0da'; position:absolute; top:0; right:0; height:100%; padding-top:12px; text-align:center; width:35px; border-left:#CCC 1px solid; font-weight:400;}
#sidebar #sideMenu li.current_page_ancestor li.current_page_item.menu-item-has-children > a:after,
#sidebar #sideMenu li.current_page_ancestor li.current_page_ancestor.menu-item-has-children > a:after{content:'\f0d7';}
/*3rd level*/
#sidebar #sideMenu li.current_page_parent li ul, #sidebar #sideMenu li.current_page_ancestor li ul{display:none;}
#sidebar #sideMenu li.current_page_parent li.current_page_item.menu-item-has-children ul, 
#sidebar #sideMenu li.current_page_ancestor li.current_page_ancestor.menu-item-has-children ul{display:block;}
#sidebar #sideMenu li.current_page_parent li li a, #sidebar #sideMenu li.current_page_ancestor li li a{background-color:#eee; border:none; }
/*4th level*/
#sidebar #sideMenu li.current_page_ancestor li ul li a:after{display:none !important;}
#sidebar #sideMenu li.current_page_ancestor li ul li ul li{display:none;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item a,
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor a{color:#db6826;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item ul,
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor ul{padding-bottom:12px; background-color:#eee;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item ul li, #sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor ul li{display:block; border:none;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item ul li a,
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor ul li a{color:#db6826; border:none; padding:5px 30px;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item ul li > a,
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor ul li > a{padding-top:none;}
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_item ul li a:before,
#sidebar #sideMenu li.current_page_ancestor li ul li.current_page_ancestor ul li a:before{font-family:FontAwesome; display:inline-block; content:'\f105'; margin-right:4px;}

#sidebar a.sideLinkBlock{display:block; background:url(assets/images/orange-diag.jpg)0 0 repeat #db6826; color:#FFF; padding:15px; text-decoration:none; font-weight:600;}
#sidebar a.sideLinkBlock:hover{background:#0f1433;}
#sidebar .brochureItems a{margin:20px 0;}

.sidebarImages img{max-width:80%; height:auto; text-align:center; display:block; margin: 0 auto 20px auto;}

@media only screen and (max-width: 800px) {
	#sidebar{width:100%; float:none; margin-bottom:20px;}
}

/*-------------------------
	Insight Box
---------------------------*/
#front-page .insightItems a{position:relative; margin-top:40px; display:block; background:#FFF; border:1px solid #dddbdb; color:#666; text-decoration:none; padding:45px 20px 20px 20px; line-height:1.5;}

.insightItems a.resources__sort-results-link{position:relative; margin-top:40px; display:block; background:#FFF; border:1px solid #dddbdb; color:#666; text-decoration:none; padding:45px 20px 20px 20px; line-height:1.5;}
.insightItems a h3{font-size:16px; color:#0f1433; font-weight:600; margin-bottom:15px; line-height:1.4;}{color:#b2d235;}
.insightItems span.itemTag{
	position:absolute; 
	top:0; left:50%; 
	-ms-transform: translate(-50%, 0);
	-webkit-transform:translate(-50%, 0); 
	transform:translate(-50%, 0);
	color:#FFF; 
	padding:4px; 
	width:55%; 
	background:#0f1433;
	text-align:center;
	display:block;
	font-weight:600;
	line-height:1;
}
.insightItems span.itemTag.orange{background:#db6826;}
.insightItems span.itemTag.green{background:#b2d235;}
.insightItems span.itemTag.grey{background:#505050;}
.insightItems span.itemTag.blue{background:#505050;}

.insightItems span.date{color:#db6826; font-weight:700; display:block; margin-bottom:6px;}
.insightItems a:hover{background:#EEE;}
.insightItems a span.readMore{text-decoration:underline; color:#0c6bcc;}
.insightItems a:hover span.readMore{color:#444b78;}


/*-------------------------
	Quotes
---------------------------*/
.quoteItem{color:#8e93b5; font-style:italic; margin-top:40px; padding:20px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image:url(assets/images/quote-background.jpg);
}
.quoteAuthor{font-style:normal; line-height:1.4; margin-top:25px;}
.quoteAuthor span{color:#FFF; display:block;}

/*-------------------------
	Benefits
---------------------------*/
.benefits{background:#b2d235; padding:30px 0; text-align:center; margin-top:40px; line-height:1.2;}
.benefits:after{content : ""; display: block; clear: both;}
.benefits .benCol{float:left; padding:0 26px; border-right:1px solid #FFF;}
.benefits .fa { color:#FFF; font-size:45px; margin:10px; }
.benefits.col3 .benCol{width:33%;}
.benefits.col3 .benCol:last-of-type{border:0;}
.benefits.col4 .benCol{width:50%; margin-bottom:30px;}
.benefits.col4 .benCol:nth-of-type(even){border-right:0;}
.benefits.col4 .benCol:nth-of-type(even):after { content:''; clear:both; }
.benefits h2{margin-bottom:30px;}
.benefits h3{color:#0f1433; line-height:1.2; margin-bottom:6px;}
.benefits img{height:45px; width:auto; margin-bottom:10px;}

@media only screen and (max-width: 800px) {
	.benefits.col3 .benCol, .benefits.col4 .benCol{width:90%; float:none; border-right:0; padding:0; margin:0 auto 20px auto; padding-bottom:20px; border-bottom:1px solid #FFF;}
	.benefits .benCol:last-of-type{border-bottom:none;}
}

/*-------------------------
	Contact Box
---------------------------*/
.contactBox{text-align:center; font-size:16px; color:#0f1433; padding:30px; background:#EEE; margin-top:40px;}
.contactBox span{margin-right:8px; display:inline-block;}
.contactBox a{text-decoration:none; color:#db6826;  font-weight:600;}

/*-------------------------
	Related Services
---------------------------*/
.relatedServices{padding-top:40px; border-top:1px solid #EEE; margin-top:40px;}
.relatedServices.linkBlock{border-top:none; padding-top:0; margin-top:0;}
.relatedServices h2{margin-bottom:20px;}
.relatedServices ul{list-style:none; margin:0;}
.relatedServices li:before{display:none;}
.relatedServices li{width:48%; float:left; display:block; margin:0 4% 16px 0; padding:0;}
.relatedServices li:nth-of-type(even){margin-right:0;}
.relatedServices li a{display:block; color:#0f1433; background:#EEE; text-decoration:none; padding:16px; border-left:5px solid #0f1433;}
.relatedServices li a:hover{border-color:#b2d235; background-color:#f5f4f4; color:#b2d235;}

@media only screen and (max-width: 600px) {
	.relatedServices li{width:100%; float:none; margin:0 0 16px 0;}
}

/*-------------------------
	Pagination
---------------------------*/
.pagination {clear:both; padding:20px 0; position:relative;}
.pagination ul{list-style:none;  }
.pagination li{padding-left:0; display:inline-block;}
.pagination li:before{display:none;}
.pagination span, .pagination a {display:inline-block; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #0f1433;}
.pagination a:hover, .pagination li.active a{color:#fff; background: #b2d235;}

/*-------------------------
	Footer
---------------------------*/
footer{background-color:#393939; color:#9c9b9b; border-top:9px solid #db6826;}
footer a{color:#FFF;}

footer .footerTop{background-color:#0f1433; font-size:16px; color:#babfde; padding:20px 0; box-shadow: 0px 3px 5px 0px rgba(35, 35, 35, 0.6);}
footer .footerTop .container{position:relative;}
footer .footerTop .container:after{content : ""; display: block; clear: both;}
footer .footerTop a.logo, footer .footerTop p{position:absolute; top:50%; left:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform: translate(0, -50%); }
footer .footerTop p{margin:0;  display:inline-block; width:45%; left:200px;}
footer .footerTop .container div{float:right; width:228px; font-size:24px;}
footer .footerTop .container div a:first-of-type{margin-bottom:12px;}
footer .footerTop .container div a.button{border-color:#72779c;}
footer .footerTop .container div a.button i{font-size:18px;}
footer .footerTop .container div a:first-of-type i{font-size:12px;}
footer .footerTop .container div a.button:hover{background:#72779c; color:#0f1433;}
footer .footerTop .container div a.button:hover span{border-color:#0f1433;}

footer nav#siteMap{margin-top:45px}
footer nav#siteMap:after{content : ""; display: block; clear: both;}
footer nav#siteMap li{float:none; margin-bottom:8px;}
footer nav#siteMap a{display:block; line-height:1.2; color:#eee;}
footer nav#siteMap div > ul > li{ width:160px; display:block; float:left; margin:0 30px 20px 0; font-weight:600;}
footer nav#siteMap div > ul > li:nth-of-type(2n){width:200px; margin-right:40px;}
footer nav#siteMap div > ul > li:nth-of-type(3n){margin-right:0;}
footer nav#siteMap div > ul > li:first-of-type{width:56%;}
footer nav#siteMap div > ul > li:first-of-type > ul:after{content : ""; display: block; clear: both;}
footer nav#siteMap div > ul > li:first-of-type > ul > li{width:50%; display:block; float:left; margin:0 0 20px 0; padding-right:30px;}
footer nav#siteMap div > ul > li:first-of-type > ul > li > a{margin-bottom:8px;}
footer nav#siteMap div > ul > li > a{color:#db6826; text-transform:uppercase; margin-bottom:22px; font-weight:700;}
footer nav#siteMap div ul li:nth-of-type(3n) ul ul{display:none;}
footer nav#siteMap div ul ul ul li a{color:#bab9b9; position:relative; padding-left:8px;}
footer nav#siteMap div ul ul ul li a:before{font-family:FontAwesome; content:'\f105'; display:block; position:absolute; left:0; top:0; font-size:12px;}
footer nav#siteMap div ul li ul ul ul{display:none !important;}
footer nav#siteMap a:hover{color:#b2d235;}

footer .footerBottom{padding:12px 0; border-top: 1px solid #9c9b9b;}
footer .footerBottom:after{content : ""; display: block; clear: both;}
footer .footerBottom .copyright{float:left; width:70%; padding-top:12px;}
footer .footerBottom nav, footer .footerBottom span{display:inline-block; line-height:1; vertical-align:top;}
footer .footerBottom nav a{display:inline-block; padding:0 10px; border-right:1px solid #FFF; }
footer .footerBottom nav li:last-of-type a{border-right:0;}

/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {
	footer .footerTop p, footer .footerTop a.logo{left:0; position:relative; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform: translate(0,0); }
	footer .footerTop p{width:70%;}
	footer .footerTop .container div a.button{display:none;}
	footer .footerBottom .copyright, footer .footerBottom .social{width:100%; float:none; text-align:left; margin-bottom:20px;}
	footer .footerBottom .social a:first-of-type{margin-left:0;}
	footer .footerBottom nav li:first-of-type a{padding-left:0;}
	footer .footerBottom span{margin-bottom:6px;}
}
@media only screen and (max-width: 800px) {
	footer .footerTop p{width:100%; display:block; margin-top:10px; font-size:14px; line-height:1.5;}
	footer nav#siteMap{display:none;}
	footer .footerBottom{border-top:0;}
	footer .footerBottom nav a { line-height:2; }
}

/*-------------------------
	Social Icons
---------------------------*/
.social{float:right; width:30%; text-align:right;}
.social a{position:relative; display:inline-block; border: 2px solid #5f5e5e; width:32px; height:32px; margin-left:10px; font-size:16px;}
.social a i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.social a:hover{background:#b2d235; color:#393939;}

/*-------------------------
	Gravity Forms
---------------------------*/
form *{font-family: 'Open Sans', sans-serif; font-size:14px; }
.gform_wrapper { margin:0; }
.gform_wrapper .gform_body { margin-top:20px; }
.gform_wrapper .gform_body label { font-weight:bold; }
.gform_wrapper ul.gform_fields { overflow-x:hidden; }
.gform_wrapper ul li { margin-bottom:.75em; }
.gform_wrapper ul li:nth-child(even):after { content:''; display:block; clear:both; height:1px; }
.gform_wrapper .validation_message { position:absolute; right:0; }
.gform_wrapper select { height:40px; }
.gform_wrapper .ginput_container { position:relative; }
.gform_wrapper div.validation_error { padding:5px 0; border-top:1px solid red; border-bottom:1px solid red; color: red; font-size: 1.2em; font-weight: bold; margin:20px 0; clear: both; }
.gform_confirmation_message { text-align: center; font-size: 24px; }
.gform_wrapper .gfield_error .gfield_label { color: red; }

.gform_wrapper ul{margin:0 !important;}
.gform_wrapper ul:after{content : ""; display: block; clear: both;}
.gform_wrapper ul li{width:48%; display:block; float:left; clear:right !important; margin-bottom:18px; padding:0;}
article .gform_wrapper ul li:before{display:none;}
.gform_wrapper ul li:nth-child(even){float:right;}
.gform_wrapper ul li.full-width{width:100%; float:none;}
.content .gform_wrapper label.gfield_label + div.ginput_container{margin:0;}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield textarea, .gform_wrapper .gform_body .gform_fields .gfield select {width:100%; padding:8px; border:1px solid #CCC;}
.gform_wrapper .gform_body .gform_fields .gfield textarea{height:150px; padding:8px;}
.content .gform_wrapper .top_label .gfield_error {width:48%;}
.content .gform_wrapper .top_label .full-width.gfield_error {width:100%;}
.gform_wrapper .gform_footer .gform_button, .gf_browser_ie.gform_wrapper .gform_footer input.button {padding:14px !important; font-size:16px; line-height:1; display:block; color:#FFF; background-color:#db6826; cursor:pointer; border:0; width:48%; text-transform:uppercase;}
.gform_wrapper .gform_footer .gform_button:hover, .gf_browser_ie.gform_wrapper .gform_footer input.button:hover { background-color:#a4c231; }
.gform_wrapper .gform_body:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.validation_message{display:none;}
.validation_error{color:red; margin-bottom:20px;}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text], .gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea{border-color:red;}

/* Gravity Forms Honeypot */
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; }

/* --- Gravity Forms Responsive Styles --- */ 
@media only screen and (max-width: 800px) {
	.gform_wrapper ul li.gfield, .gform_wrapper .top_label .gfield_error, .gform_wrapper ul li.gfield:nth-child(even), .gform_wrapper .gform_footer .gform_button{width:100% !important; float:none;}
}

/*======================================================== 
							PAGES 
======================================================== */
/*-------------------------
Home
---------------------------*/
#front-page.content{padding:0;}
#front-page h2{font-size:36px; font-weight:400; text-transform:uppercase; margin-bottom:28px; line-height:1.2;}
#front-page section{font-size:18px; padding:80px 0; text-align:center;}

section#homeSlider{padding:0;}
section#homeSlider ul.slides li{
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
section#homeSlider .container{position:relative; height:480px;}
section#homeSlider .slideContent{
	width:44%;
	text-align:left; 
	color:#9295a9; 
	font-size:26px; 
	font-weight:300;
	position:absolute; 
	top:52%; left:0; 
	transform:translate(0,-52%); -webkit-transform:translate(0,-52%); -ms-transform: translate(0,-52%);
}
section#homeSlider .slideContent h1{font-size:48px; font-weight:300; color:#FFF; text-transform:none; line-height:1.1;}
section#homeSlider .slideContent span.tagline{line-height:1.2; padding:10px 0; display:block; border-top:1px solid #868aa2; border-bottom:1px solid #868aa2; margin:16px 0;}
section#homeSlider .slideContent a{line-height:1.2; font-size:18px; text-decoration:none; color:#9295a9;}
section#homeSlider .slideContent a span{color:#db6826; font-weight:600; font-size:20px;}
section#homeSlider .slideContent a:hover{color:#b2d235;}
section#homeSlider .flexslider .slides > li {
	-webkit-backface-visibility: visible;
   	backface-visibility: visible;
}

#callOutBar { background:url(assets/images/orange-diag.jpg) top left repeat #db6826; color:#fff; font-size:18px; text-align:center; padding:26px; }
#callOutBar p{ text-transform: uppercase; margin: 0; }
#callOutBar p:nth-of-type(2) { text-transform: none; }
#callOutBar a { color: #fff; }

#front-page #events { padding: 45px 0; background-color: #eee; font-size: 18px; }
#front-page #events .container:after { content: ""; display: block; clear: both; }
#front-page #events .eventItem { display: block; text-decoration: none; color: #505050; position: relative; float: left; background-color: #fff; }
#front-page #events .eventItem:hover { color: #db6826; }
#front-page #events .eventItem p { margin: 0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
#front-page #events .eventInfo { padding: 10px 10px 10px 23%; padding-left: calc(22% + 10px); }
#front-page #events .date { position: absolute; top: 0; left: 0; height: 100%; width: 22%; background-color: #db6826; color: #fff; font-weight: 600; text-align: center; }
#front-page #events .date span { display: block; white-space: nowrap; }
#front-page #events .dateContent { position: absolute; top: 50%; right: 50%; 
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
#front-page #events .threeEvents .eventItem { width: 30%; margin-right: 5%; }
#front-page #events .twoEvents .eventItem { width: 47.5%; margin-right: 5%; }
#front-page #events .oneEvent .eventItem { float: none; width: 100%; }
#front-page #events .threeEvents .eventItem:nth-last-of-type(1), #front-page #events .twoEvents .eventItem:nth-last-of-type(1) { margin-right: 0; }

section#eventBanner{clear:both; background-color: #eee; padding:45px 0;}
section#eventBanner a{display:block; margin:0 auto; max-width:800px;}
section#eventBanner a img{width:auto; height:auto;}

section#strengths{max-width:1200px; margin:0 auto; font-size:16px; padding:50px 0;}
section#strengths:after{content : ""; display: block; clear: both;}
section#strengths div{width:33%; float:left; border-right:1px solid #e1e1e1; padding:0 3%;}
section#strengths div:last-of-type{border-right:0;}
section#strengths h3{font-size:24px; font-weight:400; color:#0f1433; margin:20px 0 14px 0;}

section#services{background:#eeeeee;}
section#services .container:after{content : ""; display: block; clear: both;}
section#services h2{color:#db6826;}
section#services a{width:23.5%; float:left; display:block; margin-right:2%; position:relative; margin-top:20px;}
section#services a:last-of-type{margin-right:0;}
section#services a img{width:100%; height:auto; display:block;}
section#services a div{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(15,20,50,0.8);}
section#services a:nth-of-type(2n) div{background-color:rgba(219,104,38,0.8);}
section#services a:nth-of-type(3n) div{background-color:rgba(178,210,53,0.8);}
section#services a:nth-of-type(4n) div{background-color:rgba(80,80,80,0.8);}
section#services a h3{color:#FFF; font-size:28px; line-height:36px; text-align:center; font-weight:400; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); display:block;}
section#services a:hover div{background:#0f1433;}

section#partners{color:#72779c;  background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment:fixed;}
section#partners h2{color:#FFF;}
section#partners .partnerLogos img{display:inline-block; margin:20px; max-width:260px; height:auto;}

section#news{background:#eeeeee; text-align:left;}
section#news h2{color:#0f1433; margin-bottom:18px;}

#front-page #news .insightItems a { font-size:14px; margin-top: 0; }
#front-page #news .insightItems > li > div { padding: 0 15px; }
#front-page #news .flexslider { margin-top: 40px; }
#front-page #news .flexslider .flex-direction-nav a { margin: 0; top: 50%; width: auto; height: auto; padding: 0; outline: 0; }
#front-page #news .flexslider .flex-direction-nav a:before { font-size: 76px; line-height: 1; }
#front-page #news .flexslider .flex-direction-nav .flex-prev { left: 0;
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
#front-page #news .flexslider .flex-direction-nav .flex-next { right: 0;
	-webkit-transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
#front-page #news .flexslider .flex-direction-nav .flex-disabled  { opacity: 1 !important; }


@media only screen and (max-width: 1024px) {
	section#services a h3{font-size:20px; line-height:1.2;}
	section#homeSlider .container{height:400px;}
	section#homeSlider .slideContent{width:60%; font-size:20px;}
	section#homeSlider .slideContent h1{font-size:42px;}
	#front-page #events .eventItem { font-size: 16px; }
	/* less spacing between each item on mid screens */
	#front-page #events .threeEvents .eventItem { width: 32%; margin-right: 2%; }
	#front-page #events .twoEvents .eventItem { width: 49%; margin-right: 2%; }
	#front-page #events { padding: 30px 0; }
}
@media only screen and (max-width: 800px) {
	section#homeSlider .slideContent{width:80%; font-size:18px; top:50%; 
	transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform: translate(0,-50%);}
	section#homeSlider .slideContent h1{font-size:36px;}
	section#homeSlider .slideContent a, section#homeSlider .slideContent a span{font-size:16px;}
	#front-page h2{font-size:28px; margin-bottom:18px;}
	#front-page section{font-size:14px; line-height:1.5; padding:50px 0;}
	section#eventBanner{padding:0 0 25px 0;}
	#front-page section#homeSlider{padding:0;}
	section#strengths{width:90%;}
	section#strengths div{width:100%; border-right:0; padding:0; margin-bottom:20px; border-bottom:1px solid #e1e1e1; float:none;}
	section#strengths div:last-of-type{border-bottom:0; margin-bottom:0;}
	section#strengths h3{font-size:18px; margin:12px 0 6px 0;}
	/* Stack events on smaller screen */
	#front-page #events .threeEvents .eventItem, #front-page #events .twoEvents .eventItem { float: none; width: 100%; margin: 0 0 10px; }
	#front-page #events .threeEvents .eventItem:nth-last-of-type(1), #front-page #events .twoEvents .eventItem:nth-last-of-type(1) { margin-bottom: 0; }
}

@media only screen and (max-width: 600px) {
	section#homeSlider .container{height:200px;}
	section#homeSlider .slideContent{width:100%;}
	section#homeSlider .slideContent h1{font-size:28px; margin-bottom:0;}
	section#homeSlider .slideContent span.tagline{margin:8px 0;}
	section#homeSlider .slideContent a{display:none;}
	section#partners{background-attachment: scroll;}
	#callOutBar{ font-size:14px; padding: 10px 18px; }
	section#services a{width:100%; float:none; margin-right:0;}
	#front-page #news .flexslider .flex-direction-nav { display: none; }
} 

/*-------------------------
	Top Level Template
---------------------------*/
#pageTop{text-align:center;}
#pageTop #subHeader{margin-bottom:62px;}
#pageTop.content{background:#eee; font-size:18px; line-height:28px;}

.subpages{margin-top:50px;}
.subpages:after{content : ""; display: block; clear: both;}
.subpages a{width:32%; margin: 0 2% 2% 0; float:left; display:block; text-decoration:none; position:relative; height:150px;}
.subpages a:nth-of-type(3n){margin-right:0;}
.subpages a img, .subpages a div{width:auto; height:150px;  overflow:hidden; display:block;}
.subpages a div{background:#0f1433;}
.subpages a h3{
	color:#FFF; 
	position:absolute; 
	top:50%; left:50%; 
	transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
	line-height:1.3;
	font-weight:400;
	border-top:1px solid #444b78; border-bottom:1px solid #444b78;
	padding:12px 0;
}
.subpages a span.outer{display:none; top:0; left:0; text-align:center; color:#FFF; font-size:16px; line-height:1.3;}
.subpages a:hover span.outer{display:block; position:absolute; width:100%; height:100%; background-color:rgba(219,104,38,1);}
.subpages a span.outer span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); display:block;}
.subpages a:hover div{background:#444b78;}

@media only screen and (max-width: 800px) {
	#pageTop.content{font-size:14px; line-height:24px;}
	.subpages a, .subpages a:nth-of-type(3n), .subpages a:nth-of-type(4n){width:49%; margin: 0 2% 2% 0;}
	.subpages a:nth-of-type(2n){margin-right:0;}
}
@media only screen and (max-width: 600px) {
	.subpages a{width:100% !important; margin: 0 0 20px 0 !important; float:none;}
}

/*-------------------------
	Industries
---------------------------*/
#industries .container:after{content : ""; display: block; clear: both;}
#industries article li{width:48%; margin-right:4%; display:block; float:left;}
#industries article li:nth-of-type(even){margin-right:0;}
#industries article h2 + ul{margin-top:20px;}


/*-------------------------
	Company
---------------------------*/
/* -- Team -- */
#team article:after, a.teamItem:after{content : ""; display: block; clear: both;}
a.teamItem{display:block; width:31%; float:left; margin:20px 2% 0 0; border:1px solid #EEE; text-decoration:none;}
a.teamItem img{display:block; margin:10px auto 0 auto; width:80%; max-width:132px; height:auto; border:1px solid #EEE;}
a.teamItem span{display:block; text-align:center;  padding:10px; line-height:1.2; color:#666;}
a.teamItem span h3{color:#db6826; font-size:14px; margin:0 0 4px 0;}
a.teamItem:hover{box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);}

/* -- Partners -- */
#partners article:after{content : ""; display: block; clear: both;}
a.partnerItem{display:block; width:32%; height:150px; float:left; margin:2% 2% 0 0; border:1px solid #CCC; position:relative; overflow:hidden;}
a.partnerItem:nth-of-type(3n){margin-right:0;}
a.partnerItem img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-width:80%; max-height:80%;}
a.partnerItem:hover{box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);}


@media only screen and (max-width: 1024px) {
	a.partnerItem, a.partnerItem:nth-of-type(3n){width:48%; margin:4% 4% 0 0;}
	a.partnerItem:nth-of-type(2n){margin-right:0;}
}
@media only screen and (max-width: 600px) {
	a.partnerItem, a.partnerItem:nth-of-type(2n), a.partnerItem, a.partnerItem:nth-of-type(3n) { width:100%; margin:20px 0 0 0; float:none; }
}
@media only screen and (max-width: 500px) {
	a.teamItem{ width: 100%; margin:20px auto 0 auto; float:none; }
}

/* -- Careers -- */
#careers .container:after, #culture .container:after{content : ""; display: block; clear: both;}

#culture h1{margin-bottom:40px;}
#culture .flip-container, #culture .front, #culture .back{height:250px;}
#culture .box1 h3{padding:15px; line-height:1.2;}
#culture .flipper .box1{position:relative; overflow:hidden; padding:0;}
#culture .flipper .box1 img{display:block; width:100%; height:auto; position:relative; top:0; left:0; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform: translate(0,0); }

/* -- Responsive Styles -- */
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 600px) {
	#culture .flip-container, #culture .front, #culture .back{height:300px;}
}


/*-------------------------
	Resources
---------------------------*/
.groupContainers{margin-top:40px;}
.groupContainers:after{content : ""; display: block; clear: both;}
.groupContainers a{width:31%; float:left; margin: 0 2% 2% 0; display:block; text-decoration:none; }
.groupContainers a span{display:block;}
.groupContainers a:nth-of-type(3n){margin-right:0;}
a span.linkBottom{padding:6px 15px;  background:#a4c231; color:#FFF;}
a:hover span.linkBottom{color:#FFF; background:#0f1433;}

#pageTop.resources{background:#FFF;}

/**********************
	Video Overlay
**********************/
.video__backdrop {display:none;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);}
.video__overlay {display:none;z-index:1000;position:fixed; text-align:left; width:90%; max-width:800px; padding:50px;background:#FFF; margin-top:50px;right:50%;transform:translateX(50%);}
.video__player {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video__player--iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video__overlay--close {position:absolute; right: 5px; top: 0px; text-decoration: none; color: #333;}
.video__overlay--close:after {font-family:fontAwesome; content:'\f00d';}
.video__title {color: #0f1433; text-transform: inherit; font-size: 32px; margin-bottom: 16px;}
.video__summary {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px;color: #666;margin-top:20px;}

/* -- Sort Section -- */
.resources__sort-section{background:#eee; padding:25px 15px 15px; margin-top:35px; text-align:left; display:flex; flex-direction: row; flex-wrap: wrap;}
.resources__sort-section-label{font-weight:bold; display:block; font-size:14px; color:#666; line-height:1.3; margin-bottom:6px;}
.resources__sort-section-input{flex-basis:calc(100% - 30px); margin:0 15px 20px 15px; position:relative;}
.resources__sort-section-input select, .resources__sort-section-input input{width:100%; padding:8px; border:1px solid #CCC; height:40px;}
.resources__sort-section-input input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #999;}
.resources__sort-section-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #999; }
.resources__sort-section-input input::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #999; }
.resources__sort-section-input input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999;}
.resources__sort-section-search-icon{position:absolute; bottom:8px; right: 10px; font-size:14px;}
.resources__sort-section-search-icon:after{font-family:fontAwesome; content:'\f002';}

.resources__sort-results{min-width:100%; text-align:left; font-size:14px; line-height:1.3; margin-top:20px; border:1px solid #CCC; padding: 0 10px;}
.resources__sort-results-link{text-decoration:none; color:#0f1433; font-weight:bold; display:block;}
.resources__sort-results-link:hover{color:#a4c231;}
.resources__sort-results-link span{display:inline-block; padding-left:4px;}
.resources__sort-results td:last-of-type .resources__sort-results-link:before{font-family:fontAwesome; content:'\f019';}
.resources__sort-results td:last-of-type .resources__sort-results-play:before{content:'\f04b';}
.resources__sort-results th{display:none;}
.resources__sort-results td{display: block; padding:4px 4px 12px;}
.resources__sort-results td:first-of-type{padding-top:12px;}
.resources__sort-results td:last-of-type{padding-bottom:16px; border-bottom:1px solid #CCC;}
.resources__sort-results tr:nth-of-type(odd) td{background:#eee;}
.resources__sort-results td:before{content: attr(data-th)" "; font-weight: bold; display: block; min-width:80px; margin-bottom:2px;}
.resources__sort-results tr:last-of-type td{border:none;}
.resources__sort-results-solution li{margin:0 0 4px 17px;}

@media only screen and (min-width: 768px) {
	.resources__sort-results{padding:0;}
	.resources__sort-section-input{flex-basis:calc(100%/2 - 30px);}
	.resources__sort-section-search-icon{bottom:7px;}
	.resources__sort-results th, .resources__sort-results td, .resources__sort-results td:first-of-type, .resources__sort-results td:last-of-type{display: table-cell; padding: 16px 14px; vertical-align:top;}
    .resources__sort-results th{background:#a4c231; color:#FFF; border-right:1px solid #cbd2cb; padding: 8px 14px;}
	.resources__sort-results th:last-of-type{border-right:none;}
	.resources__sort-results td{border-bottom:1px solid #CCC;}
	.resources__sort-results td:before{display:none;}
	.resources__sort-results-link span{display:none;}
	.resources__sort-results td.resources__sort-results-solution{max-width:125px;}
	.resources__sort-results td.resources__sort-results-title{max-width:150px;}
	
}
@media only screen and (min-width: 1200px) {
	.resources__sort-section-input{flex-basis:calc(100%/4 - 30px);}
}

/* -- Brochures -- */
.brochureItems a{margin-top:0;font-weight:600; border:1px solid #CCC; display:block; text-decoration:none;}
.brochureItems a span{display:block;}
.brochureItems a span.itemName{position:relative;  color:#0f1433; line-height:18px; height:75px;}
.brochureItems a span.itemName:after{content:''; position:absolute; left:15px; z-index:1; bottom:-25px; display:block; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #FFF transparent transparent transparent;}
.brochureItems a span.itemName span{padding:0 15px; position:absolute; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform: translate(0,-50%); }
.brochureItems a span.imageHolder{position:relative;}
.brochureItems a span.imageHolder span{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(15,20,51,0.75);}
.brochureItems a img{display:block; width:100%; height:auto;}
.brochureItems a:hover span.itemName{color:#FFF; background:#0f1433;}
.brochureItems a:hover span.itemName:after{border-color: #0f1433 transparent transparent transparent;}
.brochureCategories { padding-top:40px; clear:both; }

/* -- Briefs, White Papers, Case Studies -- */
.resourceItems a{ color:#666; display:block; text-decoration:none; border:1px solid #CCC; line-height:18px; position:relative; padding-bottom:40px;}
.resourceItems a span.itemName{color:#0f1433; font-weight:600; padding:15px; font-size:16px; line-height:20px;}
.resourceItems a span.itemDescription{ color:#666; padding: 0 15px 0 15px;}
.resourceItems a span.itemLabel{padding:15px;}
.resourceItems a span.linkBottom{position:absolute; bottom:0; width:100%;}

/* -- Videos -- */
.videoItem{width:48%; float:left; margin: 0 2% 2% 0; border:1px solid #CCC; padding:15px; line-height:22px;}
.videoItem:nth-of-type(2n){margin-right:0;}
.videoItem span.itemName{color:#0f1433; font-weight:600; margin-bottom:15px; display:block;}
.videoItem span.itemDescription{margin-top:15px; display:block;}

@media only screen and (max-width: 1024px) {
	.groupContainers a, .groupContainers a:nth-of-type(3n){width:48%; margin-right:2%;}
	.groupContainers a:nth-of-type(2n){margin-right:0;}
	.videoItem, .videoItem:nth-of-type(2n){width:100%; margin-right:0; float:none; margin-bottom:20px;}
}

@media only screen and (max-width: 600px) {
	.groupContainers a, .groupContainers a:nth-of-type(3n){width:100%; margin-right:0; float:none; margin-bottom:20px;}
}

/*-------------------------
	Contact
---------------------------*/
#contact .container:after{content : ""; display: block; clear: both;}
#contact .formSide{width:60%; float:left; margin-top:20px;}
#contact .contactSide{width:26%; float:right;  margin-top:20px;}
#contact .contactSide a{text-decoration:none; color:#666;}
#contact .contactSide .social{width:100%; float:none; text-align:left;}
#contact .contactSide .social a{margin:0 10px 0 0;}
#contact h3{color:#db6826; font-weight:400; text-transform:uppercase; font-size:24px; margin:40px 0 16px 0; position:relative;}
#contact h3:first-of-type{margin-top:0;}
#contact h3 span{position:absolute; left:-60px; top: -15px; border-radius: 50%; width: 50px; height: 50px; display:block; border:2px solid #db6826;}
#contact h3 span i{position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}
#contact h3:nth-of-type(2n) span i{font-size:18px;}

#contact .gform_wrapper label.gfield_label{display:none;}
#contact .gform_wrapper ul li.selectItem label.gfield_label{display:block; font-weight:400; margin-bottom:10px;}

@media only screen and (max-width: 800px) {
	#contact .formSide, #contact .contactSide{width:100%; float:none;}
	#contact .contactSide{margin-top:40px; padding-left:60px; }
}

/*-------------------------
	Sitemap
---------------------------*/
.wsp-pages-title { display:none; }
.wsp-pages-list ul { margin-left:30px; }
.wsp-pages-list li { margin-bottom:0; }
.wsp-pages-list li:before { content:''; }
.wsp-pages-list a { font-size:16px; display:block; margin-bottom:10px; text-decoration:none; }
.wsp-pages-list > li > a { color: #DB6826; text-transform: uppercase; margin-bottom: 22px; font-weight: 700; }
.wsp-pages-list li.page_item_has_children > a { font-weight:700; }
.wsp-pages-list li.page_item_has_children li:before { content:'\f105'; }

/*-------------------------
	Blog & Case Studies
---------------------------*/
#blog article.side{float:left; width:73%; width: calc( 100% - 22.5em ); padding:0 45px 0 0;}
#blog article h2, #case-study article h2{margin:30px 0 15px 0;}
#blog article h2 a, #case-study article h2 a{text-decoration:none; line-height:1.2;}
#blog .readMore{display:none;}
article .post-single{margin-bottom:50px;}
article .post-single img{float:left; border:2px solid #EEE; margin:0 20px 10px 0; }
article .post-meta{background:#EEE;}
article .post-meta:after{content : ""; display: block; clear: both;}
article .post-meta span{padding:4px 10px; display:inline-block;}
article .post-meta a.readMore{float:right; display:block; padding:4px 10px; text-decoration:none; background:#b2d235; color:#FFF;}
article .post-meta a.readMore:hover{background:#0f1433;}
article .post-content:after { content:''; clear:both; display:block; }

#blog #sidebar{width:22.666%; width: calc( 17.5em ); float:right;}
#blog #sidebar h3{color:#db6826; font-weight:400; text-transform:uppercase; font-size:24px; margin:0 0 16px 0; position:relative;}
#blog #sidebar .widget-sidebar ul ul{list-style:none;}
#blog #sidebar .widget-sidebar ul ul li{border-top:1px solid #EEE; padding:10px 0;}
#blog #sidebar .widget-sidebar ul ul li:last-of-type{border-bottom:1px solid #EEE;}
#blog #sidebar .widget-sidebar ul ul a{text-decoration:none;}

.blogPost article .post-meta{margin-bottom:30px;}

.sd-content ul li:before { content:''; }

.ssba-wrap{margin-bottom:30px;}

/*-- Archives Widget --*/
#blog #sidebar .widget-sidebar:nth-of-type(2n){background:#EEE; padding:20px; margin-top:40px;}
#blog #sidebar .widget-sidebar:nth-of-type(2n) h3{margin-top:0;}
#blog #sidebar .widget-sidebar:nth-of-type(2n) select{width:100%; padding:10px 0; border:1px solid #CCC;}

@media only screen and (max-width: 800px) {
	#blog #sidebar, #blog article.side{width:100%; float:none; margin-bottom:20px; padding:0;}
	#blog #sidebar .widget-sidebar ul ul li{padding:4px 0;}
}

/*-------------------------
	Partner Portal
---------------------------*/
#partner_portal .logout { margin-bottom: 10px; color:#999; }
#partner_portal #sidebar #sideMenu li.current_page_parent li a { padding:12px; }
#partner_portal .partner_logo img { max-width:100%; height:auto; margin-bottom:15px; }
#partner_portal #sidebar #sideMenu li { display:block; }
#partner_portal .relatedServices li { width:100%; }
#partner_portal .gform_wrapper ul li.gform_hidden { margin-bottom:0; }
#partner_portal .gform_hidden { display:none; }
#partner_portal .gform_confirmation_message { margin-top:100px; }
#partner_portal .gsection_title { margin:0; font-size:20px; text-transform:uppercase; padding-top:20px; }
#partner_portal article ul li { padding-left:0; }
#partner_portal article ul li:before { display:none; }
#partner_portal .contact .from_box { margin:15px 0;}
#partner_portal .contact .from_box label { float:left; }
#partner_portal .contact .from_box .sender_info { margin-left:30px; padding-top:2px; }
#partner_portal .contact .from_box .subtext { font-size:12px; color:#999; }
#partner_portal .manager .manager_info { font-size:16px; }
#partner_portal .manager .name { font-size:28px; }
#partner_portal .articles li { padding-left:0; margin-bottom:20px; border-bottom:1px solid #EDEDED; }
#partner_portal .articles li:last-child { border-bottom:0; }
#partner_portal .articles .newsbody ul { margin-left:45px; }
#partner_portal .articles .newsbody li { padding-left:10px; border-bottom:0; list-style-type:disc; }

@media only screen and (min-width: 800px) {
	#partner_portal .logout { float: right; }
	#partner_portal article ul li { padding-left:0; }
	#partner_portal .manager .photoInfo img { float:left; margin-right:15px; }
}
 
/*-------------------------
	Eloqua Landing Page iFrame
---------------------------*/ 
.eloquaIframe { width:100%; border:none; }

/*-------------------------
	Theme My Login
---------------------------*/
.tml { width:350px; margin:0 auto; position:relative; border: 1px solid #dddbdb; padding: 45px 20px 20px 20px; background:#EEE; }
.tml .title { position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #FFF; padding: 4px; width: 55%; background: #0f1433; text-align: center; display: block; font-weight: 600; line-height: 1; }
.tml input[type="text"], .tml input[type="password"] { width: 100%; padding: 8px; border: 1px solid #CCC; }
.tml input[type="submit"] { padding: 14px 20px; float:right; font-size: 16px; line-height: 1; display: block; color: #FFF; background-color: #db6826; cursor: pointer; border: 0; text-transform: uppercase; }
.tml .tml-user-pass-wrap { position:relative; }
.tml .lost-password { position: absolute; font-size: 12px; right: 0; bottom:-24px; }
.tml .tml-submit-wrap, .tml .tml-rememberme-submit-wrap { margin-bottom:0; }
.tml .tml-rememberme-submit-wrap { margin-top:40px; }
article ul li.tml-lostpassword-link:before { content: '';}
.tml .text { font-size:12px; }
.tml .message { background: #F4F4C4; padding: 5px 10px; border: 1px solid #969638; font-size: 12px; line-height: 1.6em; color: #969638; }
.tml .error { background: #FCD3D3; padding: 5px 10px; border: 1px solid #912E2E; font-size: 12px; line-height: 1.6em; color: #912E2E; }
.tml #pass-strength-result { background-color: #eee; border: 1px solid #ddd; color: #23282d; font-weight: 600; margin: 10px 0; padding: 3px 5px; text-align: center; width: 100%; opacity: 0; }
.tml #pass-strength-result.short { background-color: #f1adad; border-color: #e35b5b; opacity: 1; }
.tml #pass-strength-result.bad { background-color: #fbc5a9; border-color: #f78b53; opacity: 1; }
.tml #pass-strength-result.good { background-color: #ffe399; border-color: #ffc733; opacity: 1; }
.tml #pass-strength-result.strong { background-color: #c1e1b9; border-color: #83c373; opacity: 1; }
.tml .pw-weak { display:none; }
.tml .indicator-hint { padding-top: 8px; }
.tml #pass1, .tml #pass1-text { width: 100%; }
.tml #pass1-text, .tml .show-password #pass1 { display: none; }
.tml .show-password #pass1-text { display: inline-block; }

@media only screen and (max-width: 600px) {
	.tml { width:100%; }
}

/*-------------------------
	Cookie Notice
---------------------------*/
.cookie-notice { display:none; position:fixed; bottom:0; width:100%; padding:18px 0; z-index:99999; background:#FFF; border-top:5px solid #b2d235; color:#666; font-sie:14px; }
.cookie-notice__container { display:flex; flex-direction:column; }
.cookie-notice__text { padding-left:36px; }
.cookie-notice__text:before { position:absolute; color:#b2d235; margin-left:-36px; font-size:24px; content:'\f05a'; font-family:FontAwesome; }
.cookie-notice__dismiss-container { text-align:right; margin-top:15px; }
.cookie-notice__dismiss { font-weight:600; color:#171c3a; text-decoration:none; }
.cookie-notice__dismiss:after { font-weight:normal; margin-left:6px; content:'\f410'; font-family:Font Awesome\ 5 Pro; }

@media only screen and (min-width: 900px) {
	.cookie-notice__container { flex-direction:row; }
	.cookie-notice__text:before { top:50%; transform:translateY(-50%); }
	.cookie-notice__dismiss-container { width:300px; margin-left:10%; align-self:center; margin-top:0; }
}