@font-face {
font-family:'equity-regular';

	src: url('../../../fonts/equity-regular.eot'); /* IE9 Compat Modes */

	src: url('../../../fonts/equity-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	     url('../../../fonts/equity-regular.woff2') format('woff2'), /* Super Modern Browsers */

	     url('../../../fonts/equity-regular.woff') format('woff'), /* Pretty Modern Browsers */

	     url('../../../fonts/equity-regular.ttf')  format('truetype'), /* Safari, Android, iOS */

	     url('../../../fonts/equity-regular.svg')  format('SVG'); /* Older, other */

}
@font-face {
font-family:'equity-italic';

	src: url('../../../fonts/equity-italic.eot'); /* IE9 Compat Modes */

	src: url('../../../fonts/equity-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	     url('../../../fonts/equity-italic.woff2') format('woff2'), /* Super Modern Browsers */

	     url('../../../fonts/equity-italic.woff') format('woff'), /* Pretty Modern Browsers */

	     url('../../../fonts/equity-italic.ttf')  format('truetype'), /* Safari, Android, iOS */

	     url('../../../fonts/equity-italic.svg')  format('SVG'); /* Older, other */

}
@font-face {
font-family:'equity-bold';

	src: url('../../../fonts/equity-bold.eot'); /* IE9 Compat Modes */

	src: url('../../../fonts/equity-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

	     url('../../../fonts/equity-bold.woff2') format('woff2'), /* Super Modern Browsers */

	     url('../../../fonts/equity-bold.woff') format('woff'), /* Pretty Modern Browsers */

	     url('../../../fonts/equity-bold.ttf')  format('truetype'), /* Safari, Android, iOS */

	     url('../../../fonts/equity-bold.svg')  format('SVG'); /* Older, other */

}
@font-face {
font-family:'social-gothic';
	src: url('../../../fonts/social-gothic.eot'); 
	src: url('../../../fonts/social-gothic.eot?#iefix') format('embedded-opentype'), 
	url('../../../fonts/social-gothic.woff2') format('woff2'), 
	     url('../../../fonts/social-gothic.woff') format('woff'), 
	     url('../../../fonts/social-gothic.ttf')  format('truetype'), 
	     url('../../../fonts/social-gothic.svg')  format('SVG'); 
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Joomla Shack sliders */
div.jwts_toggleControlContainer a.jwts_toggleControl{
background-image:none;
background-color:transparent;
padding:8px;
font-size: inherit;
padding-top: 13px;
border:0;
}
div.jwts_toggleControlContainer a.jwts_toggleOn{color:#242a2f}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
background: url() no-repeat 0 4px;
}
div.jwts_content{border:0;padding:0;}


/*Full Width Video Style*/

.example-marquee {position: relative;}
.content {
display: table;
width: 100%;
min-height: 70vh;
z-index: 1;
position: relative;
}
.content .inner {
display: table-cell;
text-align: center;
padding-left: 16px;
padding-right: 16px;
vertical-align: bottom;
padding-bottom: 28%;
}
.content .inner h1 {
font-size: 62px;
color: white;
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

			.video-background-controls button {
				font-size: 32px;
				display: inline-block;
				padding: 0px;
				margin: 0px;
				height: 32px;
				width: 32px;
				border-radius: 16px;
				line-height: 32px;
				border: none;
				background: none;
				-webkit-appearance: none;
				color: white;
				filter: drop-shadow(0px 0px 1px black);
				cursor: pointer;
				opacity: 1;
				transition: all 250ms ease-in-out;
				margin-left: 10px;
			}

			.video-background-controls button:hover {
				opacity: 0.5;
			}

			iframe {
				transition: opacity 500ms ease-in-out;
				transition-delay: 250ms;
			}


html{scroll-behavior: smooth;}
body {
font-family: 'equity-regular', serif;
font-size: 1.1em;
line-height: 1.4em;
color: #5e5e5e;
margin:0;*/needed for new site ada tool*/
}
h1, h2, h3, h4 {font-family:'social-gothic', sans-serif; color:#1c5277;text-transform: uppercase;padding-left:12px;border-left:2px solid #c2222c;line-height:100%;}/* color was #c2222c */
h1{font-size:2.7em;line-height:1em;}
h2{font-size:1.6em;}
h3{line-height:1em;font-style:italic;text-transform:unset;}
.block-quote{margin-top:20px;padding:5px 0px 5px 12px;border-left:2px solid #c2222c}
.block-quote h1,.block-quote h2,.block-quote h3{border:0;margin:5px 0}
h4{padding-left: 0;border-left: 0;margin-bottom: -14px;font-size: 119%;}
a {color: #c2222c;}
a:hover {color:#a8151e;}
.readon{background-color: #c2222c;color:#fff;border-bottom: 2px solid #a8151e;position:relative;}
.readon:hover{background-color: #a8151e;color:#fff;border-bottom: 2px solid #900d15;
}


.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle{color: #ff6500;}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover{color:#af4702;}
#header-surround{background-color:#fff;}
#header{background-color:#fff;padding:3px 4% 0px;height: 87px;}
#header-height{}
#header-a.width-45{width:15%}
#header-b.width-45{width:80%}
.top-logo{width:70%;max-width:85px;border: 13px solid #fff;
  margin-top: -2px;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);}
#drawer-holder{background-color:#383838;padding:16px 1% 14px;z-index: 12;position: relative;}

#showcase-bkg{}
#showcase{
clear:both;
transition: all 0.5s ease-in-out;
width:100%;
padding:0;
color:#fff;
text-align:center;
margin:-17px auto -17px; 
}
#showcase h1, #showcase h2{color:#fff;}
#showcase-a.width-95{width:100%;}

.djslider-loader{margin-left: -12px;}
#sidebar-b {padding: 3% 4% 3% 0%;}
@media (max-width: 1278px) {.djslider-loader{margin-left:unset;}}

#top-boxes{max-width:1200px;width:100%; text-align:left;margin:0 auto;}
#top{color: #424242;background-color: #fff;}
#top::after {color: #FFF;text-shadow: 0px 2px 0 #fff;} /*dropdown triangle */
#top h2, #top h3, #top h4{font-size:2.7em;line-height: 100%;color:#656565;padding-left:0px;border-left:0;border-bottom: 2px solid #c2222c;padding-bottom:31px;}

.experience-box{width:30%;max-width: 200px;float:right;margin:-122px 0 15px 45px;background-color:#1c5277;padding:2%;border-radius:1px;text-align:center;color:#fff;}
@media (max-width: 1235px) {.experience-box{margin-top:7px}}
@media (max-width: 565px) {.experience-box{display:none;}}

#utility-bkg{
background-image: url(../../../images/utility-bkg.jpg);
background-size:cover;
background-position:right;
/*background-attachment: fixed;*/
display:block;
width:100%;
}
#utility{
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
padding:6% 0;
}
#utility h2, #utility h3, #utility h4{color:#fff;font-size:224%;}
#utility-boxes{max-width:800px;width:50%; text-align:left;margin-left:4%;}


#feature{background-color: #fff;}
#feature-boxes {text-align:left;}
#feature h2, #feature h3 {font-size:224%;}


#maintop-bkg{
background-image: url(../../../images/maintop-bkg.jpg);
background-size:cover;
background-position: center;
background-attachment: fixed;
display:block;
width:100%;
}
#maintop{
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
padding: 12% 0;
}
#maintop h2, #maintop h3, #maintop h4{color:#fff;font-size:224%;}
#maintop-boxes{
    max-width: 800px;
    width: 75%;
    text-align: left;
    margin-left: 25%;
}
#expandedtop{background-color: #FFFFFF;color: #2C2C2C;padding-top:0}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#expandedtop-boxes{
    max-width: 1200px;
    width: 100%;
    text-align: left;
margin:0 auto;
}
#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#mainbody{background-color: #FFFFFF;color: #2C2C2C;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#sidebar-a h3{font-size: 132%;}
#sidebar-a strong{color: #1c5277;}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;}
#expandedbottom{
color: #424242;
background-image: linear-gradient(211deg, #21cc9d, #00cdff);
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #00cdff;
}
#expandedbottom::after {color: #00cdff;text-shadow: 0px 2px 0 #00cdff;}
#expandedbottom-boxes{max-width:1200px;width:100%; text-align:left;margin:0 auto;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #fff;}
#expandedbottom .block-quote{border-left:8px solid #333}


#mainbottom{background-color: #FFFFFF;color: #6E6E6E;padding:0 4% 0;}
#mainbottom-boxes{max-width:1200px;width:100%; text-align:left;margin:0 auto;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
color: #5e5e5e;
background-color:#E7FFFF;
background-image: url(../images/patterns/noise2.png);
}
#extension h2, #extension h3{font-size: 224%;color:#5e5e5e;padding-left:0;border-left:0;font-style:unset;text-transform:uppercase;}
/*#extension table{font-size:70%;line-height: 14px;}
#extension table img{width:100%;}*/
#extension a {color:#5e5e5e;}

.tss-projects{font-size:80%;width:22.5%;display:inline-block;vertical-align:top;margin: .5%;margin-bottom:0px;text-align:left;position:relative;} /*31% for three across */
.tss-projects.tss-feature{width: 96.2%;}
.tss-projects img{border-radius:1px;transition: .8s ease;outline: 2px solid #fff;display: table;width: 100%;}
.tss-projects-image-bkgs{background-color:#265a7f00;border-radius:1px;display: table;margin-bottom: 8px;}
.tss-projects-image-bkgs:hover{background-color:#265a7f;}
.tss-projects h4{margin:-33px 0 -3px;font-size:150%;color:#fff;padding-left:11px;border-left:0;font-style:unset;text-transform:uppercase;position:relative;z-index:99}/* was font size 200%; */
.tss-projects p{padding-left:9px;line-height:19px;border-left: 1px solid #c2222c;}
.tss-projects img:hover{opacity:0.5}
.tss-projects a {color:#5e5e5e;}

.tss-projects.flex-box .tss-projects-image-bkgs {
	height: 20.5vw; width: 100%;
	background-size: cover !important;
}
.tss-projects.flex-box .tss-projects-image-bkgs .blue {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: #ffffff00;
	transition: .8s ease;
}
.tss-projects.flex-box .tss-projects-image-bkgs .blue:hover{background-color:#265a7f96;}
.tss-projects.flex-box h4 {
	margin: 0;
	padding-bottom: 4px;
}
.tss-projects.flex-box p {
	margin-top: 0;
}

@media only screen and (max-width: 960px) {
.tss-projects.flex-box  .tss-projects-image-bkgs{height: 28.1vw !important;}
}

@media only screen and (max-width: 767px) {
.tss-projects.flex-box  .tss-projects-image-bkgs{height: 43.3vw !important;}
}

@media only screen and (max-width: 650px) {
.tss-projects.flex-box  .tss-projects-image-bkgs{height: 95vw !important;}
}


.tss-staff{font-size:90%;width:23%;display:inline-block;vertical-align:top;margin: .5%;text-align:left;line-height: 1.3em;}
.tss-staff.tss-feature{width: 96.2%;}
.tss-staff img{border-radius:6px;}
.tss-staff h3{margin: 4px 0 -7px;font-size:100%;color:#5e5e5e;padding-left:6px;border-left:0;font-style:unset;text-transform:uppercase;}
.tss-staff p{padding-left:6px;}
.tss-staff a {color:#5e5e5e;}


#fullwidth-bkg{background-image: url(../../../images/fullwidth-bkg.jpg);
background-size:cover;
background-position: center;
background-attachment: fixed;
display:block;
width:100%;
}
#fullwidth{
width:100%; text-align:center;margin:0 auto;padding: 12% 0;
}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#fff;font-style:unset;}
#fullwidth h3{font-size:224%;}

#bottom{
background-color: #41759A;
color: #f1f1f1;
}
#bottom h2, #bottom h3, #bottom h4{font-size: 1.6em;color:#fff;border:0;}
#bottom a{color:#fff;}
#bottom a:hover{color:#c2222c;}


#fullwidth-bottom{background-color:#717171;padding:15px 4% 8px;text-align:  center;}
#fullwidth-bottom a{color:#fff;}
#fullwidth-bottom a:hover{color:#c2222c;}

#footer-boxes{text-align: left;padding: 69px 4%;width:92%}
#footer{
color: #fff;
background-color:#1c5277;
font-size:80%;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);padding-left:0;border-left:0;}
#footer h3{font-size: 164%;}
#footer a{color:#fff;font-size:140%;line-height: 249%;}
#footer-a.width-30{width:20%}
#footer-b.width-30{width:20%}
#footer-c.width-30{width:50%}
#footer-b{border-right: 1px solid #fff;}

#copyright{
color: #5f5f5f;
background-color:#00264B;
padding:3% 4% 2%;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright a{color:#fff;}
#copyright a:hover{color:#c2222c;}



/*Changes to menu*/
.mobilemenuck-bar-title{display:none;}
.mobilemenuck-bar-button {top: -116px;font-size: 42px !important;}
/* to change the entire mobile link that has sublinks clickable */
.mobilemenuck-togglericon::after {
    background: none !important;
    width: 100% !important;
    text-align: right !important;
    margin-right: 5px;
}
div#maximenuck197{font-family:'social-gothic',sans-serif;letter-spacing: 1px;float:none;text-align:right;margin-left:-94px;text-transform: uppercase;}/* center menu and fix left padding*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 16px;
font-weight: 500;
}
div#maximenuck197 ul.maximenuck{margin-top:30px;}
div#maximenuck197 ul.maximenuck li.maximenuck.level1{margin-top:5px;margin-bottom:5px;margin-right:24px;}
div#maximenuck197 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck197 .maxiFancybackground{height:1px;top:27px;background-color:transparent;border-top:1px solid #c2222c;}


/*Menu text color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
color:#393939;
}
/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #000;}

/* submenu */
div#maximenuck197 ul.maximenuck li.level1.parent > a:after, div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after{
right:-7px;} /*dropdown arrow position*/
div#maximenuck197 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck197 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;font-size:75%;letter-spacing:1px;}

/* submenu background and border */
div#maximenuck197 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
margin-top:12px;
padding-left:6px;
padding-top:8px;
}


/* submenu  link color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:#393939;text-transform:none;} 

/* Changes menu hover color */
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck197 ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck2 li:hover > h3 a{
color:#000;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck197 ul.maximenuck2 li:hover > a{
color:#000;}

/* sets dropdown arrow color */
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border-color:#666 transparent transparent transparent; }
/* set hamburger menu color */
#maximenuck197 .maximenumobiletogglericonck{color:#fff;font-size: 43px !important;}  

    
/* standard joomla menu for bottom menu */
ul.mod-menu.mod-list.nav.horizontal{display:inline-block;list-style:none;}
ul.mod-menu.mod-list.nav.horizontal li{display:inline-block;margin-right:24px;}







.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}


@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width:1100px) {
.tss-projects{width:31%;}
}


@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
#mainbody{padding:29px 4%;}
}

@media only screen and (max-width: 900px) {
#header-b.width-45{width:100%;}
#header{height:57px;}
#header-a.width-45 {width: 96%;padding-left:4%;}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
#verytop{display:none;}
.tss-projects{font-size:80%;width:48%;}
.tss-projects.tss-feature{width: 99.2%;}
.tss-staff{width:48%}
#footer-boxes{text-align:center;}
#footer-a.width-30{width:92%;text-align:center;}
#footer-b.width-30{width:92%;text-align:center;}
#footer-c.width-30{width:92%;text-align:center;}
#footer-b{border-right:0;}
}
@media only screen and (max-width: 650px) {
#utility-boxes, #maintop-boxes {width: 98%;margin-left: 2%;}
.tss-projects{width:100%;}
.tss-projects.tss-feature{width:100%;}
h1{font-size:1.7em}
#feature h2, #feature h3 {font-size: 142%;}
#maintop h2, #maintop h3{font-size:168%}
#extension h3{font-size: 142%;}
#footer a{color:#fff;font-size:100%;line-height:100%;}
.top-logo{border:7px solid #fff;margin-top:-10px;}
.mobilemenuck-bar-button {top: -101px;}
}

@media (max-width: 400px) {
#header-a{width:100%;}
.tss-staff{width:100%}
}