#menu,
#menu,
.menu-item{text-align:center;}
#menu,
#panel,
.animate-hidden{visibility:hidden;}
#2015-outline{margin-left:20px;color:#ffffff;font-size:100px;padding-bottom:20px;}
#title-bar,
.f-it-title,
h3{text-transform:uppercase;}
#hs-img-caption,
.spotlight-image{position:relative;width:100%;}
.spotlight-image p{position:absolute;right:30px;top:30px;width:100%;text-align:right;}
.TEMP-SECTION-STYLE{min-height:400px;border-bottom:1px solid #000}
body,
html{padding:0;margin:0;font-size:1em; line-height:120%;font-family: 'PT Sans', sans-serif}
a, a:link, a:visited{color:#e87722;font-weight:bold;text-decoration:none;}
a:hover, a:active{color:#7C2529;text-decoration:none; transition: 0.5s all;}
#inst-hs,
#title-bar,
.map-info-circle,
.pie-chart h3,
.pie-chart-bottom-label,
.sections h2,
.sq-active .menu-item-second,
h3,
h4,
span.greentext{font-weight:700}
img{max-width:100%}
a img{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
a img:hover{opacity:.7;}
h3.greenh3, h4.greenh4{color:#e87722;}
h3.whiteh3,
h4.whiteh4{color:rgba(255, 255, 255, 1)}
.span-lightgreen{color:#719949}
#spin-loader{width:350px;height:99px;padding:50px}
.slideout-menu{position:fixed;left:0;top:0;bottom:0;right:0;z-index:0;width:236px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
#buck-image,
#panel,
.c-modal-content,
.menu-item,
.quote-line-bottom,
.quote-line-top,
.slideout-open,
.slideout-open .slideout-panel,
.slideout-open body{overflow:hidden}
.slideout-panel{position:relative;z-index:1}
.slideout-open .slideout-menu{display:block}
.fixed{position:fixed;z-index:10;transition:transform 300ms ease}
.fixed-open{transform:translate3d(256px, 0, 0)}
#slide-menu-button{color:#fff;font-size:23px;top:10px;left:10px;cursor:pointer;position:fixed;padding:0 14px 10px;background-color:#e87722;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
#slide-menu-button:hover{background-color:rgba(238, 118, 36, .7)}
#menu-title{font-size:9px;padding:0;margin:0;line-height:.9!important}
#menu{color:#d5d5d5;background-image:linear-gradient(145deg, #1D1F20, #404348)}
#background-overlay,
.p-image-container{background-image:url(../assets/images/grid-70.png)}
.menu-item{width:100%;color:#fff;height:16.66%;position:relative}
.menu-item:hover{background-color:rgba(125, 125, 125, .34);cursor:pointer}
.menu-item p{padding:0;margin:0;position:relative;top:50%}
.menu-item-first .fa{font-size:40px}
.menu-item-second p{font-size:20px}
.menu-item:hover~.menu-item-first{color:transparent;visibility:hidden}
.menu-item-first{position:absolute;width:100%;height:100%}
.menu-item-second{position:absolute;width:100%;height:100%;left:100%}
.PO{background-color:#0097A9;}
.WC {background-color:#7C2529;}
.gray{color:#3c3732;}
.POut{background-color: #719949;}
.lightorange{color:#FFC72C;}
.PS{background-color:#FFC72C;}
.green{color:#719949;}
.BTN{background-color:#e87722;}
.blue{color:#4698CB;}
.MF{background-color:#7C2529;}
.darkorange{color:#7C2529;}
.sq-active .menu-item-first{left:100%}
.sq-active .menu-item-second{left:0}
.lb-dataContainer{background-color:#B1B3B3;font-size:20px}
.lb-caption{font-size:20px!important;color:#fff}
.lb-number{font-size:14px!important;color:#fff!important;padding-left:20px}
.lb-data .lb-details{line-height:1.1;padding-left:10px}
#section-welcome{background-color:#272727;height:200px;position:relative}
#title-bar {background-color: #7C2529; color: white;}
.green-liner{background-color:#e87722;}
.white-liner {background-color: white;}
#welcome-scroll-img{position:absolute;bottom:40px;z-index:3}
#welcome-scroll-img img{display:block;margin:0 auto;cursor:pointer}
#crossfade{position:absolute;height:100%;width:100%;margin:0 auto 10px}
#crossfade img{height:100%;width:100%;position:absolute;left:0;-webkit-transition:opacity 3s ease-in-out;-moz-transition:opacity 3s ease-in-out;-o-transition:opacity 3s ease-in-out;transition:opacity 3s ease-in-out;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:1}
#crossfade img.opaque{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1)}
#background-overlay{height:100%;width:100%;position:absolute;left:0;z-index:2;opacity:.75;}
.green-liner,
.white-liner{margin-left:3px;height:10px}
#title-container{position:absolute;z-index:999;top:35%;left:15%}
#iadot-logo{position:absolute;z-index:999;top:2%}
#title-bar{padding:10px 80px 10px 10px;margin-left:20px;letter-spacing:7px;margin-top:20px;margin-bottom:20px;font-size:18px}
#sub-title{font-size:45px;margin-left:20px;color:#fff}
#us20shield{width:100px;margin-top:8px;margin-right:20px;margin-left:30px;opacity:.8;animation-delay:1.1s;animation-duration:3s;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}
#us20shield:hover{opacity:1}
#panel{padding:0;margin:0}
.row-no-margin{margin-bottom:0!important}
.gray-liner,
.green-liner,
.row,
.white-liner{margin-bottom:20px}
.row.no-gutters{margin-right:0;margin-left:0}
.row.no-gutters>[class*=" col-"],
.row.no-gutters>[class^=col-]{padding-right:0;padding-left:0}
.sections{padding:50px 40px 40px 80px}
.green-liner{width:100px}
.gray-liner{width:100px;height:10px;background-color:#B1B3B3;margin-left:3px}
.white-liner{width:100px;background-color:#fff}
.sections h2{font-size:2.4em;margin-top:0}
.sections h2.white{color:rgba(255, 255, 255, 1)}
.sections h2.green{color:#719949}
.sections h2.gray{color:#B1B3B3}
.p-image-container{position:absolute;width:100%;height:400px}
.pbackground{background-repeat:no-repeat;background-position:50% 50%9!important;height:400px;background-color:#B1B3B3}
.quote-line-bottom,
.quote-line-top,
.quote-line-top2{background-color:#7C2529;position:absolute;height:8px}
.content-a,
.pfullscreen{width:100%;min-height:100%}
.content-a{display:table;padding-top:70px;padding-bottom:70px;}
.content-b{display:table-cell;position:relative;vertical-align:middle;text-align:left;padding-left:10%;font-size:28px;line-height:1.4em;color:#fff;padding-right:8%;height:200px;}
#inst-hs,
#legacy-icon,
.benefits-icons,
.benefits-icons img,
.related-icons,
.related-icons img,
.pie-chart,
.centertext{text-align:center}
.quote-line-top{top:0;left:10%;width:80%;}
.quote-line-top2{top:0;left:10%;width:100%;animation-duration:7s;}
.quote-line-bottom{bottom:0;left:10%;width:80%}
.lead-sentence{font-size:22px;line-height:1.5em;color:#929090}
.benefits-icons img{max-width:70%;margin:0 auto;display:inline-block}
.benefits-icons{padding:20px;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
.related-icons img{max-width:70%;margin:0 auto;vertical-align:bottom;display:inline-block}
.related-icons{padding:20px;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
.congestion{text-align:center;margin-top:100px;}
.congestion img{width:80%;display:block;padding:10px;}
.congestion img:hover{transition:all 1.25s ease-in-out;transform:scale(1.1);}
.iconhover img:hover{transition:all 1.25s ease-in-out;transform:scale(1.5);}
#legacy-icon{-webkit-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out}
.benefits-icons span{font-weight:700;font-size:20px}
.related-icons span{font-weight:700;font-size:20px}
.modal-content-text-show h3{color:#719949}
#legacy-icon{position:absolute;right:30px;bottom:20px;border-radius:50%;width:70px;height:70px;background-color:rgba(0, 0, 0, .8);float:right;padding-top:15px;font-size:37px;color:rgba(255, 255, 255, .6)}
.map-info-circle,
.pie-chart{-o-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out}
.modal-close{position:fixed;top:30px;right:30px;font-size:50px;color:#fff;z-index:999999}
.c-modal-content-subset{padding:100px 30px 0;color:#fff;height:auto;overflow:hidden}
.four-digit,
.four-digit-plus,
.four-digit-plus-add,
.pie-chart h3,
.two-digit,
.one-digit{color:#719949}
.modal-close:hover{cursor:pointer;opacity:.7}
.c-modal-content{position:fixed;width:0;height:0;top:50%;left:50%;right:0;bottom:0;background-color:rgba(28, 28, 28, 1);z-index:-99}
.modal-content-image-hide{left:-60%;min-height:300px}
.modal-content-image-show{left:0}
.modal-content-text-hide{display:none;top:0}
.modal-content-text-show{display:block;top:0}
.gallery .col-md-3 {width: 24%;}
#section-expanding-us20{background-color:white}

.pie-chart{padding:20px;background-color:rgba(255, 255, 255, .8);background-clip:padding-box;border:10px solid transparent;min-height:240px}
.pie-chart img{margin-bottom:10px;padding-top:6%}
.pie-chart h3,
.pie-chart p{padding:0;margin:0}
.pie-chart p{font-size:13px}
.pie-chart-middle-secondary{position:relative;top:45%;}
.pie-chart-middle-secondary-divider{width:43%;border:1px solid #b5b5b5;margin:3px auto;}
.divider-section{border-right:2px solid rgba(0, 0, 0, .6);position:relative}
.divider-triangle{position:absolute;right:-12px;top:45%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0, 0, 0, .6)}
.one-digit, .two-digit{color:#3c3732;}
.one-digit{position:absolute;top:28%;left:43%;font-size:50px;}
.two-digit{position:absolute;top:28%;left:37%;font-size:50px;}
.three-digit{position:absolute;top:30%;left:30%;font-size:50px;}
.four-digit{position:absolute;top:40%;left:23%;font-size:25px}
.four-digit-plus{position:absolute;top:40%;left:22%;font-size:25px}
.four-digit-plus-add{position:absolute;left:62%;top:40%;font-size:25px}
.pie-chart-top-label{font-weight:700;}
.pie-chart-bottom-label{font-weight:bold;}
.leaflet-popup-content-wrapper{border-radius:4px}
#historical-map{height:460px;width:100%;background-color:#5e5e5e}
.map-info-circles-section{display:inline-block}
.map-circle-active{opacity:1!important}
.map-circle-inactive{opacity:.5!important}
.map-circle-inactive:hover{opacity:.8!important}
.map-info-circle{border:20px;height:100px;width:100px;line-height:80px;text-align:center;background-color:#ebebeb;display:block;cursor:pointer;color:#464749;margin:0 auto;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px}
#map-selected-info ul{list-style-type:none}
#btn-historical-map-show-all{z-index:3333;position:absolute;bottom:10px;left:10px}
#btn-row-container,
#hs-img-caption,
#inst-hs{position:absolute;z-index:1}
#btn-title h2,
#btn-title p,
#inst-hs,
.credits{color:#fff}
.hideme{display:none!important}
#hotspot-container{position:relative;overflow:hidden; margin-bottom: 0;}
#btn-row-container{width:40%;padding:1% 3% 3%;background-color:rgba(38, 38, 38, .8);height:100%}
.hs-big-num{font-size:40px;margin-top:20px;margin-bottom:10px}
.hs-sml-text{font-size:13px}
.hs-spot-shape-inner{border:1px solid #fff;width:17px!important;height:17px!important}
.btn-img-margin{display:block;margin-bottom:8%}
.sec-no-pad{padding-bottom:0!important}
#btn-title{padding:10px 60px 20px 80px;background-color:rgba(0, 0, 0, .8)}
span.greentext{color:#e87722;}
#inst-hs{width:100%;padding:10px 12px;background-color:#e87722;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
.foot-icons ul li,
.foot-icons ul li:hover{-webkit-transition:all 1.25s ease;transition:all 1.25s ease}
#hs-img-caption{right:30px;top:50px;color:black;text-align:right}
.hs-tooltip img{max-width:100px}
.hs-big-num{max-width:none!important}
#mastfoot{padding:70px 30px;background:#222}
.foot-border{border-bottom:solid 1px #555;padding-bottom:20px;margin-bottom:20px}
.foot-icons ul{padding:0;margin:0;list-style:none}
.foot-icons ul li{display:inline-block;float:none;opacity:.3;margin-left:5px}
.foot-icons ul li:hover{-moz-transition:all 1.25s ease;-webkit-transition:all 300ms ease-in-out;-o-transition:all 1.25s ease;opacity:1}
.credits{opacity:.6;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.credits:hover{opacity:.9}
.snapshotgroup{float:left;width:48%;text-align:center;}
.snapshotgroup img{border:1px solid #bbb;}
.proghighgroup{clear:both;margin-bottom:0;}
.proghighgroup img{float:left;margin:5px;}
h3.progtitle{color:#3c3732;}
div.inthecomm{display:block;overflow:auto;background-color:#fcfcfc;padding:30px;margin-bottom:15px;}
div.inthecomm_l{width:30%;float:left;margin-right:25px;}
div.inthecomm_r{width:65%;float:left;padding-top:10px;}
.inthecomm_capt{font-size:80%;padding-top:6px;line-height:normal;}
.inthecomm_stat{font-size:350%;color:#808080;}
.inthecomm_stattitle{font-size:125%;color:#719949;font-weight:bold;}
.inthecomm_statval{font-size:120%;font-weight:bold;color:#719949;}
.inthecomm_attendees{display:inline-block;width:100%;background-color:#719949;}
.inthecomm_attendees-l{float:left;padding:15px 10px 15px 10px;background-color:#719949;}
.inthecomm_attendees-r{float:left;background-color:#719949;color:#000000;font-size:175%;height:105px;font-size:175%;padding:40px 18px 0px 18px;}
.rowvideo{float:left;background-color:#0097A9;margin-bottom:30px;width:75%;}
.rowvideo > .rowicon{width:23%;float:left;padding:20px;margin-left:5%;}
.rowvideo > .rowtext{width:76%;margin-left:15%;}
.rowtext a{color:white;}
.rowvideo p{color:#000000;padding:25px;}
.rowvideo .fa{font-size:50px;color:white;margin-right:10px;vertical-align:middle;}
div.onlineeng{width:47.5%;float:left;display:block;overflow:auto;background-color:#fcfcfc;padding:30px;margin:10px 20px 10px 0;}
div.onlineeng_l{width:30%;float:left;margin-right:30px;text-align:center;color:#719949;}
div.onlineeng_r{width:60%;float:left;font-weight:bold;color:#6d6d6d;}
.onlineeng_note{font-style:italic;border-top:2px solid #a2a2a2;padding-top:5px;}
.onlineeng_tile{color:#ffffff;text-align:center;font-size:115%;}
.onlineeng_tile .num{font-size:250%;margin-bottom:15px;}
.onlineeng_tile .sm{font-size:200%;}
.onlineeng_tile img:hover{transition:all 1.25s ease-in-out;transform:scale(1.1);}
.onlineeng_tile-h{display:inline-block;float:left;width:46%;min-width:400px;margin:0 20px 20px 0;}
.onlineeng_tile-h_l{width:50%;height:250px;float:left;background-color:#FFC72C;padding:30px;}
.onlineeng_tile-h_r{width:50%;height:250px;float:right;padding:30px;background-color:#FFC72C;color:#000000;}
.onlineeng_tile-v{display:inline-block;float:left;width:22.15%;min-width:210px;margin:0 20px 20px 0;}
.onlineeng_tile-v_l{width:100%;height:250px;float:left;background-color:#FFC72C;padding:30px;}
.onlineeng_tile-v_r{width:100%;height:250px;float:left;padding:30px;background-color:#FFC72C;color:#000000;}
div.progstatus_tiles{float:left;margin:8px;width:46%;text-align:center;}
div.progstatus_tiles img{margin-top:5px;}
#section-construction-rightofway{background-color:#fff;color:#B1B3B3;}
div.utilities_pad{padding-top:15px;}
div.utilities{display:block;overflow:hidden;background-color:#dcdada;padding:30px;margin-bottom:15px;margin-top:15px;}
div.utilities_l{width:46%;float:left;margin-right:30px;}
div.utilities_r{width:49%;float:left;padding-top:10px;color:#4698CB;}
div.utilities_r h3{padding:4px;margin:0;background-color:#fff;}
div.utilities_r img{background-color:#fff;padding:3px;}
div.utilities_r td{padding-bottom:22px;vertical-align:top;}
div.utilities_r td.imgpad{width:34px;}
div.utilities_r td.textpad{}
.projectspotlight_swap{display:none;}
.project-spotlight{background-color:#333;color:#fff;padding-bottom:70px;}
.project-spotlight img{margin-top:8px;}
.lightgrayborder{border:1px solid #bbb;}
.lightgrayborder2{border:2px solid #bbb;}
.interactivemap{width:100%;}
.interactivemap a, .interactivemap a:visited, .interactivemap a:active{color:white;}
img.inter_map{width:100%;display:block;z-index:-100;background-color:#fcfcfc;}
.inter_hspot{display:block;position:absolute;cursor:pointer;}
span.inter_hspot_text{position:absolute;top:7.3px;left:13.5px;font-size:20px;font-weight:bold;z-index:200;}
.inter_caption{position:absolute;left:15px;top:0;padding:6px 15px;background-color:rgba(129,188,0,.9);border-bottom-right-radius:10px;z-index:100;color:#fff;font-weight:bold;}
.inter_captionO{position:absolute;left:15px;top:0;padding:6px 15px;background-color:#0097A9;border-bottom-right-radius:10px;z-index:100;color:#fff;font-weight:bold;}
.inter_captionB{position:absolute;left:15px;top:0;padding:6px 15px;background-color:rgba(48,135,200,.9);border-bottom-right-radius:10px;z-index:100;color:#fff;font-weight:bold;}
.inter_white{color:#fff;}
.interhover_tip{display:none;position:relative;background:#181818;color:#fff;top:5px;left:-43%;z-index:1000;font-size:16px;padding:5px 15px;border-radius:6px;}
.highwaymobile {display: none;}
.keyprojects2016{width:100%;padding:0;}
.keyprojects2016 a{float:left;display:block;width:18.334%;margin:0 1% 15px 0;text-decoration:none;}
.keyprojects2016 a:hover{opacity:.85;text-decoration:none;}
.keyprojects2016_tile{width:100%;height:250px;overflow:hidden;padding:0;margin:0;background:url("../assets/images/keyprojects_newyear_infocard1_tmb.jpg") no-repeat center top;border:2px solid #111;}
.keyprojects2016_tile span{display:block;color:#fff;padding:4px;text-align:center;background-color:rgba(0,0,0,.5);}
.img_caption{box-sizing:border-box;position:relative;bottom:45px;padding:0 30px;z-index:100;text-align:right;color:#ffffff;font-size:16px;text-shadow:0px 0px 0.2em rgba(0,0,1,0.44), 0px 0px 0.2em rgba(0,0,1,0.44), 0px 0px 0.2em rgba(0,0,1,0.44);}
.quote{background-color:rgba(48,135,200,1);margin: 30px auto;display:inline-block;padding:10px;margin-top: 30px;}
.quote img{width:70%;margin:20px auto;display:block;}
.quote h3{text-transform:none;color:white;font-size:20px;width:90%;margin:10px auto; width: 75%; text-align: center;}
.quote h4{font-weight:lighter;color:white;font-size:18px;width:90%;margin:10px auto; text-align: right;}
.quote p{color:white;font-size:11px; text-align: right;}
.preload-images{display:hidden;}

.teal {background-color: #0097A9;}
.blue2 {background-color: #4698CB;}
.greens {background-color: #719949;}
.yellow {background-color: #FFC72C;}
.orange {background-color: #e87722;}
.red {background-color: #7C2529;}
.stakeholder { padding: 15px; height: 275px;}
.stakeholder img {height: 80px; margin: 0 auto; display: block; padding-top: 3%;}
.stakeholder h4 {text-align: center; color: white; font-weight: 400; vertical-align: bottom;}
.stakeholder-gray {background-color: gray; color: white; text-align: center; height: 68.4px; }
.stakeholder-gray h4 {font-weight: 400; padding: 15px; vertical-align: middle;}


















@media (min-width:920px){.eight-cols .col-lg-1,
.eight-cols .col-md-1,
.eight-cols .col-sm-1{width:12.2857%}
}
@media (min-width:768px)and (max-width:920px){.eight-cols .col-lg-1,
.eight-cols .col-md-1,
.eight-cols .col-sm-1{width:25%;margin-top:4px}
}
@media (min-width:1100px){#btn-row-container{width:35%}
}
@media (min-width:1200px){#iadot-logo{right:20%}
#panel header{padding-left:236px;z-index:100}
#welcome-scroll-img{width:90%}
#menu{z-index:1000;display:block}
.c-modal-content-subset{width:80%;margin-left:256px}
}
@media (min-width:1300px){#btn-row-container{width:25%}
}
@media (min-width:1600px){.pie-chart{min-height:260px}
}
@media (max-width:1300px){#btn-row-container{padding:1% 5% 3%}
h3.progtitle{font-size:21px;}
#final-forty-feature{min-height:550px;}
}
@media (max-width:1199px){#iadot-logo{right:3%}
#title-container{left:4%}
#welcome-scroll-img{width:100%}
.modal-content-image-show img{left:30%}
#btn-row-container{padding:1% 7% 3%}
h3.progtitle{font-size:20px;}
}

@media (max-width:960px){.content-b{font-size:23px}
h3.progtitle{font-size:16px;}
.snapshotgroup{float:none;width:100%;}
div.onlineeng{width:100%;float:none;display:block;overflow:auto;background-color:#f2f2f2;padding:30px;margin-bottom:15px;}
div.onlineeng_l{width:25%;float:left;margin-right:30px;text-align:center;color:#7FBB40;}
div.onlineeng_r{width:65%;float:left;font-weight:bold;color:#6d6d6d;}
div.progstatus_tiles{width:42%;margin:8px 15px;}
div.utilities_l{width:100%;float:none;}
div.utilities_r{width:100%;float:none;padding:0;margin-top:20px;}
.projectspotlight_swap{display:block;}
.img_caption{font-size:10px;}
}

@media (max-width:992px){
.gallery .col-md-3 {width: 100%;}
}


@media (max-width:800px){.content-b{font-size:23px}
#iadot-logo{width:60%}
#title-bar{letter-spacing:4px}
#gov-quote .content-b{font-size:18px}
#gov-quote .quote-att{font-size:14px;font-style:italic}
h3.progtitle{font-size:14px;}
div.onlineeng_l{width:30%}
div.onlineeng_r{width:60%}
}

@media (max-width:768px){.modal-content-image-show img{left:3%;width:50%}
#btn-row-container{padding:1% 6%}
.divider-section{border-right:none;border-bottom:2px solid rgba(0, 0, 0, .6);margin-bottom:20px;padding-bottom:20px}
.divider-triangle{display:none}
h3.progtitle{font-size:32px;}
div.inthecomm_l{width:100%}
div.inthecomm_r{width:100%}
div.onlineeng_l{width:30%}
div.onlineeng_r{width:60%}
.quote{display:block;width:100%;}
.col-xs-6{display:block;width:100%;}
.col-xs-4{display:block;width:100%;}
}
@media (max-width:600px){#title-bar{letter-spacing:3px}
#gov-quote .content-b{font-size:15px}
#gov-quote .quote-att{font-size:12px;font-style:italic}
#btn-row-container{position:relative;width:100%}
#inst-hs{display:none}
.gallery img{padding:0}
h3.progtitle{font-size:32px;}
div.inthecomm_l{width:100%}
div.inthecomm_r{width:100%}
div.onlineeng_l{width:100%}
div.onlineeng_r{width:100%}
div.progstatus_tiles{width:100%;margin:8px;}
.lead-sentence{font-size:18px;}
.inter_caption{font-size:10px;padding:2px 6px;}
#hotspot-container{overflow:visible;}
.onlineeng_tile-h{width:22.15%;min-width:210px;}
.onlineeng_tile-h_l{width:100%;}
.onlineeng_tile-h_r{width:100%;float:left;}
}

@media (max-width:500px){.eight-cols .col-lg-1,
.eight-cols .col-md-1,
.eight-cols .col-sm-1{width:30.155714285714285714285714285714%}
.content-b{font-size:14px}
#title-bar{letter-spacing:2px}
.modal-content-image-show img{left:2%;width:80%}
#btn-row-container img{width:90%}
h3.progtitle{font-size:32px;}
div.inthecomm_l{width:100%}
div.inthecomm_r{width:100%}
div.onlineeng_l{width:100%}
div.onlineeng_r{width:100%}
.inthecomm_attendees-r{font-size:100%;padding:40px 15px 0px;}
}

@media screen and (max-width:416px){.eight-cols .col-lg-1,
.eight-cols .col-md-1,
.eight-cols .col-sm-1{width:40.155714285714285714285714285714%}
p{font-size:13px;line-height:1.3em}
.sections h3{font-size:20px}
.sections h2{font-size:2em}
.hs-tooltip-wrap img{max-width:70%}
.hs-big-num{font-size:25px;}
.benefits-icons img{width:50%;}
#bar-chart .x-axis li,
.hs-sml-text{font-size:13px; }
#bar-chart .bar-group .bar span{font-size:13px;margin-left:-25%;}
#bar-chart .y-axis li span{padding:0; }
.quote-line-top{top:15%;}
.quote-line-bottom{bottom:15%;}
.map-info-circle{height:70px;width:70px;line-height:60px;font-size:13px;font-weight:700;margin:0 auto 10px}
#map-selected-info{margin:0;padding:28px 0}
#map-selected-info ul{padding:0}
#map-selected-info li{margin-bottom:5px;font-size:14px}
.benefits-icons span{font-size:16px;line-height:0}
.pie-chart img{width:75%;padding-top:2%;}
.related-icons span{font-size:18px;line-height:0}
.sections{padding:30px 20px 20px 30px;}
.onlineeng_tile-h{min-width:100%;}
.onlineeng_tile-h_l, .onlineeng_tile-h_r, .onlineeng_tile-v{width:80%;margin:0 auto;}
.onlineeng_tile-v_r, .onlineeng_tile-h_r{height:100%;}
.interhover_tip{top:5px;left:-43%;z-index:1000;font-size:12px;padding:5px 10px;border-radius:6px;}
.highwaymobile {display: block;}
.inter_captionO {width: 80%;}
.hip {display:none;}
.spotlight-image p{top:15px;right:15px; font-size: 11px; width:75%;}
span.inter_hspot_text {font-size: 12px; top: 2.5px; left: 7.5px;}
.inter_hspot img {width: 55%;}
.project-spotlight img{margin-top:3px;}
#active1 {left:58%!important;top:66%!important;}
#active2 {left:35%!important;top:51%!important;}
#active3 {left:72%!important;top:54%!important;}
#active4 {left:61%!important;top:52%!important;}
#active5 {left:55%!important;top:52%!important;}
#active6 {left:34%!important;top:40%!important;}
#active7 {left:75%!important;top:48%!important;}
#active8 {left:18%!important;top:58%!important;}
.btn img{width:80%;}
#title-bar{padding:10px 0 10px 10px;margin-right:25px}
#sub-title{font-size:35px;line-height:1em}
#title-container{top:20%}
.modal-content-image-show img{width:50%}
.modal-content-text-show h2{font-size:1.3em}
.modal-content-text-show h3{font-size:.9em}
.modal-content-text-show p{font-size:12px}
.c-modal-container{margin-bottom:10px}
h3.progtitle{font-size:32px;}
div.inthecomm_l{width:100%}
div.inthecomm_r{width:100%}
div.onlineeng_l{width:100%}
div.onlineeng_r{width:100%}
#hs-img-caption{display:none;}
.quote{margin-left:0;}
.keyprojects2016 a{width:100%;display:block;height:auto;}
}