/*======================================================
Screen Style Sheet
TopSpot IMS (2018)
------------------------------------------------------
Author(s):Rachel Mayo
Created:12/22/17
======================================================*/

/* General Classes */
*{
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.hidden,.hidetext,.special,.smallsite,.tablet,.mobile{display:none !important;}
.desktop {display:block !important;}
.clear{clear:both;}
.clearfix:after,#portfolio-list .blue-popup ul:after {content:"";display:block;height:0;clear:both;}
.warning,.error{color:#a00;font-size:10px;text-align:left;display:block;}
.errorMessage {color:#a00;font-size:11px;font-weight:bold;text-align:left;margin:2px auto 0;display:block;}
#token,#token2,.token,.token2,.special {width:1px;height:1px;padding:0px;margin:0px;border:none;position:absolute;left:-9999px;}
.center {text-align:center;margin-left:auto;margin-right:auto;}
img.center,.fancybox.center,.btn.center {display:block;}
.btn.center {max-width:300px;}
address {margin:0;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 15px 15px 0;}
img.right {margin:0 0 15px 15px;}
img {max-width:100%;}
.unstyled {list-style:none;border:none;margin:0;padding:0;}
.sep {margin:0 6px;display:inline-block;opacity:0.5;filter:alpha(opacity=50);}
input,textarea,a,.btn,button{outline:none;}
input[type="file"]:focus{cursor:pointer;}
.constrain {max-width:1200px;margin:0 auto;}
.constrain .constrain {width:auto;}
html,body,
a,input,textarea,button,.btn,
#header-top,
#header-bottom,
#search-toggle,
#search-toggle:before,
.block,
.content-block,
.img-wrapper:before,
.slick-arrow:before,
.fancybox-arrow:after,
.icon,
.circle,
.readmore,
.play,
.tool-tip,
#rolodex .children,
#approach-graphic img,
#portfolio-list .logo,
#portfolio-list .type,
#portfolio-list .image:before,
#upcoming-events .item:before,
#upcoming-events .item:after,
#footer-ctas a:before {
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.img-wrapper{
	margin:15px auto;
}
body {
	color:#013E50;
	font-size:17px;
	font-family:"sofia-pro",Arial, Helvetica, sans-serif;
	line-height:1.6;
	margin:0 !important;
	overflow-x: hidden;
}
html.noscroll,
html.noscroll body {
	overflow:hidden !important;
    position:relative;
    height:100%;
}

h2,
h3,
h4 {
	font-weight:bold;
	line-height:1.2;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
p:first-child,
.big:first-child,
.percentage:first-child {
	margin-top:0;
}
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
p:last-child,
.big:last-child,
.percentage:last-child {
	margin-bottom:0;
}
h1,
.h1 {
	font-size:2.7em;
	font-weight: 400;
	line-height:1.2;
	margin:0 0 30px;
}
h1:last-child {
	margin-bottom:0;
}
h1 b,
#top-banner h1,
#top-banner .h1 {
	font-weight:bold;
	display:block;
}
h2,
.h2,
.parent-67 #top-banner h1 {
    display:block;
	font-size:2.3em;
	font-weight:bold;
	margin:20px 0 25px;
}
.parent-67 #top-banner h1 {
	color:#013E50;
	font-weight:bold;
	text-transform:none;
	letter-spacing:normal;
	margin:0 auto 25px;
}
h2 + .block,
.h2 + .block {
	margin-top:-15px;
}
h3,.h3{
    display:block;
	font-size:1.5em;
	font-weight:bold;
	margin:20px 0 15px;
}
.h4{
    display: block;
}
h4,
.h4,
ul.fancy b,
#top-banner h1,
#top-banner .h1,
.secret h2{
	color: #1b7dad;
	font-size:1em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:0.15em;	
	line-height:1.2;
	margin:20px 0 10px;
}
#top-banner h1,
#top-banner .h1 {
	margin:0;
}
#top-banner.white-text h1,
#top-banner.white-text h2,
#top-banner.white-text p,
.tpl-3 #top-banner.orange-gradient h1,
.tpl-4 #top-banner.orange-gradient h1,
.blue-gradient h4,
.orange-gradient h4, 
.blue-gradient .h4,
.orange-gradient .h4,
.orange-gradient .richtext li:before{
	color:#fff;
}
.blue-gradient h4,
.dk-blue-gradient h4,
.blue-gradient .h4,
.dk-blue-gradient .h4{
	color:#A5CCDC;
}
.dk-blue-gradient .img-wrapper .fun-fact p {
    color:#FFF !important;
}
.lt-gray-bg h4,
.lt-gray-bg .h4{
    color: #1a7aa8;
}
.lt-gray-bg p[style*="#0088cc"]{
    color: #013E50 !important ;
}
ul.fancy li:first-child b {
	margin-top:0;
}
h5,.h5{
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
.submenuh5 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
p {
	font-size:1em;
	margin-bottom:15px;
}
.big {
	font-size:1.3em;
	font-weight: 400;
	line-height:1.4;
	margin-bottom:15px;
}
.big p {
	margin-bottom:20px;
}
.big strong {
	font-size:1.7em;
	font-weight: 400;
	line-height:1.1;
}
#top-banner .big strong {
	font-size: 1em;
	font-weight: bold;
	line-height:1.4;
}
.big strong + em {
	color:#1b7dad;
	font-size:17px;
	font-weight:900;
	font-style:normal;
	letter-spacing:0.2em;
	margin-top:10px;
	display:block;
}
.small,
.akismet_comment_form_privacy_notice {
	font-size:1em; /* was asked to make all body small font bigger on the site; changing it from 0.9em to 1em */
	font-weight:500;
	line-height:1.6;
	display:block;
}
.akismet_comment_form_privacy_notice {
	font-size: 0.8em;
}
a,
#header a,
#breadcrumbs a,
button {
	color:#013E50;
}
.orange-gradient a:hover,
.orange-gradient .richtext a:hover,
.blue-gradient a,
.blue-gradient .richtext a {
	color:#9de0ff;
}
.richtext a,
article a,
#approach-blurbs a,
a:hover,
#global-nav a:hover,
button:hover {
	color:#e56e39;
	text-decoration:none;
}
.richtext a {
	display: inline-block;
    display: contents;
}
.richtext a:hover,
article a:hover,
#approach-blurbs a:hover {
	color:#2092ca;
}

.orange-gradient a,
.orange-gradient .richtext a {
	color:#013E50;
	text-shadow:none;
}
.blue-gradient a:hover,
.blue-gradient .richtext a:hover {
	color:#fd9000;
	text-shadow:none;
}
.bold:before {
	font-weight:bold;
}
.richtext ul,
.richtext ol,
.blue-popup .right ul {
	text-align:left;
	padding-left:30px;
}
.richtext ul:last-child {
	margin-bottom:0;
}
.richtext ul li,
.blue-popup .right li {
	list-style:none;
	margin-bottom:10px;
	position:relative;
}
.blue-popup .right li {
	margin-bottom:5px;
}
.richtext li:last-child,
.blue-popup .right li:last-child {
	margin-bottom:0;
}
.richtext ul li:before,
.blue-popup .right li:before {
	content:"\f067";
	font-family:"Font Awesome 5 Pro";
	display:block;
	position:absolute;
	top:2px;
	left:-26px;
}
.richtext li:before,
.blue-popup .right li:before,
.blue-box .blue-gradient + .column .richtext li:before{
	color:#e56e39;
}

.w100 {
	width:100%;
}
.w75 {
	width:74%;
}
.w66 {
	width:65%;
}
.w50 {
	width:49%;
}
.w40 {
	width:39%;
}
.w33 {
	width:32%;
}
.w25 {
	width:24%;
}

.h400 img {
	max-height:400px;
}

.table tbody:first-child tr:first-child td {
	font-weight:bold;
	background:#eee;
}

/* Buttons */
.btn,
.awards-list .award > a,
.events-list .location > a,
#annual_archive_widget-2 li a,
.blog article .blue-btn{
	font-size:14px !important;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
	text-transform:uppercase;
	border:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:none;
	line-height:46px;
	height:48px;
	margin:0 auto;
	padding:0 30px;
	display:inline-block;
}
h4.regiontitle {
    font-size: 10px;
}
button.btn,
input.btn {
	padding-bottom:2px !important;
}
.small-btn {
	font-size:0.75em !important;
	letter-spacing:0.05em;
	line-height:48px;
	height:48px;
	padding:0 20px;
}
.blog article p:last-child .blue-btn {
	margin-top:20px !important;
	display:block;
}
.btn + .btn {
	margin-left:10px;
}
.white-btn,
.awards-list.top .award > a,
.events-list.top .location > a,
.events-list.top .webinar .location > a:hover,
#community .item .btn,
#most-recent .btn:hover,
.blue-gradient .orange-gradient.btn:hover,
.blue-gradient .orange-btn:hover,
.orange-gradient .blue-btn:hover{
	color:#013E50 !important;
	text-shadow:none;
	background:#ffffff;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f1f7f7 100%);
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f1f7f7 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f1f7f7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f7f7',GradientType=0 );
}
.orange-gradient .white-btn,
.blue-gradient .white-btn,
.awards-list.top .award > a,
.events-list.top .location > a {
	box-shadow:0 5px 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.2);
}

.no-bg .hollow-btn,
.lt-gray-bg .hollow-btn {
	color:#1E2631 !important;
	box-shadow:0 0 0 1px #1E2631;
	-moz-box-shadow:0 0 0 1px #1E2631;
	-webkit-box-shadow:0 0 0 1px #1E2631;
}
.block:not(.no-bg) .block.no-bg .hollow-btn,
.hollow-btn,
.blue-box .hollow-btn {
	color:#fff !important;
	box-shadow:0 0 0 1px #fff;
	-moz-box-shadow:0 0 0 1px #fff;
	-webkit-box-shadow:0 0 0 1px #fff;
} 
.hollow-btn:hover {
	color:#1E2631 !important;
	text-shadow: none;
	background:#fff;
	box-shadow:0 0 0 1px #1E2631;
	-moz-box-shadow:0 0 0 1px #1E2631;
	-webkit-box-shadow:0 0 0 1px #1E2631;
}
.no-bg .hollow-btn:hover,
.lt-gray-bg .hollow-btn:hover {
	color:#fff !important;
	background:#1E2631;
}

.blue-btn,
a.orange-gradient:hover,
.orange-btn:hover,
button.orange-gradient:hover,
.orange-gradient .white-btn:hover,
.awards-list.bottom .award > a,
.events-list.bottom .location > a,
.events-list.bottom .webinar .location > a:hover,
#footer-ctas a:hover,
#annual_archive_widget-2 li a,
#sidebar-toggle:hover,
#portfolio-list .website:hover{
	color:#fff !important;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);	
	background:#2092ca;
	background:-moz-linear-gradient(top,  #2092ca 0%, #157cab 100%);
	background:-webkit-linear-gradient(top,  #2092ca 0%,#157cab 100%);
	background:linear-gradient(to bottom,  #2092ca 0%,#157cab 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2092ca', endColorstr='#157cab',GradientType=0 );
	box-shadow: none;
}

.gray-btn {
	color:#fff !important;
	background:#c9c9c9;
	background:-moz-linear-gradient(top,  #c9c9c9 0%, #aaaaaa 100%);
	background:-webkit-linear-gradient(top,  #c9c9c9 0%,#aaaaaa 100%);
	background:linear-gradient(to bottom,  #c9c9c9 0%,#aaaaaa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#aaaaaa',GradientType=0 );
}
.gray-btn:hover {
	text-shadow:1px 1px 0 #888;
	background:-moz-linear-gradient(top,  #aaa 0%, #aaaaaa 100%);
	background:-webkit-linear-gradient(top,  #aaa 0%,#aaaaaa 100%);
	background:linear-gradient(to bottom,  #aaa 0%,#aaaaaa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#aaaaaa',GradientType=0 );
}
.lt-gray-btn {
	color:#fff !important;
	background:#ccc;
}
.lt-gray-btn:hover {
	background:#888;
}
.content-button {
	margin:30px auto;
}
.gold-btn{
	color:#fff;
	background:#c0982f;
}
.gold-btn:hover{
	color:#fff;
	background:#d3b973;
}
/* Separators */
hr {
	border-top:2px solid #9de0ff;
	margin:30px auto;
}
.forms hr {
	border-color:#ddd;
}
.hr {
	border-top:2px solid #9de0ff;
	margin:30px auto;
	display:block;
}
.hr:first-child,
.text-blocks-wrapper.small + .hr {
	margin-top:0;
}
.hr:last-child {
	margin-bottom:0;
}
.divider {
	text-align:center;
	margin:40px auto;
	position:relative;
}
.divider:before,
.divider:after {
	content:"";
	background:#ddd;
	width:40%;
	height:1px;
	display:block;
	position:absolute;
	top:49%;
}
.divider:before {
	left:0;
}
.divider:after {
	right:0;
}


/* Gradients and Default BG Options */
.orange-gradient,
.orange-btn,
a.blue-gradient:hover,
button.blue-gradient:hover,
.blue-btn:hover,
.white-btn:hover,
.year.stuck,
.awards-list .award > a:hover,
.events-list .location > a:hover,
.events-list .webinar .location > a,
.forms .submit:hover,
#default .thumb,
#annual_archive_widget-2 li a:hover,
.testimonial .video-wrap:hover,
#community .item .btn:hover,
#get-started #steps .answers input.selected:hover {
	color:#fff !important;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);
	background:#fd9000;
background:-moz-linear-gradient(-5deg,  #fd9000 0%, #d30910 100%);
background:-webkit-linear-gradient(-5deg,  #fd9000 0%,#d30910 100%);
background:linear-gradient(175deg,  #fd9000 0%,#d30910 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9000', endColorstr='#d30910',GradientType=1 );
}
a.big-orange-btn:hover,
#rolodex .children.open .children-close:hover i {
	background:#d30910;
	background:-moz-linear-gradient(-45deg,  #d30910 0%, #fd9000 100%);
	background:-webkit-linear-gradient(-45deg,  #d30910 0%,#fd9000 100%);
	background:linear-gradient(135deg,  #d30910 0%,#fd9000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30910', endColorstr='#fd9000',GradientType=1 );
}

.block.orange-gradient,
.block.orange-gradient.white-text[style*="background-image"]{
    background-color: #dd290c;
}
.block.white-text[style*="background-image"]{
    background-color: #013E50;
}

.events-list .webinar .location > a {
	padding:0 20px 0 40px;
}
.events-list .webinar .location > a:before {
	content:"\f04b";
    font-family:"Font Awesome 5 Pro";
    font-size:13px;
    color:#e56e39;
    text-shadow:none;
    background:#fff;
	border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	line-height:42px;
	height:100%;
	width:30px;
	padding-left:3px;
    position:absolute;
    top:0;
    left:0;
}

.blue-gradient,
.tall .bucket .bottom {
	color:#fff !important;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);
	background:#116290;
	background:-moz-linear-gradient(-45deg,  #116290 0%, #2092ca 100%);
	background:-webkit-linear-gradient(-45deg,  #116290 0%,#2092ca 100%);
	background:linear-gradient(135deg,  #116290 0%,#2092ca 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#116290', endColorstr='#2092ca',GradientType=1 );
}
.dk-blue-gradient,
#cs-filters,
#people-filters,
#portfolio-filters,
#sidebar.filters {
	color:#fff !important;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background:#002c39;
	background:-moz-linear-gradient(top,  #002c39 0%, #013e50 100%);
	background:-webkit-linear-gradient(top,  #002c39 0%,#013e50 100%);
	background:linear-gradient(to bottom,  #002c39 0%,#013e50 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c39', endColorstr='#013e50',GradientType=0 );
}
.lt-gray-bg {
	background:#fafafa;
	box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
}
.medgray-bg{
    background-color: #EEEEEE;
    overflow-x: hidden;
    box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.force-blue-bg {
	background:#2092ca;
}


.circle-bg:before {
	content:"";
	background:#f1f7f7;
	border-radius:100%;
	height:360px;
	width:360px;
	margin-left:-180px;
	display:block;
	position:absolute;
	top:40px;
	left:50%;
}
.circle-bg > .column {
	position:relative;
	z-index:1;
}


/* ***************************************** Header */
body {
	padding-top:144px;
}
.scrolling {
	padding-top:120px;
}
#header {
	background:#fff;
	box-shadow:0 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
	-moz-box-shadow:0 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
#header-top {
	background:#fff;
	border-bottom:3px solid #eee;
	padding:6px 0 8px;
}
/*
.scrolling #header-top {
	height:0;
	padding:0;
	overflow:hidden;
}
*/
#header-top .constrain {
	position:relative;
}
#global-nav {
	line-height:1;
	margin:3px 0 0;
	float:left;
}
#global-nav li {
	font-size:0.9em;
	margin:0 15px 0 0;
    display:inline-block;
    position:relative;
}
.phone a,
.fax a {
	pointer-events:none;
}
#header-top .phone {
	font-size:1.3em !important;
	line-height:1;
	margin:0;
	float:right;
}
#header-top .phone span,
#header-top .phone a {
	vertical-align:middle;
	display:inline-block;
}
#header-top .phone a {
	font-size:1.1em;
	font-weight:900;
	pointer-events:none;
}

#header-bottom {
	background:#fff;
}
#header .logo {
	width:170px;
	margin:25px 20px 0 0;
	display:block;
	float:left;
}
#header .logo .mobile {
	width:50px;
}
#header .btn,
#search-toggle {
	margin-top:27px;
	float:right;
}
.gs-toggle.fullsite {
	display:block !important;
}
.gs-toggle {
	cursor:pointer;
}

#search-toggle {
	color:#fd9000;
	background: #fff;
	border:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:inset 0 0 0 2px #eee;
	-moz-box-shadow:inset 0 0 0 2px #eee;
	-webkit-box-shadow:inset 0 0 0 2px #eee;
	line-height:40px;
	height:40px;
	width:40px;
	margin-left:110px;
	padding:0;
	position:relative;
}
#search-toggle:hover,
#search-close:hover,
#search-toggle:hover:before {
	color:#157CAB;
}
#search-toggle:before {
	content:"SEARCH";
	color:#013E50;
	letter-spacing: 1px;
	position: absolute;
	top:0;
	left:-90px;
}
#search-toggle i,
#search-close i,
#gs-close i {
	line-height:1;
	vertical-align:middle;
	position:relative;
	top:-4px;
}
#search-toggle i:before {
	font-weight:bold;
}
#search-form {
	text-align:center;
	line-height:1;
	background:#fff;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	line-height:170px;
	height:180px;
	width:100%;
	position:absolute;
	top:40px;
	left:0;
	z-index:9;
	display:none;
	transition:top 0.2s;
	-moz-transition:top 0.2s;
	-webkit-transition:top 0.2s;
}
.scrolling #search-form {
	top:0;
}
#search-close {
	color:#aaa;
	font-size:16px;
	line-height:40px;
	background:none;
	border:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height:40px;
	width:40px;
	margin-top:-22px;
	position:absolute;
	right:-50px;
	top:50%;
}


/* ***************************************** Primary Navigation */
#header nav {
	float:left;
}
#primary-nav a {
	text-decoration:none !important;
	display:block;
	position:relative;
}
#primary-nav .introtext,
#pid-104{
	display:none;
}

@media only screen and (min-width:1200px) {
	#pid-1,
	#pid-104,
	#pid-114,
	#pid-116,
	#pid-122,
	#pid-123,
	#pid-229{
		display:none !important;
	}
	#primary-nav > li {
		font-size:1em;
	    line-height:95px;
		height:100px;
		margin:0;
		padding:0;
		float:left;
		display:block;
		position:relative;
	}
	#primary-nav > li > a {
		font-weight:900;
		text-transform:uppercase;
		height:100%;
	    padding:0 10px;
	    position:relative;
	}	
	#primary-nav > li:hover > a{
		color:#fff;
		background:#044C64;
	}
	#primary-nav > li.active > a{
	    border-bottom: 3px solid #fd9000;
	}
	#primary-nav > li.active.hide-border > a{
	    border-color: #ffffff;
	}
	#primary-nav > li.active:hover > a{
	    border-color: #044C64;
	}
	#primary-nav > li.level1.parent > i {
		color:#fd9000;
		display:block;
		position:absolute;
		top:60px;
		left:46%;
	}
	#primary-nav > li > ul > li.active > a{
	    font-weight:bold;
	}
	#primary-nav .dropdown {
		background:#fff;
		border-top:4px solid #fd9000;
		box-shadow:0 5px 10px rgba(0,0,0,0.1);
		-moz-box-shadow:0 5px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
		padding:0 0 5px;
		width:300px;
		position:absolute;
		top:100px;
		left:0;
		z-index:10;
		display:none;
	}
	#primary-nav #solutions {
		width:520px;
	}
	#primary-nav #solutions .left,
	#primary-nav #solutions .right {
		width:50%;
	}
	#primary-nav #solutions .right ul {
		box-shadow:inset 1px 0 #ddd;
		-moz-box-shadow:inset 1px 0 #ddd;
		-webkit-box-shadow:inset 1px 0 #ddd;
	}
	#primary-nav #solutions span.h5 {
		margin:0;
	}
	#primary-nav #solutions span.h5 a {
		border-bottom:1px solid #ddd;
		padding:10px 15px;
	}
	#primary-nav #solutions span.h5 a:hover {
		color:#e56e39;
	}

	
	#primary-nav ul {
		padding-bottom:5px;
	}
	#primary-nav ul li {
		line-height:normal;
	}
	#primary-nav ul li a {
		font-size:1em;
		padding:12px 20px;
	}
	#primary-nav ul li a:hover {
		color:#013E50;
		font-weight:bold;
	}
}


/* ***************************************** Banners */
#id-1 #explore{
    border:none;
}
#id-1 #explore .text{
	color:#fff;
	background-color: rgba(221, 41, 12, .1);
}
#id-1 #explore:after{
	content:"";
	width:2px;
	height:100%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e36f3e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e36f3e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e36f3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e36f3e',GradientType=0 ); /* IE6-9 */
	position: absolute;
	right:0;
}
#home-banner{
	height:550px;
	background-color: #dd290c !important;
}
#home-banner h2.h1{
    color: white;
	font-weight: 200;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
#home-banner h1.h3{
    font-weight: bold;
    font-size: 1.5em;
}
#home-banner p{
    color: white;
    background-color: transparent !important;
}
#home-banner .typed{
	font-weight: 700;
}
/*Add custom cursor so it auto inherits font styles*/
#home-banner .typed::after {
	content: '|';
	display: inline;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
#home-banner .content-block{
	color:#fff;
}
#home-banner .richtext {
    width: 935px;
    margin: 0 auto;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
#home-banner .richtext a{
    color:#fff;
    font-weight:bold;
}
#home-banner .richtext a:hover{
    color:#e56e39;
}
@media(max-width: 1199px){
    #home-banner h2 br{
        display: block;
    }
    .eagle-drill-down-img {
        position:static;
        top:unset;
    }
}
@media(max-width: 767px){
    #home-banner h2.h1{
        text-transform: none !important;
    }
    #home-banner h1.h3{
        font-size: 20px !important;
    }
}
#top-banner {
	min-height:540px;
}
#top-banner.orange-gradient{
    background-color: #dd290c !important;
}
.blog #top-banner {
	min-height:224px;
}
.blog.home #top-banner {
	margin-bottom:0;
}
.blog.tpl-2 #top-banner.no-bg .content-block{
    padding: 100px 100px 60px 100px;
}
.tpl-2 #top-banner {
	background-position:center center;
}
#top-banner.short{
    min-height: 340px;
}
#top-banner.short .constrain{
    padding-bottom: 0 !important;
}
.tpl-2 #top-banner.no-bg:before,
.tpl-3 #top-banner.no-bg:before,
.parent-67 #top-banner.no-bg:before {
	content:"";
	background:rgba(255,255,255,0.8);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}
