/* MObile Menu
================================================== */
a#navigation-toggle { height: 55px; line-height: 55px; margin: 0; float: left; cursor: pointer; color: #888; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em; }
a#navigation-toggle .fa { margin-right: 10px; }
#navigation-toggle { color: #8b8b8b; }
#navigation-toggle:hover { color: #000; }	
#sidr-main { font-family:'Open Sans', "Helvetica"; position: fixed; top: 0; z-index: 999999; width: 100%; overflow-x: none; overflow-y: auto;font-size: 13px; background: #222; color: #fff;  height: 100%;}
#sidr-main { padding: 70px 30px 30px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sidr-class-block h2{color: #949292; font-size: 1em; padding-top: 10px;}
.sidr-class-dropdown-toggle{color:#fff !important;}
.sidr.right { left: auto; right: -320px; }
.sidr.left { left: -320px; right: auto; }
#sidr-main a { color: #707070; }
#sidr-main a:hover { color: #707070; }
#sidr-main ul li{list-style:none;}
#sidr-main ul a { display: block; border-bottom: 1px solid #333; padding: 7px 0; font-weight: 400; }
#sidr-main ul li ul { margin-left: 0; margin: 0; }
#sidr-main ul li ul li a { padding-left: 10px; }
#sidr-main ul li ul li li a { padding-left: 20px; }
#sidr-main ul li ul li li li a { padding-left: 30px; }
#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #888; margin-right: 10px; }
.sidr-class-toggle-sidr-close:before { position: absolute; top:30px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }
button{display:none !important;}
.sidebar-container .region-sidebar-first ul li a:hover{background: #efefef; color: #666;}
a.adjust:hover{color:#f47721;}	
.pager li.pager-first, .pager li.pager-last, .pager li.pager-first a, .pager li.pager-last a{display:none;}
@media(max-width:1024px){	
.homepage-slide-content {top: 20px;}
.homepage-slide-caption{font: 400 1.2em/1.5em "PT Sans",sans-serif; padding-left: 63px;}
}
@media(max-width:980px){
.container{width: 960px;}
.homepage-slide-content {top:0px;}
.homepage-slide-caption{font: 400 1.2em/1.8em "PT Sans",sans-serif; margin-left: 3em; margin-top: 1em; width: 500px;}
#outerImageContainer{width:600px !important; height:300px !important;}
#modalContainer{width:580px !important; height:280px !important;}
#lightboxFrame{width:580px !important; height:280px !important;}
#imageDataContainer{width:600px !important;}	
}
	
/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
a#navigation-toggle { display: block; }
#site-navigation #main-menu > ul{ display: none; }
.homepage-slide-content {top: 20px;}
.homepage-slide-caption, .homepage-slide-caption-black {font: 400 1.2em/1.6em "PT Sans",sans-serif; margin-top: 0em; padding: 0px; width: 450px;}
.homepage-slide-analyst img{height: 60%; width: 60%;}
#outerImageContainer{width:550px !important; height:280px !important;}
#modalContainer{width:530px !important; height:260px !important;}
#lightboxFrame{width:530px !important; height:260px !important;}
#imageDataContainer{width:550px !important;}
}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { max-width: 85%; }
.left-content { width: 60%; }
.sidebar-container { width: 36%; }
.orange-box h2{font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.region-page-banner h2 {font: 1.4em "PT Sans",sans-serif; margin: 20px 20px 20px 40px;}
#homepage-slider-wrap .flex-direction-nav li a {font-size: 21px; height: 50px; line-height: 50px; margin-top: -21px; width: 30px;}
#outerImageContainer{width:640px !important; height:320px !important;}
#modalContainer{width:620px !important; height:320px !important;}
#lightboxFrame{width:620px !important; height:320px !important;}
#imageDataContainer{width:640px !important;}
.infographic span {left: 169px;}
.span_1_of_3{width:100%;}
i.challenge, i.approach, i.benefits{left: 37%;}
.blog-white {float: left;}	
.span_1_of_5 {width: auto;}
.home-blog-white {float: left; padding-left: 274px;}
.view-footer{clear:both;}
.col {margin: 0 0 2% 0;}
}

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
.container { max-width: 480px; width: 90%; }
.sidebar-container,
.left-content { width: 100%; }
.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #147ebf; }
.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
.homepage-slide-content { display: none; }
.orange-box h2{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.region-page-banner h2 {font: 1.1em "PT Sans",sans-serif; margin: 20px 20px 20px 40px;}
#homepage-slider-wrap .flex-direction-nav li a {height: 40px; line-height: 40px; width: 15px;}
.infographic{display:none;}
#outerImageContainer{width:360px !important; height:240px !important;}
#modalContainer{width:340px !important; height:240px !important;}
#lightboxFrame{width:340px !important; height:240px !important;}
#imageDataContainer{width:360px !important;}
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sidr { width: 480px; }
.sidr.right { right: -480px; }
.orange-box h2{font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.region-page-banner h2 {font: 1.2em "PT Sans",sans-serif; margin: 20px 20px 20px 40px;}
input.form-text, textarea.form-textarea, select.form-select {border: 1px solid #ccc; width: 60%;}
i.challenge, i.approach, i.benefits{left: 39.7%;}
#outerImageContainer{width:460px !important; height:240px !important;}
#modalContainer{width:440px !important; height:240px !important;}
#lightboxFrame{width:440px !important; height:240px !important;}
#imageDataContainer{width:460px !important;}
}
@media(max-width:360px){
i.challenge, i.approach, i.benefits{left: 34.5%;}
#outerImageContainer{width:300px !important; height:180px !important;}
#modalContainer{width:280px !important; height:280px !important;}
#lightboxFrame{width:280px !important; height:280px !important;}
#imageDataContainer{width:300px !important;}	
	}
@media(max-width:320px){
i.challenge, i.approach, i.benefits{left: 32.5%;}
.jcarousel-skin-default .jcarousel-next-horizontal {right: 24px;}	
.views-field-field-news-image{display:none;}
	}