/*
	This CSS conflicts with the JobAdder Ajax tool on the Careers page 
	http://www.ermpower.com.au/careers/
	This CSS is not called on the Careers page.
*/

@media screen and (max-width:992px) {
.post-modal .modal-container { margin: 50px auto }
.post-modal .modal-content { height: auto }
.post-modal .entry-media { position: absolute; z-index: 999; width: 100%; height: 0; overflow: visible }
.post-modal .has-media .entry-media { position: static; width: 100%; height: 300px; overflow: hidden }
.post-modal .entry-content { width: 100%; height: auto; padding-right: 60px; clear: both }
.post-modal .has-media .entry-content { padding-right: 30px }
}
@media screen and (max-width:700px) {
.isotope-item, .isotope-item.large { position: static; float: none; width: 100%; clear: both }
}

html.no-opacity .isotope-item.has-media .entry-content { display: none }
html.no-opacity .isotope-item.has-media:hover .entry-content { display: block; background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM4QjE0QTMyOUExMTFFMzg2MTY5NDkzQTMwQUEzQ0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM4QjE0QTQyOUExMTFFMzg2MTY5NDkzQTMwQUEzQ0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzhCMTRBMTI5QTExMUUzODYxNjk0OTNBMzBBQTNDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzhCMTRBMjI5QTExMUUzODYxNjk0OTNBMzBBQTNDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PluKFKIAAAAPSURBVHjaYmAwyPgEEGAAAlcBi+JOvIgAAAAASUVORK5CYII=) }
.energy-insights { height: 300px; background: #eee url('../img/energy-insights-bg.jpg') no-repeat center center }
.energy-insights h3 { margin-top: 35px; font-family: 'franchiseregular', sans-serif; font-size: 50px; font-style: normal; font-weight: normal; color: #fff; text-transform: uppercase }
.energy-insights p { margin: 0 0 30px 0; font-family: 'Calibri W01 Regular 904604', sans-serif; font-size: 18px; font-weight: normal; color: #fff }
p.disclaimer { margin-bottom: 30px; font-size: 12px; line-height: 1.25; color: #666 }
.ribbon { min-height: 76px; padding: 16px 0; font-family: 'Calibri W01 Regular 904604', sans-serif; font-size: 20px; font-weight: normal; color: #fff; background: #003068 }
.ribbon .container { position: relative }
.ribbon p { padding-right: 200px; margin: 0; line-height: 30px }
.ribbon .btn { position: absolute; top: 0; right: 15px; margin-top: 9px }
.ribbon.has-image { position: relative; padding: 0; background: #fafafa; background-position: center center; background-repeat: no-repeat }
.ribbon.has-image .ribbon-content { max-width: 520px; padding-top: 40px }
.ribbon.has-image h3 { font-size: 40px }
.ribbon.has-image p { padding: 0; font-size: 18px; line-height: 24px; color: #666; text-transform: none }
.ribbon.has-image .btn { position: relative; right: 0; margin-top: 35px }
@media screen and (max-width:992px) {
.ribbon p { padding-right: 0; margin: 0 }
.ribbon .btn { position: relative; right: 0; float: none!important; margin-top: 15px }
}
html.no-opacity nav.timeline .progress li a { display: none }
html.no-opacity nav.timeline .progress li.active a { display: block }
.bill { display:none; }
.bill.active { display:block; }
.bill-type { margin:0px; padding:0px; text-align:center; }
.bill-type li { list-style:none;  margin-bottom:10px; }
.bill-type a { display: block; padding: 3px 18px; margin: 0 10px 0 0; width:185px; font-family: 'franchiseregular', sans-serif; font-size: 30px; font-style: normal; font-weight: normal; line-height: 40px; color: #003068; text-transform: uppercase; border-radius: 5px; opacity: 1; background-color:#dbdcde; }
.bill-type a:hover { text-decoration: none; color:#003068; }
.bill-type a.active { background: #ff6633; color:#fff; text-decoration:none; }
.bill-type a.back { background: #ff6633; color:#fff; }
.key-heading {
	font-family: 'franchiseregular', sans-serif;
	font-size:40px;
	text-transform: uppercase;
	color:#003068;
}
#bb-key {
	display:none;
}




.bill-wrapper { min-height: 1550px; padding: 55px 0 120px; overflow: hidden; }
.bill-wrapper header.page-title { /*max-width: 650px;*/ margin-bottom: 75px }
.bill-wrapper h1 { margin: 0; font-size: 50px; line-height:55px; }
.bill-wrapper .subtitle { 
	font-family: 'Calibri W01 Regular 904604', sans-serif;
	font-size: 18px;
	line-height: 25.7142868041992px;
	font-weight: normal;
	color: #666; 
	margin-top: 15px;
}
/*.bill { position: absolute; top: 40px; left: -2000px; cursor: pointer }*/
.bill img { max-width: 100% }
.bill#front { z-index: 10 }
.bill.active { top: 0; left: 0; cursor: default }
.bill>a { position: absolute; z-index: 300; width: 20px; height: 20px; cursor: pointer; background: #bfbfbf; border: 2px solid #fff; border-radius: 50%; -webkit-transition: all .35s; transition: all .35s }
.bill>a.active, .bill>a:hover { background: #f63 }
.bill .highlighter { position: absolute; z-index: 200; border: 3px solid rgba(255,255,255,0.8); outline: 9999px solid rgba(0,0,0,0.2); opacity: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
.bill .popover { z-index: 500; width: 250px; height: 260px; border: 0; border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3); box-shadow: 0 2px 3px rgba(0,0,0,0.3) }
.bill .popover .popover-content { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto }
.bill .popover .arrow { margin: 0; border: 0 }
.bill .popover .title { font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 18px; font-weight: normal; text-transform: none }
.bill .popover .steps { font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 14px; font-weight: normal; color: #666 }
.bill .popover .controls { position: absolute; top: 0; left: -40px; width: 40px; height: 120px; background: #fff }
.bill .popover .controls a { display: block; float: none; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2 }
.bill .popover .controls a:hover { text-decoration: none; background: #f7f7f7 }
.bill .popover .controls a.close { color: #003068; border: 0; opacity: 1 }
.bill .popover.right .controls { right: -40px; left: auto }
.bill .popover.right .controls a { border-right: 0; border-left: 1px solid #f2f2f2 }
.bill-wrapper .key { /*position: absolute;*/ /*top: 0; right: 0;*/ max-width: 250px }
.bill-wrapper .key ul.side { padding: 0; overflow: auto; list-style: none }
.bill-wrapper .key ul.side li { float: left; margin-bottom:10px; }
.bill-wrapper .key ul.side li:last-child a { padding:0 22px; }
.bill-wrapper .key ul.side a { display: block; padding: 0 24px; margin: 0 10px 0 0; font-family: 'franchiseregular', sans-serif; font-size: 25px; font-style: normal; font-weight: normal; line-height: 40px; color: #003068; text-transform: uppercase; border-radius: 5px; opacity: 1; background-color:#dbdcde; }
.bill-wrapper .key ul.side a:hover { text-decoration: none }
.bill-wrapper .key ul.side a.active { background: #ff6633; color:#fff; }
.bill-wrapper .key ul.index { display: none; padding: 0; margin: 10px 0; list-style: none }
.bill-wrapper .key ul.index a { display: block; font-family: 'Calibri W01 Regular 904604', sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; color: #003068; text-transform: uppercase; cursor: pointer; margin-bottom: 12px; }
.bill-wrapper .key ul.index a:hover { text-decoration: none; color:#ff6633; }
.bill-wrapper .key ul.index.active { display: block }
@media screen and (max-width:1200px) {
/*.bill-wrapper .key { position: static; margin: 0 auto }
.bill-wrapper .key ul.side { margin-bottom: 30px }
.bill-wrapper .key .index { display: none!important }
.bill { position: relative; display: none; float: left }
.bill.active { display: block }*/
}
@media screen and (max-width:600px) {
.bill .popover { position: absolute!important; top: auto!important; right: 20px!important; bottom: 0!important; left: 60px!important; width: auto; height: 250px; max-width: none; max-height: none; margin: 0 0 -260px }
.bill .popover .arrow { display: none }
.bill .popover.right .controls { right: auto; left: -40px }
.bill .popover.right .controls a { border-right: 1px solid #f2f2f2; border-left: none }
.bill .highlighter { border: 0; -webkit-transition: none; transition: none }
}
.post-hero { overflow: hidden }
.post-hero img { display: block; margin: 0 auto }
.single .hentry { margin: 50px 0 35px }
.single .hentry header { margin-bottom: 40px }
.single .hentry header h1 { font-size: 70px }
.single .hentry .excerpt { font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 20px; font-weight: normal; color: #666 }
.single .hentry .meta { margin: 30px 0; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 18px; font-weight: normal; line-height: 60px; color: #003068; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6 }
.single .hentry .meta:before, .single .hentry .meta:after { display: table; content: " " }
.single .hentry .meta:after { clear: both }
.single .hentry .meta:before, .single .hentry .meta:after { display: table; content: " " }
.single .hentry .meta:after { clear: both }
.single .hentry .meta time { display: inline-block }
.single .hentry .meta .share { float: right }
.share i { display: block; float: left; width: 34px; height: 34px; margin: 14px 0 14px 10px; font-size: 14px; line-height: 34px; color: #fff; text-align: center; background: #003068; border-radius: 50% }
.share i:hover { text-decoration: none }
.related-news { margin: 0 0 100px }
.related-news:before, .related-news:after { display: table; content: " " }
.related-news:after { clear: both }
.related-news:before, .related-news:after { display: table; content: " " }
.related-news:after { clear: both }
.related-news h2 { margin: 0 0 10px }
.posts-isotope { padding: 35px 0; background: #003068 }
.posts-isotope .post-nav { margin: 40px 0 0 0 }
.posts-isotope .load-more { display: block; width: 200px; margin: 0 auto }
.isotopenav { display: block; padding: 0; margin-bottom: 25px; overflow: auto; list-style: none }
.isotopenav li { float: left; font-family: 'franchiseregular', sans-serif; font-size: 25px; font-style: normal; font-weight: normal; text-transform: uppercase }
.isotopenav li a { display: block; padding: 0 12px; margin-right: 40px; line-height: 40px; color: #fff; border-radius: 5px; -webkit-transition: all .3s; transition: all .3s }
.isotopenav li a:hover, .isotopenav li a.active { text-decoration: none; background: #002754 }
.isotope { clear: both }
.isotope-item { position: relative; width: 225px; height: 225px; margin: 0; overflow: hidden; background: #fff; border-right: 1px solid #003068; border-bottom: 1px solid #003068 }
.isotope-item:hover { background: #f2f2f2 }
.isotope-item .entry-link { position: absolute; z-index: 10; display: block; width: 100%; height: 100% }
.isotope-item .entry-content { display: block; width: 100%; height: 100%; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out }
.isotope-item .entry-meta { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 30px; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 14px; font-weight: normal; color: #666; text-transform: uppercase }
.isotope-item .entry-meta i { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; line-height: 24px; color: #003068; text-align: center; background: #e6e6e6; border-radius: 50% }
.isotope-item header { position: absolute; bottom: 60px; left: 0; width: 100%; padding: 0 30px }
.isotope-item header h2 { margin: 0; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 18px; font-weight: normal; text-transform: none }
.isotope-item header h2 a:hover { text-decoration: none }
.isotope-item footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; padding: 0 30px; font-size: 14px; line-height: 40px; color: #666; border-top: 1px solid #e6e6e6 }
.isotope-item .entry-media img { width: 100%; max-width: none; max-height: none; min-height: 100% }
.isotope-item.large { width: 450px; height: 450px }
.isotope-item.large header { bottom: 90px }
.isotope-item.large header h2 { font-size: 32px }
.isotope-item.has-media { background-position: center center; -webkit-background-size: cover; background-size: cover }
.isotope-item.has-media .entry-meta { color: #fff }
.isotope-item.has-media .entry-meta i { background: #fff }
.isotope-item.has-media header, .isotope-item.has-media footer { color: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.isotope-item.has-media header h2 a, .isotope-item.has-media footer h2 a { color: #fff }
.isotope-item.has-media footer { border-top: 1px solid rgba(255,255,255,0.1) }
.isotope-item.has-media:hover .entry-content { background: rgba(0,51,102,0.92) }
.isotope-item.has-media:hover .entry-content:after, .isotope-item.has-media:hover .entry-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 20%; background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), 0, rgba(0,0,0,0), 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%); background-repeat: repeat-x; content: ""; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0)
}
.isotope-item.has-media:hover .entry-content:after { top: auto; bottom: 0; height: 50%; background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), 0, rgba(0,0,0,0.2), 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0)
}
.isotope-item.has-media:hover header, .isotope-item.has-media:hover footer { opacity: 1 }
.isotope-item.has-media:hover i { color: #fff; background: #003068 }
.newsletter-tile { padding: 42px 30px; color: #fff; cursor: pointer; background: #f63 }
.newsletter-tile p { padding: 0; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 23px; font-weight: normal; line-height: 1.2 }
.newsletter-tile a { display: block; margin-top: 40px; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 16px; font-weight: normal; color: #fff; text-transform: uppercase }
.newsletter-tile a i { font-size: 12px }
.newsletter-tile a:hover { text-decoration: none }
.newsletter-tile a:hover i { margin-left: 6px }
.newsletter-tile:hover { background: #f26130 }
.post-modal .modal-container { z-index: 1050; margin-top: 200px; box-shadow: none }
.post-modal .modal-content { height: 520px; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.post-modal .modal-content:before, .post-modal .modal-content:after { display: table; content: " " }
.post-modal .modal-content:after { clear: both }
.post-modal .modal-content:before, .post-modal .modal-content:after { display: table; content: " " }
.post-modal .modal-content:after { clear: both }
.post-modal .entry-media { position: relative; float: left; width: 60%; height: 520px; overflow: hidden; background-position: center center; -webkit-background-size: cover; background-size: cover }
.post-modal .entry-media img { display: none }
.post-modal .entry-media .category { position: absolute; top: 0; left: 0; padding: 20px 30px; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 14px; font-weight: normal; color: #fff; text-transform: uppercase }
.post-modal .controls { position: absolute; top: 0; right: 0; width: 50px; background: #fff; border-right: 1px solid #f2f2f2 }
.post-modal .controls a { display: block; width: 50px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; border-top: 1px solid #f2f2f2 }
.post-modal .controls a:hover { text-decoration: none }
.post-modal .controls .close { float: none; color: #003068; border-top: 0; opacity: 1 }
.post-modal .category { display: none }
.post-modal .has-media .category { display: block }
.post-modal .entry-content { position: relative; float: right; width: 40%; height: 520px; padding: 40px 30px; background: #fff }
.post-modal .entry-content h2 { margin: 0 0 20px 0; font-family: 'Calibri W01 Bold 904607', sans-serif; font-size: 32px; font-weight: normal; line-height: 1; text-transform: none }
.post-modal .entry-content .content { color: #666 }
.post-modal .entry-content .read-more { margin: 35px 0 }
.post-modal .entry-content footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; line-height: 40px; color: #666; border-top: 1px solid #e6e6e6 }
.posts-backdrop.in { opacity: .8 }
@media (max-width: 767px) {
	.bill-type { margin-top:30px; }
	.bill-type a { width:auto; }
	.bill-wrapper header.page-title { margin-bottom:10px; }
	.bill-wrapper .key { max-width:100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.bill-type { margin-top:30px; }
	.bill-type a { width:auto; }
	.bill-wrapper header.page-title { margin-bottom:10px; }
	.bill-wrapper .key { max-width:100%; }
}