/*

Theme Name: Solix
Author: Solix, Inc.
Author URI: http://solixinc.com/
Description: The Solix theme for WordPress is built and customized for use by Solix, Inc. ©2016 All Rights Reserved.
Version: 1.0

*/
/* 
@charset "UTF-8";
CSS Document */

html { background-color: #ebebec; }
body { height: 100%; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; background-color: #ebebec; }
p { font-size: 16px; line-height: 22px; margin-bottom: 20px; }
a:focus { border: none; outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h2, h3 { position: relative; font-size: 24px; color: white; margin-bottom: 20px; }
.pageContentWhite h2 { color: #004b8d; }
h3 { color: #004b8d; }
h6 { color: #f79b2e; text-transform: uppercase; margin-top: 0; }
h2::after, h3::after { content:''; height: 2px; background-color: #f79b2e; width: 35px; display: block; left: 0; bottom: 0; margin-top: 4px; }
strong { font-family: "Avenir Black"; font-weight: normal; }
em { font-family: "Avenir Book Oblique"; font-weight: normal; font-style: normal; }
strong em { font-family: "Avenir Black Oblique"; font-weight: normal; font-style: normal; }
.light { font-family: "Avenir Light"; font-weight: normal; }
.lightitalics { font-family: "Avenir Light Oblique"; font-weight: normal; }
.heavy { font-family: "Avenir Heavy"; font-weight: normal; }
.heavyitalics { font-family: "Avenir Heavy Oblique"; font-weight: normal; }
.btn { border-bottom: 3px solid #003d74; font-family: "Avenir Black"; }
.btn-info { border-bottom-color:  #c76f08; }

nav { background: linear-gradient(90deg, #ffffff 50%, #004b8d -50%); border: none; height: 88px; }
nav .container { background: linear-gradient(-45deg, #004b8d 630px, #ffffff -630px); }
.navbar { margin-bottom: 0; }
.navbar-brand { height: 88px; padding-top: 8px; padding-bottom: 0; }
.navbar-brand img { max-width: 200px; width: auto; margin-top: 6px; }
.navbar-nav>li>a { color: white; font-size: 15px; text-transform: uppercase; padding: 34px 20px; }
/*.navbar-nav>li:last-child>a { color: #f79b2e; }*/
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active { background-color: white; color: #004b8d; }
/*.nav>li:last-child>a:hover, .nav>li:last-child>a:focus, .nav>li:last-child>a:active { color: #f79b2e; }*/
.nav>li.active a { color: #f79b2e; }
.nav>li.dropdown:hover a, .nav>li.active:hover a { background-color: white; color: #004b8d; }
.nav>li.dropdown:hover ul.dropdown-menu { display: block; left: -1px; margin: 0; width: 210px; margin-top: -1px; box-shadow-top: 0; }
.nav>li.dropdown:hover ul.dropdown-menu li a { padding: 10px 15px; }
.nav>li.dropdown:hover ul.dropdown-menu li a:hover, .nav>li.dropdown:hover ul.dropdown-menu li.active a { background-color: #efefef; }


/* ========================
	MOBILE NAV
   ======================== */
body #sb-site { background-color: #ebebec; min-height: 100%!important; } 
.navicon-line { width: 28px; height: 1px; border-radius: 1px; margin-bottom: 7px; background-color: #fff!important; }   
.sb-toggle-right { display: block; height: 20px; float: right; padding: 31px 15px 30px 15px; cursor: pointer; background-color: #004b8d; }      
.sb-toggle-right:hover { cursor: pointer; }
.sb-slidebar { background: #003863; /* Old browsers */
background: -moz-linear-gradient(left,  #003863 0%, #004b8d 15%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #003863 0%,#004b8d 15%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #003863 0%,#004b8d 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003863', endColorstr='#004b8d',GradientType=1 ); /* IE6-9 */ }
.sb-slidebar ul { margin: 0; padding: 0; padding-top: 20px; }
.sb-slidebar ul li {  padding: 0;   }   
.sb-slidebar ul li a {  display: block; padding: 6px 25px; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #ffffff; font-size: 15px; text-transform: uppercase; }
.sb-slidebar ul li.active a { color: #f79b2e; }
.sb-slidebar ul li a:hover { color: #ffff; text-decoration: none; }
/*.sb-slidebar > ul > li:last-child a { color: #f79b2e; }*/
.sb-slidebar .logoBlock { background-color: white; padding: 11px 0 11px 20px; }
.sb-slidebar img { max-width: 200px; padding: 0; }
.sb-slidebar .dropdown-menu { display: block; position: relative;  float: none; background: rgba(255,255,255,.15);  border-radius: 0; box-shadow: none; border: none; padding: 0px; }
.sb-slidebar .dropdown-menu li a { text-transform: none; padding-left: 35px; }
.sb-slidebar li a:hover { background: rgba(255,255,255,.3); color: white; }

#feature { width: 100%; height: 300px; background-size: cover; margin: 0;  }
#feature .diagonal { width:100%; height: 300px; background: linear-gradient(-45deg, transparent 580px, rgba(0,75,141,.7) -580px); }

/* Feature Slider */
.home #feature { height: 400px; }
.featureSlider { margin: 0; padding: 0; }
.home #feature .diagonal { height: 400px; background: linear-gradient(-45deg, transparent 620px, rgba(0,75,141,.7) -620px); }
.bx-wrapper .bx-viewport { border: none; box-shadow: none; left: 0; background-color: transparent; }
.featureSlider li { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.featureSlider h1 { font-family: "Avenir Heavy"; color: #f79b2e; margin-top: 100px; text-transform: uppercase; font-size: 38px; }
.featureSlider h1 span { font-family: "Avenir Book"; color: white;  }
.featureSlider p { color: white; }
.featureSlider .btn { margin-top: 30px; font-family: "Avenir Black"; border-bottom: 3px solid #c76f08; }
#feature .bx-controls { width: 1170px; margin: 0 auto; position: relative; }
#feature a { color: white; text-decoration: underline; }
#feature .bx-wrapper .bx-pager { margin-top: -110px; float: left; margin-left: 10px; width: auto; position: relative; }
#feature .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(255,255,255,.5); }
#feature .bx-wrapper .bx-pager.bx-default-pager a:hover, #feature .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgba(255,255,255,1); }

/* News Slider */
#news .newsBlock { margin-bottom: 25px; }
#news .newsBlock li { font-size: 16px; margin-bottom: 15px; }
#news .newsBlock img { max-width: 100%; }
#newsFeed { background: linear-gradient(90deg, #f79b2e 50%, #ffffff -50%); border: none; height: 75px; }
#newsFeed .container { background: linear-gradient(-45deg, #ffffff 640px, #f79b2e -640px); height: 75px; }
#newsFeed .bx-wrapper .bx-viewport { background-color: transparent; }
#newsFeed h3 { margin-left: 0; font-size: 21px; line-height: 32px; color: white; margin-top: 20px; background: url(../images/icon_news.png) left center no-repeat; padding-left: 60px;  }
#newsFeed li { height: 75px; padding: 26px; font-size: 18px; list-style: none; }


/* Sections */
#aboutSSG, #solutions, #solixDelivers, #resources, .pageContentWhite { width: 100%; padding: 50px 0; }
.pageContentWhite, #solutions { background-color: white; }
.pageContentBlue { background: url(../images/bg_about-hp.jpg) center center no-repeat; background-size: cover; color: white; width: 100%; padding: 50px 0; }
#aboutSSG { width: 100%; margin: 0; background: url(../images/bg_about-hp.jpg) center center no-repeat; background-size: cover; color: white; }
#aboutSSG .video-container { margin-top: 20px; }

#solutions { padding: 0; }
#solutions .container { padding-top: 50px; padding-bottom: 50px; background: url(../images/bg_circles.gif) 0 -65px no-repeat; }
#solutions .iconFrame { width: 100%; }
#solutions .iconFrame img { margin-top: 0px; margin-left: 155px; }
#solutions .bx-controls { width: 1170px; margin: 0 auto; position: absolute; top: 0px; }
#solutions .bx-wrapper .bx-pager { left: 0; top: 50%; float: left; margin-left: 10px; width: auto; position: absolute; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(0,75,141,.5); }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgba(0,75,141,1); }
#solutions .bx-wrapper .bx-pager .bx-pager-item { display: block; margin: 10px 0; }	
#solutions .solutionsSlider { padding: 0; margin: 0; }
#solutions .solutionsSlider li { overflow: auto; }
#solutions  h4 { font-family: "Avenir Black"; color: rgb(0,75,141); }

#solixDelivers { background: url(../images/bg_solix-delivers.jpg) center center no-repeat; background-size: cover; padding-bottom: 105px; }
#solixDelivers h3 { color: white; }
.iconHolder { text-align: center; }
#solixDelivers h5 { font-size: 24px; line-height: 30px; color: white; text-align: center; }

#resources { background-color: #ebebec; }
#resources h3 a { float: right; font-size: 21px; padding-top: 3px; }
article { margin-top: 20px; background-color: white; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 20px; }
article img { width: 100%; }
article .articleContent { padding: 35px 20px 15px 20px; height: 325px; position: relative; }
.articleContent h6 { margin-top: 0; }
.articleContent h6 a { color: #f79b2e; text-transform: uppercase; margin-top: 0; }
.articleContent h4 a { color: #004b8d; font-size: 18px; }
.articleContent p { font-size: 14px; line-height: 18px; }
.articleContent p a { font-size: 15px; position: absolute; bottom: 35px; left: 15px; }

#caseStudies { background-color: #ebebec; padding: 40px 0; }
.government-utilities article h6 a { color: rgb(56,154,51); }
.rural-healthcare article h6 a { color: rgb(39,180,251); }
.disaster-recovery article h6 a { color: rgb(122,28,81); }
#caseStudies .articleContent { height: 325px; position: relative; }
#caseStudies .articleContent p a { position: absolute; bottom: 35px; left: 15px; }

#footer { width: 100%; padding: 40px 0; background-color: #ebebec; }
#footer  p { font-size: 15px; }
#footer  ul { padding: 0; margin: 0; list-style: none; float: left; }
#footer  ul.footerRight { float: right; }
#footer img { margin: 0 auto; }
.smList { text-align: center; margin: 0 auto; width: 100%; }
.smList li { display: inline-block; width: 32px; height: 32px; margin-right: 15px; }
.smList li a { display: block; width: 32px; height: 32px; background: url(../images/icons_sm.png) 0 0 no-repeat; opacity: .4; transition: .2s; }
.smList li a.tw { background-position: -47px 0; }
.smList li a.li { background-position: -95px 0; }
.smList li a:hover { opacity: .8; transition: .2s; }
#footer .col-md-3:last-child p { text-align: right; }

.page #feature { background-position: right center; }
.page #feature h1 { font-size: 27px; color: white; margin-bottom: 30px; margin-top: 80px; }
.page #feature h1::after { content:''; height: 2px; background-color: #f79b2e; width: 35px; display: block; left: 0; bottom: 0; margin-top: 4px; }
.page #feature p { color: white; font-size: 17px; line-height: 24px; }

/* Colored Diagonals */
.page-utilities #feature .diagonal { background: linear-gradient(-45deg, transparent 580px, rgba(60,153,77,.7) -580px); }


/* Testimonials */
.testimonialsSection { width: 100%; padding: 60px 0 20px; background-color: white; }
.testimonialsSection h6 { font-size: 18px; margin-bottom: 20px; }
.testimonialsSection h5 { font-size: 24px; line-height: 30px; color: #004b8d; margin-bottom: 20px; margin-top: 0; }
.testimonialsSection .tBlock { margin-bottom: 50px; }
.gov-utilities h6, .gov-utilities p strong { color: rgb(60,153,77); }
.disaster-recovery h6, .disaster-recovery p strong { color: rgb(122,28,81); }
.rural-healthcare h6, .rural-healthcare p strong { color: rgb(39,180,251); }
.testimonialsSection:nth-child(odd) { background-color: #efefef; }

/* About Us */
#sectorTeaser { width: 100%; padding: 40px 0; text-align: center; }
#sectorTeaser img { margin-bottom: 50px; }
.govTease { text-align: right; }
.commTease { border-left: 1px solid #efefef; text-align: left; }
#sectorTeaser h6 { font-size: 16px; margin-bottom: 20px; }
#sectorTeaser .btn { margin-top: 30px; }
#teamIntro { width: 100%; background: #efefef; text-align: center; padding: 50px 0; }
#teamIntro h5 { font-size: 24px; line-height: 30px; color: #004b8d; text-align: center; }
.teamSlider li { text-align: center; }
.teamSlider li img { margin: 0 auto; }
#teamSliderHolder .bx-wrapper .bx-prev { left: -20px; }
#teamSliderHolder .bx-wrapper .bx-next { right: -20px; }
#teamSliderHolder .bx-wrapper .bx-controls-direction a.disabled { display: block; opacity: .3; }
#teamSliderHolder .bx-wrapper .bx-controls-direction a.disabled:hover { cursor: default; opacity: .2; }
#teamSliderHolder { width: 100%; padding: 40px 0; }
#teamSliderHolder h3 { margin-bottom: 50px; }
#teamSliderHolder h3 a { font-size: 18px; float: right; }

#careerContent { width: 100%; padding: 60px 0 40px; }
#careerContent ul {  padding-left: 5px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-bottom: 20px; }
#careerContent ul li { list-style-image: url(../images/icon_check-blue.png); margin-left: 20px; margin-bottom: 10px; font-family: "Avenir Heavy Oblique"; color: #f79b2e;  }
#careerContent .video-container { margin-bottom: 20px; }
#solixJobs { background: #ebebec; width: 100%; padding: 40px 0; margin-right: 20px; }
.jobLocation { padding: 20px 0 0 0; border-bottom: 1px solid #d0d0d0; }
.jobBlock { background-color: white; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 20px; position: relative; padding: 20px 225px 20px 20px; }
.jobBlock h4 { margin-top: 0; margin-bottom: 0; }
.jobBlock a { display: block; position: absolute; text-align: right; line-height: 82px; padding-right: 20px; top: 0; right: 0; height: 82px; color: #fff; width: 205px;  background: linear-gradient(-45deg, rgb(0,75,141) 140px, transparent -140px);  }
.modal-footer button { border-bottom-color: #676767; }
.modal-footer a.btn-primary { border-bottom-color: #003d74; float: left; }

#locations { width: 100%; margin: 0; padding: 40px 0; background-color: #ebebec; }
.mapLocation { padding: 40px 0 0 0; border-bottom: 1px solid #d0d0d0; }
.mapLocation:last-child { border-bottom: none; }
.mapBlock { background-color: white; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 40px; padding: 20px; }


/* Leadership Page */
#executiveTeam, #boardDirectors { width: 100%; margin: 0; padding: 40px 0; }
#boardDirectors { background-color: #ebebec; }
#executiveTeam .col-md-3, #boardDirectors .col-md-3 { text-align: center; margin: 15px auto; }
.bioPic img { border-radius: 90px; }
#executiveTeam h4, #boardDirectors h4, .teamSlider h4 { font-size: 24px; margin-top: 20px; }
#executiveTeam p, #boardDirectors p, .teamSlider p { font-size: 14px; line-height: 21px; }
#fullBio h3 { margin-top: 10px; margin-bottom: 10px; }
#fullBio .modal-header .close { position: absolute; top: 15px; right: 15px; }
#fullBio .modal-body { overflow: auto; }
#fullBio .modal-body p:first-child { font-family: "Avenir Heavy"; font-weight: normal; }



/* Sector Sub Pages */
#featuredCases { background-color: #ebebec; padding: 60px 0 40px; width: 100%; }
.caseBlock { margin-bottom: 30px; padding: 0; background: no-repeat top left; height: 190px; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); }
#featuredCases .diagonal { width: 100%; background: linear-gradient(-45deg, #ffffff  680px, transparent -680px); height: 190px; }
.caseContent { width: 800px; padding: 30px; float: right; }
.caseContent h6 { margin-bottom: 5px; }
.caseContent p:last-child { margin-bottom: 4px; }
#featuredCases .caseBlock:nth-child(even) { background-position: top right; }
#featuredCases .caseBlock:nth-child(even) .diagonal { background: linear-gradient(-45deg, transparent 280px, #ffffff -280px);  }
#featuredCases .caseBlock:nth-child(even) .caseContent { float: left; }

.solutionHolder { width: 100%; padding: 0; }
.solutionHolder  .container { background: url(../images/bg_circles.gif) 0 center no-repeat; padding-top: 50px; padding-bottom: 50px; }
.solutionHolder .iconFrame { width: 100%; }
.solutionHolder .iconFrame img { margin-top: 30px; margin-left: 185px; }
.solutionHolder h4 { color: #004b8d; margin-bottom: 20px; }
.solutionHolder ul { padding-left: 5px; }
.solutionHolder ul li { list-style-image: url(../images/icon_check-yellow.png); margin-left: 20px; margin-bottom: 10px; }
.solutionHolder:nth-child(odd) { background-color: #f79b2e; }
.solutionHolder:nth-child(odd)  .container { background: url(../images/bg_circles-white.png) 0 center no-repeat; }
.solutionHolder:nth-child(odd) h4 { color: #fff; }
.solutionHolder:nth-child(odd) ul li { list-style-image: url(../images/icon_check-blue.png); }

/* Sector Page */


#mainSectors { width: 100%; padding: 40px 0; text-align: center; }
#mainSectors img { margin-bottom: 50px; }
#mainSectors .govTease { text-align: left; padding-right: 0; }
#mainSectors .govTease p { padding-right: 15px; }
#mainSectors .commTease { border-left: 1px solid #efefef; text-align: left; padding-left: 30px; }
#mainSectors h6 { font-size: 16px; margin-bottom: 20px; }
#mainSectors .btn { margin-top: 30px; }

#sectorWrap { overflow: hidden; position: relative; clear: both; }
#read-more { text-align: center; padding-top: 10px;  }
#read-more a:hover { cursor: pointer!important; }
#read-more a span  { margin-left: 15px; top: 3px; }

#microSectors { background-color: #ebebec; padding: 75px 0; width: 100%; }
.govSectors { border-right: 1px solid #d0d0d0; }
.sectorBox { display: block; width: 100%; background: top right no-repeat; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 20px; }
.govSectors .sectorBox:last-child { margin-bottom: 0; }
.sectorBox:hover { cursor: pointer; color: white; text-decoration: none; }
.sectorBox .diagonal { width: 100%; height: 114px; padding: 20px; line-height: 52px; }
.sectorBox h4 { color: white; font-size: 24px; padding-right: 250px; transition: .2s; }
.sectorBox:hover h4 { padding-left: 10px; transition: .2s; }

#pageContent, #connectContent { background-color: #ebebec; padding: 60px 0 40px; width: 100%; }
.contactForm { background-color: white; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 40px; padding: 20px; }
#connectContent .smList { text-align: left; padding-left: 0; }

/* News/Index Page */

.postBlock { overflow: auto; background-color: white; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); margin-bottom: 20px; position: relative;  }
.postBlock img { float: left; margin-right: 25px; }
.postContent { padding: 25px; }
.postContent p.releaseDate { font-size: 14px; line-height: 28px; margin: 5px 0px 10px 0px; color: #696969; }
.postContent p:last-child { margin-bottom: 0; }
.postBlock h4 { margin-top: 0; margin-bottom: 0; }

.sivic-map{padding:20px 0;background:#fff;}
.sivic-map iframe{width:100%;height:320px;}
.nav>li.current-menu-item a{color:#f79b2e;}

/*=========================
	RESPONSIVE VIDEO CODE
  =========================*/
  
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 1199px) {
	
nav .container { background: linear-gradient(-45deg, #004b8d 540px, #ffffff -560px); }
.navbar-nav>li>a { padding: 34px 15px; }	

.home #feature .diagonal { height: 400px; background: linear-gradient(-45deg, transparent 520px, rgba(0,75,141,.7) -520px); }
.page #feature .diagonal { background: linear-gradient(-45deg, transparent 450px, rgba(0,75,141,.7) -450px); }
.page-utilities #feature .diagonal { background: linear-gradient(-45deg, transparent 450px, rgba(60,153,77,.7) -450px); }

#feature .bx-controls { width: 970px; margin: 0 auto; position: relative; }
#newsFeed .container { background: linear-gradient(-45deg, #ffffff 550px, #f79b2e -550px); height: 75px; }
#newsFeed h3 { line-height: 32px; }
#newsFeed .newsFeed { padding: 0; }	

#caseStudies .articleContent { height: 365px; }
#featuredCases .diagonal { background: linear-gradient(-45deg, #ffffff  600px, transparent -600px); }
.caseContent { width: 700px; padding: 25px 25px 25px 35px; float: right; }
#featuredCases .caseBlock:nth-child(even) .diagonal { background: linear-gradient(-45deg, transparent 220px, #ffffff -220px);   }
#featuredCases .caseBlock:nth-child(even) .caseContent { padding: 25px; }

.sectorBox h4 { padding-right: 200px; font-size: 20px; margin-top: 15px; }

.postContent p { font-size: 15px; line-height: 18px; }
.postContent p.releaseDate { margin-bottom: 9px; }
	
}

.of-list h4{
    padding: 1em 1em .5em;
    background: #a4bfd6;
    margin: 0;
    border-bottom: 1px solid #8797a5;
    font-size: 1.15em;
    font-weight: 600;
}
.of-list ul{
	padding:1em;
	padding-left:1em;
	background:#a4bfd6;
    margin:0 !important;
}
.of-list ul li{
	list-style:none;
	padding:4px 0;
	padding-left:1.2em;
	position:relative;
	font-size:1.15em;
	line-height:1.3;
}
.of-list ul li:before{
	content:'\2713';
    display:inline-block;
    color:#000;
    padding:0;
	font-weight:bold;
	position:absolute;
	left:0px;
}
@media screen and (min-width: 1599px) {
.list-container{
	position:relative;
}
}
@media screen and (max-width: 991px) {

.container>.navbar-header { margin: 0; }
.navbar-header { width:100%; }
.navbar { background: linear-gradient(90deg, #ffffff 80%, #004b8d -20%); border: none; }
.navbar .container { background: linear-gradient(-45deg, #004b8d 120px, #ffffff -120px); border: none;  }
.navbar-brand { padding: 10px 15px; height: auto; }

.home #feature { height: 300px; }
.home #feature .diagonal { height: 300px; background: linear-gradient(-45deg, transparent 370px, rgba(0,75,141,.7) -370px); }
.page #feature .diagonal { background: linear-gradient(-45deg, transparent 320px, rgba(0,75,141,.7) -320px);  }
.page-utilities #feature .diagonal { background: linear-gradient(-45deg, transparent 320px, rgba(60,153,77,.7) -320px); }

#feature .bx-wrapper .bx-pager { margin-top: -100px; }
#feature .bx-controls { width: 750px; margin: 0 auto; position: relative; }
#feature h1 { margin-top: 70px; font-size: 28px; }
#solutions .container { background-position: center -70px; }
#solutions .iconFrame img { margin: 20px auto; margin-top: -17px; }
#solutions .bx-controls { position: relative; margin-top: 0; }
#solutions .bx-wrapper .bx-pager { top: auto; }
#solutions .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }

.caseBlock { padding: 0 15px; background: none!important; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; height: auto; }
.caseBlock img.visible-sm { width: 100%; }
#featuredCases .diagonal { background: none!important; }
.caseContent { width: 100%; background: #ffffff; height: 325px; margin-bottom: 30px; }

#newsFeed .container { background: linear-gradient(-45deg, #ffffff 440px, #f79b2e -440px); height: 75px; }
#newsFeed h3 { line-height: 21px; margin-top: 15px; }
 
}

@media screen and (min-width: 768px) and (max-width: 991px) {

.home #feature .diagonal { background: rgba(0,75,141,.7); }
article img { float: left; margin-right: 15px; max-width: 225px; }
article .articleContent { padding-top: 25px; height: 225px; }
#caseStudies .articleContent { height: 225px; }
.articleContent p { margin-bottom: 15px; }
.articleContent p a { position: relative; bottom: auto; left: auto; }
	
}

@media screen and (max-width: 767px) {

.navbar { background: linear-gradient(-45deg, #004b8d 120px, #ffffff -120px); border: none;  }
.sb-toggle-right { padding-right: 0; }
.navbar-brand { padding-left: 0; padding: 8px 15px 8px 0; }

.home #feature .diagonal { background: rgba(0,75,141,.7); }

#caseStudies .articleContent { height: auto; }
.articleContent p a { position: relative; bottom: auto; left: auto; }

.page #feature { height: auto; }
.page #feature h1 { margin-top: 30px; }
.page #feature .diagonal { background: linear-gradient(-90deg, transparent 0px, rgba(0,75,141,.7) -0px); height: auto; padding-bottom: 30px; }
.page-utilities #feature .diagonal { background: linear-gradient(-90deg, transparent 0px, rgba(60,153,77,.7) 0px); }

.pageContentWhite iframe { max-width: 100%; width: 100%!important; }

.jobBlock { padding: 20px; }
.jobBlock a { text-align: center; line-height: 41px; height: 41px; position: relative; width: 100%; background: rgb(0,75,141); margin-top: 15px; }

.caseBlock { clear: both; }
.caseContent { height: auto; }

#newsFeed .newsFeed { margin-bottom: 0; }
#newsFeed li, #newsFeed .container, #newsFeed { height: auto; }


#footer { text-align: center; }
#footer .smList { clear: both; margin-top: 30px; margin-bottom: 30px; }
#footer .smList li:last-child { margin-right: 0; }
#footer .col-md-3:last-child { clear: both; }
#footer .col-md-3:last-child p { text-align: center; }

}