.blog #top-banner.no-bg:before{
    background-color: #0088CC !important;
    opacity: .85;
}
#top-banner.black-overlay:before {
	content:"";
	background:rgba(0,0,0,0.8);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.tpl-2 #top-banner.no-bg .content-block {
	padding:120px 100px 100px;
	position:relative;
	z-index:1;
}
.tpl-3 #top-banner .content-block,
.tpl-4 #top-banner .content-block {
	padding:80px 0 120px 30px;
	position:relative;
	z-index:1;
}
.no-explore #top-banner .content-block {
	padding-left:0;
} 

#top-banner.no-bg {
	text-shadow:1px 1px 0 rgba(255,255,255,0.2),0 0 10px rgba(255,255,255,0.1);
}
#top-banner.white-text {
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);		
}
.blog #top-banner h1,
.blog #top-banner h2.h1{
    font-family: "Work Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.05em;
}
.blog #top-banner h2{
    font-family: "Work Sans", sans-serif;
}
.blog #top-banner h1.long {
    color:#013E50;
    text-transform: none;
    letter-spacing:normal;
    margin:20px 0 25px;
    font-weight: 300 !important;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.05em;
    font-family: "Work Sans", sans-serif;
}
.blog #top-banner.white-text .h2,
.blog #top-banner.white-text h1.long{
    color: white;
}
#top-banner h2 b,
#top-banner .h2 b {
	font-weight:900;
	display:block;
}
#top-banner h2 i,
#top-banner .h2 i {
	font-weight:400;
	font-style:normal;
}

/* ***************************************** Blog Introtext */
#introtext-block .constrain{
    padding-bottom: 0;
}
#single-post #introtext-block .constrain{
    padding-top: 0;
    padding-bottom: 30px;
}
#introtext-block h1,
#introtext-block h2{
    font-weight: 300 !important;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.05em;
    font-family: "Work Sans", sans-serif;
    color: #013E50;
    margin-bottom: 0 !important;
}
#introtext-block p{
    font-weight: 300 !important;
    font-size: 23px;
    line-height: 30px;
    font-family: "Work Sans", sans-serif;
    color: #013E50;
}
/* ***************************************** Breadcrumbs & SM Toolbar */
#breadcrumbs {
    font-size:0.9em;
    margin-left:-600px;
    padding:20px 0 0;
    position:absolute;
    left:50%;
    z-index:10;
}
#breadcrumbs .crumb {
	color:#157cab;
	text-shadow:0 0 10px rgba(255,255,255,0.3), 1px 1px 0 rgba(255,255,255,0.2)
}
#breadcrumbs .crumb:hover,
#breadcrumbs a:hover{
    color: #157cab !important;
}
#breadcrumbs .crumb.current{
    font-weight: bold;
}
#breadcrumbs .sep {
	color:#1b7dad;
	opacity:1;
}
.blog #breadcrumbs .sep{
    color: white !important;
}
#breadcrumbs.white{
    width: 100%;
}
#breadcrumbs.white .crumb{
    background-color: rgba(0,0,0,.01);
}
#breadcrumbs.white .crumb,
#breadcrumbs.white a {
	color:#ffffff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);
	padding: 0 5px;
}
.blog #breadcrumbs.white .crumb,
.blog #breadcrumbs.white a{
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}
#breadcrumbs.white i{
    color: white;
}
#breadcrumbs.white a:hover,
#breadcrumbs.white .crumb:hover,
#breadcrumbs.white .crumb.current{
    color: #ffffff !important;
}
.blog #breadcrumbs.white a:hover,
.blog #breadcrumbs.white .crumb:hover,
.blog #breadcrumbs.white .crumb.current{
    color: #ffffff !important;
}
#breadcrumbs a:hover {
	text-shadow:none;
}
#breadcrumbs.white a:hover {
	color:#ffffff;
}

/* Home Elements */
#id-1 .orange-gradient.absolute {
	width:500px;
	top:39px;
	right:0;
}
#id-1 .image-map .content-block .column:first-child {
	background:url("/assets/images/content/image_map_clients.webp") right center no-repeat;
}
.content-block.has-ss,
.column.has-ss {
	padding-right:200px;
}
#id-1 .big-orange-btn {
	margin-bottom:0;
}


/* Scroll To Explore */
#explore {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	border-right:2px solid #e56e39;
	height:90%;
	width:40px;
	position:absolute;
	top:95px;
	left:-40px;
	z-index:9;
	cursor:pointer;
}
#id-1 #explore {
    height: 540px;
}
#explore .text {
	text-align:center;
	width:150px;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	display:block;
	position:absolute;
	bottom:170px;
	left:-60px;
	background-color: rgba(221, 41, 12, .1);
}
#explore.blue-white .text{
	text-shadow:1px 1px 0 rgba(255,255,255,0.1);
	background-color: rgba(255, 255, 255, .1) !important;
}
#explore .circle {
	color:#e56e39;
	font-size:17px;
	text-align:center;
	background:transparent;
	border:2px solid transparent;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	line-height:26px;
	height:30px;
	width:30px;
	position:absolute;
	bottom:-30px;
	right:-16px;
}
#explore.white-blue,
#explore.white-white {
	color:#fff;
}
#explore.blue-blue,
#explore.blue-white {
	color:#013e50;
}
#explore.blue-white .circle,
#explore.white-white .circle {
	color:#fff;
	border-color:#fff;
}
#explore.blue-blue .circle,
#explore.white-blue .circle {
	color:#e56e39;
	border-color:#013e50;
}
#explore .circle:hover {
	color:#fff;
	background:#e56e39;
	border-color:#e56e39;
}
#explore.white .circle:hover {
	background:#013E50;
	border-color:#013E50;
}


/* Absolute-positioned Image */
.fixed {
	position:fixed !important;
	z-index:2;
}
/*
.block.fixed {
	height:100%;
	width:100%;
	top:0;
	left:0;
}
*/
.absolute {
	position:absolute;
	z-index:2;
}
.absolute.top {
	top:0;
}
.absolute.bottom {
	bottom:0;
}
.absolute.right {
	right:0;
}
.column:last-child .absolute.right {
	right:-60px;
}
.absolute.left {
	left:0;
}
.column:first-child .absolute.left {
	left:-60px;
}


/* Big Orange Circle Button */
.big-orange-btn {
	text-align:center;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	line-height:290px;
	height:320px;
	width:320px;
	margin:40px auto -280px;
	padding:20px;
	display:block;
	position:relative;
}
.big-orange-btn p {
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1) !important;
	line-height:1;
	vertical-align:middle;
	display:inline-block;
}
.big-orange-btn span {
	line-height:1;
	margin:15px auto;
	display:block;
}
.big-orange-btn span strong {
	font-size:1.1em;
}
.big-orange-btn span.h3 {
	font-size:2em;
	font-weight:bold;
	margin-bottom:20px;
}
.big-orange-btn .link {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	border-top:2px solid #fff;
	margin-top:20px;
	padding-top:20px;
}


/* Get Started popup */
#overlay {
	background:rgba(255,255,255,0.8);
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:none;
}
.blue-popup {
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	height:90%;
	margin-left:-600px;
	padding:100px 80px 80px;
	position:fixed;
	top:-999px;
	left:50%;
	z-index:-99999;
	overflow:hidden;
	opacity:0;
    filter:alpha(opacity=0);
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.blue-popup.active {
	top:5%;
	z-index:99999;
	opacity:1;
    filter:alpha(opacity=100);
}
#gs-reset,
.popup-close {
	position:absolute;
	top:40px;
	right:40px;
	z-index:9;
}
#gs-reset {
	right:100px;
	display:none;
}
.popup-close {
	color:#fff;
	font-size:16px;
	background:none;
	border:1px solid #fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	line-height:38px;
	height:40px;
	width:40px;
}
.popup-close:hover {
	color:#fd9000;
	border-color:#fd9000;
}
.blue-popup .left {
	width:60%;
}
.blue-popup .h4.type{
    margin-top: 0;
}
#get-started .left {
	width:90%;
}
#get-started #steps {
	margin:40px auto;
}
#get-started.complete .left {
	opacity:0.2;
	filter:alpha(opacity=20);
	pointer-events:none;
}
#get-started #steps .step {
	position:relative;
	display:none;
}
#get-started #steps .step.active {
	display:block;
}
#get-started #steps .number {
	color:rgba(255,255,255,0.15);
	font-size:300px;
	font-weight:900;
	text-shadow:none;
	line-height:150px;
	position:absolute;
	top:0;
	left:0;
}
#get-started #steps h2 {
	line-height:180px;
	height:200px;
	padding-left:80px;
}
#get-started #steps h2 > span {
	line-height:1.2;
	vertical-align:middle;
	display:inline-block;
}
#get-started #steps h2 .small {
	color:#fff;
	margin-top:10px;
}
#get-started #steps .answers {
	position:relative;
}
#get-started #steps .answers input {
	vertical-align:top;
	margin-bottom:30px;
	outline:none;
}
#get-started #steps .answers input.selected {
	color:#013e50 !important;
    background:#9de0ff !important;
    opacity:0.8;
    filter:alpha(opacity=80);
}
#get-started #steps .answers input + input {
	margin-left:20px;
}
#get-started #progress .option {
	border-color:#9de0ff !important;
	clear:none !important;
	margin-right:10px;
	pointer-events:none;
}
#get-started #progress .active:before {
	content:"";
	background:#fd9000;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:8px;
	width:8px;
	position:absolute;
	top:4px;
	left:4px;
}

#get-started .next { 
	font-size:16px !important;
	font-weight:bold;
	text-align:center;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:80px;
	height:80px;
	width:80px;
	margin-top:-40px;
	padding:0 !important;
	position:absolute;
	top:44%;
	right:40px;
	display:none;
}
#get-started .next i {
    font-size:19px;
    margin-left:4px;
    position:relative;
    top:1px;
}

.blue-popup .right {
	width:40%;
	padding-left:20px;
}
#get-started .right {
	box-shadow:-10px 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:-10px 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:-10px 0 10px rgba(0,0,0,0.2);
/*     height:100%; */
    min-height:100%;
    width:50%;
	position:absolute;
    top:0;
    right:0;
    padding:100px 40px 20px;
	display:none;
}
.blue-popup .right h2 {
	border-left:2px solid #fd9000;
	margin:0 0 10px;
	padding:0 0 10px 20px;
}
#get-started .right h2 span,
#get-started .right h2 i {
	vertical-align:middle;
	display:inline-block;
}
/*
#get-started .right h2 span {
	width:70%;
}
*/
#get-started .right h2 i {
	color:#9de0ff;
	font-size:1.4em;
	margin-left:20px;
}
.blue-popup .statistic.single {
	margin-bottom:20px;
}
#gs-detail {
	
}
#gs-cta {
	font-weight:bold;
	margin-bottom:20px;
}
#gs-links {
	margin:30px auto 20px;
}
#gs-links .btn {
	vertical-align:top;
/* 	width:100%; */
	margin:0 auto;
	display:inline-block;
}
#gs-links .btn + .btn {
	margin:0 0 15px 10px;
}
#gs-links .btn:nth-child(3) {
	margin-left:0;
}
#gs-signup {
	font-weight:bold;
}
#gs-form .input-group {
	margin:20px auto 0;
}
#gs-form .input-group label {
	color:#A5CCDC;
	left:0;
	display: block !important;
}
#gs-form .input-group input {
	border-color:#fd9000;
}


/* Text Blocks (small) */
.text-blocks-wrapper.small {
	text-align:center;
	margin:0 -30px;
	padding:20px 0;
}
.text-blocks-wrapper.small + .content-button {
	margin:20px 0 60px 40px;
}
.text-blocks-wrapper.small .text-block {
	text-align:left;
	vertical-align:top;
	width:32%;
	padding:20px 30px 0;
	display:inline-block;
	position:relative;
}
.text-blocks-wrapper.small .text-block:first-child:last-child {
	width:80%;
	padding:40px 80px 40px 0;
}
/*
.text-blocks-wrapper.small .text-block:first-child:last-child:after {
	content:"\f0da";
    color:#fff;
    font-family:"Font Awesome 5 Pro";
    font-size:140px;
    line-height:0.6;
    position:absolute;
    top:50%;
    right:-45px;
}
*/
.text-blocks-wrapper.small .top {
	border-bottom:2px solid #9de0ff;
	margin-bottom:10px;
	padding-bottom:15px;
}
.text-blocks-wrapper.small .icon,
.text-blocks-wrapper.small h3 {
	vertical-align:middle;
	display:inline-block;
}
.text-blocks-wrapper.small .icon {
	background:#fff;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:70px;
	width:70px;
	margin:0 10px 0 0;
	padding:5px;
}
.text-blocks-wrapper.small h3 {
	width:65%;
	margin:0;	
}


/* Video Blocks */
.video-block {
	text-align:center;
	background:url("/assets/images/template/video-holder.png") top center no-repeat;
	min-height:500px;
	width:610px;
	margin:0 auto;
	position:relative;
}
.video-block .video {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:274px;
	width:490px;
	margin-left:-245px;
	display:block;
	position:absolute;
	top:34px;
	left:50%;
}
.video-block .play,
.video-wrap .play {
	font-size:30px;
	text-align:center;
	line-height:62px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:70px;
	width:70px;
	display:block;
	margin-top:-35px;
	margin-left:-35px;
	padding-left:8px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	opacity:0.8;
    filter:alpha(opacity=80);
}
.video-block .play:before,
.video-wrap .play:before {
	content:"";
    border:2px solid #fff;	
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:0;
	width:0;
	margin-top:0;
	margin-left:0;
	position:absolute;
	top:50%;
	left:50%;
}
.video-block .play:hover:before,
.video-wrap .play:hover:before {
	height:80px;
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
}
.video-block .play:hover,
.video-wrap .play:hover {
	opacity:1;
    filter:alpha(opacity=100);	
}
.video-block .play i,
.video-wrap .play i {
	vertical-align:middle;
	line-height:1;
}
.video-block .subtitle {
	color:#888;
	font-size:0.9em;
	margin-bottom:0;
}

.fancybox-show-nav .fancybox-arrow {
	opacity:1 !important;
}
.fancybox-arrow:hover:after {
	background-color:#000 !important;
}
.fancybox {
	display:inline-block;
}
.blog .post .fancybox {
	display: block;
}
.fancybox img {
	height:auto;
}
.fancybox:hover img {
    opacity:0.85;
    filter:alpha(opacity=85);		
}

/* Video Testimonials */
#video-testimonials .testimonial {
	height:510px;
	width:48%;
	margin-bottom:50px;
}
#video-testimonials .testimonial:nth-child(odd) {
	float:left;
	clear:left;
}
#video-testimonials .testimonial:nth-child(even) {
	float:right;
}
#video-testimonials .video-wrap {
	text-align:center;
	line-height:320px;
	height:320px;
	width:100%;
	margin-bottom:20px;
	position:relative;
}
#video-testimonials .video-wrap .bg {
	background-position:center center;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
    -o-background-size:cover !important;
    background-size:cover !important;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}
#video-testimonials .video-wrap:hover .bg {
    opacity:0.1;
    filter:alpha(opacity=10);	
}
#video-testimonials a {
	position:relative;
}
#video-testimonials .caption,
#video-testimonials .video-wrap:hover .play {
	display:none;
}
#video-testimonials .video-wrap:hover .caption {
	display:block;
}
#video-testimonials .caption * {
	color:#fff;
}
.yt-embed:first-child:last-child {
	height:360px;
	width:90%;
	position:relative;
	bottom:-50px;
}


/* Single/Special Testimonial */
#single-testimonial .content-block,
#single-testimonial .column {
	padding:30px 0 10px;
}
#single-testimonial > .constrain{
    background: url(/assets/images/template/logo_topspot_mark.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#single-testimonial .block .content-block{
	padding:0 !important;
}
#single-testimonial .block .column{
	padding:0 !important;
}

#single-testimonial .block .content-block .row{
	margin-left:0;
	margin-right: 0;
}
#single-testimonial .source{
	padding-top:30px;
}
#single-testimonial .source p {
	margin-bottom:0;
}
#single-testimonial .btn{
    float:right;
    margin-right:105px;
}
#single-testimonial .quote, 
blockquote.quote {
    border-left: none;
    padding: 0 100px 0 0;
    position: relative;
}
#single-testimonial .quote:after,
blockquote.quote .content:after {
	content:"\201D";
	color:#157cab;
	color:rgba(255,255,255,0.2);
	font-size:160px;
	font-weight:900;
	text-shadow:none;
	line-height:40px;
	display:block;
	position:absolute;
	bottom:-30px;
	right:0;
}
blockquote.quote .content:after {
	bottom:-60px;
}
blockquote.quote.no-marks .content:after {
	content:none;
}
.col-lg-3 blockquote.quote .content:after {
	color:rgba(0,0,0,0.05);
	bottom:-30px;
	right:0;
}
.blog .quote {
	font-style:italic;
}


/* Testimonial Blocks of 4 */
#testimonials .block {
	text-align:center;
	display:none;
}
#testimonials .block + .block {
	margin-top:40px;
}
#testimonials .block1 {
	display:block;
}
#testimonials .load-more {
	margin:20px auto 0;
}

/* Scrolling Testimonial */
#single-testimonial .testimonial-slider .column{
	padding-top:0;
}
.testimonial-slider .slick-dots{
	width: 100%;
	text-align: center;
	margin: -45px 0 0 0;
	position: absolute;
	padding:0;
}
.testimonial-slider .slick-dots li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
}
.testimonial-slider .slick-dots li.slick-active button,
.testimonial-slider .slick-dots li button:hover{
	opacity: 1;
}
.testimonial-slider .slick-dots li button{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: .7;
	border-radius: 100%;
	font-size: 0;
	position: relative;
	height: 48px;
	width: 48px;
    margin:0;
	background-color:transparent;
	border: 0;
}
.testimonial-slider .slick-dots li button:after{
    content:'';
    background-color: white;
    height: 16px;
	width: 16px;
	line-height: 16px;
	border-radius: 100%;
	position: absolute;
	left:16px;
	top:16px;
}

/* Quote */
blockquote.quote {
	text-align:left;
	margin:30px 0 0;
	padding:0;
}
blockquote.quote:first-child,
.col-lg-3 blockquote.quote {
	margin-top:0;
}
blockquote.quote img,
blockquote.quote .source {
	vertical-align:middle;
	display:inline-block;
}
blockquote.quote img {
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	height:70px;
	width:70px;
	margin-right:20px;
}
blockquote.quote .content,
blockquote.quote .source strong {
	display:block;
}
blockquote.quote .content {
	margin-bottom:12px;
	padding-right:60px;
	position:relative;
}
.col-lg-3 blockquote.quote .content {
	min-height:150px;
	padding-right:0;
}
blockquote.quote .source {
	font-style:normal;
}
.col-lg-3 blockquote.quote .source {
    border-top:2px solid #9de0ff;
	padding-top:10px;
	display:block;
}


/* Statistics */
.portfolio-stats-fixed-right {
    position: fixed !important;
    top: 353px !important;
    right: 0;
    background-color: #FFF;
    z-index: 100;
}

.sticky-stats {
	font-weight:bold;
	text-shadow:none;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	max-width:200px;
	position:absolute;
	top:80px;
	right:0;
	}
.sticky-stats .statistic {
	border-bottom:1px solid #f1f7f7;
	padding:20px;
	position:relative;
}
.blue-gradient .statistic.single {
	text-shadow:0 0 20px rgba(0,0,0,0.2);
}
.statistic.complex {
	text-align:center;
	margin-top:80px;
}
.statistic.complex:first-child {
	margin-top:0;
}
.statistic p,
.statistic .number,
.statistic .symbol,
.statistic .caption{
	line-height:1;
	margin:0;
	display:inline-block;
}
.sticky-stats .statistic .number{
    color: #0088CC !important;
}
.sticky-stats .statistic p,
.sticky-stats .statistic .number,
.sticky-stats .statistic .symbol,
.sticky-stats .statistic .caption{
	color:#013E50;
	font-size: 0.9em;
	display: inline-block;
}
.statistic .text .number,
.statistic .symbol {
    font-size:3.8em;
	font-weight:bold;
}
.sticky-stats .statistic .text .number,
.sticky-stats .statistic .symbol {
    font-size:2.8em;
}
/*
.statistic .symbol {
	color:#fd9000 !important;
}
*/
.statistic .symbol.dollar {
	color:inherit !important;
}
.blue-gradient .statistic.single .caption,
.blue-gradient .statistic.single .symbol {
	color:#9de0ff !important;
}
.statistic .symbol span {
	font-size:0.7em;
	font-weight:900;
}
.blue-popup .statistic .symbol span{
	color:#fff;
}
.statistic .caption {
	line-height:1.2; 
}
.statistic.single .caption,
.statistic.complex .caption {
	/* color:#A5CCDC; */
	color: #1a7aa8;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-top:5px;
}
.content-block .content-block .statistic.single .caption {
	letter-spacing:0.05em;
}
.statistic.single .caption,
.statistic.complex .caption,
.statistic .caption span {
	display:block;
}
.statistic .caption .line-2,
.statistic .caption .line-3 {
	color:#013E50;
	letter-spacing:normal;
}
.column .column .statistic.with-bump .line-1 {
	color:#1b7dad;
}
.column .column .statistic.with-bump .line-2 {
	color:#7b98a3;
}
.blue-gradient .statistic .caption .line-2,
.blue-gradient .statistic .caption .line-3 {
	color:#fff;
}
.statistic .caption .line-3 {
	font-weight: 400;
}

.statistic .minicaption {
	margin-bottom:20px;
	display:block;
}
.statistic.complex .text,
.statistic.complex .charts {
	vertical-align:middle;
	display:inline-block;
}
.statistic.complex .text {
	text-align:left;
	max-width:37%;
	margin-right:40px;
	min-width: 270px;
}
.statistic.complex .btn {
	margin-top:30px;
}


/* Bump Graph */
.statistic.with-bump,
.statistic.with-bump .text,
.statistic.with-bump .bump {
	position:absolute;
}
.statistic.with-bump {
	height:400px;
	width:320px;
	bottom:-110px;
	left:0;
}
.statistic.with-bump .text {
	top:0;
	left:15px;
}
.column .column .statistic.with-bump,
.column .column .statistic.with-bump .bump {
	height:300px;
}
.column .column .statistic.with-bump {
	width:100%;
}
.column .column .statistic.with-bump .bump {
	width:100px;
	right:50px;
}
.statistic.with-bump .bump {
	background:url("/assets/images/template/bump-blue.png") top center/174px 400px no-repeat;
	height:400px;
	width:174px;
	bottom:0;
	right:0;
}
.lt-gray-bg .statistic.with-bump .bump {
	background-image:url("/assets/images/template/bump-blue-v2.png");
}
.blue-gradient .statistic.with-bump .bump {
	background-image:url("/assets/images/template/bump-white.png");
}
body.parent-83 .statistic .text .minicaption strong
body.tpl-10 .statistic .text .minicaption strong{
    text-transform: uppercase;
}
body.parent-83 .statistic .text .number,
body.tpl-10 .statistic .text .number{
    font-size: 70px;
}
body.parent-83 .statistic .text .line-1,
body.tpl-10 .statistic .text .line-1{
    font-size: 18px;
    line-height: 1.3em;
    letter-spacing: 6.4px;
}
body.parent-83 .statistic .text .line-2,
body.tpl-10 .statistic .text .line-2{
    font-size: 20px;
}
body.parent-83 .statistic .charts,
body.tpl-10 .statistic .charts{
    margin-left: -50px;
    margin-right: 50px;
    margin-bottom: 30px;
}

