/*
Site Colors
Links: #0071bc/#205493/#4c2c92
Blue:  #202b7d
Green: #5c8e09
Purple:#623182
Black: #343434
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(Roboto.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(Roboto.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.soi-page {
        font-family: "Roboto", Trebuchet MS, Helvetica, Arial, sans-serif;
/*      font-family:"Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
    /*font-family:"Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;  */
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Trebuchet MS, Helvetica, Arial, sans-serif;
    /*font-family:"Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
    }
.ms-rtestate-field h2 {
    color:#343434;
}
.soi-content h2, .ms-rtestate-field h2, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    /*font-family:"Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;*/
    font-family: "Roboto", Trebuchet MS, Helvetica, Arial, sans-serif;
    color:#343434;
    font-size:30px;
}
.soi-page a {
  color: #0071bc;
  text-decoration: none; }
  .soi-page a:hover, .soi-page a:active {
    color: #205493;
    text-decoration: underline; }
  .soi-page a:visited {
    color: #4c2c92; }
  .soi-page a:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }

.soi-page .soi-footer a, .soi-page .soi-page-breadcrumb a {
  color: #d6d7d9; }
  .soi-page .soi-footer a:hover, .soi-page .soi-footer a:active,
  .soi-page .soi-page-breadcrumb a:hover, .soi-page .soi-page-breadcrumb a:active {
    color: #ffffff; }
  .soi-page .soi-footer a:visited, .soi-page .soi-page-breadcrumb a:visited {
    color: #ffffff; }

.soi-pagetitle {
    background-color:#1e7496; /*205493;/*212b7d 447eb8*/
    color:white;
    /*border-top: 4px #1e967c solid;/*5d8e0a */ 
    margin-bottom:20px;
}
.navbar {
    margin-bottom:0px;
    border-bottom: 2px #004990 solid;
    border-radius:0px;
}
.navbar-brand {
    height:100px;
}
.ms-srch-sbLarge-fullWidth {
    width:auto;
}
/* ===================================================================================
   Local navigation
   =================================================================================== */

.s4-ql 
{
    padding-top:20px;
}
.s4-ql UL.root > LI > .menu-item, .soi-content .ms-quickLaunch h2
{
    background-color:#154559;
    text-transform:uppercase;
    font-weight:normal;
    color:#fff;
    font-size:1em;  
    border-bottom: 1px solid #319d44;
}

.s4-ql ul.root ul > li > a, a.soi-bullet, .soi-content .ms-quickLaunch li .item a
{
    color:#303636;
    padding-left:20px;
    background-repeat:no-repeat;
    background-position:5px 10px;
}
.s4-ql ul.root ul > li > a.selected {
    padding-left:20px !important;
}
.s4-ql ul.root ul > li > a:hover
{
    background-color:#fafafa;
}
.s4-ql A.selected
{
    background-color:#94bfa2;
    background-image:none;
}
.s4-ql li.static, .soi-content .ms-quickLaunch li .item {
    background-color:#eff8ff;
    border-bottom: 1px dotted #e2e2e2;
}
.soi-content .ms-quickLaunch h2 {
    padding:10px 20px 10px 10px;
    margin:0px;
}
.soi-content .ms-quickLaunch .dfwp-column {
    padding-left:0px;
    float:none;
}
.soi-content .ms-quickLaunch .ms-webpart-chrome-title {
    margin-bottom:0px;
}
.soi-content .ms-quickLaunch .ms-webpart-chrome-title .js-webpart-titleCell {
    display:block;
}
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

.soi-footer {
    border-top: 4px #F7D903 solid;  
}

.soi-footer, .soi-footer h3 {
    color:white;    
}
.soi-footer-agency {
    background-color:#343434;
}
.soi-footer-state {
    border-top: 1px #212121 solid;
    background-color:#2f2f2f;
}
/* ===================================================================================
   Home Page
   =================================================================================== */
/* Band 1 */
.soi-band-1 {
    background-color: #F1F8FC;
}

.soi-band-1 .soi-page-title {
    background:rgba(30,116,150,1)
}

.soi-band-1 .soi-motto  {
    text-align:center;
    color:white;
    font-size: 36px;
    padding: 20px 0;
    /*text-shadow: 0px 0px 10px rgba(0,0,0,1);*/
}
/* Band 2 */
.soi-band-2 {
    background-color: #F1F8FC;
    padding-top:20px;
    border-top:10px #F5F5F5 solid;
    /*border-bottom:10px #F5F5F5 solid;*/   
}
.soi-band-2 blockquote {
    background: url('Images/TransparentBackground.png') repeat transparent fixed;
}

.soi-band-2 > #WebPartWPQ5 {
    width: 100%;
    padding: 0;
}
.soi-band-2 .carousel-caption {
    margin: 0;
    position: absolute;
    right: 8%;
    top: 5px;
    padding: 5px;
    height: 44px;
    text-align: left;
}
.soi-band-2 .carousel-caption > h3 {
    position: absolute;
    line-height: 1.2;
    right: 8%;
    top: 5px;
}
.soi-band-2 .carousel-description, .soi-band-2 .carousel-caption > p {
    font-style: italic;
    color: #323232;
    position: absolute;
    text-shadow: none;
    vertical-align: middle;
    right: 8%;
    top: 88px;
    background-color: rgba(255,255,255,.7);
    padding: 5px;
}
.soi-band-2 .carousel-caption a, .soi-band-2 .carousel-caption a:visited, .soi-band-1 .carousel-caption a:active {
    background: url('Images/right-arrow-circular-button.png') no-repeat right center;
    background-size: 27px 27px;
    padding: 2px 50px 2px 2px;
    color: #fff;
}
.soi-band-2 .carousel-caption a:hover {
    color: #a8a8a8;
    text-decoration: none;
}
.carousel-inner img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.carousel-caption > h3 {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 4px 4px 9px #000;
    background-color: rgba(0,0,0,.5);
    padding: 4px;
}
.carousel-caption a, .carousel-caption a:visited, .carousel-caption a:active {
    padding: 2px 50px 2px 2px;
    color: #fff;
}
.carousel-caption a:hover {
    color: #a8a8a8;
    text-decoration: none;
}
.carousel .item {
    padding: 0px;
}

/* Quick Links */
li.soi-linklist {
    margin: 0 0 2px 0;
}

li.soi-linklist i {
    color: #343434; 
}

/* Band 3 */

.soi-band-3 {
    /*border-bottom:10px #cfcfcf solid;*/
}
/*.soi-band-3 img.media-object, .soi-band-4 img.media-object {
    width:48px;
}*/

/* Band 5 */
/*.soi-band-5 {
    background: #dfdfdf url('Images/skeletal-weave.png') repeat center center;
    border-top:10px #cfcfcf solid;
    border-bottom:2px #cfcfcf solid;
}*/
h2.soi-currentfocus-heading {
    color:#d6d7d9;
}
/* ===================================================================================
   /end Home Page
   =================================================================================== */

.soi-product-cost {
    font-size:40px;
    color:#cd481f;
}
.link-item a {
    display:block;
}
.soi-4doit {
    font-size:1.3em;
    color:#5c8e09;
    font-weight:bold;
}

.soi-videolisting-line1 {
    font-size: 1.2em;
}
.soi-list-blog, .soi-videolisting-row {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px #5c8e09 solid;
}
/* ===================================================================================
   Event Rollup styles
   =================================================================================== */
.xslCal .left{width:82px; float:left;}
.xslCal .right span{display:block;}
.xslCal .day{font-size:30px; width:78px; display:block; line-height:35px; text-align:center; background-color:#eaeaf3;}
.xslCal .title{color:#369; display:block; padding-top:3px;}

div.soi-calIcon .soi-calMonth{
    text-transform:uppercase; 
    font-size:.8em; 
    text-align:center; 
    background-color:#eaeaf3;
    padding:3px 5px 3px 5px; 
    width:68px; 
    display:block;  
}
div.soi-calIcon .soi-calDay{
    font-size:30px; 
    width:78px; 
    display:block; 
    line-height:35px; 
    text-align:center; 
    background-color:#eaeaf3;
}
div.soi-calIcon .soi-calYear{
    text-transform:uppercase; 
    font-size:.8em; 
    text-align:center; 
    background:#5c8e09; 
    color:#fff; 
    padding:3px 5px 3px 5px; 
    width:68px; 
    display:block;  
}


/* ===================================================================================
   Social Links
   =================================================================================== */
span.social-text {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:12px;
    overflow:hidden; 
}
div.soi-utility-nav .soi-utility-inner {
    margin: 5px 10px -15px 0px;

}
div.soi-utility-nav .soi-utility-inner a {
    color: #707070;
    font-size: 1.5em;
}
div.soi-utility-nav .soi-utility-inner ul.soi-social-icons li {
    margin-left: 10px;
}
div.soi-utility-nav .soi-utility-inner  a.twitter:hover, div.soi-utility-nav .soi-utility-inner  a.twitter:hover i {
    color: #00acee;
}
div.soi-utility-nav .soi-utility-inner a.facebook:hover, div.soi-utility-nav .soi-utility-inner a.facebook:hover i {
    color: #3b5996;
}
div.soi-utility-nav .soi-utility-inner  a.instagram:hover, div.soi-utility-nav .soi-utility-inner  a.instagram:hover i {
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
div.soi-utility-nav .soi-utility-inner  a.linkedin:hover, div.soi-utility-nav .soi-utility-inner  a.linkedin:hover i {
    color: #007bb6;
}
div.soi-utility-nav .soi-utility-inner  a.flickr:hover, div.soi-utility-nav .soi-utility-inner  a.flickr:hover i {
    color: #ff0084;
}
div.soi-utility-nav .soi-utility-inner  a.youtube:hover, div.soi-utility-nav .soi-utility-inner  a.youtube:hover i {
    color: #cb322c;
}

/* ===================================================================================
   EPA exported Styles
   =================================================================================== */
   /* On Band 2 */
.bureau-box {
    display: inline-block;
    width: 100%;
    height: 122px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.bureau-box:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    max-width: 0.001%; /* Just in case the text wrapps, you shouldn't notice it */
}
.bureau-box :first-child {
    display: inline-block;
    vertical-align: middle;
}
.bureau-label {
    font-weight: 400;
    font-size: 24px;
}
.bureau-box:hover {
    background-color: #fafafa;
    cursor: default;
}
.bureau-box a {
    text-decoration: none;
    color: inherit;
}
.bureau-box a:hover {
    color: inherit;
}
.bureau-box i {
    display: block;
    margin: 16px 0 20px;
    font-size: 64px;
}
.bureau-box.boa {
    background-color: #26b7e5;
}
.bureau-box.bol {
    margin-top: 25px;
    background-color: #00af4e;
}
.bureau-box.bow a, .bureau-box.boa a {
color:#fff;
}

.bureau-box.bow {
    margin-top: 25px;
    background-color: #273c82;
}

.bureau-box.boe {
    margin-top: 25px;
    background-color: #F7DA03;
}


.qot-week {
    clear: both;
    margin: 10px;
    margin-top: 36px;
    padding-bottom: 18px;
    position: relative;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    max-width:1080px;
}
.qot-week .qot-pic {
    position: relative;
    margin: 0 auto;
    margin-top: 7px;
    height: 40px;
    width: 74px
}
.qot-week .qot-pic:before {
    content: '\201C';
    border-top: 2px solid #c4c4c4;
    border-radius: 50%;
    font-size: 62px;
    color: #555;
    font-weight: bold;
    background: #fff;
    padding: 3px 20px;
    margin-top: 20px;
    font-family: Georgia, Times, serif
}
.qot-week h6.qot-title {
    text-transform: uppercase;
    margin: 8px 0;
    color: #999;
    display: block;
    clear: both;
    font-size: 10px;
    font-weight: bold
}
.qot-week blockquote, .qot-week blockquote cite, .qot-week blockquote cite small {
    padding: 0;
    margin: 0;
    font-style: normal
}
.qot-week blockquote:before {
    content: '';
    content: none
}
.qot-week h3 {
    /*font-family: "Roboto Slab";*/
    font-size: 24px
}
.qot-week h3:before {
    content: '\201C'
}
.qot-week h3:after {
    content: '\201D'
}
.qot-week h3:before, .qot-week h3:after {
    font-family: Times, serif;
    font-size: 30px;
    margin: 0 10px;
    font-weight: bold
}
.qot-week cite {
    display: block;
    font-weight: 400;
    margin-top: 20px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #494949;
    margin-bottom: 8px
}
.qot-week cite:before {
    content: '\2014\0020'
}
.column .qot-week, .columns .qot-week {
    margin-left: 0;
    margin-right: 0
}


/* hide search hover panel */
.ms-srch-hover-outerContainer
{
    display: none !important;
}

/* icon for external link */
/*.soi-content a[href*="//"]:not([href*="epa084pappcm1"]):not([href*="internal.epa.devone.illinois.gov"]):not([href*="external.epa.illinois.gov"]):not([href*="epa.illinois.gov"]):not([href*="epa.state.il.us"]) {  */ 
.soi-content 
    a[href*="//"]:not([href*="epa084pappcm1"]):not([href*="internal.epa.devone.illinois.gov"]):not([href*="external.epa.illinois.gov"]):not([href*="epadata.epa.state.il.us"]):not([href*="water.epa.state.il.us"]):not([href*="www2qa.illinois.gov/epa"]):not([href*="www2.illinois.gov/epa"]):not([href*="epa.illinois.gov"]):not([href*="epa.state.il.us"]) {
        padding-right: 12px;
        background: transparent url("Images/external-gray.gif") no-repeat top right;
 }

/*icons for document types */ 
.soi-content a[href]:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 10px;
    text-align: right;
    margin-right: 10px;
}

.soi-content a[href$=".txt"]:before {
    content: "\f0f6"; /*Text*/
}
.soi-content a[href$=".pdf"]:before {
    content: "\f1c1"; /*PDF*/
    color: crimson;
}
.soi-content a[href$=".doc"]:before,
.soi-content a[href$=".docx"]:before {
    content: "\f1c2"; /*Word*/
    color: mediumblue;
}
.soi-content a[href$=".xls"]:before,
.soi-content a[href$=".xlsx"]:before {
    content: "\f1c3"; /*Excel*/
    color: seagreen;
}
.soi-content a[href$=".ppt"]:before,
.soi-content a[href$=".pptx"]:before {
    content: "\f1c4"; /*Powerpoint*/
    color: darkgoldenrod;
}
.soi-content a[href$=".zip"]:before,
.soi-content a[href$=".zipx"]:before,
.soi-content a[href$=".rar"]:before,
.soi-content a[href$=".tar"]:before,
.soi-content a[href$=".gz"]:before,
.soi-content a[href$=".dmg"]:before,
.soi-content a[href$=".iso"]:before {
    content: "\f1c6"; /*Archive*/
    color: darkorange;
}
.soi-content a[href$=".wav"]:before,
.soi-content a[href$=".mp3"]:before,
.soi-content a[href$=".fla"]:before,
.soi-content a[href$=".flac"]:before,
.soi-content a[href$=".ra"]:before,
.soi-content a[href$=".rma"]:before,
.soi-content a[href$=".aif"]:before,
.soi-content a[href$=".aiff"]:before,
.soi-content a[href$=".aa"]:before,
.soi-content a[href$=".aac"]:before,
.soi-content a[href$=".aax"]:before,
.soi-content a[href$=".ac3"]:before,
.soi-content a[href$=".au"]:before,
.soi-content a[href$=".ogg"]:before,
.soi-content a[href$=".avr"]:before,
.soi-content a[href$=".3ga"]:before,
.soi-content a[href$=".flac"]:before,
.soi-content a[href$=".mid"]:before,
.soi-content a[href$=".midi"]:before,
.soi-content a[href$=".m4a"]:before,
.soi-content a[href$=".mp4a"]:before,
.soi-content a[href$=".amz"]:before,
.soi-content a[href$=".mka"]:before,
.soi-content a[href$=".asx"]:before,
.soi-content a[href$=".pcm"]:before,
.soi-content a[href$=".m3u"]:before,
.soi-content a[href$=".wma"]:before,
.soi-content a[href$=".xwma"]:before {
    content: "\f1c7"; /*Audio*/
    color: steelblue;
}
.soi-content a[href$=".avi"]:before,
.soi-content a[href$=".mpg"]:before,
.soi-content a[href$=".mp4"]:before,
.soi-content a[href$=".mkv"]:before,
.soi-content a[href$=".mov"]:before,
.soi-content a[href$=".wmv"]:before,
.soi-content a[href$=".vp6"]:before,
.soi-content a[href$=".264"]:before,
.soi-content a[href$=".vid"]:before,
.soi-content a[href$=".rv"]:before,
.soi-content a[href$=".webm"]:before,
.soi-content a[href$=".swf"]:before,
.soi-content a[href$=".h264"]:before,
.soi-content a[href$=".flv"]:before,
.soi-content a[href$=".mk3d"]:before,
.soi-content a[href$=".gifv"]:before,
.soi-content a[href$=".oggv"]:before,
.soi-content a[href$=".3gp"]:before,
.soi-content a[href$=".m4v"]:before,
.soi-content a[href$=".movie"]:before,
.soi-content a[href$=".divx"]:before {
    content: "\f1c8"; /*Video*/
    color: teal;
}
.soi-content a[href$=".exe"]:before,
.soi-content a[href$=".jar"]:before,
.soi-content a[href$=".dll"]:before,
.soi-content a[href$=".bat"]:before,
.soi-content a[href$=".pl"]:before,
.soi-content a[href$=".scr"]:before,
.soi-content a[href$=".msi"]:before,
.soi-content a[href$=".app"]:before,
.soi-content a[href$=".deb"]:before,
.soi-content a[href$=".apk"]:before,
.soi-content a[href$=".jar"]:before,
.soi-content a[href$=".vb"]:before,
.soi-content a[href$=".prg"]:before,
.soi-content a[href$=".sh"]:before {
    content: "\f085"; /*Executable*/
    color: #343434
}

.soi-content a[href^="mailto:"]:before {
    color: inherit;
    content: "\f003"
}

.soi-srch-resultsarea a[href$=".txt"]:before,
.soi-srch-resultsarea a[href$=".pdf"]:before,
.soi-srch-resultsarea a[href$=".doc"]:before,
.soi-srch-resultsarea a[href$=".docx"]:before,
.soi-srch-resultsarea a[href$=".xls"]:before,
.soi-srch-resultsarea a[href$=".xlsx"]:before, 
.soi-srch-resultsarea a[href$=".ppt"]:before,
.soi-srch-resultsarea a[href$=".pptx"]:before {
    /* ? */ content: '';
    /* ? */ content: none;
}



.icon-box6 {
    position: relative;
    text-align: center;
    background-color: rgba(255,255,255,0.81);
    background-color: #fff\9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 36px 20px 28px;
    margin: 40px 0 20px
}
.icon-box6:hover {
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fafafa
}
a .icon-box6 {
    display: inline-block;
    text-decoration: none;
    color: inherit
}
a .icon-box6:hover {
    text-decoration: none
}
.icon-box6 i {
    font-size: 24px;
    padding: 15px 16px 17px;
    background: #319d44;
    color: #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -27px;
    border-radius: 30px;
    cursor: default
}
.icon-box6 h4 {
    color: #363636;
    font-weight: 400
}
.icon-box6 p {
    color: #818181
}
.icon-box6.citizen i {
    background-color: #e5d319;
    min-width: 25px;
}
.icon-box6.business i {
    background-color: #208eed;
    min-width: 25px;
}
.icon-box6.government i {
    background-color: #e57007;
    min-width: 25px;
}
.icon-box6.educator i {
    background-color: #00804d;
    min-width: 25px;
}
.icon-box0 {
    vertical-align: baseline;
    margin-bottom: 30px
}
.icon-box0 h5 {
    margin-bottom: 10px;
    line-height: 1
}
.icon-box0 img, .icon-box5 img, .icon-box0 i {
    float: left;
    display: block;
    vertical-align: text-top;
    margin: -1px 20px 95px 0
}
.icon-box0 i {
    margin-right: 20px
}
.container .icon-box0 p {
    margin-bottom: 12px
}
.container .icon-box5 p {
    margin-top: 4px;
    margin-right: 20px;
    margin-bottom: 10px
}
.icon-box2 {
    background-color: #fff;
    vertical-align: baseline;
    text-align: center;
    border-radius: 5px;
    padding: 20px 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}
.icon-box2 i {
    display: block;
    margin: 16px 0 20px;
    font-size: 64px
}
.icon-box2 p {
    padding: 0 12px
}
.icon-box2:hover {
    background-color: #fafafa;
    cursor: default
}
.icon-box3 i, .icon-box4 i {
    font-size: 48px;
    color: #2e373d;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.icon-box3:hover i {
    color: #0093d0;
    cursor: default
}
.icon-box3 h5, .icon-box4 h5 {
    margin-bottom: 4px;
    color: #2e373d;
    font-size: 16px;
    letter-spacing: .25px
}
.icon-box3 h5 strong, .icon-box4 h5 strong {
    font-weight: bold
}
.icon-box3 p {
    line-height: 21px;
    margin-right: 10px
}
.icon-colorx i, i.icon-colorx {
    color: #e53f51
}
.icon-box4 {
    text-align: center;
    margin-bottom: 20px
}
.icon-box4 i {
    padding: 30px;
    font-size: 32px;
    background: #f2f2f2;
    border-radius: 50%;
    margin-bottom: 24px;
    cursor: default
}
.container .icon-box4 p {
    margin: 0 10px 30px
}
.icon-box4:hover i {
    color: #fff;
    background: #e53f51
}
.icon-box7 {
    padding: 0 0 10px 0
}
.icon-box7 i {
    display: block;
    text-align: center;
    padding: 40px 0;
    border-radius: 2px;
    background: #f7f7f7;
    font-size: 64px;
    line-height: 1;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.icon-box7:hover i {
    background: #e53f51;
    color: #fff;
    cursor: default
}
.icon-box1 {
    text-align: center;
    color: #a9a9a9;
    margin-bottom: 20px
}
.icon-box1 i {
    display: inline-block;
    font-size: 64px;
    padding: 50px;
    margin-bottom: 26px;
    color: #fdfdfd;
    border-radius: 50%;
    border: 15px solid #f0f0f0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background: #e84a52;
    background: #e84a52 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15)));
    background: #e84a52 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
    background: #e84a52 -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
    background: #e84a52 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=1)
}
.icon-box1:hover i {
    background: #89bf42;
    border-color: #daf3b9;
    background: #89bf42 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15)));
    background: #89bf42 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
    background: #89bf42 -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
    background: #89bf42 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=1)
}
.icon-box1 h5 {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #555;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.icon-box1:hover h5 {
    color: #89bf42
}
.icon-box1 p {
    padding: 0 10px 20px
}
.icon-box5 {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-shadow: 0;
    background-color: #f0f8fb;
    padding: 10px;
    min-height: 270px;
    margin-bottom: 15px
}
.icon-box5 img {
    margin: 0 12px 0 0
}
.icon-box5 i, .icon-box i {
    font-size: 32px;
    color: #484b4d;
    float: left;
    margin-right: 10px;
    cursor: default
}
.icon-box5 i {
    display: inline-block;
    font-size: 28px;
    float: left;
    color: #f3f3f3;
    padding: 10px;
    background: #484b4d;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.icon-box5 h4 {
    font-size: 14px;
    line-height: 48px;
    font-weight: 900;
    margin-bottom: 20px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.icon-box5 p {
    display: block;
    padding-top: 5px
}
.icon-box5:hover i {
    background: #319d44
}
.icon-box5:hover h4 {
    color: #319d44
}
.icon-box-landing-page {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-shadow: 0;
    margin-bottom: 15px
}
.icon-box-landing-page h4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    padding: 0 3px 0 10px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    background-color: #436718;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    opacity: .8;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.icon-box-landing-page h4 a {
    text-decoration: none;
    margin-top: 3px
}
.icon-box-landing-page:hover h4 {
    color: #ccc
}
.icon-box-landing-page .content-links {
    padding: 10px 0 0 10px
}
.icon-box-landing-page p {
    display: block
}
.icon-box-landing-page img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

/* Buttons */
.btn-primary, .btn-primary:hover {
    color: #fff;
    text-decoration: none !important;
}

.btn-success, .btn-success:hover, .btn-success:focus, 
.btn-success:active, .btn-success.active, #btnSearch {
    color: #fff !important;
    background-color: #47a447 !important;    
    border-color: #398439 !important;    
    text-decoration: none !important;
}

.btn-danger, .btn-danger:hover,.btn-danger:focus, 
.btn-danger:active, .btn-danger.active,  #btnClear {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
    text-decoration: none !important;
}

.btn-info {
    color: #fff !important;
    background-color: #5bc0de;
    text-decoration: none !important;
    border-color: #46b8da;
}

.btn-info:hover {
    color: #fff !important;
    text-decoration: none !important;
}

div.soi-feedbackform .formsection {
    background-color: #eaeaea;
    font-weight: bold;
    color: #000;
    padding-top: 7px;
    padding-left: 10px;
    padding-bottom: 7px;
    margin-bottom: 20px;
    border-left: none;
    border-right: none;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}
div.soi-feedbackform .formnotice {
    border-top: none;
    font-weight: bold;
    color: red;
}
div.soi-feedbackform .formnote {
    font-style: oblique;
    background-color: #FFFFCC;
}

input[type="text"]:disabled { 
    background: #CCC; 
    color: #333;
    font-weight:bold; 
    border: 1px solid #666 
}

/* ===================================================================================
   Media Rules
   =================================================================================== */

@media (max-width:768px) {
    .soi-more-glyphicon {
        display: none;
    }
    
    .ms-core-listMenu-horizontalBox {
        width:100%
    }
    #topnavbar ul.dynamic {
        display:block;
    }
    #topnavbar ul.dynamic > li {
        border-top: none;
    }
    #topnavbar li.dynamic .menu-item {
        padding: 10px;
        border-bottom: 1px dotted #e2e2e2;
    }
    ul.dynamic {
        background: #f5f5f5;
        border: 0px;
    }
    .static.dynamic-children.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode,
    .additional-background.ms-navedit-flyoutArrow.dynamic-children {
        background-color: #2B3E81;
        color: #fff;
        font-weight: 500;
        padding-left: 10px;
}
    
    .ms-srch-sb {
        min-width: 230px;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item> img {
        min-height: 140px;
    }
}


@media (min-width: 768px) {
    .soi-currentfocus .thumbnail {
        min-height: 520px;
    }
    .ms-srch-sbLarge-fullWidth {
        width: 568px;
    }
    /* Band 2e */
    .Band2e h2 {
        margin-top: 0px;
    }
    
    .Band2e ul li.soi-linklist {
        margin: 3px 0;
    }


}
@media (min-width: 992px) {
    .soi-currentfocus .thumbnail {
        min-height:520px;
    }
    h2.soi-currentfocus-heading {
        font-size:3.5em;
    }
    .navbar-nav {
        padding-top:10px;
    }
    
    .nav-bar .search {
        padding-top: 5px;
    }
    
    /* Band 1 */
    .soi-band-1 {
        min-height: 100px;
    }
    
    /* Band 2e */
    .Band2e h2.ms-webpart-titleText {
        font-size: 24px;
    }
    
    .Band2e ul li.soi-linklist {
        margin: 0;
    }
    
    .Band2e ul.soi-dfwp-list {
        margin-top: -15px;
        font-size: 16px;
    }

    .bureau-box {
        height: 65px;
    }
}

@media (min-width: 1200px) {
    .soi-currentfocus .thumbnail {
        min-height:470px;
    }
    
    .bureau-box {
       height: 83px;
   }
    /* Band 2e */
    .Band2e h2.ms-webpart-titleText {
        font-size: 30px;
    }   

    .Band2e ul li.soi-linklist {
        margin: 3px 0;
    }
    
    .Band2e ul.soi-dfwp-list {
        margin-top: inherit;
        font-size: inherit;
    }



}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     div.soi-utility-nav .soi-utility-inner  a.instagram:hover, div.soi-utility-nav .soi-utility-inner  a.instagram:hover i {
        color:#ff932a;
        background: transparent;    
    }
}

/*
 * Prevent printing of link URLs by Bootstrap and prevent printing of footer.
 */
@media print {
  a[href]:after {
    content: none;
  }
  
  .soi-footer {
    display: none;
  }
  
  .soi-sidebar {
    display: none;
  }
}