/* Animated Bar Charts */
.charts {
	text-align:center;
	overflow-y:hidden;
	position:relative;
}
.charts,
.charts .chart {
	height:300px;
}
.complex .charts {
	border-radius:0px 0px 320px 320px;
	-moz-border-radius:0px 0px 320px 320px;
	-webkit-border-radius:0px 0px 320px 320px;
	width:320px;
}
.complex .charts,
.complex .charts .chart {
	height:380px;
}
.complex .charts .chart {
	width:80px;
}
.charts .circle {
	background:#fff;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-shadow:inset 0 -5px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 -5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 -5px 10px rgba(0,0,0,0.1);
	height:320px;
	width:320px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
}
.charts .chart {
	width:70px;
	display:inline-block;
	position:relative;
}
.case-study .charts,
.case-study .charts .chart {
	height:220px;
}
.charts .fill {
	background:#ff0000;
	height:0;
	max-height:90% !important;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	overflow:visible !important;
}
.charts .after {
	margin-left:10px;
}
.charts .before .fill {
	background:#013e50;
/* 	min-height:10%; */
}
.charts .after .fill {
	background:#9de0ff;
	background:rgba(157,224,255,0.8);
}
.charts .number {
	font-size:0.8em;
	text-align:center;
	width:100%;
	display:block;
	position:absolute;
	top:-21px;
	left:0;
	color: #013E50;
	background-color: white;
	z-index:2;
}
.charts .number:after {
	margin-left:4px;
	display:inline-block;
}
.charts .before .number:after {
	content:"Before";
}
.charts .after .number:after {
	content:"After";
}


/* Pie Chart */
.percentage {
	margin:40px auto;
}
.pie-title-center {
	text-align:center;
	display:inline-block;
	position:relative;
}
.percentage .pie,
.percentage .caption {
	width:49%;
	vertical-align:middle;
	display:inline-block;
}
.pie-value {
	font-size:4.8em;
	font-weight:900;
	line-height:0.8;
	height:70px;
	margin-top:-40px;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
}
.pie-value .symbol {
/* 	color:#fd9000; */
	font-size:0.6em;
	vertical-align:bottom;
	display:inline-block;
}
.percentage .caption {
	border-left:2px solid #fd9000;
	padding:0 0 2px 10px;
}
.percentage .caption .one {
	margin-bottom:0;
}
.percentage .caption .two {
	font-weight:bold;
}
.dk-blue-gradient .percentage .caption .two a,
.dk-blue-gradient .bucket a.more {
	color:#a5ccdc;
}
.dk-blue-gradient .percentage .caption .two a:hover,
.dk-blue-gradient .bucket a.more:hover {
	color:#fd9000;
}


/* Bar Chart */
.barchart {
	position:absolute;
	bottom:0;
}
.w50:last-child .barchart {
	left:70%;
}
.barchart .bar {
	vertical-align:bottom;
	height:300px;
	width:30px;
	margin:0 10px;
	display:inline-block;
	position:relative;
}
.barchart .fill {
	background:#ddd;
	border-radius:40px 40px 0px 0px;
	-moz-border-radius:40px 40px 0px 0px;
	-webkit-border-radius:40px 40px 0px 0px;
	height:0;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.barchart .highlight .fill {
	background:#0065aa;
}
.barchart .percent .number {
	color:#666;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	line-height:1;
	width:100%;
	display:none;
	position:absolute;
	top:0;
	left:-98px;
}
.barchart .show-value.percent .number {
	display:block;
}


/* Read More / Text Expansion */
/*
.readmore {
	height:50px;
	margin-top:20px;
	overflow:hidden;
}
.readmore.open {
	height:auto;
}
*/
.readmore button {
	font-size:17px !important;
	line-height:40px;
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
	height:40px;
	width:40px;
	margin:20px 5px 20px;
	padding:0;
	display:block;
	outline:none !important;
}
.readmore.open button {
	text-shadow:none;
	background:#f1f7f7;
	display:none; /* not sure what to do other than hide it */
}
.readmore p + p {
	display:none;
}
.readmore.open p + p {
	display:block;
}


/* TopSpotter Captioned Image */
.topspotter-img-col {
	height:100%;
	padding:0 0 0 40px;
	position:absolute !important;
	top:0;
	right:0;
}
#top-banner .topspotter-img-col {
	padding-top:110px;
}
.topspotter-img {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;	
	position:relative;
}
#top-banner .topspotter-img {
	background:top center no-repeat;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
	height:510px;
}
#top-banner .topspotter-img.no-shadow {
	box-shadow:none;
}

.topspotter-img .bubble,
.topspotter-img + .fun-fact p,
.img-wrapper .fun-fact p,
.statistic .minicaption {
	color:#013E50;
	font-size:0.85em;
	text-shadow:none;
}
.fun-fact.centered {
    display:flex;
    justify-content:center;
}
.fun-fact p{
    display:flex;
    flex-wrap:wrap;
}
.fun-fact p strong{
    width: 100%;
}

.fun-fact p a{
    display: block;
    height: 20px;
    width: 69px;
    z-index: 3;
    color: #fd9000;
}

.statistic .minicaption{
    margin-bottom:0;
}
.topspotter-img .bubble {
	background:#fff;
	min-width:190px;
	padding:13px 15px;
	display:inline-block;
	position:absolute;
}
.topspotter-img .bubble.blue {
	color:#fff;
	background:#013E50;
}

.topspotter-img + .fun-fact {
	background:#fff;
	width:100%;
	width:calc(100% - 40px);
	padding:20px 40px 20px 20px;
	position:absolute;
	bottom:0;
	left:40px;
}
#top-banner .topspotter-img + .fun-fact {
    padding: 20px 15px;
    bottom: -50px;
}
.topspotter-img .name,
.topspotter-img + .fun-fact p,
.img-wrapper .fun-fact p,
.statistic .minicaption {
	line-height:1.2;
	border-left:2px solid #fd9000;
	padding:0 0 2px 10px;
}
.img-wrapper .fun-fact.no-border p {
    border-left:none;
}
.img-wrapper .fun-fact p {
	margin-top:20px;
}
.topspotter-img .name strong,
.statistic .minicaption strong {
	margin-bottom:5px;
	display:block;
}
.topspotter-img + .fun-fact strong,
.img-wrapper .fun-fact strong {
	color:#1a7aa8;
	margin-bottom:10px;
	display:block;
}
.topspotter-img .year {
	color:#1b7dad;
	font-size:0.85em;
	font-weight:900;
	text-transform:uppercase;
	margin:0;
}
.topspotter-img .blue .year {
	color:#fd9000;
}
.topspotter-img i {
	color:#fff;
	font-size:50px;
	float:none;
	position:absolute;
}
.topspotter-img .blue i {
	color:#013E50;
}
.topspotter-img i.top,
.topspotter-img i.bottom {
	line-height:22px;
	margin-left:-14px;
	left:50%;
}
.topspotter-img i.top {
	top:-19px;
}
.topspotter-img i.bottom {
	bottom:-15px;
}
.topspotter-img i.left,
.topspotter-img i.right {
	line-height:32px;
	margin-top:-15px;
	top:50%;
}
.topspotter-img i.left {
	left:-15px;
}
.topspotter-img i.right {
	right:-15px;
}


/* Blue Popout/Overlapping Caption Box */
.blue-box {
	height:auto !important;
	z-index:2;
}
.parent-5 .constraint-container.blue-box {
	background-position:center right;
	background-repeat:repeat;
	background-size:50% auto !important;
	z-index:1;
}
.constraint-container.blue-box.lt-gray-bg {
	background-repeat:no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;	
}
/* this makes issues for this page:http://topspot2018.topspotsites.com/ */
/*
.constraint-container.blue-box + .blue-gradient {
	margin-bottom:-60px;
	top:-60px;
}
*/
.blue-box .content-block,
.content-block .blue-box .content-block {
	padding:0;
}
.nopadding .content-block {
	padding:0 !important;
}

.blue-box .blue-gradient{
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	margin-top:-60px;
	margin-bottom:-60px;
	padding:80px 60px;
}
.blue-box .padT.padB + .blue-gradient,
.blue-box.no-overflow .blue-gradient {
	margin-top:0;
}
.blue-box.no-overflow .blue-gradient {
	margin-bottom:0;
}
.blue-box .blue-gradient .absolute.right {
	right:-120px;
}
body.tpl-10 .blue-box,
body.parent-83 .blue-box{
    margin-top: 50px;
}
/* for nested version */
.constraint-container .constraint-container.blue-box {
	background:#fff;
	height:auto !important;
	width:92%;
	margin:-160px auto 0;
}
.constraint-container .constraint-container.blue-box .constrain > .row {
	box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);
	margin:0;
	display:table;
}
.constraint-container .constraint-container.blue-box .blue-gradient {
	box-shadow:none;
	margin:0;
	top:0;
}
.constraint-container .constraint-container.blue-box .column {
	padding:70px 60px !important;
	display:table-cell;
	float:none;
}
.constraint-container .constraint-container.blue-box .column + .column {
	color:#013E50;
	text-shadow:none;
}
.constraint-container .constraint-container.blue-box .column + .column h4 {
    color:#1b7dad;	
}
.block + h2/*
,
.block + .richtext
*/ {
	text-align:center;
	width:84%;
	margin:60px auto 0;
}


/* Before/After Slider */
.ba-slider {
	text-align:center;
	box-shadow:0 -10px 20px -10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 -10px 20px -10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 -10px 20px -10px rgba(0,0,0,0.1);
	padding-bottom:80px;
    position:relative;
    overflow:hidden;
}
.block + .ba-slider {
	margin-top:20px;
}
.padT .ba-slider {
	margin:20px 0 0 20px;	
}
.ba-slider .images {
	position:relative;
}
.ba-slider .images:before {
	content:"";
	box-shadow:0 10px 20px -10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 10px 20px -10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.1);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.ba-slider img {
    width:100%;
    max-width:none;
    display:block;
} 
.ba-slider .resize {
    height:100%;
    width:50%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}
.ba-slider .handle {
	background:#013e50;
	background:rgba(0,0,0,0.5);
	width:2px;
	margin-left:-1px;
	position:absolute; 
	left:50%;
	top:0;
	bottom:0;
	z-index:1;
	cursor:ew-resize;
}
.ba-slider .handle:before { 
    /*content:"\f0d8";*/
    content: "\f0da";
    color:#fd9000;
    font-family:"Font Awesome 5 Pro";
	font-size:17px;
    text-align:center; 
    background:#013e50;
    border:2px solid #013e50;
    border-radius:30px;
    line-height:24px;
    height:30px;
    width:30px;
    margin-left:-15px;
    position:absolute;
    bottom:-54px;
    left:50%;
    z-index:2;
}
/*
.ba-slider .handle.ba-draggable:after {
    font-size:30px;
    line-height:50px;
    width:48px;
    height:48px;
    margin:-24px 0 0 -24px;
}
*/
.ba-slider .handle-bar {
	background:#fd9000;
	height:2px;
	width:100%;
	display:block;
	position:absolute;
	bottom:40px;
	left:0;
}
.ba-slider .handle-caption {
	font-size:0.75em;
	font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.02em;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    color: #1b7dad;
}
.lt-gray-bg .ba-slider .handle-caption{
    color: #013E50;
}
.white-text .ba-slider .handle-caption{
	color: white;
}

/* Local SEO Tool */
#industrySelector {
    color:#666;
    font-size:0.9em;
    font-weight:normal;
    text-transform:none;
    border:1px solid #2092ca;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 2px 0 4px;
	padding:5px 8px;
	appearance:none;;
	-moz-appearance:none;
	-webkit-appearance:none;
}
#industryContent {
	margin-top:20px;
}
#industryContent > div {
	display:none;
}


/* Awards Count Blocks */
#awards-count .award-logo {
	vertical-align:middle;
	line-height:220px;
	height:300px;
	width:25%;
	margin:15px auto;
	display:inline-block;
	cursor:pointer;
}
@media only screen and (min-width:1200px) {
	.award-logo:nth-child(1),
	.award-logo:nth-child(3),
	.award-logo:nth-child(6),
	.award-logo:nth-child(8),
	.award-logo:nth-child(9),
	.award-logo:nth-child(11),
	.award-logo:nth-child(14),
	.award-logo:nth-child(16),
	.award-logo:nth-child(17),
	.award-logo:nth-child(19),
	.award-logo:nth-child(22),
	.award-logo:nth-child(24) {
		box-shadow:0 0 30px rgba(0,0,0,0.1);
		-moz-box-shadow:0 0 30px rgba(0,0,0,0.1);
		-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);
		position:relative;
		z-index:1;
	}
	.award-logo:nth-child(1):hover,
	.award-logo:nth-child(3):hover,
	.award-logo:nth-child(6):hover,
	.award-logo:nth-child(8):hover,
	.award-logo:nth-child(9):hover,
	.award-logo:nth-child(11):hover,
	.award-logo:nth-child(14):hover,
	.award-logo:nth-child(16):hover,
	.award-logo:nth-child(17):hover,
	.award-logo:nth-child(19):hover,
	.award-logo:nth-child(22):hover,
	.award-logo:nth-child(24):hover {
		box-shadow:0 0 30px rgba(0,0,0,0.2);
		-moz-box-shadow:0 0 30px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
	}
	.award-logo:nth-child(2),
	.award-logo:nth-child(4),
	.award-logo:nth-child(5),
	.award-logo:nth-child(7),
	.award-logo:nth-child(10),
	.award-logo:nth-child(12),
	.award-logo:nth-child(13),
	.award-logo:nth-child(15),
	.award-logo:nth-child(18),
	.award-logo:nth-child(20),
	.award-logo:nth-child(21),
	.award-logo:nth-child(23) {
		padding:20px 0;
	}
	.award-logo:nth-child(2) .inner,
	.award-logo:nth-child(4) .inner,
	.award-logo:nth-child(5) .inner,
	.award-logo:nth-child(7) .inner,
	.award-logo:nth-child(10) .inner,
	.award-logo:nth-child(12) .inner,
	.award-logo:nth-child(13) .inner,
	.award-logo:nth-child(15) .inner,
	.award-logo:nth-child(18) .inner,
	.award-logo:nth-child(20) .inner,
	.award-logo:nth-child(21) .inner,
	.award-logo:nth-child(23) .inner {
		background-color:#f1f7f7;
		padding-top:40px;
	}
	.award-logo:nth-child(2):hover .inner,
	.award-logo:nth-child(4):hover .inner,
	.award-logo:nth-child(5):hover .inner,
	.award-logo:nth-child(7):hover .inner,
	.award-logo:nth-child(10):hover .inner,
	.award-logo:nth-child(12):hover .inner,
	.award-logo:nth-child(13):hover .inner,
	.award-logo:nth-child(15):hover .inner,
	.award-logo:nth-child(18):hover .inner,
	.award-logo:nth-child(20):hover .inner,
	.award-logo:nth-child(21):hover .inner,
	.award-logo:nth-child(23):hover .inner {
		box-shadow:0 0 30px rgba(0,0,0,0.2);
		-moz-box-shadow:0 0 30px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
	}
	.award-logo:nth-child(2) .number,
	.award-logo:nth-child(4) .number,
	.award-logo:nth-child(5) .number,
	.award-logo:nth-child(7) .number,
	.award-logo:nth-child(10) .number,
	.award-logo:nth-child(12) .number,
	.award-logo:nth-child(13) .number,
	.award-logo:nth-child(15) .number,
	.award-logo:nth-child(18) .number,
	.award-logo:nth-child(20) .number,
	.award-logo:nth-child(21) .number,
	.award-logo:nth-child(23) .number {
		color:#fff;
	}
}
#awards-count .award-logo:hover {
	cursor:pointer;
}
.award-logo .inner {
	background-color:#fff;
	height:100%;
	width:100%;
	padding:60px 20px 20px 40px;
	position:relative;
}
.award-logo .graphic {
	background-size:100%;
	background-position:left center;
	background-repeat:no-repeat;
	height:130px;
	width:120px;
	position:relative;
	z-index:1;
}
.award-logo.agency100 .graphic {
    background-image:url("/assets/images/content/logo_agency_100.png");
}
.award-logo.ama_crystal .graphic {
    background-image:url("/assets/images/content/logo_crystal_awards.png");
    width:160px;
}
.award-logo.us_agency_awards .graphic {
    background-image:url("/assets/images/content/logo_us_agency_award.png");
    width:160px;
}
.award-logo.ava_award .graphic {
    background-image:url("/assets/images/content/logo_ava_awards.png");
    width:160px;
}
.award-logo.bbb .graphic {
    background-image:url("/assets/images/content/logo_bbb.png");
}
.award-logo.best_brightest .graphic {
    background-image:url("/assets/images/content/logo_best.png");
}
.award-logo.bma_houston .graphic {
    background-image:url("/assets/images/content/logo_bma.png");
    width:160px;
}
.award-logo.cds .graphic {
    background-image:url("/assets/images/content/logo_cds.png");
}
.award-logo.clutch .graphic {
    background-image:url("/assets/images/content/logo_clutch.png");
}
.award-logo.cougar100 .graphic {
    background-image:url("/assets/images/content/logo_cougar_100.png");
    width:160px;
}
.award-logo.fast100 .graphic {
    background-image:url("/assets/images/content/logo_fast_100.png");
}
.award-logo.iac .graphic {
    background-image:url("/assets/images/content/logo_iac.png");
}
.award-logo.houstonia .graphic {
    background-image:url("/assets/images/content/logo_housonia.png");
    width:160px;
}
.award-logo.inc5000 .graphic {
    background-image:url("/assets/images/content/logo_inc_5000.png");
}
.award-logo.landy .graphic {
    background-image:url("/assets/images/content/logo_landy.png");
}
.award-logo.the_list .graphic {
    background-image:url("/assets/images/content/logo_list.png");
}
.award-logo.mobile_web .graphic {
    background-image:url("/assets/images/content/logo_m_webaward.png");
}
.award-logo.stevie .graphic {
    background-image:url("/assets/images/content/logo_stevie.png");
}
.award-logo.us_search .graphic {
    background-image:url("/assets/images/content/logo_us.png");
}
.award-logo.web_awards .graphic {
    background-image:url("/assets/images/content/logo_webaward.png");
}
.award-logo.w3_award .graphic {
    background-image:url("/assets/images/content/logo_w3.png");
}
.award-logo.aaf_houston .graphic {
    background-image:url("/assets/images/content/logo_aaf.png");
}
.award-logo.dot_comm .graphic {
    background-image:url("/assets/images/content/logo_dot_comm.png");
}
.award-logo.twp_chronicle .graphic {
    background-image:url("/assets/images/content/logo_houston_chronicle.png");
}
.award-logo.hermes .graphic {
    background-image:url("/assets/images/content/logo_hermes.png");
    width:160px;
}
.award-logo.drum_search .graphic {
    background-image:url("/assets/images/content/logo_drum_search.png");
}
.award-logo.cma .graphic {
    background-image:url("/assets/images/content/cma-logo-blue.png");
}
.award-logo h5 {
	font-size:0.9em;
	font-weight:bold;
	text-transform:none;
	line-height:1.2;
	margin-top:20px;
	position:relative;
	z-index:1;
}
.award-logo .number {
	color:#293849 !important;
	font-size:6em;
	font-weight:bold;
	line-height:1;
	margin-top:-50px;
	position:absolute;
	top:50%;
	right:20px;
}


/* Awards and Events Timeline */
.awards-list,
.events-list {
/*     border-left:2px solid #9de0ff; */
	width:100%;
/*
    padding-left:30px;
	float:right;
*/
	position:relative;
}
.awards-list:before,
.events-list:before {
	content:"";
    border-left:2px solid #9de0ff;
	height:100%;
	position:absolute;
	top:0;
	left:150px;
}
.awards-list.top:before,
.events-list.top:before {
    border-left:2px solid #e56e39;	
}
.awards-list,
.events-list.bottom {
	max-height:600px;
	overflow:hidden;
}
/*
.events-list.bottom:after {
	box-shadow:inset 0 -100px 100px #f1f7f7
}
*/
.awards-list + .more,
.events-list + .more {
    margin:40px auto 0;
    width:150px;
    display:block;
}
.events-list.top {
	margin-top:60px;
}
.awards-list.top:after,
.events-list.top:after {
	content:"Awards";
	color:rgba(255,255,255,0.1);
	font-size:6em;
	font-weight:bold;
	text-shadow:none;
	position:absolute;
	top:250px;
	left:0;
}
.events-list.top:after {
	content:"Events";
}
.awards-list li,
.events-list li {
	text-align:left;
	margin-bottom:20px;
	padding-left:250px;
}
.events-list li {
    margin-bottom: 10px;
}
.events-list li:after{
    content: '';
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #a7ccdd;
}
.awards-list .hideAward,
.events-list .hideEvent,
.people-list .hideGeek {
	display:none;
}
.awards-list .hideYear .year,
.awards-list .hideMonth .month,
.events-list .hideYear .year,
.events-list .hideMonth .month {
	opacity:0;
    filter:alpha(opacity=0);
}
.awards-list .year,
.events-list .year {
	/* color:#A5CCDC; */
	color: #1b7dad;
	font-size:3em;
	font-weight:bold;
	text-align:center;
	text-shadow:none;
	line-height:1;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	float:none;
	position:absolute;
	left:0;
	transition:font-size 0.2s,line-height 0.2s,height 0.2s,width 0.2s;
	-moz-transition:font-size 0.2s,line-height 0.2s,height 0.2s,width 0.2s;
	-webkit-transition:font-size 0.2s,line-height 0.2s,height 0.2s,width 0.2s;
}
.blue-gradient .awards-list .year,
.blue-gradient .events-list .year {
    color: white;
}
.awards-list .year.show.stuck,
.events-list .year.show.stuck {
	color:#013E50 !important;
	font-size:2.4em;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	line-height:150px;
	height:160px;
	width:160px;
	padding:5px;
	position:fixed;
	top:80px;
	left:80px;
	z-index:2;
}
.awards-list .year.stuck .inner,
.events-list .year.stuck .inner {
	background:#fff;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.awards-list .sticky-wrapper,
.events-list .sticky-wrapper {
	height:auto !important;
}
.awards-list .year,
.awards-list .month,
.awards-list .award,
.events-list .year,
.events-list .month,
.events-list .summary {
	float:left;
}
.awards-list .month,
.events-list .month {
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.2;
	width:15%;
}
.awards-list .active .month,
.events-list .active .month {
	color:#A5CCDC;	
}
.awards-list .award,
.events-list .summary {
	font-weight:200;
	width:85%;
	padding-right:200px;
	position:relative;
}
.events-list .summary {
	min-height:48px;
}
.awards-list h4,
.events-list h4 {
	text-transform:none;
	letter-spacing:normal;
	margin-bottom:5px;
	color: #1a7aa8;
}
.awards-list.top h4,
.events-list.top h4 {
	color:#fff;
}
.awards-list p,
.events-list p {
	font-size:0.9em;
	font-weight: 400;
	margin:0;
}
.awards-list .award > a,
.events-list .location > a {
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);
	width:160px;
	position:absolute;
	top:5px;
	right:0;
}

#upcoming-events {
	background:#fff;
/* 	border-bottom:2px solid #013E50; */
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 5px 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3);
	max-height: 400px;
	width:480px;
	margin:0 auto;
	overflow-y: scroll;
	overflow: visible;
}
#upcoming-events * {
	text-shadow:none;
}
#upcoming-events h3 {
	font-weight: 400;
	background:#013E50;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	margin:0;
	padding:15px 20px;
}
#upcoming-events .item {
	border-bottom:2px solid #f1f7f7;
	padding:20px;
	display:block;
	position:relative;
}
#upcoming-events .item:last-child {
	border-bottom:none;
}
#upcoming-events .item:hover {
	background:#2092ca;
}
#upcoming-events .item:before,
#upcoming-events .item:after {
	content:"";
	background:#2092ca;
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
}
#upcoming-events .item:before {
	border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	left:-20px;
}
#upcoming-events .item:after {
	border-radius:0px 10px 10px 0px;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
	right:-20px;
}
#upcoming-events .item:hover:before,
#upcoming-events .item:hover:after {
	opacity:1;
	filter:alpha(opacity=100);	
}
#upcoming-events h4,
#upcoming-events p {
	color:#013E50;
	margin:0;
}
#upcoming-events h4 {
	color:#1b7dad;
	text-transform:none;
	letter-spacing:normal;
}
#upcoming-events .item:hover h4 {
	color:#9de0ff;
}
#upcoming-events p {
	font-size:0.9em;
}
#upcoming-events .item:hover p {
	color:#fff;
}

/*
#upcoming-events a {
	color:#fd9000;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	height:40px;
	width:40px;
	margin-top:-20px;
	position:absolute;
	top:50%;
	right:10px;
}
#upcoming-events a:hover {
	color:#9de0ff;	
}
*/


/* Case Study buckets */
.case-study.list,
.video-item {
	background:#fff;
	box-shadow:inset 0 0 0 2px #f1f7f7;
	-moz-box-shadow:inset 0 0 0 2px #f1f7f7;
	-webkit-box-shadow:inset 0 0 0 2px #f1f7f7;
	height:0;
	padding:0 250px 0 50px;
	position:relative;
	overflow:hidden;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.case-study:nth-child(2) {
	box-shadow:0 5px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
}
.case-study.active,
.video-item.active {
	height:auto;
	margin:30px auto;
	padding-top:40px;
	padding-bottom:40px;
}
.case-study h4 {
	color:#013E50;
	font-weight:400;
	letter-spacing:normal;
	border-bottom:2px solid #9de0ff;
	margin-bottom:20px;
	padding-bottom:15px;
}
.case-study h4 strong {
	font-weight:bold;
}
.case-study .statistic,
.case-study .summary {
	float:left;
}
.case-study .statistic {
	width:25%;
}
.case-study .summary {
	width:75%;
}
.case-study .btn {
	margin-top:20px;
}
.case-study .charts {
	position:absolute;
	right:50px;
	bottom:0;
}
#case-study-update .title{
    background-color: #dceef7;
    color: #003E50;
    padding: 6px 15px;
    width: 100%;
}
#case-study-update .title p{
    padding-bottom: 0;
}
#case-study-update .content{
    background-color: #f3f9fc;
    padding: 40px 40px;
}
#case-study-update h2{
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    font-family: 'open-sans';
    margin-bottom: 15px !important;
    color: #003E50;
    margin-top: 0 !important;
}
#case-study-update h3{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.55px;
    text-transform: uppercase;
    color: #636672;
    font-family: 'open-sans';
    margin-bottom: 5px;
}
#case-study-update .column + .column{
    padding-left: 50px;
}
#case-study-update .percent-increase .caption{
    max-width: 170px;
}
#case-study-update + .gray-box{
    margin-top: 35px;
}
.gray-box{
    background-color: #EEEEEE;
    padding: 6px 15px !important;
}
.gray-box + div{
    margin-top: 25px;
}
.award-ribbon {
    width:140px;
    position:absolute;
    top: 10px;
    right: -44px;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.blue-popup .award-ribbon {
	text-shadow:none;
    width:200px;
    transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    top:45px;
    right:auto;
    left:-40px;
}
.award-ribbon .shape {
    border-bottom:30px solid #013e50;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    height:0;
    width:140px;
}
.blue-popup .award-ribbon .shape {
    border-bottom:30px solid #fff;
    width:220px;
}
.award-ribbon strong {
	color:#fff;
	font-size:0.9em;
	margin:-11px 0 0 -25px;
	position:absolute;
	top:50%;
	left:50%;
	background-color: #013e50;
}
.blue-popup .award-ribbon strong {
	color:#013E50;
	background-color: white;
	margin-left:-55px;
}
.award-ribbon.revisited{
    top: 22px;
    right: -15px;
}
.award-ribbon.revisited .shape{
    border-bottom:30px solid #cfe6f5;
    width: 200px;
}
.award-ribbon.revisited strong{
    background-color: #cfe6f5;
    color: #003E50;
}

/* Case Study Prev/Next Links */
#cs-prev-next {
	text-align:center;
	margin:0px auto;
	position:relative;
	z-index:1;
}
#cs-prev-next .nav {
	border-top:4px solid #9de0ff;
	vertical-align:middle;
	width:48%;
	margin:0 0.5%;
	padding-top:4px;
	display:inline-block;
}
#cs-prev-next .prev {
	text-align:right;
}
#cs-prev-next .next {
	text-align:left;
}
#cs-prev-next a {
	text-decoration:none;
	height:150px;
	padding:30px;
	display:block;
}
#cs-prev-next a.disabled {
	opacity:0.2;
	filter:alpha(opacity=20);
	pointer-events:none;
}
#cs-prev-next .prev a {
	border-radius:0px 0px 0px 20px;
	-moz-border-radius:0px 0px 0px 20px;
	-webkit-border-radius:0px 0px 0px 20px;
	padding-left:60px;	
}
#cs-prev-next .next a {
	border-radius:0px 0px 20px 0px;
	-moz-border-radius:0px 0px 20px 0px;
	-webkit-border-radius:0px 0px 20px 0px;
	padding-right:60px;	
}
#cs-prev-next a:hover h4 {
	text-shadow:none;
}
#cs-prev-next h2 {
	font-size:2em;
	line-height:50px;
	height:60px;
	margin:0;
	position:relative;
}
#cs-prev-next h2 span {
	line-height:1;
	vertical-align:middle;
	display:inline-block;
}
#cs-prev-next i {
	font-size:24px;
	line-height:0.6;
	position:absolute;
	top:45%;
}
#cs-prev-next .prev i {
	left:-30px;
}
#cs-prev-next .next i {
	right:-30px;
}


/* Video List */
.video-item {
	padding-left:50px;
	padding-right:50px;
}
.video-item .summary,
.video-item .iframe {
	float:left;
}
.video-item .summary {
	width:60%;
	padding-right:30px;
}
.video-item .iframe {
	width:40%;
}
.video-item .iframe iframe {
	height:300px;
	width:100%;
}


/* Team Geek Leaders/Executives */
#id-49 #top-banner {
	min-height:625px;
}
#id-49 #top-banner .content-block {
	position:initial;
}
#tg-leaders {
	box-shadow:inset 0 -30px 0 #fff;
	-moz-box-shadow:inset 0 -30px 0 #fff;
	-webkit-box-shadow:inset 0 -30px 0 #fff;
	max-width:100%;
	padding-left:100px;
	position:absolute;
	bottom:0;
	left:0;
	overflow-x:scroll;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
#tg-leaders .inner {
	width: 5980px;
	/*Each new person should add 540px to the above number*/
}
.scroll-button{
	margin:20px 0 0;
	text-align: right;
}
.scroll-button .fa{
	width:49%;
	font-size:26px;
	cursor: pointer;
}
.scroll-button .fa:hover{
	color:#044C64;
}
#tg-leaders .leader,
#tg-leaders img {
	height:300px;	
}
#tg-leaders .leader {
	text-align:left;
	width:500px;
	margin:0 40px 0 0;
	padding:100px 50px 0 0;
	float:left;
	position:relative;
}
#tg-leaders img {
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
#tg-leaders img[alt="Josh Blankenship"]{
    right: -60px;
}
#tg-leaders .name span {
	margin-right:20px;
}
#tg-leaders .name span,
#tg-leaders .name:after {
	vertical-align:middle;
	display:inline-block;
}
#tg-leaders .name:after {
	content:"";
	background:rgba(255,255,255,0.2);
	height:2px;
	width:30%;
}
#tg-leaders .title {
	line-height:1.2;
}
#tg-leaders .btn {
	position:relative;
	z-index:2;
}


/* Team Geek Employees */
.geek {
	text-align:left;
	width:25%;
	height:120px;
	margin:20px auto;
	padding:20px 20px 20px 120px;
	float:left;
	position:relative;
}
/*
.geek:nth-child(4n+1) {
	clear:left;
}
*/
.geek img {
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:80px;
	width:80px;
	position:absolute;
	top:20px;
	left:20px;
}
.geek h4,
.geek p {
	line-height:1.2;
}
.geek h4 {
	color:#013E50;
	font-size:0.85em;
	margin:0 auto 5px;
}
.geek p {
	font-size:0.9em;
	margin-bottom:5px;
}
.geek p.title {
	font-weight:bold;
	margin:0;
}
.geek a {
	color:#e56e39;
}
.geek a:hover {
	text-decoration:underline;
}
.geek .tool-tip {
	font-size:0.9em;
	background:#fff;
	height:100%;
	width:100%;
	width:calc(100% - 100px);
	padding:20px;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	opacity:0;
}
.geek:hover .tool-tip {
	opacity:1;
}
#count-geeks {
	margin-top:30px;
}

#tg-spotify {
	margin-left:-120px;
	display: block;
	position: absolute;
	top:50px;
	left:50%;
}


/* Porfolio */
#portfolio-list {
	margin-top:70px;
	overflow:hidden;
}
#portfolio-list .website {
	text-align:center;
	width:33.33%;
	padding:60px 30px 30px;
	float:left;
	position:relative;
	cursor:pointer;
	display:none;
}
#portfolio-list .website.active {
	display:block;
}
#portfolio-list .website .image,
#portfolio-list .website .image:before {
	height:219px;
	width:380px;
}
#portfolio-list .website .image {
	margin:0 auto;
	padding:15px 45px;
	position:relative;
}
#portfolio-list .website .image:before {
	content:"";
	background:center center/380px 219px url("/assets/images/template/image_portfolio.png") no-repeat;
	margin:-109px 0 0 -190px;
	position:absolute;
	top:50%;
	left:50%;
}

#portfolio-list .website .logo {
	width:260px;
	margin-left:-130px;
	position:absolute;
	top:50px;
	left:50%;
	display:none !important; /* told to hide */
}
#portfolio-list .website .logo {
	opacity:0;
	filter:alpha(opacity=0);
}
#portfolio-list .website:hover .logo {
	opacity:1;
	filter:alpha(opacity=100);
}

#portfolio-list .website .type {
	font-size:0.9em;
	line-height:1.4;
	border-top:2px solid #9de0ff;
	height:60px;
	margin-top:30px;
	padding:10px 20px 0 20px;
	display:inline-block;
}

/* Portfolio Popup */
#portfolio-list .blue-popup {
	height:auto;
	width: 100%;
	min-height: 700px;
/* 	height:90%; */
	padding-top:80px;
}
#portfolio-list .blue-popup .left h2 {
	margin:10px 0;
}
#portfolio-list .blue-popup .link a {
	color:#fff;
	font-weight:bold;
}
#portfolio-list .blue-popup .link a:hover {
    color:#9de0ff;	
}
#portfolio-list .ba-slider {
	box-shadow:none;
	padding-top:80px;
	padding-bottom:0;
	position:absolute;
	bottom:50px;
	left:80px;
}
#portfolio-list .blue-popup .images {
	padding:20px 5px;	
}
#portfolio-list .blue-popup .images,
#portfolio-list .blue-popup .ba-slider:before {
	height:380px;
	width:570px;
}
#portfolio-list .blue-popup .ba-slider:before {
	content:"";
	background:center center/570px 380px url("/assets/images/template/image_portfolio_lightbox_2.png") no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
#portfolio-list .ba-slider .images:before {
	content:none;
}
#portfolio-list .ba-slider .resize {
	top:24px;
}
#portfolio-list .ba-slider .handle {
	background:none !important;
}
#portfolio-list .ba-slider .handle:before {
	content:"\f0da";
	text-shadow:none;
	line-height:28px;
	background:#fff;
	border-color:#fff;
    top:10px;
	bottom:0;
}
#portfolio-list .ba-slider .handle-bar {
	top:25px;
	bottom:auto;
}
#portfolio-list .ba-slider .handle-caption {
	font-size:0.7em;
	letter-spacing:0.04em;
	top:50px;
	bottom:auto;
}
#portfolio-list .blue-popup .rfq {
	margin-top:25px;
}



/* Filters */
#cs-filters-note {
    color:#fff;
	text-align:center;
	padding:30px 0 20px;
}
#cs-filters-note span {
    color:#008dcd;
    font-size:1.4em;
}
.force-blue-bg #cs-filters-note span {
	color:#fff;
}
.filters {
	background:#fff;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#cs-filters,
#people-filters,
#portfolio-filters {
	bottom:auto;
	top:0;
}
.filters .filter,
.filters .filter-label {
	color:#013E50;
	text-align:center;
	text-shadow:none;
	box-shadow:inset 2px 0 0 #f1f7f7;
	-moz-box-shadow:inset 2px 0 0 #f1f7f7;
	-webkit-box-shadow:inset 2px 0 0 #f1f7f7;
	line-height:66px;
	height:70px;
	width:20%;
	float:left;
	position:relative;
}
#cs-filters .filter,
#cs-filters .filter-label,
#people-filters .filter,
#people-filters .filter-label,
#portfolio-filters .filter,
#portfolio-filters .filter-label,
#sidebar.filters .filter,
#sidebar.filters .filter-label {
	color:#fff;
	box-shadow:inset 2px 0 0 #013e50;
	-moz-box-shadow:inset 2px 0 0 #013e50;
	-webkit-box-shadow:inset 2px 0 0 #013e50;
	width:16.66%;
}
#people-filters .filter,
#people-filters .filter-label {
	width:14.28%;
}
#portfolio-filters .filter,
#portfolio-filters .filter-label {
	width:20%;
}
.filters .filter-label {
	text-transform:uppercase;
}
.filters .filter span,
.filters .filter-label span {
	line-height:1.2;
	vertical-align:middle;
	display:inline-block;
}
.filters .filter-label i {
	margin-right:5px;
}
.filters .filter:hover {
	font-weight:bold;
/* 	text-shadow:1px 1px 0 #fff; */
	background:#f1f7f7;
	cursor:pointer;
}
#cs-filters .filter:hover,
#people-filters .filter:hover,
#portfolio-filters .filter:hover {
	text-shadow:none;
	background:#e56e39;
}
.filters .filter option {
    color:#000 !important;
	font-weight:normal !important;
}
#cs-filters .filter option {
	color:#013E50 !important;
	background:#fff !important;
}

#events-filters .filter.active,
#events-filters .mixitup-control-active {
	background:#f1f7f7;
/*
	color:#fff !important;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background:#002c39;
	background:-moz-linear-gradient(top,  #002c39 0%, #013e50 100%);
	background:-webkit-linear-gradient(top,  #002c39 0%,#013e50 100%);
	background:linear-gradient(to bottom,  #002c39 0%,#013e50 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c39', endColorstr='#013e50',GradientType=0 );
*/
}
#events-filters .filter.active span:before,
#people-filters .filter.active span:before,
#portfolio-filters .filter.active span:before {
	content:"\f00d";
	font-family:"Font Awesome 5 Pro";
	color:#a00;
	margin-right:7px;
	display:inline-block;
}
.filter select,
.filter .select-label {
	text-align:left;
    background:transparent;
    border:none;
    appearance:none;	
    -moz-appearance:none;	
    -webkit-appearance:none;
    height:100%;
    width:100%;
    padding:0 40px;
    outline:none !important;
    -moz-outline:none !important;
    cursor:pointer;
}
/*
    .filter select{
        color:#fff;
    }
    .filter select option:not(first-child){
        color:#000;
    }
*/
.filter i {
	line-height:1;
	position:absolute;
	top:30px;
	right:40px;
}
#cs-filters i {
	top:27px;
}

/*
.filter.active select {
	width:auto;
}
.filter.active i {
	display:none;
}
*/

.parent-83 #top-banner .column
.tpl-10 #top-banner .column {
	position:inherit;
}
.parent-83 #top-banner .constrain,
.tpl-10 #top-banner .constrain{
	position:relative;
}
#cs-banner-specs {
	font-size:0.9em;
	text-shadow:none;
	max-width:200px;
	position:absolute;
	bottom:30px;
	right:0;
	z-index:1;
}
#cs-banner-specs.long {
	font-size:0.8em;
}
#cs-banner-specs h4,
#cs-banner-specs p {
	color:#fff;
	line-height:1.4;
}
#cs-banner-specs h4 {
	border-bottom:2px solid rgba(255,255,255,0.4);
	margin-bottom:5px;
	padding-bottom:7px;
}
#cs-banner-specs-bar{
    margin: -50px 0 -60px 0;
    float: left;
    width: 100%;
}
#cs-banner-specs-bar .w16{
    float: left;
    width: 16%;
}
#cs-banner-specs-bar .w33{
    float:left;
}
#cs-banner-specs-bar .w50{
    float:left;
}
#cs-banner-specs-bar h4,
#cs-banner-specs-bar h4{
    font-size: 13px;
    border-bottom: 1px solid #e56e39;
    margin-right:20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #013E50;
}
#cs-banner-specs-bar p{
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
}
#cs-banner-specs-bar ul{
    font-size: 13px;
    line-height: 16px;
    padding:0;
    margin: 0;
    list-style-type: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
        column-count: 2;
}
#cs-banner-specs-bar ul li{
    margin: 0 0 5px 0;
}
#cs-banner-specs-bar .btn{
    width: 164px;
    margin-left: 30px;
}
#cs-banner-specs-bar.view-v{
    width:30%;
    margin:0;
    max-width: 350px;
}
#cs-banner-specs-bar.view-v ~ *{
    width:70%;
    float: right;
}
#cs-banner-specs-bar.view-v .w33,
#cs-banner-specs-bar.view-v .w16{
    width: 100%;
    margin-bottom: 30px;
}
#cs-banner-specs-bar.view-v .w33 .w50:first-child{
    margin-bottom: 30px;
}
#cs-banner-specs-bar.view-v .w33 .w50:first-child:last-child,
#cs-banner-specs-bar.view-v .w33:last-child{
    margin-bottom:0;
}
#cs-banner-specs-bar.view-v .w50{
    width: 100%;
}
#cs-banner-specs-bar.view-v ul{
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
}
#cs-banner-specs-bar.view-v + h2{
    margin: 0;
}
.cs-angle-gradient {
	height:100% !important;
	position:absolute;
	right:-1px;
	bottom:0;
}
.cs-angle-gradient .angle {
	height:100%;
	width:100%;
}

#cs-challenge {
	box-shadow:0 10px 30px rgba(0,0,0,0.3);
	-moz-box-shadow:0 10px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);
	margin:-30px auto;
	padding:60px 70px;
}
#cs-challenge h4 {
	margin-bottom:30px;
	color: #1b7dad;
}
#cs-challenge.blue-gradient.white-theme h4{
    color: #1b7dad;
}
#cs-challenge.blue-gradient h4{
    color: #A5CCDC;
}
#cs-challenge h2 {
	margin-bottom:20px;
	position:relative;
}
#cs-challenge h2:after {
	content:"\f178";
	font-family:"Font Awesome 5 Pro";
	font-size:0.85em;
	color:#e56e39;
	margin-left:30px;
	display:inline-block;
	position:absolute;
	top:8px;
	right:0;
}
#cs-challenge .col-md-4:last-child h2:after {
	content:none;
}
#cs-challenge.white-theme{
    background:0;
    background-color: white;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 0 70px 0;
    margin-top: -50px;
}
#cs-challenge.white-theme h2,
#cs-challenge.white-theme p{
    color: #044C64;
}
.block.constraint-container.short {
    padding: 20px 0;
}
.block.constraint-container.short .content-block {
    padding: 20px 0;
}
/************* Content Block Styling *********/
.constraint-container {
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	background-position:center;
    width:100%;
    clear:both;
    position:relative;
}
/*
.constraint-container .constrain {
	position:relative;
	z-index:1;
}
*/
.row.backgrounds {
	height:100%;
	width:100%;
	margin:0;
	position:absolute;
	top:0;
	z-index:0;
}
.row.backgrounds .column,
.constraint-container .constraint-container.blue-box .backgrounds .column {
	padding:0 !important;
}
.row.backgrounds .column {
	background-position:center center;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:100%;
}
.background-contain .row.backgrounds{
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.background-contain .row.backgrounds .column{
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.content-block {
	padding:60px 0;
}
.content-block .content-block {
	padding:40px 0;
}
.content-block .block +.buckets {
	padding-top:40px;
}
.content-block .content-block:first-child,
.content-block .backgrounds + .content-block {
	padding-top:0;
}
.content-block .content-block:last-child {
	padding-bottom:0;
}
.padL.column {
	padding-left:80px !important;	
}
#top-banner + .block > .padL.column {
	padding-left:40px !important;	
}
.blue-gradient.padL.column {
	margin-left:80px;	
	margin-right:-80px;
	padding-left:60px !important;
}
.padR.column {
	padding-right:80px !important;	
}
.padT.column {
	padding-top:50px !important;	
}
#top-banner + .block .padT:last-child {
	padding-top:80px !important;
	padding-left:40px;
}
.padB.column {
	padding-bottom:50px !important;	
}

.block .block-bg img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.block .block-bg + .content-block{
    z-index: 2;
    position: relative;
}


/************* Gallery & Buckets Styling *********/
.gallery{
	clear:both;
}
.buckets.simple {
	text-align:left;
	padding:40px 20px 20px;
}
.buckets.tall {
	background:url("/assets/images/content/image_empty_bucket_placeholder.webp") right bottom/60% auto no-repeat;
	position:relative;
}
.buckets.tall.carousel {
	background:url("/assets/images/content/image_empty_bucket_placeholder.webp") right center/auto 100% no-repeat;
	padding-right:200px;	
	background-color: black;
}
.buckets.tall:before {
	content:"";
	background:rgba(1,62,80,0.4);
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.buckets a {
	text-decoration:none;
}
.buckets a:hover {
	color:inherit;
}
.gallery.three-cols {
	text-align:center;
	margin:30px auto 0;
}
.gallery.three-cols:first-child {
	margin-top:0;
}
.gallery.three-cols a {
	width:32%;
	padding:0 20px;
	margin:20px auto;
	display:inline-block;
}
.gallery.three-cols a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}


.tall .row {
	margin:0;
	position:initial;
}

@-webkit-keyframes wiggle {
	0% {
	right:40px;
	}
	50% {
	right:30px;
	}
	100% {
	right:40px;
	}
}
@keyframes wiggle {
	0% {
	right:40px;
	}
	50% {
	right:30px;
	}
	100% {
	right:40px;
	}
}
.tall .slick-next {
	/* color:#fd9000; */
	color: #ffffff;
	font-size:50px;
    text-shadow:0 0 10px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);
	background:none;
	background:rgba(0,0,0,0.1);
	display: block;
	position:absolute;
	top:40%;
	right:40px;
	animation:wiggle 2s infinite;
	-moz-animation:wiggle 2s infinite;
	-webkit-animation:wiggle 2s infinite;			
}
.tall .slick-next span {
	font-family:"sofia-pro",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.tall .slick-next:hover {
	color:#9de0ff;
}
.slick-next:before {
	transition:none !important;	
}

.gallery.carousel .slick-arrow,
.special-gallery.scroll .slick-arrow {
	color:#fd9000;
	font-size:24px;
	background:none;
	line-height:30px;
	height:30px;
	width:30px;
	margin-top:-15px;
	position:absolute;
	top:50%;
}
.gallery.carousel .slick-arrow:hover,
.special-gallery.scroll .slick-arrow:hover {
	color:#2092ca;
}
.gallery.carousel .slick-prev,
.special-gallery.scroll .slick-prev {
	left:0;
}
.gallery.carousel .slick-next,
.special-gallery.scroll .slick-next {
	right:0;
}


.gallery.carousel,
.special-gallery.scroll {
/* 	max-height:300px; */
	padding:0 40px;
}
.special-gallery.scroll + p {
	line-height: 1.2;
	margin-top:10px;
}
.buckets .bucket {
    margin:0 auto 50px;
    padding:0 15px;
    display:block;
    float:left;
    position:relative;
}
.gallery .img-wrapper {
	margin:0 auto;
	padding:0 15px;
	display:inline-block;
	float:none;
}
.gallery .img-wrapper img {
	vertical-align:middle;
	display:inline-block;
}
.gallery.fullwidth .img-wrapper,
.buckets.fullwidth .bucket{
	width:100%;
/* 	float:none; */
}
.gallery.two-col .img-wrapper,
.buckets.two-col .bucket{
    width:50%;
}
.gallery.three-col .img-wrapper,
.buckets.three-col .bucket{
    width:33.33%;
}
.gallery.four-col .img-wrapper,
.buckets.four-col .bucket{
    width:25%;
}
.gallery.five-col .img-wrapper,
.buckets.five-col .bucket{
    width:20%;
}
#openings .bucket {
	margin-bottom:0 !important;
}
.slick-slide .wp-caption-text {
	line-height:1.2;
}
.simple .bucket{
	text-align: left;
}

.detailed .bucket .top,
.simple .bucket .top {
    border-bottom:2px solid #9de0ff;
	line-height:60px;
	height:90px;
    margin-bottom:10px;
	padding-left:90px;
    display:block;
    position:relative;
}
.simple .bucket .top {
    padding: 0;
    height: 80px;
    line-height: 80px;
}
/*
.bucket:hover .top {
	border-color:#fd9000;
}
*/
.bucket h3 {
	vertical-align:middle;
	margin:0;
	display:none;
}
.detailed .bucket .top h3 {
	line-height:1;
	vertical-align:middle;
	display:inline-block;
}
.simple .bucket .bottom h3 {
	font-size:1em;
	text-transform:uppercase;
	display:block;
}
.simple .bucket.id-5 .bottom h3:before {
	content:"View All ";
	margin-right:4px;
	display:inline-block;
}
.tall .bucket h3 {
	display:block;
}
.tall .bucket .bottom h3 {
	font-size:1.2em;
	border-bottom:2px solid #9de0ff;
	margin-bottom:15px;
	padding-bottom:15px;
}
.buckets .icon,
#contact-numbers i {
    color:#2092ca;	
    font-size:35px;
	text-align:center;
	line-height:64px;
	height:70px;
	width:70px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition:none;
}
#id-211 .buckets .icon,
#id-155 .buckets .icon{
	padding:0;
}
.detailed .icon,
.tall .icon,
#contact-numbers i {
	background:#fff;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	padding:5px;
}
.tall .icon {
	margin-left:-35px;
	top:100px;
	left:50%;
}
@media only screen and (min-width:1200px) {
	.tall .bucket:hover .icon {
		background:none;
		box-shadow:none;
		top:30px;
	}
	.buckets .icon.hover {
		z-index:0;
	}
	.bucket:hover .icon.default {
		opacity:0;
	}
	.bucket:hover .icon.hover {
		opacity:1;
		z-index:2;
	}
}

.detailed .introtext {
	height:110px;
}
.detailed.fullwidth .introtext,
.constrain > .detailed.two-col .introtext,
.constrain > .detailed.three-col .introtext {
	height:80px;
}
.simple .introtext,
.simple .more,
.tall .bucket .more {
	display:none;
}
.bucket .more {
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1;
	position:relative;
}
.simple .bucket:hover .more {
	color:#013E50;
}
.tall .bucket:hover .more {
	color:#fff;
	margin-top:15px;
	display:block;
}
.detailed .bucket:hover .more,
.simple .bucket:hover .bottom h3 {
	color:#e56e39;
}
.bucket .more:before{
	content:"";
	background:#fd9000;
	vertical-align:middle;
	height:2px;
	width:30px;
	margin:0 10px 3px 0;
	display:inline-block;
}
.bucket .more.download:before {
	content:"\f019";
	font-family:"Font Awesome 5 Pro";
	color:#fd9000;
	background:none;
	height:auto;
	width:auto;
	margin-bottom:0;
}

.tall .bucket {
	text-align:center;
	background:#fff;
	box-shadow:inset -3px 0 0 #f1f7f7;
	-moz-box-shadow:inset -3px 0 0 #f1f7f7;
	-webkit-box-shadow:inset -3px 0 0 #f1f7f7;
	height:400px;
	margin:0;
	padding:200px 20px 20px !important;
}
.tall .row > .bucket {
	box-shadow:inset -3px 0 0 #f1f7f7,inset 0 -3px 0 #f1f7f7;
	-moz-box-shadow:inset -3px 0 0 #f1f7f7,inset 0 -3px 0 #f1f7f7;
	-webkit-box-shadow:inset -3px 0 0 #f1f7f7,inset 0 -3px 0 #f1f7f7;
}
.tall .bucket:hover .bottom {
	box-shadow:inset 0 -5px 15px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 -5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 -5px 15px rgba(0,0,0,0.1);
}
.tall .bottom {
	height:100%;
	width:100%;
	padding:110px 20px 20px !important;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
@media only screen and (min-width:1200px) {
	.tall .bucket:hover .bottom {
		display:block;
	}
}
.tall .bottom p {
	line-height:1.4;
}

.resource-buckets .bucket {
	border-left:2px solid #fd9000;
    padding:0 0 2px 20px;	
}
.resource-buckets h3 {
	line-height:50px;
	height:70px;
	display:block;
}
.resource-buckets h3.long {
	font-size:1.4em;
}
.resource-buckets h3 span {
	line-height:1.2;
	vertical-align:middle;
	display:inline-block;
}


.img-wrapper:before {
	color:#fff;
	font-size:40px;
	line-height:30px;
	margin:-15px 0 0 -15px;
	position:absolute;
	top:50%;
	left:50%;
}
.gallery.caption-outer .img-wrapper:before {
	top:44%;
}
.img-wrapper:hover:before {
	font-size:44px;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
}
.gallery .caption {
	font-size:0.9em;
	text-align:center;
	margin:0;
	padding:10px 0;
	display:block;
}
.gallery.caption-inner .caption{
	color:#fff;
	background:rgba(0,0,0,0.5);
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}


/* Rolodex Buckets */
#rolodex {
	text-align:left;
	width:100%;
	display:table;
}
#rolodex a {
	text-decoration:none;
}
#rolodex .curve,
#rolodex .curve-edge {
	height:900px;
	margin-top:-450px;
	position:absolute;
	top:50%;
}
#rolodex .curve,
#rolodex .curve-edge,
#rolodex .curve-text {
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:"FlipH";	
}
#rolodex .curve {
	left:-70px;
}
#rolodex .children .curve {
	left:-20px;
}
#rolodex .curve-edge {
	right:-9999px;
	transition:right 0.2s;
	-moz-transition:right 0.2s;
	-webkit-transition:right 0.2s;
}
#rolodex .curve-edge.active {
	right:-1px;
}
#rolodex .curve-text {
	shape-outside:ellipse(160px 340px at 100% 50%);
	width:170px;
	height:680px;
	float:left;
	display:none; /* stopped working after I flipped the layout */
}
/*
#rolodex .children .curve-text {
	shape-outside:ellipse(160px 340px at 100% 43%);
}
*/
#rolodex .curve .st0 {
	opacity:0.25;
	fill:none;
	stroke:#ffffff;
	stroke-width:2;
	stroke-miterlimit:10;
}
#rolodex .curve .st1 {
	fill:none;
	stroke:#fd9000;
	stroke-width:2;
	stroke-miterlimit:10;
}
#rolodex .curve-edge .st2 {
	fill:#f1f7f7;
}

#rolodex .info {
	font-size:0.75em;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	width:140px;
	margin-right:-70px;
	position:absolute;
	top:50%;
	left:0;
}
#id-99 #rolodex .info,
#id-104 #rolodex .info {
	display:none !important;
}
#rolodex .parents {
	vertical-align:top;
	display:table-cell;
	position:relative;
	z-index:1;
}

#rolodex .parents.right {
	background:url("/assets/images/template/logo_topspot_mark.png") right center/200px 200px no-repeat;
	width:50%;
	padding-left:20px;
}
#rolodex .parents.left {
	width:50%;
	padding-left:10%;
}
#rolodex .parents.left p span{
    color: #fd9000;
}
#rolodex .right .item {
	border-left:2px solid #fd9000;
	padding:0 0 4px 30px;
}
#rolodex .left .item {
	margin:50px auto;
	position:relative;
	z-index: 9;
}

/* temporary fixes */
#id-104 #rolodex .left .item8,
#id-99 #rolodex .left .item6 {
	margin-left:0;
}
#id-48 #rolodex .left .item7{
    margin-left: 15px;
}
#id-99 #rolodex .left .item1,
#rolodex .left .item2,
#rolodex .left .item6,
#id-104 #rolodex .left .item7,
#id-99 #rolodex .left .item5 {
	margin-left:30px;
}
#id-99 #rolodex .left .item4{
    margin-left: 40px;
}
#id-99 #rolodex .left .item2,
#id-99 #rolodex .left .item3,
#rolodex .left .item3,
#rolodex .left .item5,
#id-104 #rolodex .left .item6 {
	margin-left:50px;
}
#rolodex .left .item4,
#id-104 #rolodex .left .item5 {
	margin-left:60px;
}
#rolodex .left .item8 {
	margin-left:-10px;
}
#rolodex .left .item9 {
	margin-left:-20px;
}

#rolodex .right .item,
#rolodex .summary,
#rolodex .more,
#rolodex .more-wrap {
	display:none;
}
#rolodex .right .item.active,
#rolodex .right .summary,
#rolodex .right a,
#rolodex a span {
	display:block;
}
#rolodex .right .more {
	margin-top:20px;
	display:inline-block !important;
}

#rolodex .right {
	width:100%;
	margin-top:150px;
	position:relative;
}
#id-99 #rolodex .right {
	margin-top:50px;
}

#rolodex .title {
	text-transform:uppercase;
	line-height:1;
	margin-bottom:0;
}
#rolodex .right .title {
	font-size:2.4em;
	text-transform:none;
	margin-bottom:30px;
}
#rolodex .right .active .title {
	font-size:2em;
}

#rolodex .left .title {
	text-align:left;
	cursor:pointer;
}
#rolodex .left .active .title {
	font-size:2em;
}
#rolodex .left .active.id-26 .title,
#rolodex .left .active.id-36 .title {
	font-size:1.8em;
}
#rolodex .left .title a {
	pointer-events:none;
}

#rolodex .title,
#rolodex .title a {
	color:#fff;
}
#rolodex .title {
	opacity:0.5;
	filter:alpha(opacity=50);
	transition:filter 0.2s,opacity 0.2s;
	-moz-transition:filter 0.2s,opacity 0.2s;
	-webkit-transition:filter 0.2s,opacity 0.2s;
}
#rolodex .title:hover,
#rolodex .active .title {
	opacity:1;
	filter:alpha(opacity=100);
}

#rolodex .title .toggle,
#rolodex .info .fa-plus {
	color:#fd9000;	
	box-shadow:0 0 0 rgba(255,255,255,0.4);
	-moz-box-shadow:0 0 0 rgba(255,255,255,0.4);
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0.4);
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:0 4px;
}
.form-control{
    box-shadow:none !Important;
    -webkit-box-shadow:none !Important;
}
@media only screen and (min-width:1200px) {
	#rolodex .title .toggle,
	#rolodex .info .fa-plus {
		animation:pulse 2s infinite;
		-moz-animation:pulse 2s infinite;
		-webkit-animation:pulse 2s infinite;			
	}
}
#rolodex .title .toggle {
	font-size:0.9em;
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
	width:40px;
	margin:0 0 0 10px;
	position:relative;
	top:-2px;
	cursor:pointer;
	display:none;
	transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	-webkit-transition:color 0.2s ease-in-out;
}
#rolodex .active .title .toggle,
#rolodex .info .fa-plus {
	display:inline-block;
}
#rolodex .title .toggle.active:before {
	content:"\f068";
}
#rolodex .fa-plus:hover {
	color:#fd9000;
}
#rolodex .title .toggle:hover {
	color:#013E50;
	text-shadow: none;
}

@-webkit-keyframes pulse {
	0% {
	-webkit-box-shadow:0 0 0 0 #fff;
	}
	50% {
	-webkit-box-shadow:0 0 0 6px rgba(255,255,255,0);
	}
	100% {
	-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);
	}
}
@keyframes pulse {
	0% {
	-moz-box-shadow:0 0 0 0 #fff;
	box-shadow:0 0 0 0 #fff;
	}
	50% {
	-moz-box-shadow:0 0 0 6px rgba(255,255,255,0);
	box-shadow:0 0 0 6px rgba(255,255,255,0);
	}
	100% {
	-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);
	box-shadow:0 0 0 0 rgba(255,255,255,0);
	}
}

#rolodex .children {
	text-align:right;
	background:#f1f7f7;
/*
	box-shadow:inset -10px 0 40px rgba(0,0,0,0.2);
	-moz-box-shadow:inset -10px 0 40px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset -10px 0 40px rgba(0,0,0,0.2);
*/
	height:100%;
	width:0;
	padding:80px 0;
	display:table-cell;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	overflow:hidden;
}
#rolodex .children.open {
	width:50%;
	padding:80px 80px 80px 185px;
	overflow:visible;
}

#rolodex .children.open .children-close {
	color:#fff;
	text-align:center;
	background:none;
	border:2px solid #EF6B23;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:64px;
	width:64px;
	margin-top:-32px;
	position:absolute;
	top:50%;
	left:-38px;
}
#rolodex .children.open .children-close i {
	font-size:20px;
	line-height:50px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:50px;
	width:50px;
	padding-left:3px;
}

#rolodex .children .hidden.active {
	display:block !important;
}
#rolodex .children h4 {
	font-size:1.5em;
	font-weight:normal;
	text-transform:none;
	text-shadow:none;
	letter-spacing:normal;
	margin:20px auto;
	position:relative;
	z-index:1;
}
#rolodex .children h4 a{
    height: 48px;
    display: block;
}
#rolodex .children .parent-26 h4,
#rolodex .children .parent-67 h4 {
	font-size:1.4em;
	margin:30px auto;	
}
/*
#rolodex .children .parent-67 h4:nth-child(2) {
	margin-top:0;
}
*/
#rolodex .children h4 a {
	color:#013E50;
}
#rolodex .children h4 a:hover {
	font-weight:bold;
}
#rolodex .children img {
	height:100px;
	margin-top:-50px;
	position:absolute;
	top:50%;
	left:50px;
}


/* In The Media / Press */
#press {
	text-align:center;
	padding:20px 0 0 20px;
}
#press h3 {
	margin-bottom:5px;
}
#press p + h3 {
	border-top:2px solid #f1f7f7;
	margin-top:20px;
	padding-top:20px
}


/* "Our Approach" Graphic Tool */
#approach-graphic {
	text-align:center;
	width:74%;
	margin-top:80px;
}
#approach-graphic,
#approach-blurbs {
	vertical-align:middle;
	display:inline-block;
	position:relative;
}
#approach-graphic .line {
	height:3px;
	width:76%;
	margin-left:-38%;
	position:absolute;
	top:110px;
	left:50%;
	z-index:0;
}
#approach-graphic .item {
	width:25%;
	float:left;
	position:relative;
	z-index:1;
	cursor:pointer;
}
#approach-graphic img {
	height:70px;
	margin:0 auto 30px;
	display:block;
	position:relative;
	top:0;
}
#approach-graphic .item.active img {
/* 	margin-bottom:28px; */
	top:0 !important;
}
#approach-graphic .item:hover img {
	top:-10px;
}
#approach-graphic h4,
#approach-blurbs h4 {
	font-size:1.4em;
	text-transform:none;
	letter-spacing:normal;
}
#approach-graphic h4 {
	color:#f1f7f7;
}
#approach-graphic .item.active h4,
#approach-blurbs h4 {
	color:#fff;
}
#approach-blurbs h4 {
	border-bottom:2px solid #9de0ff;
	margin-bottom:10px;
	padding-bottom:10px;
}
#approach-graphic .circle {
	background:#002c39;
	border:3px solid #043948;
	border-radius:24px;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	height:24px;
	width:24px;
	display:inline-block;
}
#approach-graphic .item1 .circle {
	box-shadow:inset 0 0 0 3px #fd9000;
	-moz-box-shadow:inset 0 0 0 3px #fd9000;
	-webkit-box-shadow:inset 0 0 0 3px #fd9000;
}
#approach-graphic .item2 .circle {
	box-shadow:inset 0 0 0 3px #ec6223;
	-moz-box-shadow:inset 0 0 0 3px #ec6223;
	-webkit-box-shadow:inset 0 0 0 3px #ec6223;
}
#approach-graphic .item3 .circle {
	box-shadow:inset 0 0 0 3px #df3a20;
	-moz-box-shadow:inset 0 0 0 3px #df3a20;
	-webkit-box-shadow:inset 0 0 0 3px #df3a20;
}
#approach-graphic .item4 .circle {
	box-shadow:inset 0 0 0 3px #d30910;
	-moz-box-shadow:inset 0 0 0 3px #d30910;
	-webkit-box-shadow:inset 0 0 0 3px #d30910;
}
#approach-graphic .active .circle {
	background:#2092ca;
	box-shadow:inset 0 0 0 3px #2092ca !important;
	-moz-box-shadow:inset 0 0 0 3px #2092ca !important;
	-webkit-box-shadow:inset 0 0 0 3px #2092ca !important;
	border:3px solid #fff !important;
	height:24px;
	width:24px;
}
#approach-graphic .item:hover .circle {
	box-shadow:inset 0 0 0 3px #f1f7f7;
	-moz-box-shadow:inset 0 0 0 3px #f1f7f7;
	-webkit-box-shadow:inset 0 0 0 3px #f1f7f7;
}
#approach-graphic .desc,
#approach-blurbs img {
	display:none;
}

#approach-blurbs {
	text-align:left;
	width:24%;
}
#approach-blurbs .item {
	display:none;
}
#approach-blurbs .item.active {
	display:block;
}


/* TopSpotting Gallery */
#topspotting {
	margin:60px auto 30px;
}
#topspotting a {
	height:300px;
	width:33.33%;
	float:left;
	position:relative;
	overflow:hidden;
}
#topspotting a:hover {
	opacity:0.8;
    filter:alpha(opacity=80);
}
#topspotting a img {
	min-height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}


/* Community Involvement */
#community .item {
	margin-bottom:30px;
	padding-right:200px;
	position:relative;
}
#community img {
	width:140px;
	margin:0 20px 20px 0;
	float:left;
/* 	display:none; */
}
#community .title {
	color:#fff;
	margin-top:0;
}
#community .desc {
	font-weight:200;	
}
#community .btn {
	position:absolute;
	top:20px;
	right:0;
}


/* Angled Image with Caption */
.angled-img .caption,
.angled-img .img-wrapper {
	vertical-align:middle;
	display:inline-block;
}
.angled-img .caption {
	font-size:0.9em;
	border-radius:30px 0px 0px 30px;
	-moz-border-radius:30px 0px 0px 30px;
	-webkit-border-radius:30px 0px 0px 30px;	
	width:25%;
	padding:20px 20px 20px 25px;
}
.col-md-6 .angled-img .caption,
.col-md-7 .angled-img .caption {
	width:30%;
}
.angled-img.flipped .caption {
	border-radius:0 30px 30px 0;
	-moz-border-radius:0 30px 30px 0;
	-webkit-border-radius:0 30px 30px 0;
    margin-left:-0.75%;	
}
.angled-img .img-wrapper {
	width:74%;
	padding:40px 0;
	overflow:hidden;
    perspective:100vw;	
    -moz-perspective:100vw;	
    -webkit-perspective:100vw;	
}
.col-md-6 .angled-img .img-wrapper,
.col-md-7 .angled-img .img-wrapper {
	width:69%;
}
.angled-img .img-wrapper img {
	box-shadow:10px 10px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:10px 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.1);
    transform:rotateY(-20deg);
    -moz-transform:rotateY(-20deg);
    -webkit-transform:rotateY(-20deg);
    display:block;
    position:relative;
    left:-7%;
}
.angled-img.flipped .img-wrapper img {
	box-shadow:-10px 10px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:-10px 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:-10px 10px 20px rgba(0,0,0,0.1);
    transform:rotateY(20deg);
    -moz-transform:rotateY(20deg);
    -webkit-transform:rotateY(20deg);
    left:auto;
    right:-7%;
}


/* Modal/Popup Boxes */
.modal {
	z-index:9999;
}
.modal-dialog {
	width:500px;
	padding-top:60px;
}
.modal-content {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.modal-header  {
	text-align:center;
	border:none;
	border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	padding-top:40px;
}
.modal-footer {
	border:none;
	border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px;
}
.modal-content .close {
	color:#FD8587;
	font-size:40px;
	text-shadow:none;
	background:#fff;
	border-radius:0px 10px 10px 0px;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
	width:50px;
	float:none;
	position:absolute;
	top:0;
	right:-40px;
	opacity:1;
    filter:alpha(opacity=100);
}
.modal-content .close:hover {
	color:#2bc271;
	width:55px;
	right:-45px;
}
.forms .modal-header {
	padding-right:50px;
	padding-left:50px;
}
.modal-header h4 {
	font-size:1.8em;
	line-height:1.2;
}
.modal-header p {
	color:#aaa;
}
.forms .modal-body {
	padding:20px 50px 40px;
}


/* Shifty Forms */
.forms.shifty label{
	display:none;
}
.forms.shifty .input-group label {
	/* color:#81A0A9; */
	color: #627980;
	text-transform:uppercase;
    line-height:1;
	position:absolute;
	display:block;
    bottom:12px;
    left:15px;
    margin:0;
    -webkit-transition:all 0.165s ease;
    -moz-transition:all 0.165s ease;
    -ms-transition:all 0.165s ease;
    -o-transition:all 0.165s ease;
    transition:all 0.165s ease;
}
.blue-box .forms.shifty .input-group label,
#suggest-event .input-group label,
#footer .forms.shifty .input-group label {
	color:#fff;	
}
#footer .forms.shifty .input-group label {
	left:0;
	text-transform: uppercase !important;
	margin-top: 10px;
}
.forms.shifty .input-group label .req {
	color:#fd9000;
}
.forms.shifty .input-group label.focus {
	top:-13px;
	font-size:11px !important;
	-webkit-transition:all 0.165s ease;
	-moz-transition:all 0.165s ease;
	-ms-transition:all 0.165s ease;
	-o-transition:all 0.165s ease;
	transition:all 0.165s ease;
	font-style:normal;
	text-transform:uppercase;
	opacity:0.7;
}
.forms.shifty .input-group label.focus:after{
	content:"\f0d7";
	display:inline-block;
    font:normal normal normal 14px/1 Font Awesome 5 Pro;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	margin-left:0.5em;
}
.forms.shifty .input-group label.hidden{
	opacity:0;
}
.forms.shifty label.error{
	display:none !important;
} 
#contact ::-webkit-input-placeholder{
	font-size:17px;
	color: #fff; 
}
#contact ::-ms-input-placeholder{
	font-size:17px;
	color: #fff; 
}
#contact input:-moz-placeholder{ 
	font-size:17px;
	color: #fff; 
}
#quickContact ::-webkit-input-placeholder{
	font-size:17px;
	color: #81A0A9; 
}
#quickContact ::-ms-input-placeholder{
	font-size:17px;
	color: #81A0A9; 
}
#quickContact input:-moz-placeholder{ 
	font-size:17px;
	color: #81A0A9; 
}
#quickContact .phone{
    display: block !important;
}
/* Quick Contact Modal Page */
#id-295{
    padding-top: 0 !important;
}
#id-295 #quickContact{
    padding: 30px 50px;
}
#id-295 #quickContact .recaptcha-container{
    margin-bottom: -50px;
}
#id-295 #quickContact .g-recaptcha{
    float: right;
}
#quick-contact-modal .modal-dialog{
    width: 90%;
}
#quick-contact-modal iframe{
    height: 630px;
    width: 100%;
    border:0;
}
#quick-contact-modal-close{
    top: 2px;
    right: 0;
}
@media(max-width: 1199px){
    #quick-contact-modal iframe{
        height: 800px;
    }
}
@media(max-width: 871px){
    #id-295 #quickContact .g-recaptcha{
        float: none;
    }
}
@media(max-width: 767px){
    #quick-contact-modal iframe{
        height: 900px;
    }
    #quick-contact-modal .modal-dialog{
        width: 90%;
        margin: 0 auto;
    }
    #quick-contact-callout{
        padding-bottom: 30px;
    }
}

/* ****************************************** Forms */
.forms {
	text-align:left;
}
.forms h2 {
	font-size:1.6em;
}
.forms.shifty .input-group label{
    display: none !important;
}
.forms.shifty .input-group.options label{
    display: block;
}
.forms.shifty .input-group label.focus{
    display: block !important;
    height: 20px;
}
.forms.shifty .focus + input::-webkit-input-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + input::-moz-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + input:-ms-input-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + input:-moz-placeholder { 
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + textarea::-webkit-input-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + textarea::-moz-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + textarea:-ms-input-placeholder {
  color: white;
  font-size: 0;
  opacity:0;
}
.forms.shifty .focus + textarea:-moz-placeholder { 
  color: white;
  font-size: 0;
  opacity:0;
}
#contact {
	padding:0 5px;
}

#quickContact{
    padding-left: 15px;
    padding-right: 15px;
}

#quickContact,
#event-notification {
	text-align:center;
    box-shadow:0 -10px 30px rgba(0,0,0,0.05);
    -moz-box-shadow:0 -10px 30px rgba(0,0,0,0.05);
    -webkit-box-shadow:0 -10px 30px rgba(0,0,0,0.05);
	padding:60px 0;
	overflow:hidden;
}
.blog #quickContact {
    box-shadow:0 -10px 30px #eee;
    -moz-box-shadow:0 -10px 30px #eee;
    -webkit-box-shadow:0 -10px 30px #eee;
    margin-top:50px;
}
.blog #quickContact label{
    display: block !important;
}
#quickContact fieldset,
#event-notification fieldset,
#quickContact .fieldset,
#event-notification .fieldset{
	margin-top:40px;
}
#quick-contact-callout .big,
#quickContact .big,
#event-notification .big {
	font-size:2.4em;
	font-weight:bold;
}
#quickContact .constrain{
    max-width: 1200px;
    width: 100%;
}
#quick-contact-callout{
    padding-top: 50px;
}
#quick-contact-callout p a{
    color: #e56e39;
    font-weight: bold;
}
#quick-contact-callout p a:hover,
#uqick-contact-callout p a:active{
    color: #2092ca;
}
#suggest-event {
	margin-top:30px;
}

#loop-contact,
#topspotting-form {
	text-align:center;
}

#newsletter fieldset,
#search-form fieldset,
#gs-form fieldset,
#newsletter .fieldset,
#search-form .fieldset,
#gs-form .fieldset{
	position:relative;
}
#search-form fieldset,
#search-form .fieldset{
	line-height:1;
	vertical-align:middle;
	width:1200px;
	display:inline-block;
}
.forms .input-group {
    min-height:0 !important;
    margin:0 auto 20px;
    padding:0 15px;
    float:left;
}
#newsletter .input-group,
#search-form .input-group,
#gs-form .input-group {
	width:100%;
	margin:5px 0 0;
	padding:0;
}
#search-form .input-group {
	margin:0;
}
#topspotting-form .file + .input-group {
	margin-top:37px;
}
#topspotting-form .inactive {
    display:none;
}
#event-notification label,
#loop-contact label,
#newsletter label{
    display: block !important;
}
.forms input[type=text], 
.forms input[type=email], 
.forms input[type=tel], 
.forms input[type=file], 
.forms textarea,
.forms select {
	color:#013E50;
	background:transparent;
	border:none;
	border-bottom:2px solid #9de0ff;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	width:100%;
	line-height:48px;
	height:48px;
	margin:0;
	padding:0 20px 0 0;
	display:block;
	appearance:none;
	-webkit-appearance:none;
}
.forms input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.forms input[type=file] {
	line-height:16px;
}
.blue-gradient .forms input[type=text], 
.blue-gradient .forms input[type=email], 
.blue-gradient .forms input[type=tel], 
.blue-gradient .forms textarea,
.blue-gradient .forms select,
.dk-blue-gradient .forms input[type=text], 
.dk-blue-gradient .forms input[type=email], 
.dk-blue-gradient .forms input[type=tel], 
.dk-blue-gradient .forms textarea,
.dk-blue-gradient .forms select {
	color:#eee;
}

#search-form input {
	color:#013E50;
	font-size:2em;
	line-height:42px;
	height:42px;
	padding-bottom:10px;
}
#search-form input::-webkit-input-placeholder { 
	color:#013E50;
}
#search-form input::-moz-placeholder { 
	color:#013E50;
}
#search-form input:-ms-input-placeholder { 
	color:#013E50;
}
#search-form input:-moz-placeholder { 
	color:#013E50;
}
#bsmart tr td{
    color: #013E50;
    background-color: white;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}
#bsmart tr td:first-child{
    font-weight: bold;
    width: 17%;
}
#bsmart tr:first-child td{
    background-color: #1b7dad;
    color: white;
    font-size: 14px;
}
#footer .forms input {
	color:#fff;
}
.forms select,
.forms select .default {
	color:#81A0A9;
	font-weight:bold;
}
.forms select.changed {
	color:#013E50;
	font-weight:normal;
}
.forms input:focus,
.forms textarea:focus {
	border-color:#fd9000;
}
.forms .error-group input,
.forms .error-group textarea {
	border-color:red !important;
}
.forms textarea {
	line-height:1.4 !important;
	height:50px !important;
	padding:0 !important;
	margin-top: 15px;
}
.forms .file-upload-button{
	position:relative;
}
.forms #fileUpload{
	height:100%;
	position:absolute;
	top:0;
	opacity:0;
    filter:alpha(opacity=0);
}
.forms #file_Attachment {
    background:url("../assets/images/template/clip.png") 95% center no-repeat;
}
.forms .input-group > i,
#newsletter .submit,
#search-form .submit,
#gs-form .submit {
	color:#fd9000;
	font-size:14px;
	text-shadow:none;
	background:none;
	position:absolute;
	right:15px;
	bottom:12px;
}
#newsletter .submit,
.scroll-button .fa{
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
}
/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* /right bounce */
.forms .file.input-group > i {
	font-size:16px;
}
#contact .input-group > i,
#suggest-event .input-group > i {
	color:#fff;
}
.forms .input-group.changed > i:before {
	content:"\f00c";
}
.forms .input-group.error-group > i:before {
	content:"\f00d";
	color:red;
}
.forms .options {
	text-align:left;
	margin-top:10px;
}
.forms .options.input-group .option,
.forms .options.input-group label,
.forms .file.input-group label {
	vertical-align:middle;
	margin:0 10px 0 0;
	display:inline-block;
	position:relative;
	bottom:auto;
	left:auto;
	cursor:pointer;
}


#get-started #progress .option,
.forms .options.input-group .option,
#project .option {
	border:2px solid #9de0ff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	line-height:20px;
	height:20px;
	width:20px;
	margin-bottom:10px;
	display:block;
	float:left;
	clear:left;
	position:relative;
}
/*#id-265 form .input-group .option{
    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	line-height:20px;
	height:20px;
	width:20px;
	margin-bottom:10px;
	display:block;
	float:left;
	clear:left;
	position:relative;
    
}*/
.forms .options.input-group input{
    width: 310px;
    z-index:2;
    height: 48px;
}
.forms .options.input-group label,
.forms .file.input-group label {
	text-align:left;
	text-transform:uppercase;
    letter-spacing:0.1em;
	margin-bottom:20px;
	display:block !important;
	position:relative;
	bottom:0;
	left:0;
	opacity:1;
}
.forms .options.input-group label span {
	font-weight:normal;
	text-transform:none;
}
.forms .options.input-group .option-label {
	font-weight:normal;
	text-transform:none;
	line-height:18px;
	max-width:90%;
	display:block;
	float:left;
	position:relative;
	bottom:auto;
	left:auto;
	font-size: 1em;
    letter-spacing: 0;
    margin-bottom: 15px;
}
#quickContact .options.input-group .option-label,
#event-notification .options.input-group .option-label {
	color:#013E50;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:normal;
}
.forms .options.input-group .option:hover {
	border-color:#fd9000;
}
.forms .options.input-group .toggle,
#project .options .toggle{
	background:#fd9000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height:10px;
	width:10px;
	margin-left:-5px;
	display:none;
	position:absolute;
	top:3px;
	left:50%;
}
.forms .options.input-group .checked .toggle {
	display:block !important;
}
.forms .options.input-group input,
#project .options input{
	margin:0;
	position:relative;
	top:-3px;
	opacity:0;
	cursor:pointer;
}

.forms .submit {
	margin-top:20px;
	padding:0 40px;
}
#search-form .submit {
	font-size:30px;
	line-height:20px;
	padding:5px 0 5px 10px;
	bottom:10px;
}
#search-form .submit:hover {
	color:#013E50 !important;
}
#newsletter input.submit.blue-btn.btn{
    height: 48px !important;
    line-height: 48px !important;
}
#newsletter .submit,
#gs-form .submit {
	font-size:20px;
	padding:0;
	right:-10px;
	bottom:0;
	width: 48px;
	height: 48px;
}
#newsletter .submit{
    top: auto !important;
    bottom: -40px !important;
}
#newsletter .submit:hover {
	color:#2092ca !important;
	text-shadow:none;
}
#footer #newsletter .submit,
#gs-form .submit {
	color:#fff;
}
#footer #newsletter .submit:hover,
#gs-form .submit:hover {
	color:#fd9000 !important;
}

#contact .submit {
	margin-top:20px;
}

#contact-numbers {
	padding:20px 0;
}
#contact-numbers .phone,
#contact-numbers .address {
	padding-left:100px;
	margin-bottom:30px;
	position:relative;
}
#contact-numbers strong {
	font-weight:900;
}
#contact-numbers span {
	font-size:1.4em;
	font-weight: 400;
	display:block;
}

#find-us {
	text-align:center;
	background:url("/assets/images/template/image_map.webp") no-repeat;
	background-color: rgba(221, 41, 12, 1);
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	margin:0 -60px -70px;
	padding:80px 40px;
	display:block;
}
#find-us,
#find-us h3 {
	color:#fff;
}
#find-us h3 {
	margin-bottom:30px;
}
.confirmemail{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* What Happens Next aka RFQ Steps */
#next-block,
#audit-block {
	text-align:left;
	padding:0 0 0 80px;
}
#next-block > h3,
#audit-block > h3 {
	margin:0 auto 30px;
}
#next-block .bullet {
	padding:0 0 30px 50px;
	position:relative;
}
#next-block .bullet:before {
	content:"";
	background:#999;
	height:100%;
	width:2px;
	display:block;
	position:absolute;
	top:0;
	left:11px;
}
#next-block .bullet.last:before {
	content:none;
}
#next-block .bullet span {
	color:#999;
	font-size:30px;
	line-height:1;
	background:#fff;
	border:2px solid #999;
	border-radius:26px;
	height:26px;
	width:26px;
	position:absolute;
	top:-3px;
	left:0;
}
#next-block .bullet.first span:after {
	content:"";
	line-height:1;
	background:#157cab;
	border-radius:12px;
	height:12px;
	width:12px;
	display:block;
	position:absolute;
	top:5px;
	left:5px;
}
#next-block .bullet h4 {
	margin:0;
}
#next-block .bullet p {
	margin:10px 0 0;
}


/* Audit Steps Block */
#audit-block .bullet {
	padding:0 0 20px 70px;
	position:relative;
}
#audit-block .bullet.last:before {
	content:none;
}
#audit-block .bullet span {
	background-size:50px 100px;
    background-position:center top;
    background-repeat:no-repeat;
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    left:0 !important;
}
#audit-block .bullet h3 {
	font-weight:normal;
	letter-spacing:normal;
	margin:0;
}
#audit-block .bullet p {
	margin:10px 0 0;
}
#proposal-info{
    margin-top: 30px;
}
#proposal-info h1{
	font-weight: 400;
	font-size: 2.3em;
    margin: 20px 0 25px;
}
.proposal-pager{
	clear: both;
	display:block;
	float:left;
	margin-bottom:30px;
	width: 100%;
	min-height:106px;
}
.proposal-pager ul{
	padding:0;
	margin: 0;
	position: relative;
}
.proposal-pager ul:before{
	content:'';
	width: 70%;
	position: absolute;
	height: 2px;
	background-color: #dddddd;
	left: 0;
    margin: 0 auto;
    right: 0;
	top: 34px;
}
.proposal-pager ul li{
	list-style-type: none;
	width: 33%;
	margin:0;
	float:left;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index:2;
}
.proposal-pager .circle{
	display: block;
	border-radius: 100%;
	height:30px;
	width: 30px;
	line-height: 30px;
	margin: 20px auto 8px auto;
}
.proposal-pager ul li.slick-active .circle{
	width:70px;
	height:70px;
	line-height: 70px;
	padding: 3px;
	margin-top:0;
	background-color: #e56e39;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1)
}
.proposal-pager ul li.slick-active + li .circle,
.proposal-pager ul li.slick-active + li + li .circle{
	background-color: #013E50;
	padding:2px;
}
.proposal-pager .number{
	display: block;
	background-color: #e56e39;
	border-radius: 100%;
	color: #e56e39;
	width:100%;
	height:100%;
	font-weight: bold;
	font-size: 0;
	line-height:24px;
}
.proposal-pager .number:after{
	font-family: "Font Awesome 5 Pro";
	content:'\f00c';
	font-size: 14px;
	color: white;
	font-weight: 400;
	line-height: 30px;
}
.proposal-pager ul li.slick-active .number{
	color: #fd9000;
	background-color:white;
	line-height: 60px;
    font-size: 37px;
    font-weight: 400;
}
.proposal-pager ul li.slick-active .number:after{
	display: none;
}
.proposal-pager ul li.slick-active + li .number,
.proposal-pager ul li.slick-active + li + li .number{
	color: #013E50;
	background-color: white;
	font-size:14px;
}
.proposal-pager ul li.slick-active + li .number:after,
.proposal-pager ul li.slick-active + li + li .number:after{
	display: none;
}
.proposal-pager .title{
	display:block;
	text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    max-width: 90px;
    line-height:14px;
    margin: 0 auto;
}
.proposal-pager ul li.slick-active .title{
	color: #e56e39;
	font-weight: bold;
}
.proposal-desc{
	clear: both;
	display:block;
	text-align: left;
}
.proposal-desc .desc:focus{
	outline: 0;
}
.proposal-desc .title{
	color: #e56e39;
	text-transform: uppercase;
    letter-spacing: 3.5px;
    font-size: 15px;
    font-weight: bold;
}
.proposal-desc p{
	font-size: 13px;
}
#proposal-request{
    margin-top: 55px;
	background-color: white;
	padding: 50px 50px 75px 50px;
	-webkit-box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.1);
}
#proposal-request .page{
	opacity:0;
}
#proposal-request .page.slick-active{
	opacity:1;
}
#proposal-request .page:focus{
	outline:0;
}
#proposal-request .circle{
	border-radius: 100%;
	width:70px;
	height:70px;
	line-height: 70px;
	padding: 3px;
	left: 0;
	right: 0;
	position: absolute;
	margin: -80px auto 0 auto;
	background-color: #e56e39;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.1), inset 0 -1px 0 #f1f7f7;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1)
}
#proposal-request .circle .number{
	color: #fd9000;
	background-color:white;
	line-height: 60px;
    font-size: 37px;
    font-weight: 400;
    border-radius: 100%;
    width:100%;
    height:100%;
    display:block;
}
#proposal-request p{
	font-size: 13px;
	margin-bottom: 25px;
}
#proposal-request .forms .submit{
	margin-top:0;
}
#proposal-request .forms .options.input-group .option-label{
	margin-bottom: 0;
}
#proposal-request label{
	font-size: 15px;
	letter-spacing: 2.4px;
}
#proposal-request label span{
	font-size: 13px;
	letter-spacing:1px;
}
#proposal-request .input-group .input-group{
	padding:0;
}
#proposal-request p.label{
	text-align: left;
    text-transform: uppercase;
    letter-spacing: 2.4px !important;
    padding:0;
    font-size: 15px;
    margin-bottom: 20px;
    display: block !important;
    position: static;
    bottom: 0;
    left: 0;
    opacity: 1;
    color: #81A0A9;
    font-weight: 700 !important;
}
#proposal-request .file{
	margin-top:20px;
}
#proposal-request .file input{
	opacity: 1;
}
#proposal-request .labeled{
	margin-top:10px;
}
/* ***************************************** Search Results */
.sisea-highlight {
	text-shadow:1px 1px 1px #fff;
	background:#e9e9e9;
	padding:3px;
}
.sisea-paging {
	color:#777;
	font-size:12px;
	text-transform:uppercase;
	margin:15px 0;
}
.sisea-result-pages {
	margin-right:2px;
}
.sisea-current-page {
	color:#000;
}
.sisea-result {
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.sisea-result:first-child {
	border-top:1px solid #ddd;
}
.sisea-result h3 {
	color:#888;
	font-size:1.4em;
}
.sisea-result p {
	margin:0;
}


/* ************* PDF Buttons ************* */
#id-4 h1 {
	text-align:center;
	text-transform:capitalize;
	padding:80px 0 0;
}
.pdf-ctas {
	text-align:center;
	padding:60px 0 40px;
}
.pdf-ctas a {
	margin:0 10px;
}
.pdf-iframe {
    position:relative;
    padding-bottom:129.4%; /* 8.5:11 */
    padding-top:0px;
    height:0;
}
.pdf-iframe iframe,
.pdf-iframe object {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}
.pdf-iframe .resp { display:none; }
@media only screen and (max-width:1199px) {
    .pdf-iframe .default { display:none !important; }
    .pdf-iframe .resp { display:block !important; }
}
/*
#app-iframe {
    border:4px solid #eee;
    width:900px;
    margin:0 auto;
    padding:0 10px 10px;
    position:relative;
}
#app-iframe iframe {
    border:none;
    height:1200px;
    width:100%;
    margin:0 auto;
    display:block;
}
*/
#application-form {
    border:4px solid #eee;
    max-width:900px;
    margin:0 auto;
    padding:20px 30px 30px 30px;
    position: relative;
}
#application-form .h2{
    margin-bottom: 15px;
    margin-top:0;
    display:block;
}
#application-form #app-iframe{
    opacity: 0;
    width:0;
    height:0;
}

/* Left Sidebar */
#sidebar-toggle {
	color:#fff;
	font-size:18px;
	text-align:center;
	border-radius:0px 100px 100px 0px;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	line-height:100px;
	height:100px;
	width:50px;
	position:absolute;
	top:50px;
	right:-50px;
	cursor:pointer;
}
.open #sidebar-toggle i {
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);	
}
.open #sidebar-toggle i:before {
	content:"\f067";
}
#sidebar-left {
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	width:300px;
	padding:25px;
	position:absolute;
	top:880px;
	left:-300px;
	z-index:99;
	transition:left 0.2s,margin-top 0.2s;
	-moz-transition:left 0.2s,margin-top 0.2s;
	-webkit-transition:left 0.2s,margin-top 0.2s;
}
#sidebar-left.open {
	left:0;
}
#sidebar-left.sticky {
/* 	margin-top:-50px; */
	position:fixed;
	top:200px;
}
#sidebar-left h4 {
	font-size:1.2em;
	margin:0 0 10px;
}
#sidebar-left a {
	font-size:0.9em;
	letter-spacing:0.05em;
	text-decoration:none !important;
	display:block;
}
#sidebar-left a:hover,
#sidebar-left .level1 > a:after {
	color:#e56e39 !important;
}
#sidebar-left .level1 > a {
	color:#757575;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #ddd;
	padding:10px 15px 10px 0;
	position:relative;
}
#sidebar-left .level1.active > a {
	color:#666;
}
#sidebar-left .level1 > a:after {
	content:"\f0da";
	font-family:"Font Awesome 5 Pro";
	line-height:1;
	display:block;
	position:absolute;
	top:14px;
	right:2px;
}
#sidebar-left .level1.active > a:after {
	content:"\f0d7";
}
#sidebar-left .level1 > ul {
	padding:10px 0;
}
#sidebar-left .level2 > a {
	padding:2px 0;
}
#sidebar-left .level2.active > a {
	font-weight:bold;
}
#id-48 .block3,
#id-48 .block4{
    overflow:hidden;
}

/* Locations */
#location .buckets.detailed .bucket{
	margin-bottom: 30px;
}
#location .buckets.detailed .more,
#location .buckets.detailed .bottom{
	display: none;
}
#location .small{
	font-size: 14px;
}
#location-container{
	margin-top: 50px;
}
#location-map{
	position: relative;
	padding-right: 30px;
	margin: 0 auto;
}
#location-map svg{
	width:100%;
	height:450px;
}
#location-map .tooltips{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

#location-map .tooltip{
	opacity: 1;
	background-color: white;
	-webkit-box-shadow: 0px 7px 33px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 33px -10px rgba(0,0,0,0.75);
box-shadow: 0px 7px 33px -10px rgba(0,0,0,0.75);
	display:block;
	padding: 15px;
	display: none;
}

#location-map .tooltip:after{
	font-family: "Font Awesome 5 Pro";
	content:"\f0d7";
	font-size: 30px;
	position: absolute;
	margin-top:-3px;
	left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: white;
}

#location-map .tooltip.midwest{
	left: 40%;
}

#location-map .tooltip.southwest{
	left: 35%;
	top: 35%;
}

#location-map .tooltip.southeast{
	left: 58%;
	top: 30%;
}

#location-map .tooltip.northeast{
	right: 2%;
	top: 2%;
}

#location-map .tooltip span{
	display: block;
	padding-left: 10px;
}

#location-map .tooltip .title{
	font-weight: bold;
}

#location-map .tooltip .title:before{
	content:'';
	width: 3px;
	height: 27px;
	background-color: #fd9000;
	position: absolute;
	margin-top: 3px;
	margin-left:-10px;
}

#location-map .tooltip a{
	pointer-events: all;
	font-size: 12px !important;
	height: 28px;
	border-radius: 5px;
	line-height: 28px;
	padding: 0 8px !important;
	cursor: pointer;
	margin-top: 10px;
	white-space: nowrap;
}
#location-desc .desc{
	display: none;
}
#location-desc .desc.active{
	display:block;
}
#salesreps{
	margin-bottom: -30px;
	margin-top: 30px;
}
#salesreps .salesrep{
	width: 100%;
	margin-bottom: 30px;
}
#salesreps .salesrep .image{
	
}
#salesreps .salesrep img{
	border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    height: 80px;
    width: 80px;
    position: relative;
    overflow:hidden;
    margin-right: 20px;
}
#salesreps .salesrep h4{
	color: #013E50;
    font-size: 0.85em;
    margin: 0 auto 5px ;
}
#salesreps .salesrep p{
	font-size: 0.9em;
    margin-bottom: 5px;
}
#salesreps .salesrep .bio{
	margin-top: -5px;
}
#salesreps .salesrep img{
	height: 80px;
	max-width: none;
	position:absolute;
	left:0;
	right:0;
}

/* FAQ */
.collapse-content-wrapper{
	margin-bottom: 0;
}
.collapse-content-wrapper .collapse-row{
    margin-bottom: 15px;
}
.collapse-content-wrapper .title{
	padding:0;
	border: 1px solid #1b7dad;
	border-radius: 0;
	background-color: white;
	padding: 10px 15px 10px 40px;
	display: block;
	position: relative;
	cursor: pointer;
	color: #013E50;
}
.collapse-content-wrapper .title:before{
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 15px;
}
.collapse-content-wrapper .title[aria-expanded="true"],
.collapse-content-wrapper .title:hover{
	background-color: #1b7dad;
	color: #ffffff;
}
.collapse-content-wrapper .title[aria-expanded="true"]:before{
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 15px;
}
.collapse-content-wrapper .title:before{
	content:'\f107';
}
.collapse-content-wrapper .title[aria-expanded="true"]:before{
	content:'\f106';
}
.collapse-content-wrapper .title h2{
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    letter-spacing: 0 !important;
}
.collapse-content-wrapper .collapse{
	border: 0;
	border-radius: 0;
}
.collapse-content-wrapper .collapse-inner{
    padding: 15px;
    border: 1px solid #2092ca;
}
.collapse-content-wrapper .content-block{
	padding: 0;
}

#video-popup{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 34%;
    height: 34%;
    min-width: 140px;
    min-height: 140px;
    max-width: 1080px;
    z-index: 99;
    -webkit-box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
}
#video-popup.inactive{
    bottom: -34%;
}
#video-popup.inactive .video-popup-title i{
    top: 0;
}
#video-popup.inactive .video-popup-title i:before{
    content: '\f067';
}
#video-popup .video-popup-title{
    position: absolute;
    height: 40px;
    width: 100%;
    top: -40px;
    right:0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #013E50;
    -webkit-box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 3px 10px -4px rgba(0,0,0,0.75);
}
#video-popup .video-popup-title button{
    border: 0;
    background-color: transparent;
    height: 100%;
    border-radius: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
}
#video-popup .video-popup-title button i{
    top: -3px;
    position: relative;
    margin-right: 10px;
}
#video-popup .video-popup-title b{
    font-weight: bold;
    display: block;
    margin-left: auto;
    margin-right: 15px;
}
#video-popup .video-popup-content{
    width: 100%;
    height: 100%;
    background-color: #013E50;
}
#video-popup iframe{
    width: 100%;
    height: 100%;
}
@media(max-width: 1199px){
    #video-popup{
        width: 60%;
    } 
}

@media(max-width: 767px){
    #video-popup{
        width: 75%;
    }
    #video-popup .video-popup-title button span{
        display: none;
    }
    #video-popup .video-popup-title b{
        font-size: 12px;
    }
}


#id-356 .richtext a,
#id-26 .richtext a{
    color: #0088CC !important;
    font-weight: 600;
    display: inline-block;
}
#id-356 .richtext p a:hover,
#id-356 .richtext p a:active,
#id-26 .richtext p a:hover,
#id-26 .richtext p a:active{
    text-decoration: underline !important;
}
#id-356 .callrail p,
#id-26 .callrail p{
    padding-bottom: 0;
}
#id-356 .richtext.big + .content-button,
#id-26 .richtext.big + .content-button{
    margin: 15px 0 60px 0;
}
/* Above Footer */
#back-top {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	background:none;
	height:50px;
	width:50px;
	margin-left:-25px;
	padding-bottom:20px;
	position:absolute;
	top:0;
	left:50%;
}
#back-top .line {
	background:#fd9000;
	height:20px;
	width:3px;
	position:absolute;
	bottom:0;
	left:50%;
}
#footer-ctas {
	padding-top:50px;
	position:relative;
}
#footer-ctas:before {
	content:"";
	background:#fff;
	height:150px;
	width:3px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:1;
}
#footer-ctas a {
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.1);
	text-align:center;
	line-height:150px;
	height:150px;
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
#footer-ctas a:hover {
	text-shadow:none;
}
#footer-ctas a:before {
	content:"";
	background:#eee;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	height:0;
	width:0;
	position:absolute;
	top:75px;
	left:50%;
}
#footer-ctas a:hover:before {
	height:300px;
	width:300px;
	margin-left:-150px;
	top:-75px;
}
#footer-ctas a span {
	line-height:1.5;
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
}
#footer-ctas a strong.top {
	text-transform:uppercase;
	letter-spacing:0.2em;
}
#footer-ctas a:hover strong.top {
	color:#2092ca;
}
#footer-ctas a strong.bottom {
	font-size:2.4em;
	display:block;
}
#footer-ctas a:hover strong.bottom {
	color:#002A38;
}
#footer-ctas a i {
	font-size:22px;
	position:absolute;
	right:30px;
	bottom:20px;
}


/* ****************************************** Footer */
#footer {
	background:#002A38;
    clear:both;
    overflow:hidden;
}
#footer,
#footer a {
	color:#fff;	
}
#footer a:hover {
	color:#fd9000;
	font-weight:bold;
}
#footer h5 {
	color:#9de0ff;
	font-size:0.9em;
	letter-spacing:0.3em;
}
#newsletter h5 {
	color:#fff;
	text-transform:none;
	letter-spacing:0.05em;
}

#footer-top {
	padding:50px 0 40px;
}
#footer-top .section {
	font-size:0.9em;
	min-height:10px;
	width:20%;
	float:left;
}
#footer-top .section.one {
	margin-right:5%;
}
#footer-top .section.five {
	width:15%;
}

#footer-bottom .constrain {
	border-top:1px solid #436C79;
	border-top:1px solid rgba(255,255,255,0.1);
	padding:30px 0;
}
#footer-bottom .section {
	float:left;
}
#footer-bottom .section.one,
#footer-bottom .section.three{
	width:38%;
}
#footer-bottom .section.two{
	width:22%
}
#footer-bottom .section.two {
	text-align:center;
	padding-top:10px;
}
#footer-bottom .section.three {
	text-align:right;
	padding-top:15px;
}

#footer-bottom p {
	color:#A5CCDC;
	font-size:0.8em;
	line-height:1;
}
#footer .phone,
#footer-bottom a {
	font-weight:bold;
}
#footer .logo {
	width:150px;
	display:inline-block;
}
#footer .logo,
#copyright {
	vertical-align:middle;
	margin:0;
	display:inline-block;
}
#footer .logo {
    margin: 3px 15px 0 0;
}

.google-bing-badges{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin:20px 0;
}
.google-bing-badges>img{
	width: 350px;
}
.google-bing-badges img:nth-child(2){
	margin:0 15px;
}
#footer .google-bing-badges{
	flex-direction: column;	
}
#footer .google-bing-badges img:nth-child(2){
	margin:15px 0;
}
.col-md-5 .google-bing-badges>img,
.col-md-6 .google-bing-badges>img{
	width:200px;
}
.content-block .social {
	font-size:0.9em;
}
.pdf-social {
	margin-top:30px;
}
#footer .social a,
.content-block .social a {
	color:#fff !important;
	text-align:center;
	background:transparent;
	border:1px solid #A5CCDC;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	line-height:28px;
	height:30px;
	width:30px;
	margin:0 5px;
	display:inline-block;
}
.content-block .social a {
	color:#e56e39 !important;
	border-color:#ddd;
}
.content-block .social a:hover {
	color:#2092ca !important;
	border-color:#2092ca;
}
#footer .social a:hover {
	text-shadow:-1px -1px 0 rgba(0,0,0,0.2);
	background:#A5CCDC;
}
#footer .social .fa-facebook,
.content-block .social .fa-facebook {
	padding-right:1px;
}
.social .googleplus {
	font-style:normal;
	font-weight:bold;
}
.social i{
    font-family: "Font Awesome 5 Brands";
}
#footer-bottom .section.three i {
	font-size:0.9em;
	margin:0 2px;
}

#id-98 .blue-popup .right {
    min-height: 500px;
}

#twitterX {
    height: 1em;
    top: 2px;
    position: relative;
}
#twitterX path {
    fill:#FFF;
}

/************ Wordpress Styles ***************/
.wpcf7 .ajax-loader,
.wpcf7-list-item-label{
	display: none !important;
}
.wpcf7-form fieldset + p,
.wpcf7-form fieldset p,
.wpcf7-form .fieldset + p,
.wpcf7-form .fieldset p{
    margin: 0;
}
.wpcf7-form label{
    text-transform: none !important;
}

/*************** IE styless***************/
.ie7 .col-md-2,
.ie8 .col-md-2 {
    width:16.66666667%;
    float:left;
}
.ie7 .col-md-4,
.ie8 .col-md-4 {
    width:33.33333333%;
    float:left;
}
.ie7 .col-md-6,
.ie8 .col-md-6 {
    width:40%;
    float:left;
}


/* "Edit Page" button */
#edit-page {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1;
	background:#2bc271;
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	width:40px;
	padding:5px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#edit-page:hover {
	color:#2bc271;
	background:#fff;
}


@font-face {
     font-family: 'StateFaceRegular';
     src: url('/fonts/stateface-regular-webfont.eot');
     src: url('/fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('/fonts/stateface-regular-webfont.woff') format('woff'),
          url('/fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('/fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
}
.welcomeFrom {
    height: 60px;
    cursor: pointer;
    position: fixed;
    background: #dddddd;
    display: none;
    top: 144px;
    right: 10%;
    padding: 0;
    width: 320px;
}
.scrolling .welcomeFrom{
	opacity: 0;
}
.welcomeState {
    font-family: "StateFaceRegular";
    font-size: 30px;
    color: #fd9000;
    line-height: 1;
    float: left;
    margin: 15px 10px;
}
.welcomeTitle {
	width: 240px;
    font-size: 16px;
    font-weight: 700;
    color: #013E50;
    text-transform: uppercase;
    margin: 0;
    float: left;
    height: 60px;
}

span.welcomeTitleTable {
    display: table;
    width: 100%;
    height: 100%;
}
span.welcomeTitleText {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}
.welcomeCityName{
    display: inline-block !important;
}
.welcomeStateName{
    display: none;
}

#mobile-subnav {
  display: none;
  width: 100%;
  background-color: white;
  z-index: 998;
  position: relative;
  height: 80px;
  padding: 0 0 0 15px;
  border-bottom: 1px solid #f7f7f7;
}
#mobile-subnav .title {
  position: absolute;
  text-transform: none;
  left: 0;
  top: 21px;
}
#mobile-subnav .title a {
  font-weight: bold;
}
#mobile-subnav .title:after {
  content: '';
  width: 1px;
  height: 30px;
  position: absolute;
  right: -25px;
  top: -4px;
}
#mobile-subnav .constrain {
  padding-left: 130px;
  position: relative;
}
#mobile-subnav ul {
  height: 80px;
  margin: 0;
  padding: 0;
}
#mobile-subnav ul li {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  height: 80px;
  margin: 0;
  text-align:center;
  min-width: 100px;
  padding-top: 7px;
  opacity:0;
}
#mobile-subnav .slick-initialized li{
    opacity: 1;
}
#mobile-subnav ul li:focus {
  outline: 0;
}
#mobile-subnav ul li a {
  margin: 0 30px 0 0;
  line-height: 80px !important;
  display: block;
  font-size: 14px;
  height: 80px;
  position: relative;
  width:100%;
}
#mobile-subnav ul li a:hover,
#mobile-subnav ul li a:active {
  text-decoration: none;
}
#mobile-subnav ul li a:focus {
  outline: 0;
  text-decoration: none;
}
#mobile-subnav ul li a.active:after {
  content: '';
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#mobile-subnav nav img,
#mobile-subnav nav i{
	height: 40px;
	position: absolute;
	left:0;
	right:0;
	max-width:none;
	width: auto;
	margin: 0 auto;
}
#mobile-subnav nav img + i{
    display: none;
}
#mobile-subnav nav i:before{
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    font-size: 30px;
    color: #157cab;
}
#mobile-subnav nav span{
	display:block;
	font-size: 12px;
	padding-top: 12px;
}
#mobile-subnav .slick-prev {
  display: none !important;
}
#mobile-subnav .slick-next {
  height: 80px;
  width: 40px;
  right: 0;
  position: absolute;
  top:0;
  font-size: 0;
  border:0;
  border-left: 2px solid #dddddd;
  background-color: #dddddd;
}
#mobile-subnav .slick-next:before {
  font-family: "Font Awesome 5 Pro";
  content: '\f178';
  font-size: 16px;
  font-weight: bold;
  color: #157cab;
}
#mobile-subnav .welcomeFrom{
    top: 80px !important;
    position: absolute;
}
body.has-mobile-subnav #header{
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #ddd;
}
body.parent-83 h2+h3,
body.tpl-10 h2+h3{
    color: #1b7dad;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 1.2;
    margin: -20px 0 10px;
}
body.parent-83 .white-text h2+h3,
body.tpl-10 .white-text h2+h3{
    color:white;
}
@media only screen and (min-width:1199px) {
	#id-1 .welcomeFrom {
	    transform: rotate(90deg);
	    top: 300px;
	    right: -130px;
	}
	#id-38 .right-tall .column + .column{
	    padding-bottom: 160px !important;
	}
}

/* Best Practices for 2019 Acton Iframe */
iframe#webinar-best-practices-for-2019 {
    max-width: 100%;
    height: 600px;
    margin: 0px auto;
    display: block;
}
@media only screen and (max-width: 1199px) {
    iframe#webinar-best-practices-for-2019 {
        max-width: 100%;
        height: 550px;
    }
}
@media only screen and (max-width: 440px) {
    div#webinar-best-practices-for-2019-wrap {
        margin: 0 -40px 0 -50px;
    }
}
/* END Best Practices for 2019 Acton Iframe */

/* Start Expanding Blog */
body.blog.home .filter-label.largesite{
	display: none;
}
body.blog .filter-label.largesite{
	margin-top: -15px;
	cursor: pointer;
	margin-bottom: 25px;
	padding-right: 30px;
}
body.blog .filter-label.largesite i:last-child{
	margin-top:3px;
	margin-left: 8px;
	position: absolute;
}
body.blog .filter-label.largesite.active i:last-child{
	margin-top: 10px;
}
body.blog .filter-label.largesite.active i:last-child:before{
	content:'\f0de';
}
body.blog .filter-label.largesite:hover strong{
	color: #2092ca;
}
body.blog main.constrain{
	position: relative;
}
body.blog #sidebar{
	text-align: right;
	position: absolute;
	float: none;
	right: 0;
}
body.blog #sidebar .mobile-wrapper{
	/*max-height: 2000px;*/
	position: relative;
	overflow: hidden;
	padding: 10px 10px 0 10px;
	margin-top: -10px;
	opacity: 1;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
body.blog #sidebar .mobile-wrapper.minimized{
	max-height: 0;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
body.blog #single-post{
	width: 100% !important;
	max-width: 870px;
	padding-right:0;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
body.blog #single-post.expanded{
	max-width: 2000px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
body.blog #single-post .blue-btn.center{
	max-width: 870px;
}
body.blog img.aligncenter{margin: 0 auto; display: block;}
body.blog .wp-block-gallery.has-nested-images{
	display: flex;
}

/* End Expanding Blog */
body.blog .post-details{
    display: flex;
}
body.blog .post-details .date{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
body.blog .post-details .date:after{
    content:'';
    width: 1px;
    height: 30px;
    background-color: #007BAB;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
@media only screen and (min-width:1441px) {
    #newsletter .g-recaptcha {
        transform: scale(0.75) translateX(50%);
        -webkit-transform: scale(0.75) translateX(50%);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-left: -45%;
        margin-top: 5px;
    }
}
@media only screen and (max-width:1440px) and (min-width:1200px) {
    #newsletter .g-recaptcha {
        transform: scale(0.75) translateX(50%);
        -webkit-transform: scale(0.75) translateX(50%);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-left: -55%;
        margin-top: 5px;
    }
    .tpl-10 .img-wrapper.manufacturer-computer-image img{
        max-width: 100% !important;
        right: 14px !important;
        margin-top: 60px !important;
    }
}
@media only screen and (max-width:1199px) and (min-width:768px) {
    #newsletter .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;

        margin-top: 5px;
    }
}
@media only screen and (max-width:767px) {
    #newsletter .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-top: 5px;
    }
}
#newsletter .input-group.recaptcha-group {
    height: 58px;
}

#newsletter .submit, #gs-form .submit {
    bottom: auto;
    top: -20px;
}

#newsletter input.submit.blue-btn.btn {
    animation: none !important;
    -webkit-animation: none !important;
    color: #fff !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
    background: #2092ca;
    background: -moz-linear-gradient(top,#2092ca 0%, #157cab 100%);
    background: -webkit-linear-gradient(top,#2092ca 0%,#157cab 100%);
    background: linear-gradient(to bottom,#2092ca 0%,#157cab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2092ca', endColorstr='#157cab',GradientType=0 );
    box-shadow: none;
    padding: 2px 10px 5px 10px;
    width: auto !important;
    height: auto !important;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    line-height: 30px;
    width: 100% !important;
    max-width: 250px;
    margin: 10px auto 0px auto !important;
    display: block;
}

#newsletter p.error {
    font-size: 12px;
    color: #ff6969;
    float: left;
    margin-top: 8px;
    margin-bottom: 0;
}

#newsletter .input-group {
    display: block;
}

#newsletter span.error {
    font-size: 12px;
    color: #ff6969;
    float: left;
    margin-top: 8px;
    margin-bottom: 0;
}

/* Callrain page style */
.callrail {
    font-family: open-sans;
}
    #top-banner.callrail {
        background-position: right 0 bottom 130px;
        background-repeat: no-repeat;
    }
    body.page-275 #top-banner.callrail{
        background-size: cover;
        background-position: center center;
    }
    body.page-275 #top-banner .content-block{
        padding-bottom:0;
    }
    .callrail .video.fancybox {
        background-image: url(https://www.topspot.com/assets/images/content/screen.jpg) !important;
    }
    .callrail .video-block .play{
        line-height: 62px;
        height: 80px;
        width: 80px;
    }
    
    .callrail .video-block .play:before {
        border: none;
    }   
    
    .callrail .video-block .play i {
       font-size: 40px;
    }
    
    .callrail .orange-gradient {
        color: #007bab !important;
        text-shadow: none;
        background: transparent;
        border: 4px solid #007bab;
    }
    #top-banner.callrail h1 {
        font-size: 44px;
        font-weight: 300;
        text-transform: capitalize;
        letter-spacing: normal;
        margin-bottom: 30px;
    }
    .callrail h2.heading {
        font-size: 34px;
        font-weight: 300;
        margin: 10px 0 16px 0;
    }
    .callrail h3 {
        font-weight: 300;
        font-size: 24px;
    }
    .callrail h4 {
        text-transform: capitalize;
        font-size: 24px;
        font-weight: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #fff;
        margin-top: 10px;
    }
    .callrail h5.heading {
        font-weight: normal;
        color: #007bab;
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 3.4px;
    }
    .blue-gradient.callrail h5.heading {
        color: white;
    }
    .callrail p {
        letter-spacing: normal;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 24px;
    }
    .callrail p .content-button{
        margin-top: 0;
    }
    .callrail .upper-case p {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 3.4px;
        text-transform: uppercase;
        padding-bottom: 0;
    }
    .callrail-buckets a:hover {
        color: inherit;
        opacity: .7;
    }
    .callrail-buckets .bucket{
        margin-bottom: 0;
        min-height: 210px;
    }
    .callrail-buckets .icon{
        width: 170px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .callrail-buckets .bucket .top{
        border-bottom: none;
        height: 125px;
    }
    .callrail-buckets .bucket .bottom{
        text-align: center;
        font-weight: normal;
        color: #007bab;
    }
    .callrail .bucket.video.fancybox {
        background: none !important;
    }
    .grey-text{
        color: #292b2c;
        opacity: 0.4;
    }
    .callrail .blue-btn {
        background: #007bab;
        text-shadow: none;
        font-size: 16px !important;
    }
    .callrail .title[aria-expanded="true"], .callrail .title {
        background-color: #ffffff;
        border: none;
        color: #003e50;
        padding-left: 15px;
    }
    .callrail .title[aria-expanded="true"]:before, .callrail .title:before {
        right: 15px;
        left: auto;
    }
    .callrail .collapse-inner {
        background-color: rgba(255,255,255,.5);
        border: none;
        padding: 20px 40px;
    }
    .callrail .collapse-inner p {
        padding-bottom: 5px;
    }
    .callrail.lt-gray-bg {
        background: #eeeeee;
    }
    .callrail .padL:last-child {
        text-align: center;
    }
    .callrail .ao-form input::placeholder, .callrail .ao-form textarea::placeholder {
        color: #007bab;
        font-size: 14px;
    }
    .callrail .ao-form input, .callrail .ao-form textarea, .callrail .ao-form select {
        border-color: #eeeeee;
    }
    .callrail .ao-form-submit {
        background-color: #2092ca !important;
        float: right;
    }
    @media screen and (max-width:1000px){
         #top-banner.callrail {
            background-position: center center;
         }
    }
    @media screen and (max-width:767px){
        .callrail-buckets .bucket .top {
            height: 125px !important;
        }
        .callrail-buckets .icon {
            width: 170px !important;
            height: auto !important;
        }
    }
/* Home Mobile Update 2019 */

@media only screen and (max-width:767px) {
    #mobile-subnav {
        display: block !important;
    }
    .phone {
        display: none;
    }
    .logo .mobile {
        display: none !important;
    }
   .logo .mobile-test {
        display: block !important;
    }
    .logo img {
        max-width: none;
    }
   .number-header {
        display: block !important;
        width: 100%;
        position: fixed;
        top: 0px;
        background-color: #013E50;
        height: 45px;
        color: white;
        line-height: 45px;
        font-family: "sofia-pro",Arial, Helvetica, sans-serif;
        z-index: 9999;
        text-align: center;
    }
    .new-phone{
        font-size: 16px !important;
        font-weight: 400 !important;
        margin-bottom: 15px;
        line-height: 1.2 !important;
        letter-spacing: 0.005em !important;
    }
     .new-phone a {
        color: white;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 11px;
        font-size: 17px;
        font-weight: bold;
    }
    .fa-phone {
        position: relative;
        left: -18%;
        color: #e56e39;
    }
     #header {
        margin-top: 44px;
    }
    #content-wrap {
        margin-top: 0px;
    }
    #mobile-subnav .slick-next {
        top: -10px;
        height: 90px;
    }
    #primary-nav.open {
        top: 134px;
    }
   .open-search #content-wrap {
       margin-top: 0px !important;
   }
    .open-search #mobile-subnav .welcomeFrom {
        top: 90px !important;
    }
    .page-133 .padL img {
        float: left !important;
        width: 130px;
        margin-right: 10px !important;
    }
    .page-257 .column .richtext img {
        float: left !important;
        width: 100px;
        margin-right: 10px !important;
    }
    #main-content {
        position: relative;
        top: 45px;
    }
    .page-1 #main-content {
        position: relative;
        top: 15px;
    }
    #mobile-subnav {
        position: relative;
        top: 50px;
    }
    .level1 > .dropdown {
        top: 130px !important;
    }
    
} 


.failed-validation {
    color: #ef0000;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ef0000;
    margin: 0px 20px 10px 20px;
    border-radius: 10px;
}

.field-failed-validation {
    border-color: #ef0000 !important;
}
/* Case Study Design 2020 By Jacob Thomas */
.tpl-10 .lt-gray-bg{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tpl-10 .callrail .fullsite {
    display: none;
}
.tpl-10 p {
    font-size: 14px !important;
    margin-bottom: 0;
}
.tpl-10 #top-banner.callrail h1 {
    color: #003E50;
    font-size: 40px;
}
.tpl-10 #top-banner.no-bg.callrail:before {
    background: linear-gradient(90deg, #FFFFFF 36.98%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.8;
}
.tpl-10 .callrail{
    font-family: open-sans;
}
.tpl-10 .callrail .hr {
    border-top: 1px solid #EEEEEE;
}
.tpl-10 #top-banner.callrail h2.heading.heading.caps {
    text-transform: uppercase !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #003E50;
    margin-bottom: 0;
    letter-spacing: 2.55px;
    font-weight: normal;
}

.tpl-10 #top-banner.no-bg.callrail .content-block {
    padding: 120px 8px 0px 8px;
}

.tpl-10 #top-banner.callrail.no-bg {
    background-position: center;
    min-height: 270px;
}
.tpl-10 .callrail .download-btn:after {
    content: "\f175";
    font-family: "Font Awesome 5 Pro";
    margin: 0 10px;
    font-weight: normal;
}

.tpl-10 .callrail .download-btn {
    text-transform: capitalize;
    background: #fff;
    color: #007BAB !important;
    border-radius: 4px;
}

.tpl-10 .callrail .download-btn:hover {
    background: #007BAB;
    color: #fff  !important;
}

.tpl-10 .callrail h3.blue-text, .callrail h3.grey-text{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.55px;
    text-transform: uppercase;
    font-weight: normal;
    opacity: 1;
}

.tpl-10 .blue-text {
    color: #003E50;
}
.tpl-10 .callrail .white-text{
    color: #FFF !important;
}
.tpl-10 .white-text .callrail-buckets p{
    color: white !important;
}
.tpl-10 .white-text .callrail-buckets .grey-text{
    color: white !important;
}
.tpl-10 .callrail .grey-text{
  color: #636672;
  opacity: 1;
}
.tpl-10 .black-text {
  color: #303030;
}
.tpl-10 .bucket.award-bucket {
    margin: 0;
}
.tpl-10 .detailed .bucket.award-bucket .icon {
    background: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    width: auto;
    max-height: 46px;
    max-width: 80px;
}

.tpl-10 .bucket.award-bucket .top p {
    color: #636672;
    font-family: open-sans;
    font-size: 12px;
    line-height: 19px;
}
.tpl-10 .bucket.award-bucket .top {
    border: none;
}
.tpl-10 .bucket.award-bucket:hover .icon.default {
    opacity: 1;
}

.tpl-10 .row.percent-increase  {
    display: flex;
    align-items: center;
    max-width: 500px;
}
.tpl-10 .percent-increase .col-md-6 {
    padding: 0;
    margin: 0 10px;
}
.tpl-10 .row.percent-increase.unflex {
    display: block;
    text-align: center;
}
.tpl-10 .percent-increase .caption {
     font-size: 12px;
    line-height: 1.5;
    font-family: open-sans;
    display: block;
    color: #013E50;
}
.tpl-10 .percent-increase.white-text .caption {
    color:#FFF;
}
.tpl-10 .percent-increase .number:not(.no-arrow):before {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 34px;
    vertical-align: bottom;
    margin-right: 10px;
    content: "\f176";
    font-weight: 300;
    vertical-align: text-bottom;
}

.tpl-10 .percent-increase {
    color: #0088CC;
}

.tpl-10 span.number span {
    font-weight: 300;
    font-size: 50px;
}

.tpl-10 span.number {
    font-style: normal;
    font-weight: 900;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: -0.007em;
    color: #0088CC;
}
.tpl-10 .case-phone-image.customcss {
    right: 60px;
top:-40px !important;
}

.tpl-10 .restrict-mw400{
max-width: 400px;
}
.tpl-10 .callrail form#quickContact {
    box-shadow: none;
}
.tpl-10 .callrail form#quickContact h4, .callrail form#quickContact p, .callrail form#quickContact i {
    display: none;
}

.tpl-10 .callrail form#quickContact input, .callrail form#quickContact textarea, .callrail form#quickContact select {
    /* background-color: ; */
    border-color: #9DE0FF;
    border-top-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
    color: #013E50;
    font-size: 12pt;
    font-family: 'Open Sans Condensed', sans-serif;
}
.tpl-10 p.arrow-link {
    margin: -90px 0px 0 150px;
    padding: 0;
    text-align: left;
}
.tpl-10 .arrow-link a {
  font-size: 12px !important;
    text-decoration: none;
    color: #003e50;
}
.tpl-10 .callrail h2.heading {
    font-size: 34px !important;
    font-weight: 300 !important;
    margin: 10px 0 16px 0 !important;
}


/* Dots */
.tpl-10 .callrail .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.tpl-10 .callrail .slick-dots
{
    position: absolute;
    bottom: -10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.tpl-10 .callrail .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.tpl-10 .callrail .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.tpl-10 .callrail .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 28px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: #D3D4D8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tpl-10 .callrail .slick-dots li.slick-active button:before
{
    color: #0088CC;
}
.tpl-10 .slick-slider .row.percent-increase {
    max-width: unset;
}
.tpl-10 .ba-slider{
    height:460px;
    width: 550px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    overflow: visible;
    margin-left: 30px;
}
.tpl-10 .ba-slider:after{
    content:'';
    width: 110%;
    height: 100%;
    margin-left:-5%;
    margin-top: -56px;
    position: absolute;
    display: block;
    top:0;
    background: center center/570px 380px url(/assets/images/template/image_portfolio_lightbox_2.png) no-repeat;
}
.tpl-10 .ba-slider .images {
    position: relative;
    height: 400px;
    overflow: hidden;
    height: 88%;
    margin-top: 11%;
}

.tpl-10 .ba-slider .handle{
    height: 340px !important;
    background-color: transparent;
    top: 60px;
}
.tpl-10 .ba-slider .handle:before{
    bottom: -35px;
}

.tpl-10 #improve-architecture .col-md-7{
    padding-left: 120px !important;
}

@media only screen and (max-width: 1199px){
    .tpl-10 .row.percent-increase{
        display: block;
        text-align: center;
    }
    .tpl-10 .row.percent-increase > div:first-child{
        height: 70px;
    }
    .tpl-10 .percent-increase .number:before{
        vertical-align: top;
    }
    .tpl-10 span.number{
        font-size: 40px;
    }
    .tpl-10 .img-wrapper.text-center + .richtext > p.arrow-link:first-child{
        margin-top: -80px;
    }
    .tpl-10 .img-wrapper.absolute{
        display: block !important;
    }
    .tpl-10 .img-wrapper.manufacturer-computer-image img{
        max-width: 100% !important;
        right: 14px !important;
        margin-top: 40px !important;
    }
    .tpl-10 .column .img-wrapper.absolute.top{
        top: 0 !important;
    }
    .tpl-10 .column .img-wrapper.absolute{
        position: static;
    }
    .tpl-10 #improve-architecture .col-md-5 {
        width: 100%;
    }
    .tpl-10 #improve-architecture .col-md-5 + .col-md-7{
        width: 100%;
        margin-top: 30px;
    }
    .tpl-10 #improve-architecture .col-md-7{
    padding-left: 0 !important;
    }
    .tpl-10 .ba-slider{
        margin: 0 auto;
    }
    .tpl-10 .percent-increase .text-right .caption{
        max-width: 400px;
        margin: 20px auto 0 auto;
    }
    .tpl-10 .large span.number{
        font-size: 60px !important;
    }
}

@media only screen and (max-width: 767px){
.tpl-10 .callrail p {
    line-height: 23px !important;
}
.tpl-10 div.padT.remove-pad-top-mobile {
    padding-top: 0 !important;
}
.tpl-10 .eight-pad .content-block .column + .column {
    padding: 8px;
}
.tpl-10 #organic-search-block .padT {
    display: none;
}
.tpl-10 #organic-search-block .padB {
    padding-bottom: 0 !important;
}

.tpl-10 #user-experience-block{
margin-top: 300px;
    padding-top: 90px;
}

.tpl-10 #user-experience-block .img-wrapper{
top: -380px !important;
    display: block !important;
    position: absolute;
    right: unset;
    margin: auto;
}

.tpl-10 #user-experience-block .img-wrapper.manufacturer-computer-image{
    top: -910px !important;
    width: 100%;
    right: -14px;
}

.tpl-10 .row.percent-increase {
  max-width: unset
}
.tpl-10 .callrail .row.clearfix .column {
    margin: 0;
}
.tpl-10 p.arrow-link {
    margin: -60px 0px 0 0px;
    text-align: center;
}
.tpl-10 .arrow-link a {
  font-size: 12px !important;
text-decoration: none;
color: #003e50;
}
.tpl-10 .callrail h2.heading {
    font-size: 24px !important;
}
.tpl-10 #improve-architecture {
    background: url(https://www.topspot.com/assets/images/content/site_architecture.webp);
}
.tpl-10 #improve-architecture .row.backgrounds {
    background: linear-gradient(0deg, #FFFFFF 70.42%, rgba(255, 255, 255, 0) 95.78%);
}
.tpl-10 .richtext.grey-text.helped-section p {
    font-size: 14px !important;
}
.tpl-10 #organic-search-block .two-col .col-xs-12 {
    padding: 0;
}
.tpl-10 #organic-search-block {
  padding: 0 8px;
}
.tpl-10 #top-banner.callrail h2.heading.heading.caps {
      font-size: 12px !important;
line-height: 16px !important;
    letter-spacing: 2.55px !important;
max-width: 284px;
    }
.tpl-10 #top-banner.callrail h1 {
    font-size: 34px !important;
    line-height: 40px !important;
font-weight: 300 !important;
}

.tpl-10 #top-banner.no-bg.callrail:before {
    background: none;
}
.tpl-10 #top-banner{
    background: #F7F7F7 !important;
}
.tpl-10 .callrail .download-btn {
    width: 340px;
    max-width: unset;
    height: auto;
    padding: 16px 0 !important;
    font-family: open-sans;
    font-weight: bold;
    margin: 0 auto;
    background-color: #007BAB;
    color: #fff !important;
}
.tpl-10 .callrail .download-btn:hover {
    background-color: #fff;
    color: #007BAB !important;
}
.tpl-10 .callrail h3.blue-text, .callrail h3.grey-text {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 2.55px !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
}
.tpl-10 .row.clearfix{
  margin: 0;  
}

.tpl-10 .richtext.grey-text p {
    font-size: 12px !important;
}
.tpl-10 .bucket.award-bucket {
    height: 134px;
}
.tpl-10 .ba-slider{
    width: 350px;
    padding-bottom: 20px;
}
.tpl-10 .ba-slider:after{
    display: none;
}
.tpl-10 .slick-slider .row.percent-increase{
    margin-left: 20px;
}
.tpl-10 .percent-increase .caption{
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}
}
@media (max-width: 1000px){
.tpl-10 .bucket.award-bucket .top p {
    display: block;
    margin: 10px 0;
}
.tpl-10 .detailed .award-bucket .top {
    line-height: 50px;
    max-height: 100px;
    padding-left: 0;
}
.tpl-10 .detailed .bucket.award-bucket .icon {
    display: block !important;
    position: relative;
margin-top: 10px;
}
.tpl-10 .detailed .bucket.award-bucket:first-child .icon {
    margin-top: 0;
}
.tpl-10  .row.percent-increase, .row.percent-increase .text-right  {
      display: block;
  text-align: center;
  }
}

@media screen and (max-width: 1450px) and (min-width: 1199px){
.tpl-10 .percent-left-pad .caption{
padding-left: 20px;
}
}

/* Case Study Landing Template (Shonna) */
.tpl-10 #top-banner:after{
    content:'';
    background: linear-gradient(90deg, #FFFFFF 36.98%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tpl-10 #top-banner .content-block{
    z-index: 2;
    position: relative;
}
.tpl-10 #top-banner h1{
    max-width: 100%;
}
.tpl-10 .row.percent-increase{
    max-width: none;
}
.tpl-10 .row.percent-increase > div{
    width: auto;
}
.tpl-10 .row.percent-increase > div:first-child{
    padding-right: 0;
    height: 85px;
}
.tpl-10 .row.percent-increase > div.text-right:first-child{
    height: auto;
}
.tpl-10 .row.percent-increase > div:last-child{
    padding-left: 5px;
}
.tpl-10 .row.percent-increase.has-plus .number span{
    font-size:0;
}
.tpl-10 .row.percent-increase.has-plus .number span:after{
    content:'+';
    font-size: 50px;
}
.tpl-10 .row.percent-increase.unflex{
    flex-direction: column;
    display: flex;
}
.tpl-10 .center .row.percent-increase{
    text-align: center;
    display: flex;
    justify-content: center;
}
.tpl-10 .center .row.percent-increase .caption{
    text-align: left;
}
.tpl-10 .richtext + .block .row.percent-increase{
    margin-top: 40px;
}
.tpl-10 span.number{
    font-family: "Benton Sans", sans-serif;
}
.tpl-10 .large span.number{
    font-size: 90px;
}
.tpl-10 .add-x span.number span{
    font-size: 0;
}
.tpl-10 .add-x span.number span:after{
    content:'x';
    font-size: 50px;
}
.tpl-10 .percent-increase .caption{
    max-width: 270px;
}
.tpl-10 .percent-increase .text-right .caption{
    max-width: 240px;
}
.tpl-10 .img-wrapper.text-center + .richtext > p.arrow-link:first-child{
    margin: -90px 0px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: underline;
}
.tpl-10 .img-wrapper.text-center + .richtext > p.arrow-link em{
    margin-left: 10px;
}
.tpl-10 .img-wrapper.absolute.top{
    top: -100px !important;
}
.tpl-10 .img-wrapper.manufacturer-computer-image img{
    position: absolute;
    right: 15px;
    max-width: 700px;
    margin-top: -45px;
}
.tpl-10 .mini-quote p{
    padding-bottom: 0;
}
.tpl-10 blockquote{
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    padding:0;
    margin:0;
}
.tpl-10 .richtext sub{
    bottom: auto;
    top: 25px;
}
.tpl-10 .column:last-child .richtext p:last-child{
    padding-bottom: 0;
}
.tpl-10 .column .column:last-child .richtext p:last-child{
    padding-bottom: 30px;
}
.tpl-10 .callrail h2.heading{
    margin: 10px auto 16px auto !important;
}
.tpl-10 #user-experience-block p{
    margin-bottom: 0;
}
.tpl-10 #user-experience-block + h2.heading{
    margin-top: 40px !important;
}

/* Start Instagram Feed on Blog */
#instagram-feed{
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px; 
    margin: 0 auto; s
}
#instagram-feed h1{
    width: 100%;
    padding-left: 16px;
}
#instagram-feed .item{
    width: 25%;
    margin: 0 0 30px 0;
    padding: 0 16px;
}
#instagram-feed a{
    display:block;
}
#instagram-feed .thumb{
    width: 100%;
    height: 200px;
    background-color: #ccc;
    background-size: cover;
    background-position: center center;
}
@media(max-width: 1199px){
    #instagram-feed .item{
        width: 50%;
    }
}
@media(max-width: 767px){
    #instagram-feed .item{
        width: 100%;
    }
}
/* Start Glossary */
.glossary-buttons{
    background-color: white;
    height: 150px;
    position: relative;
    margin-top: -60px;
}
.glossary-buttons:before{
    content:'';
    width: 1000%;
    height: 150px;
    background-color: white;
    position: absolute;
    left: -500%;
}
.glossary-buttons fieldset,
.glossary-buttons .fieldset{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 30px 0;
    position: relative;
    z-index: 2;
}
.glossary-buttons fieldset + fieldset,
.glossary-buttons .fieldset + .fieldset{
    border-top: 1px solid #D3D4D8;
    padding: 20px 0 30px 0;
}
.glossary-buttons button{
    background-color: transparent;
    border: 0;
    color: #007BAB;
    font-size: 14px;
    line-height:18px;
    letter-spacing: .1px;
    font-family: "Open Sans", sans-serif;
}
.glossary-buttons button.mixitup-control-active{
    font-weight: bold;
}
.glossary-buttons .slick-arrow{
    background-color: #007BAB;
    color: white;
    padding: 5px 8px;
    margin-top: -4px;
}
#glossary{
    padding-top: 60px;
}
#glossary .item{
    margin-bottom: 15px;
}
#glossary .item.active .content{
    max-height: 800px;
}
#glossary .item.active i:before{
    content:'\f106';
}
#glossary .title{
    background-color: white;
    color: #003E50;
    font-size: 16px;
    line-height: 47px;
    font-family: "Open Sans", sans-serif;
    height: 47px;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}
#glossary .title:hover,
#glossary .title:active{
    color: #007BAB;
}
#glossary .title i{
    color: #007BAB;
    font-size: 16px;
    line-height: 47px;
    position: absolute;
    right: 15px;
    top: 2px;
    font-weight: normal;
}
#glossary .content{
    background-color: #f6f6f6;
    color: #292B2C;
    font-size: 14px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    padding: 0 30px;
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
	-moz-transition: max-height 0.4s ease-in-out;
	-webkit-transition: max-height 0.4s ease-in-out;
}
#glossary .definition{
    padding-top: 20px;
    padding-bottom: 20px;
}
#glossary .desc{
    width: 49%;
    display: inline-block;
}
#glossary .image{
    width: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
#glossary img{
    max-height: 400px;
    max-width: 100%;
}
#glossary .categories{
    margin-top: 30px;
    padding-bottom: 20px;
}
#glossary .categories p{
    width: 100%;
    margin-bottom: 10px;
}
#glossary .categories a{
    color: #007BAB;
}
#glossary .categories a:after{
    content:', ';
}
#glossary .categories a:last-child:after{
    display: none;
}
@media(max-width: 767px){
    .glossary-buttons{
        margin-top: -20px;
    }
}
/* TABBED CONTENT */
.tabs .tab-content {
	display:none;
	
}
.tabs .tab-content.current {
	display:block;
}
.tabbed-content .tab-content{
	border: 0;
	padding: 32px;
	-webkit-box-shadow: 0px 10px 40px rgb(0, 0 , 0 , .07);
	-moz-box-shadow:0px 10px 40px rgb(0, 0 , 0 , .07);
	box-shadow: 0px 10px 40px rgb(0, 0 , 0 , .07);
}
.tabbed-content .content-block{
	padding: 0;
}
.tabbed-content .nav-tabs{
    border-bottom: 0;
}
.tabbed-content .nav-tabs li{
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.tabbed-content .nav-tabs a,
.tabbed-content .nav-tabs li.active a{
	border: 0;
    border-bottom-color: transparent;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #013E50;
}
.tabbed-content .nav-tabs li.active a{
	background-color: #013E50;
	color: white;
}
.tabbed-content .nav-tabs a:hover{
	border: 0;
    border-bottom-color: transparent;
    background-color: #eeeeee;
}
.tabbed-content .block {
  padding: 0;
}
.tabbed-content.tabs-left {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.tabbed-content.tabs-left .nav-tabs {
  border-bottom: 0;
  margin-bottom: 0;
  background-color: transparent;
  display: block;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  width: 15%;
}
.tabbed-content.tabs-left .nav-tabs li {
  border: 0;
  margin-bottom: 0px;
  width: 100%;
}
.tabbed-content.tabs-left .nav-tabs li.active a,
.tabbed-content.tabs-left .nav-tabs li.active:hover a{
    border:0;
    background-color: #013E50 ;
    color: white;
    border-radius: 0;
}
.tabbed-content.tabs-left .nav-tabs li:hover a {
  border: 0; 
  background-color: #eee;
}
.tabbed-content.tabs-left .nav-tabs a {
  border: 0;
  border-radius: 0;
  margin: 0;
  text-align: left;
  font-weight: bold;
  padding: 15px 20px 12px 15px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  background-color: transparent;
  color: #013E50;
}
.tabbed-content.tabs-left .tab-content {
  padding: 24px;
  border: none;
  width: 85%;
}
@media(max-width: 1199px){
    .tabbed-content {
        position: relative;
        padding-top:40px;
    }
    .tabbed-content .nav-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
        max-height: 40px;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        top: 0;
        z-index: 9;
        margin: 0 0 15px 0 !important;
    }
    .tabbed-content .nav-tabs li {
        margin: 0;
        display: block;
        width: 100%;
        height: 40px;
        padding: 0;
        border-radius: 0;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .tabbed-content .nav-tabs li a {
        font-size: 14px;
        padding-top: 10px !important;
        padding-bottom: 9px !important;
        background-color: white !important;
        text-align: center !important;
    }
    .tabbed-content .nav-tabs li:hover a{
        background-color: white !important;
    }
    .tabbed-content .nav-tabs li.active {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .tabbed-content .nav-tabs li.active a{
        background-color: #013E50 !important;
    }
    .tabbed-content .nav-tabs li.active:hover a{
        background-color: #013E50 !important;
    }
    .tabbed-content .nav-tabs:after {
        font-family: 'Font Awesome 5 Pro', sans-serif;
        content: '\f107';
        color: white;
        position: absolute;
        right: 15px;
        top: 7px;
        z-index: 2;
        pointer-events: none;
    }
    .tabbed-content .nav-tabs.open {
        max-height: 1000px;
    }
    .tabbed-content .nav-tabs.open:after {
        content: '\f106';
    }
    .tabbed-content .tab-content {
        width: 100% !important;
        -webkit-box-shadow: 0px 10px 40px rgb(0, 0, 0, .07);
        -moz-box-shadow: 0px 10px 40px rgb(0, 0 , 0 , .07);
        box-shadow: 0px 10px 40px rgb(0, 0 , 0 , .07);
    }
}
/* TABBED CONTENT */

/* ***************************************** 20th Anniversary Gold Theme */
.text-gold .heading{
	color:#c0982f;
}
.text-gold .richtext p{
	color:#000;
}
body.page-396 #rsvp-form .content-block{
	padding:0;
}
body.page-396 #rsvp-form.blue-box .blue-gradient{
	background: #c0982f;
}
body.page-396 #rsvp-form.blue-box .blue-gradient .heading{
	color: #fff;
}
body.page-396 #rsvp-form.blue-box .blue-gradient .btn{
	color:#000 !important;
	background:#fff !important;
}
body.page-396 #rsvp-form.blue-box .blue-gradient .btn:hover{
	color:#fff !important;
	background:#000 !important;
}
body.page-396 #rsvp-form .heading,
body.page-396 #back-top{
	color:#000;
}
body.page-396 #back-top:hover{
	color:#c0982f;
}
body.page-396 #back-top .line{
	background:#c0982f;
}
body.page-396 #footer-ctas a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3b973+0,c0982f+100 */
	background: #d3b973; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3b973 0%, #c0982f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d3b973 0%,#c0982f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d3b973 0%,#c0982f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3b973', endColorstr='#c0982f',GradientType=0 ); /* IE6-9 */

}
body.page-396 .orange-gradient{
	background: #c0982f;
}
#calendar .sk-ww-google-calendar{
    background-color: transparent !important;
    margin-top: 20px;
}

/* Hidden H4 & H2 Styles */

.smallheading {
    color: #1b7dad;
    font-size: 1em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 1.2;
    margin: 20px 0 10px;
}

.largeheading {
	font-size: 2.3em;
    margin: 20px 0 25px;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
    font-family: inherit;
    text-transform: none;
    letter-spacing: normal;
}

.row.vcenter {
    display: flex;
    align-items: center;
}

.eagle-drill-down-img {
    position: absolute;
    z-index: 1;
    top: -200px;
    right: 22%;
}
.eagle-drill-down-img img{
    max-height:451px;
}
#eagle-site-section {
    position: absolute;
    max-width: 60%;
    margin-top: -90px;
}
#eagle-site-section .img-wrapper{
    position: relative;
    z-index: 1;
}
#eagle-site-section img {
    max-height:545px;
}
#eagle-site-section .img-wrapper .fun-fact p{
    font-size: 12px !important;
    /* color: #0088CC; */
    border: none;
    margin-left: 590px;
    margin-top: -30px;
    margin-left: 735px;
    margin-top: -50px;
}

body#id-413 .img-wrapper .fun-fact p{
    font-size: 12px !important;
    /* color: #0088CC; */
}
@media only screen and (max-width:1920px) {
    #eagle-site-section img {
        max-height:451px;
    }
    #eagle-site-section .img-wrapper .fun-fact p{
        margin-left: 590px;
        margin-top: -30px;
    }
}
@media only screen and (max-width:1700px) {
    #eagle-site-section {
        margin-top:-50px;
    }
    #eagle-site-section .img-wrapper .fun-fact p{
        margin-left: 56%;
    }
}
@media only screen and (max-width:1400px) {
    #eagle-site-section {
        margin-top:-25px;
    }
    #eagle-site-section .img-wrapper .fun-fact p{
        margin-left: 54%;
    }
}
@media only screen and (max-width:1200px) {
    #eagle-site-section {
        margin-top:0px;
    }
    #eagle-site-section .img-wrapper .fun-fact p{
        margin-left: 52%;
    }
}
@media only screen and (max-width:1024px) {
    #eagle-site-section {
        margin-top:25px;
    }
    #eagle-site-section .img-wrapper .fun-fact p{
        margin-left: unset;
        justify-content: center;
        margin-top: 10px;
        margin-right: 55px;
    }
}
@media only screen and (max-width:992px) {
    #eagle-site-section {
        max-width:50%;
        margin-top:7%;
    }
}
@media only screen and (max-width:767px) {
    #eagle-site-section {
        position: static;
        max-width: unset;
        width:115%;
        margin-top: 0px;
    }
    eagle-site-section .img-wrapper .fun-fact p {
        margin-right: 100px;
    }
}

.img-wrapper .fun-fact.cap-lblue p {
    color: #0088CC;
}
.img-wrapper .fun-fact.cap-white p {
    color: #FFF;
}