@charset "UTF-8";
.mejs__offscreen {
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	height: 1px;
	overflow: hidden;
	position: absolute!important;
	width: 1px
}
.mejs__container {
	background: #000;
	box-sizing: border-box;
	font-family: Helvetica, Arial, serif;
	position: relative;
	text-align: left;
	text-indent: 0;
	vertical-align: top
}
.mejs__container .mejs__video {
	min-height: 140px
}
.mejs__container * {
	box-sizing: border-box
}
.mejs__container video::-webkit-media-controls-start-playback-button {
	-webkit-appearance: none;
	display: none!important
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
	height: 100%;
	width: 100%
}
.mejs__fill-container {
	background: transparent;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.mejs__container:focus {
	outline: none
}
.mejs__iframe-overlay {
	height: 100%;
	position: absolute;
	width: 100%
}
.mejs__embed,
.mejs__embed body {
	background: #000;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}
.mejs__fullscreen {
	overflow: hidden!important
}
.mejs__container-fullscreen {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 4
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
	height: 100%!important;
	width: 100%!important
}
.mejs__clear {
	clear: both
}
.mejs__background,
.mejs__mediaelement {
	left: 0;
	position: absolute;
	top: 0
}
.mejs__mediaelement {
	height: 100%;
	width: 100%;
	z-index: 0
}
.mejs__poster {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1
}
:root .mejs__poster-img {
	display: none
}
.mejs__poster-img {
	border: 0;
	padding: 0
}
.mejs__overlay {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1
}
.mejs__layer {
	z-index: 1
}
.mejs__overlay-play {
	cursor: pointer
}
.mejs__overlay-button {
	background: url(mejs-controls.svg) no-repeat;
	background-position: 0 -39px;
	height: 80px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80px;
	z-index: 1
}
.mejs__overlay:hover>.mejs__overlay-button {
	background-position: -80px -39px
}
.mejs__overlay-loading {
	height: 80px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80px
}
.mejs__overlay-loading-bg-img {
	-webkit-animation: a 1s linear infinite;
	animation: a 1s linear infinite;
	background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
	display: block;
	height: 80px;
	width: 80px;
	z-index: 1
}
@-webkit-keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
.mejs__controls {
	bottom: 0;
	height: 40px;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	width: 100%;
	z-index: 1
}
.mejs__controls:not([style*="display: none"]) {
	background: rgba(255, 0, 0, .7);
	background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
	float: left;
	font-size: 10px;
	height: 40px;
	line-height: 10px;
	margin: 0;
	width: 32px
}
.mejs__button>button {
	background: transparent url(mejs-controls.svg);
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	margin: 10px 6px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-decoration: none;
	width: 20px
}
.mejs__button>button:focus {
	outline: 1px dotted #999
}
.mejs__container-keyboard-inactive[role=slider],
.mejs__container-keyboard-inactive[role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus {
	outline: 0
}
.mejs__time {
	box-sizing: content-box;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	height: 24px;
	overflow: hidden;
	padding: 16px 6px 0;
	text-align: center;
	width: auto
}
.mejs__play>button {
	background-position: 0 0
}
.mejs__pause>button {
	background-position: -20px 0
}
.mejs__replay>button {
	background-position: -160px 0
}
.mejs__time-rail {
	direction: ltr;
	height: 40px;
	margin: 0 10px;
	padding-top: 10px;
	position: relative;
	width: 200px
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
	border-radius: 2px;
	cursor: pointer;
	display: block;
	height: 10px;
	position: absolute
}
.mejs__time-total {
	background: hsla(0, 0%, 100%, .3);
	margin: 5px 0 0;
	width: 100%
}
.mejs__time-buffering {
	-webkit-animation: b 2s linear infinite;
	animation: b 2s linear infinite;
	background: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 15px 15px;
	width: 100%
}
@-webkit-keyframes b {
	0% {
		background-position: 0 0
	}
	to {
		background-position: 30px 0
	}
}
@keyframes b {
	0% {
		background-position: 0 0
	}
	to {
		background-position: 30px 0
	}
}
.mejs__time-loaded {
	background: hsla(0, 0%, 100%, .3)
}
.mejs__time-current,
.mejs__time-handle-content {
	background: hsla(0, 0%, 100%, .9)
}
.mejs__time-hovered {
	background: hsla(0, 0%, 100%, .5);
	z-index: 2
}
.mejs__time-hovered.negative {
	background: rgba(0, 0, 0, .2)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded {
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	transition: all .15s ease-in;
	width: 100%
}
.mejs__time-hovered {
	transition: height .1s cubic-bezier(.44, 0, 1, 1)
}
.mejs__time-hovered.no-hover {
	-webkit-transform: scaleX(0)!important;
	transform: scaleX(0)!important
}
.mejs__time-handle,
.mejs__time-handle-content {
	border: 4px solid transparent;
	cursor: pointer;
	left: 0;
	position: absolute;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 3
}
.mejs__time-handle-content {
	border: 4px solid hsla(0, 0%, 100%, .9);
	border-radius: 50%;
	height: 10px;
	left: -7px;
	top: -4px;
	-webkit-transform: scale(0);
	transform: scale(0);
	width: 10px
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.mejs__time-float {
	background: #eee;
	border: 1px solid #333;
	bottom: 100%;
	color: #111;
	display: none;
	height: 17px;
	margin-bottom: 9px;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 36px
}
.mejs__time-float-current {
	display: block;
	left: 0;
	margin: 2px;
	text-align: center;
	width: 30px
}
.mejs__time-float-corner {
	border: 5px solid #eee;
	border-color: #eee transparent transparent;
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	line-height: 0;
	position: absolute;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0
}
.mejs__long-video .mejs__time-float {
	margin-left: -23px;
	width: 64px
}
.mejs__long-video .mejs__time-float-current {
	width: 60px
}
.mejs__broadcast {
	color: #fff;
	height: 10px;
	position: absolute;
	top: 15px;
	width: 100%
}
.mejs__fullscreen-button>button {
	background-position: -80px 0
}
.mejs__unfullscreen>button {
	background-position: -100px 0
}
.mejs__mute>button {
	background-position: -60px 0
}
.mejs__unmute>button {
	background-position: -40px 0
}
.mejs__volume-button {
	position: relative
}
.mejs__volume-button>.mejs__volume-slider {
	background: rgba(50, 50, 50, .7);
	border-radius: 0;
	bottom: 100%;
	display: none;
	height: 115px;
	left: 50%;
	margin: 0;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 25px;
	z-index: 1
}
.mejs__volume-button:hover {
	border-radius: 0 0 4px 4px
}
.mejs__volume-total {
	background: hsla(0, 0%, 100%, .5);
	height: 100px;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 8px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2px
}
.mejs__volume-current {
	left: 0;
	margin: 0;
	width: 100%
}
.mejs__volume-current,
.mejs__volume-handle {
	background: hsla(0, 0%, 100%, .9);
	position: absolute
}
.mejs__volume-handle {
	border-radius: 1px;
	cursor: ns-resize;
	height: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 16px
}
.mejs__horizontal-volume-slider {
	display: block;
	float: left;
	height: 36px;
	position: relative;
	vertical-align: middle;
	width: 56px
}
.mejs__horizontal-volume-total {
	background: rgba(50, 50, 50, .8);
	height: 8px;
	top: 16px;
	width: 50px
}
.mejs__horizontal-volume-current,
.mejs__horizontal-volume-total {
	border-radius: 2px;
	font-size: 1px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute
}
.mejs__horizontal-volume-current {
	background: hsla(0, 0%, 100%, .8);
	height: 100%;
	top: 0;
	width: 100%
}
.mejs__horizontal-volume-handle {
	display: none
}
.mejs__captions-button,
.mejs__chapters-button {
	position: relative
}
.mejs__captions-button>button {
	background-position: -140px 0
}
.mejs__chapters-button>button {
	background-position: -180px 0
}
.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
	background: rgba(50, 50, 50, .7);
	border: 1px solid transparent;
	border-radius: 0;
	bottom: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: -51px;
	visibility: hidden;
	width: 85px
}
.mejs__chapters-button>.mejs__chapters-selector {
	width: 110px
}
.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
	visibility: visible
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
	list-style-type: none!important;
	margin: 0;
	overflow: hidden;
	padding: 0
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
	color: #fff;
	cursor: pointer;
	display: block;
	list-style-type: none!important;
	margin: 0 0 6px;
	overflow: hidden;
	padding: 0 10px
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
	background-color: #c8c8c8!important;
	background-color: hsla(0, 0%, 100%, .4)!important
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
	clear: both;
	float: left;
	left: -1000px;
	margin: 3px 3px 0 5px;
	position: absolute
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
	cursor: pointer;
	float: left;
	font-size: 10px;
	line-height: 15px;
	padding: 4px 0 0
}
.mejs__captions-selected,
.mejs__chapters-selected {
	color: #21f8f8
}
.mejs__captions-translations {
	font-size: 10px;
	margin: 0 0 5px
}
.mejs__captions-layer {
	bottom: 0;
	color: #fff;
	font-size: 16px;
	left: 0;
	line-height: 20px;
	position: absolute;
	text-align: center
}
.mejs__captions-layer a {
	color: #fff;
	text-decoration: underline
}
.mejs__captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: 400
}
.mejs__captions-position {
	bottom: 15px;
	left: 0;
	position: absolute;
	width: 100%
}
.mejs__captions-position-hover {
	bottom: 35px
}
.mejs__captions-text,
.mejs__captions-text * {
	background: hsla(0, 0%, 8%, .5);
	box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5);
	padding: 0;
	white-space: pre-wrap
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
	display: none
}
.me_cannotplay,
.me_cannotplay a {
	color: #fff;
	font-size: .8em
}
.me_cannotplay a,
.me_cannotplay p {
	display: inline-block;
	padding: 0 15px;
	width: 100%
}

/*MAIN CSS*/

html {
	color: #222;
	/*font-size: 1.5vw;*/
	line-height: 1.3;
	height: 100%;
	overflow: hidden
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 800px
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.flex {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important
}

.flex .flex-center {
	margin: auto;
	display: block!important
}

.gradient {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/gradient.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-color: #e0f1fe;
	min-width: 100%;
	display: block;
	margin-bottom: 100px
}

/***************************************************/

/*INDEX*/

/*
.main {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/background.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-color: #e0f1fe;
	min-width: 100%;
	display: block;
	margin-bottom: 100px
}

*/
/***************************************************/

/*GLOBAL FRONT PAGE*/

/*.title {
	padding: .5vh 4vw .5vh 8vw;
	margin-top: 12vh;
	border-bottom-right-radius: 16vh;
	border-top-right-radius: 16vh;
	background-color: #fff200;
	display: inline-block;
	width: auto;
}


.title h1 {
	font-size: 3.5vw;
	margin: 1vh 0;
}

.description {
	margin: 5vh 8vw;
}

.description h2 {
	color: #fff200;
	font-size: 3vw;
}

*/

.description h2 .yellow-circle {
	color: #0068b5;
	background-color: #fff200;
	padding: .5vw 1.5vw;
	border-radius: 5vw;
}

.description ul {
	padding-left: 25px;
}

.description ul li {
	color: #fff;
	font-size: 3.5vh;
	padding-bottom: 2vh;
}

.description ul li a {
	text-decoration: none
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.row .col1-3 {
	position: relative;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	padding-left: 2%
}

/***************************************************/

/*GLOBAL FOOTER*/
/*
footer {
	position: fixed;
	bottom: 0;
	height: 100px;
	width: 100%;
	background-color: #fff
}

.nav-wrapper ul.left-nav {
	float: left;
	padding: 0;
	margin: 0
}

.nav-wrapper ul.center-nav {
	display: block;
	width: 400px;
	margin: 15px auto;
	padding: 0
}

.nav-wrapper ul li {
	display: inline-block;
	width: 100px;
	height: 70px;
	overflow: hidden;
	position: relative;
	margin: 0;
	vertical-align: middle;
}

.nav-wrapper ul li span {
	padding: 25px 0;
	display: block;
	text-align: center;
	margin: auto;
	font-size: 16px
}

.nav-wrapper ul li#left-arrow a img {
	position: absolute;
	top: 0;
	left: 0
}

.nav-wrapper ul li#right-arrow a img {
	position: absolute;
	top: 0;
	left: -100px
}

.nav-wrapper ul li#edit-btn a img {
	position: absolute;
	top: 0;
	left: -200px
}

.nav-wrapper ul li#book-btn a img {
	position: absolute;
	top: 0;
	left: -300px
}

.nav-wrapper ul li#left-arrow a:hover img {
	position: absolute;
	top: -70px;
	left: 0
}

.nav-wrapper ul li#right-arrow a:hover img {
	position: absolute;
	top: -70px;
	left: -100px
}

.nav-wrapper ul li#edit-btn a:hover img,
.nav-wrapper ul li#edit-btn a[href$=".pdf"] img {
	position: absolute;
	top: -70px;
	left: -200px
}

.nav-wrapper ul li#book-btn a:hover img,
.nav-wrapper ul li#book-btn a[href$=".pdf"] img {
	position: absolute;
	top: -70px;
	left: -300px
}

footer .logo {
	float: right;
	width: 240px;
	margin-right: 30px;
}

footer .logo img {
	height: 115px;
    float: right;
    margin-top: -25px;
}

*/
/*END OF INDEX*/

/***************************************************/

.inner-title {
	padding: 0 2vh;
	margin: 1.5vh 0;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
	background-color: #fff200;
	display: inline-block;
	width: auto
}

.inner-title h1 {
	font-size: 2vw
}

#video {
	display: block;
	margin: auto
}

table,
td,
th {
	border: 2px solid #fff;
	padding: 9px;
}

.one-header {
	/*
	margin: 30px auto;
	width: 100% 
	*/
}

.one-header-full {
	margin: 30px auto;
	width: 80vw
	width: 100%;
}

.one-header .col1-3 {
	width: 32.5%
}

.one-header-full tr th {
	position: relative;
	padding: 10px;
	width: 45%;
	font-weight: 500
}

.one-header-3-col {
	width: 100%;
	margin: auto;
}

.one-header-3-col tr th {
	position: relative;
	padding: 20px;
	font-weight: 500
}

.one-header tr td {
	vertical-align: top
}

.one-header-3-col .yellow-circle {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 1.5vw;
	background-color: #fff200;
	border-radius: 3vw;
	padding: 1vw 1.2vw;
	border: 1px solid #000;
	text-align: center
}

.row .col2-3 {
	display: inline-block;
	width: 64%;
}

.row .col-1-3 {
	display: inline-block;
	width: 32%;
}

.row .col1-2 {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}

.column-wrapper {
	padding: 0 1.5vw;
}

.column-wrapper .col1-2 {
	display: inline-block;
	width: 49%;
	border: 1px solid #000
}

.row.labels {
	margin-bottom: 20px;
}

.labels {
	padding: 0;
}

.labels .legend {
	font-size: 20px;
	text-align: center
}

.gradient h3 {
	font-size: 1.75vw
}

.gradient p {
	margin: 10px auto;
	font-size: 1.5vw;
	width: 100%;
	display: block
}

.gradient .content-wrapper {
	width: 100%;
	display: block;
	margin: auto;
	max-width: 1280px;
	padding: 0 1.5vw;
}

.gradient .content-wrapper .col1-1 {
	padding: 0 2vh
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.img-large {
	max-width: 100%;
	margin: 0 15%;
}

.img-large img {
	width: 100%
}

.img-medium {
	max-width: 25%;
	margin: 30px
}

.img-medium img {
	width: 100%
}

.img-small {
	max-width: 15%
}

.img-small img {
	width: 100%
}

section object {
	display: block;
	margin: auto
}

.video-page-title {
	position: absolute
}

section img {
	vertical-align: top;
	width: 100%
}

.col1-1 img {
	margin: auto;
	display: inline-block;
}

.col1-1 img.powerline1,
.col1-1 img.powerline2 {
	height: 120px;
	
}

.col1-1 img.fallen-powerlines,
.col1-1 img.house-powerline,
.col1-1 img.tree-down {
	margin-bottom: 20px;
	width: 36%;
	float: left
}

.one-header td .image-container {
	width: 3.6vw;
	height: 42px;
	display: inline-block;
	float: left;
	padding: 1vw;
	margin: 0
}

.content-wrapper .top-center {
	width: 45%;
	height: 45%;
	display: block;
	margin: auto;
	vertical-align: top;
	padding: 20px;
	position: relative
}

.content-wrapper .bottom-left {
	left: 0
}

.content-wrapper .bottom-left,
.content-wrapper .bottom-right {
	width: 45%;
	height: 45%;
	position: absolute;
	bottom: 5%;
	padding: 20px
}

.content-wrapper .bottom-right {
	right: 0;
	overflow: hidden
}

.content-wrapper .bottom-left img,
.content-wrapper .bottom-right img,
.content-wrapper .top-center img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.col2-3 .content-wrapper {
	position: relative;
	height: 75vh
}

.bottom-left .image-container,
.bottom-right .image-container,
.top-center .image-container {
	width: 8vw;
	height: 8vw;
	float: left;
	position: relative;
	z-index: 2
}

.bottom-left .image-container:hover,
.bottom-right .image-container:hover,
.top-center .image-container:hover {
	box-shadow: 0 0 15px 5px rgba(255, 255, 190, .75)
}

.bottom-left .image-container img,
.bottom-right .image-container img,
.top-center .image-container img {
	width: auto;
	max-width: 6vw;
	height: auto;
	max-height: 8vh;
	padding: 2vw;
	vertical-align: top
}

.image-wrapper .image-container {
	width: 5vw;
	display: inline-block;
	float: left;
	margin: 1.5vw 1vw;
	text-align: center;
}

.col1-3 .image-wrapper img {
	width: 4vw;
}

.col1-1 .img-medium img {
	width: 100%;
	height: auto
}

.safety-quiz {
	background: url(../images/curtain.jpg) top no-repeat #000;
	background-attachment: fixed;
	background-position: 100% 100%
}

.safety-quiz h3 {
	color: #fff;
	min-height: 6vh
}

.safety-quiz .choices-wrapper,
.safety-quiz .show-answer {
	display: block;
	margin: 24px auto
}

.safety-quiz .content-wrapper {
	display: block;
	margin: auto;
	max-width: 1280px;
	padding: 0 1.5vw;
}

.safety-quiz .choices-wrapper .ready {
	background: url(../images/ready.png) top no-repeat;
	text-align: center;
	height: 400px;
	margin: 0 2%;
	width: 28%;
	padding: 0;
}
.safety-quiz .show-answer .ready.correct {
	background: url(../images/correct.png) top no-repeat;
	text-align: center;
	height: 400px;
	width: 28%;
	margin: 0 2%;
	padding: 0;
}
.safety-quiz .show-answer .ready.wrong {
	background: url(../images/error.png) top no-repeat;
	text-align: center;
	height: 400px;
	width: 28%;
	margin: 0 2%;
	padding: 0;
}
.choices-wrapper .ready a,
.show-answer .ready a {
	padding: 20px 30px;
	display: block;
	height: 100%;
	text-decoration: none
}
.choices-wrapper .ready a {
	color: #1F2327;
}
.show-answer .ready a {
	color: #fff;
}
.col1-12 {
	display: inline-block;
	width: 5.6vw
}
.l2p17 .col1-12 {
	display: block;
	width: 60vw;
	height: 1em
}
.l2p17 .col1-12 hr {
	height: 1.1em;
	border-top: 0;
	border-bottom: 1px solid #ccc
}

.dangerous {
	width: auto
}

.col11-12 {
	display: inline-block;
	width: 90%;
	vertical-align: top
}

ul.image-match {
	list-style: none;
	margin: 0;
}

.main.lessons ul.image-match li {
	display: block;
	width: 56px;
	height: 56px;
	border: 1px dotted #cecece;
	margin-bottom: 0;
}

.main.lessons ol.sentence {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding-left: 16px;
}

.main.lessons ol.sentence li {
	height: 56px;
	margin: 14px 0 10px 0px;
}

ol.sentence .image-container {
	display: inline-block;
	width: 2.5vw;
	height: 2.5vw;
	margin: 0 3px;
	border-bottom: 1px solid #000;
	vertical-align: top;
	position: relative;
	top: -7px
}

ul.letter-wrapper {
	display: inline-block;
	width: auto;
	margin: 0
}

ul.letter-wrapper .image-container {
	display: inline-block;
	margin: 0 3px
}

ul.picture-wrapper {
	list-style: none;
	width: auto;
	display: inline;
	margin: 0
}

ul.picture-wrapper li {
	display: inline-block;
	vertical-align: top
}

ol.situation-list li {
	margin-bottom: 0.61em;
}

.bottom-sign-div-img {
	position: absolute;
	bottom: 0;
	height: 22vh;
	width: 100%;
	margin: 0 auto;
}

.bottom-sign-div-img img {
	max-height: 80%;
	max-width: 65%;
	margin-left: 18%;
	position: absolute;
	bottom: 0;
}

.bottom-sign-div-img-question {
	position: absolute;
	bottom: 0;
	height: 22vh;
	width: 100%;
	margin: 0 auto;
}

.bottom-sign-div-img-question img {
	max-height: 80%;
	max-width: 10%;
	margin-left: 21%;
	position: absolute;
	bottom: 9%;
}

.bottom-sign-div-text, .bottom-sign-div-text1, .bottom-sign-div-text2, .bottom-sign-div-text3, .bottom-sign-div-text4 {
	position: absolute;
	bottom: 0;
	height: 200px;
	width: 100%;
	margin: 0 auto;
	margin-left: 26%;
    bottom: 8.5vh;
}

.bottom-sign-div-text p {
	max-height: 100%;
	max-width: 100%;
	margin-left: 0;
	position: absolute;
	bottom: 0;
}

.bottom-sign-div-text1 p {
	max-height: 100%;
	max-width: 100%;
	margin-left: 10%;
	position: absolute;
	bottom: 0;
}

.bottom-sign-div-text2 p {
	max-height: 100%;
	max-width: 100%;
	margin-left: 12%;
	position: absolute;
	bottom: 0;
}

.bottom-sign-div-text3 p {
	max-height: 100%;
	max-width: 100%;
	margin-left: 5%;
	position: absolute;
	bottom: 0;
}

.bottom-sign-div-text4 p {
	max-height: 100%;
	max-width: 100%;
	margin-left: 2%;
	position: absolute;
	bottom: -5%;
}

.bottom-sign {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	bottom: 0;
	background: url(../images/Signboard.png) top no-repeat;
	background-position: 50% 100%;
	background-size: 50%;
	text-align: center;
	margin: 0 auto;
}

.bottom-sign .bottom-sign-text {
	margin-top:80px;
}

.bottom-sign .sign-text {
	width: 40vw;
	display: block;
	margin: auto;
	text-align: left;
}

.answer-sheet td.blank,
.answer-sheet th.blank,
.answer-sheet th img,
.responsive th img {
	width: 3vw;
	height: 3vw;
}

.img-left {
	width: 5vw;
}

.copy,
.img-left {
	display: inline-block;
	float: left;
	margin-right: 12px;
	vertical-align: top
}

.copy {
	width: 22vw
}
.bottom-sign .sign-text {
	width: 58vw;
	width: 56vw;
	margin-top: 80px;
	padding: 0 20px
}
.col1-1 img.kitchen {
	margin: 0 auto 24px;
	width: 80%;
}
.col1-1 img.img-very-large {
	width: 50vw;
	padding-top: 40px
}
.bottom-sign h4 {
	margin-top: 70px;
	max-width: auto
}
table.answer-sheet,
table.responsive {
	margin: 30px auto
}
table.answer-sheet,
table.answer-sheet tr,
table.answer-sheet tr td,
table.answer-sheet tr th {
	border: none;
}
table.answer-sheet tr th {
	padding: 0;
}
table.answer-sheet tr td.letter-answer {
	border-bottom: 1px solid #fff
}
table.spacing tr td,
table.spacing tr th {
	padding: 5px 10px
}
.l1p11 .gradient,
.l1p15 .gradient {
	background-color: #87e1ff;
	background-image: none
}
.c1 .row,
.c2 .row,
.c3 .row {
	height: 32vh;
	clear: both
}
.c1 .col1-1,
.c1 .col2-2 {
	float: left;
	width: 60%
}
.c1 .col1-2,
.c1 .col2-1 {
	float: left;
	width: 40%
}
.c1 .col1-2 .img-large,
.c1 .col2-1 .img-large {
	text-align: center
}
.c1 .col1-1 .img-very-large img,
.c1 .col1-2 .img-large img,
.c1 .col2-1 .img-large img,
.c1 .col2-2 .img-very-large img,
.c2 .col1-1 .img-very-large img,
.c2 .col2-2 .img-very-large img,
.c3 .col1-1 img,
.c3 .col2-1 img {
	max-height: 32vh;
	width: auto
}
.c2 .col1-1,
.c2 .col2-2 {
	float: left;
	width: 40%
}
.c2 .col1-2 {
	float: left;
	width: 50%;
	padding-left: 5%
}
.c2 .col2-1 {
	float: left;
	width: 55%;
	padding-right: 5%
}
.c3 .col1-1,
.c3 .col2-1 {
	width: 30%;
	float: left;
	text-align: center
}
.c3 .col1-2,
.c3 .col2-2 {
	width: 60%;
	padding-left: 5%;
	float: left
}
.c4 .image-wrapper {
	height: 66vh
}
.c4 .image-wrapper .image-container {
	height: 14vh
}
.c5 .content-wrapper {
	max-width: 100%
}
.balloon-sign {
	position: absolute;
	right: 5vw;
	max-width: 20vw
}
.clouds {
	width: 50vw;
	margin: auto;
	display: block
}
ol.expanded,
ul.expanded {
	line-height: 2
}
.meters {
	width: 80%;
}
.dials,
.meters {
	display: block;
	margin: auto
}
.bottom-sign .sign-text-l3 {
	width: 55vw;
	display: block;
	margin: auto;
	padding: 25px 0;
	margin-top: 70px
}
.bottom-sign .sign-text-l3 p {
	font-size: 1.4vw;
	text-align: left
}
.l1p11 object,
.l1p15 object {
	max-height: 820px
}
.l3p15 object {
	max-height: 766px;
	max-width: 1092px
}
.l4p4 p.kilowatts {
	width: 60%;
	margin-left: 0
}
.l4p7 p {
	line-height: 1.8em
}
.l4p7 .blank-space {
	height: 1.6em
}
.l4p7 .col-65 {
	width: 70%
}
.l3p27 .safety-quiz h3 {
	width: 90%
}
.l2p25 .choices-wrapper .ready,
.l2p25 .show-answer .ready {
	font-size: 3em;
	padding-top: 20px!important
}
.l3p3 .crossword .content-wrapper,
.l3p4 .crossword .content-wrapper {
	text-align: center
}
.no-bullets {
	list-style: none;
	margin-left: 25px
}
.no-bullets li {
	line-height: 36px;
	margin-bottom: 25px;
	margin-left: 20px
}
.col-20 {
	width: 20%;
	float: left
}
.col-22 {
	width: 22%;
	float: left
}

.col-25 {
	float: left;
	width: 25%;
}
.col-33 {
	width: 33%;
	float: left
}
.col-50 {
	width: 48%;
	float: left;
	box-sizing: border-box
}
.col-65 {
	width: 65%;
	float: left;
	padding: 0 20px
}
.col-92 {
	width: 92%;
	display: inline-block
}
.circle {
	border: 1px solid #000;
	border-radius: 50%;
	width: 50px;
	text-indent: 20px;
	height: 50px;
	position: absolute;
	left: 25px;
	margin-top: -8px
}
.circle-text {
	position: relative;
	top: 7px
}
.energy-list-table {
	width: 97%
}
.energy-list-table td {
	width: 20%;
	padding: 15px 19px 11px 12px;
	position: relative
}
.energy-list-table thead td img {
	width: 17%;
	vertical-align: middle;
	position: absolute;
	top: 20%;
	right: 5%;
}
.energy-list-table tbody td {
	vertical-align: top;
	height: 44vh;
}
.spacer-100 {
	height: 70px
}
.blank-space {
	width: 200px;
	display: inline-block;
	border-bottom: 1px solid #000;
	text-align: center
}
.left {
	float: left
}
.right {
	float: right
}
.alignR {
	text-align: right
}
.wordsBox .row:after {
	content: "";
	clear: both
}
.words {
	width: 50%;
	margin-bottom: 15px;
	min-height: 32px;
}
.answer-lesson4 {
	background: #454545;
	border-radius: 5px;
	padding: 5px 8px;
}
.dragBox {
	margin-left: 50px
}
.word-wall {
	margin-top: 20px
}
.word-list ul {
	list-style: none
}
.crossword img {
	width: 85%;
	margin-left: 0;
	margin-top: 30px;
}
.crossword-clues {
	margin-left: 5px
}
.crossword-clues ol {
	margin-left: -5px
}
.crossword-clues ol li {
	margin-bottom: 17px;
	font-size: 1.7vw
}
.practicalBox {
	text-align: center;
	margin-bottom: 25px;
	min-height: 245px;
}
.practicalBox.icon {
	min-height: 0;
}
.practicalBox img { 
	display: block;
	margin: 0 auto 18px;
	width: 40%;
}
.practicalBox.icon img {
	width: 28%;
}
.practicalBox img.balloon {
	
}
.practicalBox .battery {
	width: 30%!important
}
.sunflower img {
	margin-top: 54px;
	max-height: 520px;
	width: auto
}
.boy img {
	margin-top: 40px
}
.tfood {
	width: 33%!important
}
.twind {
	width: 27%!important
}
.twater {
	width: 11%!important
}
.atom {
	/*
	position: absolute;
	width: 32%;
	right: 0;
	top: 235px
	*/
	background: white;
	padding: 24px;
	width: 100%;
}

.lamp {
	width: 85%;
	margin-top: 75px;
	margin-left: 75px
}
.l4-keywords {
	margin: 0 auto;
	display: block;
	width: 95%;
}
.l4p8 .word-wall img,
.l4p9 .word-wall img {
	max-height: 550px;
	margin: 0 auto;
	display: block
}
.circuit-sample {
	width: 97%;
	margin-top: 100px
}
.circuit-sample img {
	width: 90%;
	margin-right: 15px
}
.series-parallel-circuits ul {
	margin-left: 60px
}
.series-parallel-circuits li {
	padding-left: 10px;
	font-size: 1.8vw;
	margin-bottom: 40px
}
.transforming-energy-img {
	margin-bottom: 0;
	margin-top: 80px
}
.image-wrapper .image-container {
	margin-bottom: 3vh;
	width: 4vw;
	height: 6vw;
}
@media screen and (min-width: 1900px) {
	.c5 .content-wrapper .full-width img {
		max-height: 17vh;
		width: auto
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px) {
	.row {
		padding: 0 20px
	}
	.l1p4 .one-header .image-wrapper.picture-match {
		height: 450px
	}
	.l1p12 #flashSWF,
	.l1p18 #flashSWF,
	.l3p2 #flashSWF,
	.l3p7 #flashSWF,
	.l3p12 #flashSWF,
	.l3p16 #flashSWF,
	.l3p17 #flashSWF {
		width: 900px!important
	}
	.l3p5 #flashSWF {
		width: 805px!important
	}
	.col1-1 img.fallen-powerlines,
	.col1-1 img.house-powerline,
	.col1-1 img.tree-down {
		max-width: 51vw;
		max-height: 40vh
	}
}

@media screen and (min-width: 1440px) and (min-height:900px) {
	.bottom-sign .sign-text {
		padding-top: 50px !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) and (min-height: 768px) and (max-height: 1024px) {
	.l1p12 #flashSWF {
		width: 1280px!important
	}
	.l3p5 #flashSWF {
		width: 1144px!important
	}
	.bottom-sign .sign-text {
		padding-top: 58px!important
	}
	.bottom-sign .bs-question {
		padding-top: 54px!important
	}
	ol.sentence {
		display: inline-block;
		width: 75vw;
		margin: 15px 0 0;
		font-size: 2vw
	}
	.l1p4 .one-header {
		margin: 0 auto;
		height: 64vh
	}
	.l1p4 .one-header th {
		height: 4vh
	}
	.l1p4 .one-header td .image-container {
		height: 12vh;
		padding: 0 1vw 0 0;
		width: 8.3vw
	}
	.l1p4 .row .col1-3 {
		padding-top: 4vh
	}
	.l1p7 .gradient p,
	.l1p8 .gradient p,
	.l1p9 .gradient p,
	.l1p10 .gradient p,
	.l1p14 .gradient h3,
	.l1p14 .gradient h4,
	.l1p14 .gradient li,
	.l1p17 .gradient p {
		font-size: 2.5vh
	}
	.l1p7 .col1-1,
	.l1p7 .col1-2,
	.l1p7 .col2-1,
	.l1p7 .col2-2 {
		width: 49%
	}
	.l1p7 .col1-2 .img-large img,
	.l1p7 .col2-1 .img-large img {
		max-height: 38vh
	}
	.l1p7 .col2-1 .img-large img {
		margin-top: -4vh
	}
	.l1p8.c2 .col1-2 {
		width: 40%;
		padding-left: 15%
	}
	.l1p9.c3 .col1-2,
	.l1p9.c3 .col2-2 {
		width: 55%;
		padding-left: 10%
	}
	.l1p10 .row .col2-3 {
		width: 56%
	}
	.l1p10 .col1-3 {
		width: 40%
	}
	.l1p14 .img-medium {
		max-width: 40%
	}
	.l1p14 .img-medium img {
		width: 100%
	}
	.l1p17 .img-small {
		width: 20%;
		max-width: 20%;
		margin: 40px 10px
	}
	.l1p17 .copy {
		width: 60%
	}
	.l1p19 .col1-1 img {
		max-width: 80vw
	}
	.l2p2 ul.letter-wrapper .image-container {
		width: 5vw;
		height: 5vw
	}
	.l2p2 ul.picture-wrapper li {
		width: 6vw;
		height: 6vw;
		margin-right: 1vw
	}
	.l2p2 ul.image-match li,
	.l2p3 ul.image-match li {
		height: 5vw;
		width: 5vw
	}
	.l2p2 ol.sentence li,
	.l2p3 ol.sentence li {
		height: 5vw;
		margin-left: 3vw;
		margin-top: .7vw
	}
	.l2p2 ol.sentence .image-container,
	.l2p3 ol.sentence .image-container {
		margin: 12px 3px 0
	}
	.l2p5 .childtree {
		max-height: 55vh;
		width: auto;
	}
	.l2p10 .table-wrapper table.responsive tbody tr:nth-child(2) td,
	.l2p11 .table-wrapper table.responsive tbody tr:nth-child(2) td {
		text-align: center;
		padding: .4em
	}
	.l2p10 .answer-sheet td,
	.l2p10 .answer-sheet td.blank,
	.l2p11 .answer-sheet td,
	.l2p11 .answer-sheet td.blank {
		height: 2.8vh
	}
	.image-wrapper .image-container {
		width: 4.5vw;
		height: 3.5vw
	}
	ol.situation-list li {
		line-height: 2;
		font-size: 1.8vw
	}
	.l3p8 .transforming-energy-img {
		margin-top: 80px
	}
	.l3p9 .transforming-energy-img,
	.l3p10 .transforming-energy-img {
		margin-top: 100px
	}
	.l3p8 .gradient .col65 p,
	.l3p9 .gradient .col65 p,
	.l3p10 .gradient .col65 p {
		line-height: 2.6em
	}
	.l3p8 .gradient .col65 p .blank-space,
	.l3p9 .gradient .col65 p .blank-space,
	.l3p10 .gradient .col65 p .blank-space {
		height: 2em
	}
	.l3p15 object {
		max-height: 746px;
		width: 1068px
	}
	.l1p11 object,
	.l1p15 object {
		max-height: 808px;
		width: 1074px
	}
	.l3p20 .bottom-sign .sign-text-l3 {
		margin-top: 10px;
	}
	.l3p20 .digital-meters {
		max-width: 1200px
	}
	.l3p21 .dials {
		max-width: 600px
	}
	.l4p2 .sunflower img {
		margin-top: 7px;
		max-height: 305px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-width: 800px
	}
	.l4-keywords {
		max-width: 1200px
	}
	.col1-1 img.fallen-powerlines,
	.col1-1 img.house-powerline,
	.col1-1 img.tree-down {
		margin-left: 20px;
		max-height: 41vh
	}
	.col1-1 img.dangerous {
		max-height: 40vh;
		max-width: 90vw
	}
	.bottom-sign .question {
		left: 20vw!important
	}
	.choices-wrapper .ready,
	.safety-quiz .show-answer .ready.wrong,
	.show-answer .ready {
		margin: 0 20px!important
	}
	.col1-1 img.kitchen {
		width: 90vw
	}
}
@media screen and (max-width: 1280px) and (max-height: 800px) {
	.bottom-sign .sign-text,
	.bottom-sign h3 {
		margin-top: 0!important
	}
	.bottom-sign .sign-text {
		padding-top: 50px!important
	}
	.bottom-sign .bs-question {
		padding-top: 45px!important
	}
	.lamp {
		margin-top: 0!important
	}
	.row {
		padding: 0 20px
	}
	.boy img {
		margin-top: 0
	}
	.l4-keywords {
		max-width: 1000px
	}
}
@media screen and (max-width: 1920px) and (max-height: 1080px) {
	.bottom-sign .sign-text,
	.bottom-sign h3 {
		margin-top: 0!important
	}
	/*.bottom-sign .sign-text {
		padding-top: 95px
	}*/
	.bottom-sign .bs-question {
		padding-top: 80px
	}
	.l3p5 #flashSWF {
		width: 1222px
	}
}
@media screen and (min-width: 1920px) {
	.choices-wrapper .ready a {
		font-size: 1vw
	}
	.l1p12 #flashSWF,
	.l1p18 #flashSWF,
	.l2p6 #flashSWF,
	.l2p7 #flashSWF,
	.l3p2 #flashSWF,
	.l3p7 #flashSWF,
	.l3p12 #flashSWF,
	.l3p16 #flashSWF,
	.l3p17 #flashSWF,
	.l4p6 #flashSWF {
		width: 1357px
	}
	.content-wrapper .bottom-left,
	.content-wrapper .bottom-right,
	.content-wrapper .top-center {
		width: 22vw;
		height: 22vw
	}
	.dials {
		width: 60%
	}
	.col1-1 img {
		max-width: 40vw
	}
	.energy-list-table tbody td {
		height: 600px
	}
	.energy-list-table thead td img {
		width: 12%
	}
	.energy-list-table thead td .tfood {
		width: 26%!important
	}
	.energy-list-table thead td .twind {
		width: 21%!important
	}
	.energy-list-table thead td .twater {
		width: 8%!important
	}
	.sunflower img {
		margin-top: 85px
	}
	.row {
		padding: 0 20px
	}
	.col1-1 img.powerline1,
	.col1-1 img.powerline2,
	.labels .col1-1 img.dangerous {
		max-width: 45vw
	}
	.l1p4 .one-header .image-wrapper.picture-match {
		height: 650px
	}
	.l1p12 #flashSWF {
		width: 1357px
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px) {
	.l1p11 object,
	.l1p15 object {
		max-height: 540px
	}
	.bottom-sign .sign-text {
		margin-top: 46px;
		padding-top: 0
	}
	.l2p6 object,
	.l2p7 object {
		max-height: 600px;
		max-width: 878px
	}
	.bottom-sign .question {
		left: 25vh!important
	}
	.safety-quiz .choices-wrapper,
	.safety-quiz .show-answer {
		margin: 0
	}
	.safety-quiz .choices-wrapper .ready,
	.safety-quiz .show-answer .ready {
		margin: 0 20px!important;
		height: 70vh!important
	}
	.col1-1 img.kitchen {
		width: 57vw
	}
	.l3p8 .gradient .col-65 p,
	.l3p9 .gradient .col-65 p,
	.l3p10 .gradient .col-65 p {
		line-height: 2em!important
	}
	.practicalBox img.balloon {
		min-height: 0
	}
	.l3p15 object {
		max-height: 514px;
		max-width: 736px
	}
	.l3p20 .digital-meters {
		max-width: 900px;
		margin-top: 30px
	}
	.bottom-sign .sign-text-l3 {
		margin-top: 16px
	}
	.l3p21 .dials {
		max-width: 700px
	}
	.l4p2 .boy img {
		max-height: 280px;
		width: auto
	}
	.l4p2 .sunflower img {
		margin-top: 0;
		max-height: 295px
	}
	.l4p6 object {
		max-height: 600px;
		max-width: 880px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-height: 295px
	}
	.l4-keywords {
		max-height: 440px
	}
	.bottom-sign .sign-text {
		margin-top: 42px!important
	}
	.bottom-sign .sign-text h3 {
		margin: -44px 0 0!important
	}
	.no-bullets li {
		margin-left: 0
	}
}

.bottom-sign .sign-text h3 {
	margin: 140px 0 0
}
.bottom-sign p {
	margin: 0
}
.l2p5 .childtree {
	max-height: 45vh;
	width: auto
}
.l2p10 .table-wrapper table.responsive tbody tr:nth-child(2) td,
.l2p11 .table-wrapper table.responsive tbody tr:nth-child(2) td {
	text-align: center;
	padding: .4em
}
.l2p10 .answer-sheet td,
.l2p10 .answer-sheet td.blank,
.l2p11 .answer-sheet td,
.l2p11 .answer-sheet td.blank {
	height: 2.8vh
}
.l2p13 .row .col1-3 img {
	max-height: 22vh;
	width: auto
}
.l2p19 .row2 {
	display: none
}
#video-btn img {
	height: 100%;
	width: 100%
}
.l2p18 .col1-1 img,
.l2p19 .col1-1 img,
.l2p20 .col1-1 img,
.l2p21 .col1-1 img {
	max-height: 50vh;
	width: auto
}
.bottom-sign .question {
	height: 27vh;
	width: auto;
	float: left;
	position: relative;
	left: 41vh;
	margin-top: -24vh;
}
.l2p11 table.answer-sheet tr td.letter-answer {
	text-align: center
}
.hidden {
	display: none!important
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
.invisible {
	visibility: hidden
}
.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.picture-match #item1 {
	padding: 0
}
.picture-match #item2 {
	width: 40%
}
.picture-match #item3,
.picture-match #item4,
.picture-match #item5,
.picture-match #item6,
.picture-match #item7,
.picture-match #item8,
.picture-match #item9 {
	padding: 0
}
.picture-match #item10 {
	width: 40%
}
.picture-match #item11,
.picture-match #item12,
.picture-match #item13,
.picture-match #item14,
.picture-match #item15,
.picture-match #item16,
.picture-match #item17 {
	padding: 0
}
@media print {
	*,
	:after,
	:before {
		background: transparent!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href)")"
	}
	abbr[title]:after {
		content: " (" attr(title)")"
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.gradient h3 {
		font-size: 2vw
	}
	.gradient p {
		font-size: 1.75vw
	}
	.img-very-large {
		max-width: 30vw
	}
	.img-medium {
		max-width: 20%
	}
	.img-small {
		max-width: 10%;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2vw;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.gradient h3 {
		font-size: 2vw
	}
	.gradient p {
		font-size: 1.75vw
	}
	.img-very-large {
		max-width: 30vw;
		margin: 2vw
	}
	.img-medium {
		max-width: 20%
	}
	.img-small {
		max-width: 10%;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2vw;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	.col1-1 .full-width img {
		width: 70%!important
	}
	html {
		line-height: 1.2
	}
	.labels .content-wrapper .bottom-left,
	.labels .content-wrapper .bottom-right,
	.labels .content-wrapper .top-center {
		width: 21vw!important;
		height: 21vw!important
	}
	.bottom-sign h3 {
		margin: 1em 0 0!important
	}
}
@media (max-device-width: 1280px) and (orientation: landscape) {
	.gradient h3 {
		font-size: 1.5em
	}
	.gradient p {
		font-size: 1em
	}
	.img-large {
		max-width: 33vw;
		margin: 0 auto;
	}
	.img-medium {
		max-width: 20vw
	}
	.img-small {
		max-width: 10vw;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 1.5em;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
}
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
	.gradient h3 {
		font-size: 1.5em
	}
	.gradient p {
		font-size: 1em
	}
	.col1-1 .img-large img {
		max-width: 33vw
	}
	.col1-1 .img-medium img {
		max-width: 20vw
	}
	.col1-1 .img-small img {
		max-width: 10vw;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 1.5em;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
	.gradient h3 {
		font-size: 2vw
	}
	.gradient p {
		font-size: 1.5vw
	}
	.col1-1 .img-large img {
		max-width: 33vw
	}
	.col1-1 .img-medium img {
		max-width: 20vw
	}
	.col1-1 .img-small img {
		max-width: 10vw;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2vw;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
	.gradient h3 {
		font-size: 1.5em
	}
	.gradient p {
		font-size: 1em
	}
	.img-large img {
		max-width: 33vw
	}
	.img-small img {
		max-width: 10vw;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 1.5em;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px
	}
	.col1-1 img {
		max-width: 45vw!important;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
}

@media only screen and (min-device-width: 1367px) and (max-device-width: 1600px) {
	html {
		font-size: 2vw
	}
	.inner-title h1 {
		font-size: 3vw;
		margin: 1vh 0
	}
	.gradient .bottom-sign p {
		margin: 13vh 0;
		font-size: 1.25vw;
		text-align: center;
	}
	.gradient .dangeroussituations {
		margin: 10vh 0;
	}
	.col1-1 .img-small img {
		margin: 0 30px 40px
	}
	.gradient h3 {
		font-size: 2.25vw;
		margin-top: 0
	}
	.inner-title {
		margin: 3vh 0
	}
	.img-large img.generator {
		height: 40vw;
		position: relative;
		padding: 1vw 2vw 0
	}
	.col1-1 .img-large img.atoms {
		max-width: 35vw;
		height: 30vw;
		position: relative;
		top: -10vw
	}
	.col1-1 img {
		max-width: 80vw;
		height: 25vh
	}
	.col1-1 .img-very-large img.gas-turbine {
		width: 50vw;
		padding: 1vw 3vw
	}
	.col1-1 .img-very-large img.hydro,
	.col1-1 .img-very-large img.steam-power {
		width: 38vw;
		padding: 1vw;
		height: 23vw
	}
	.col1-1 .img-very-large img.wind-turbine {
		width: 33vw;
		padding: 1vw;
		height: 31vw;
		position: relative;
		top: -5vw
	}
	.col1-1 h4 {
		margin: .5vw 2vw
	}
	html {
		line-height: 1.2
	}
	#solar-panels {
		margin-top: 20vh
	}
	.col1-1 img#circuits {
		width: 95vw;
		height: auto
	}
	.img-large img.generator {
		max-width: 35vw;
		width: 25vw;
		height: 30vw
	}
}
@media only screen and (device-height: 900px) and (device-width: 1600px) {
	html {
		font-size: 1.25vw
	}
	.image-wrapper .image-container {
		width: 3vw;
		height: 2vw;
		margin: 2vw 1vw
	}
	.one-header td .image-container {
		width: 3vw;
		height: 2vw
	}
	.img-large img.generator {
		max-width: 35vw;
		width: 20vw;
		height: 25vw
	}
	.gradient h3 {
		font-size: 1.75vw
	}
	.gradient p {
		font-size: 1.5vw
	}
	img.atoms {
		max-width: 35vw;
		width: 20vw;
		height: 20vw;
		position: relative
	}
	.col1-1 .img-large img.atoms {
		max-width: 35vw;
		width: 25vw;
		height: 25vw;
		position: relative
	}
	.col1-1 .img-very-large img.gas-turbine {
		width: 30vw;
		padding: 1vw 3vw
	}
	.col1-1 .img-very-large img.hydro {
		width: 23vw;
		padding: 1vw;
		height: 16vw;
		position: relative;
		top: -2vw
	}
	.col1-1 .img-very-large img.wind-turbine {
		width: 25vw;
		padding: 1vw;
		height: 22vw;
		position: relative;
		top: -27vh
	}
	.col1-1 .img-very-large img.steam-power {
		width: 33vw;
		padding: 1vw;
		height: 18vw
	}
	.content-wrapper .bottom-left,
	.content-wrapper .bottom-right,
	.content-wrapper .top-center {
		width: 22vw;
		height: 22vw
	}
	.col1-3 .image-wrapper {
		margin-bottom: 3vw
	}
	.inner-title h1 {
		font-size: 2vw
	}
	.col1-1 img#circuits {
		width: 60vw
	}
	.col1-1 img {
		max-width: 65vw;
		height: 66vh
	}
	.col1-1 .substation {
		max-width: 65vw;
		height: 24vh
	}
	.col1-1 .full-widthpowerline1, .col1-1 .full-widthpowerline2 {
		max-width: 40vw;
		height: 30vh
	}

	.col1-1 .dangerous {
		height: 30vh
	}

	.col1-1 .img-very-largeslippery {
		height: 25vh
	}
}
@media only screen and (device-height: 768px) and (device-width: 1366px) {
	.crossword img {
		width: 55%
	}
	.crossword-clues ol li {
		margin-bottom: 20px;
		font-size: 1.5vw
	}
	.circuit-sample img {
		width: 75%
	}
	.practicalBox {
		min-height: 295px
	}
	.practicalBox img {
		width: 30%;
		margin: 0 auto 10px
	}
	.practicalBox {
		margin-bottom: 30px
	}
	.practicalBox img#bulb {
		margin-top: 62px
	}
	html {
		font-size: 1vw
	}
	.image-wrapper .image-container,
	.one-header td .image-container {
		width: 4vw;
		height: 3vw
	}
	.inner-title h1 {
		font-size: 1.5vw
	}
	.gradient p {
		font-size: 1vw
	}
	.col1-1 .img-very-large img {
		max-width: 20vw;
		max-height: 10vw
	}
	.col1-1 .img-large img {
		width: 40vw!important
	}
	.gradient h3 {
		font-size: 1.25vw
	}
	.row .content-wrapper .bottom-left,
	.row .content-wrapper .bottom-right,
	.row .content-wrapper .top-center {
		width: 20vw;
		height: 20vw
	}
	.col1-1 .full-width img {
		max-width: 60vw
	}
	.img-large img.generator {
		max-width: 22vw;
		height: 30vw;
		position: relative;
		padding: 1vw 2vw 0
	}
	.col1-1 .img-large img.atoms {
		max-width: 25vw;
		height: 22vw;
		position: relative;
		top: -10vw
	}
	.bottom-left .image-container,
	.bottom-right .image-container,
	.top-center .image-container {
		width: 10vw;
		height: 10vw
	}
	.bottom-left .image-container img,
	.bottom-right .image-container img,
	.top-center .image-container img {
		max-width: 4vw;
		padding: 1vw
	}
	.col1-3 .img-large img {
		width: 30vw
	}
	.safety-quiz #state.choices-wrapper .ready {
		height: 50vh;
		width: 220px;
		margin-right: 100px;
		padding: 0
	}
}
@media (device-height: 768px) and (device-width: 1024px) {
	.one-header-3-col .yellow-circle {
		position: absolute;
		top: -1px;
		left: -10px;
		width: 1.5vw;
		background-color: #fff200;
		border-radius: 3vw;
		padding: 1vw 1.2vw;
		border: 1px solid #000;
		text-align: center
	}
	.l1p4 .one-header {
		margin: 0 auto;
		width: auto;
		height: 62vh
	}
	.l1p4 .one-header tbody tr:first-of-type th {
		height: 4vh
	}
	.l1p4 .image-wrapper .image-container {
		height: 8vh
	}
	.l1p7 .gradient p,
	.l1p8 .gradient p,
	.l1p9 .gradient p,
	.l1p17 .gradient p {
		font-size: 2.5vh
	}
	.l1p7 .col1-1,
	.l1p7 .col1-2,
	.l1p7 .col2-1,
	.l1p7 .col2-2 {
		width: 50%
	}
	.l1p7 .col1-2 .img-large img,
	.l1p7 .col2-1 .img-large img {
		max-height: 38vh
	}
	.l1p7 .col2-1 .img-large img {
		margin-top: -4vh
	}
	.l1p8.c2 .col1-2 {
		width: 45%;
		padding-left: 10%
	}
	.l1p10 .row .col2-3 {
		width: 56%
	}
	.l1p10 .col1-3 {
		width: 40%
	}
	.l1p14 .img-medium {
		max-width: 40%
	}
	.l1p14 .img-medium img {
		width: 100%
	}
	.l1p17 .img-small {
		width: 20%;
		max-width: 20%;
		margin: 40px 10px
	}
	.l1p17 .copy {
		width: 60%
	}
	.l1p19 .col1-1 img {
		max-width: 80vw
	}
	.nav-wrapper ul li {
		width: 90px;
		overflow: hidden;
		position: relative;
		margin: 0 10px
	}
	ol.sentence {
		display: inline-block;
		width: 75vw;
		margin: 15px 0 0;
		font-size: 2vw
	}
	.bottom-sign .bs-question {
		padding-top: 0!important
	}
	.gradient h3 {
		font-size: 2vw;
		padding: 0 20px
	}
	.gradient .labels p {
		font-size: 1.8vw!important
	}
	.img-very-large {
		max-width: 50vw;
		margin: auto
	}
	.img-medium {
		max-width: 20%
	}
	.img-small {
		max-width: 10%;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2vw;
		margin: .5em 0
	}
	.gradient p {
		font-size: 1.8vw;
		margin: 12px auto
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2;
		font-size: 1.75vw
	}
	.c1 .col1-1 .img-very-large img,
	.c1 .col1-2 .img-large img,
	.c1 .col2-1 .img-large img,
	.c1 .col2-2 .img-very-large img,
	.c2 .col1-1 .img-very-large img,
	.c2 .col2-2 .img-very-large img,
	.c3 .col1-1 img,
	.c3 .col2-1 img {
		max-height: 38vh;
		width: auto
	}
	.col1-1 img.steam-power,
	.col2-1 img.wind-turbine {
		position: relative;
		top: 0;
		height: 30vh
	}
	.col1-1 img {
		max-width: 55vw
	}
	.labels .content-wrapper .bottom-left,
	.labels .content-wrapper .bottom-right,
	.labels .content-wrapper .top-center {
		width: 27vw!important;
		height: 27vw!important
	}
	.bottom-left .image-container,
	.bottom-right .image-container,
	.top-center .image-container {
		width: 7vw;
		height: 7vw
	}
	.col1-1 img#circuits {
		max-width: 58vw
	}
	.c5 .content-wrapper .full-width img {
		max-height: 18vh
	}
	.l2p5 .childtree {
		max-height: 42vh;
		width: auto
	}
	.bottom-sign .sign-text h3 {
		margin: 2em 0 0
	}
	.bottom-sign h3 {
		margin: 2em 0 0!important
	}
	.nav-wrapper ul li {
		display: inline-block;
		width: 100px;
		height: 70px;
		margin: 0
	}
	.gradient .sign-text h3 {
		font-size: 1.8vw
	}
	.col1-1 img.powerline {
		max-width: 60vw!important
	}
	.col1-1 img.dangerous {
		max-width: 70vw
	}
	.l2p18 .col1-1 img,
	.l2p19 .col1-1 img,
	.l2p20 .col1-1 img,
	.l2p21 .col1-1 img {
		display: block
	}
	.img-small.emergency-wrapper-plan {
		width: 20%!important
	}
	.col1-1 ul li {
		font-size: 1.8vw
	}
	.safety-quiz .choices-wrapper .ready {
		height: 55vh;
		width: 15vw;
		padding: 0
	}
	.image-wrapper .image-container {
		width: 4.5vw!important;
		height: 4.5vw!important
	}
	.c2 .col1-1 .img-very-large img.turbines,
	.c2 .col2-2 .img-very-large img.hydro {
		width: 35vw
	}
	.gradient h4 {
		margin: 1em 0
	}
	/*.bottom-sign .sign-text {
		margin-top: 42px
	}*/
	ol.situation-list li {
		line-height: 1.6;
		margin-bottom: 5vh
	}
	.img-small.emergency-plan-wrapper {
		max-width: 20%
	}
	.safety-quiz .choices-wrapper,
	.safety-quiz .show-answer {
		display: block;
		margin: 3vh auto
	}
	.safety-quiz .choices-wrapper .ready,
	.safety-quiz .show-answer .ready.correct {
		height: 61vh;
		width: 24vw;
		margin-right: 50px;
		padding: 2vw
	}
	.safety-quiz .show-answer .ready.correct {
		background: url(../images/correct.png) top no-repeat
	}
	.safety-quiz .show-answer .ready.wrong {
		background: url(../images/error.png) top no-repeat;
		text-align: center;
		height: 61vh;
		width: 24vw;
		margin-right: 50px;
		padding: 2vw
	}
	.crossword-clues ol li {
		margin-bottom: 25px
	}
	.meters {
		width: 45vw
	}
	.practicalBox img.balloon {
		min-height: 195px
	}
	.practicalBox {
		margin-bottom: 20px
	}
	.img-small.question {
		max-width: 15%;
		margin: 20px 50px
	}
	ol.expanded,
	ul.expanded {
		line-height: 2.3
	}
	.clouds {
		position: relative;
		top: -5vh
	}
	section img.digital-meters {
		width: 80vw;
		display: block;
		margin: auto
	}
	.dials {
		display: block;
		margin: auto!important;
		width: 50vw!important;
		max-width: 50vw!important
	}
	ul.sentence li {
		line-height: 1.2;
		margin-bottom: 10px
	}
	.circle {
		width: 30px;
		text-indent: 10px;
		height: 30px;
		margin-top: 0
	}
	.circle-text {
		position: relative;
		top: -3px
	}
	.sunflower img {
		max-height: 175px;
		width: auto;
		margin: 0
	}
	section .boy img {
		width: 70%;
		margin: 0
	}
	.atom {
		position: absolute;
		width: 27%;
		right: 40px;
		top: 200px
	}
	.lamp {
		margin-top: -30px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-height: 300px
	}
	.word-wall {
		margin-top: 50px
	}
	.l4-keywords {
		max-height: 65vh
	}
	.l2p6 #flashSWF,
	.l2p7 #flashSWF,
	.l4p6 #flashSWF {
		width: 100%;
		height: 100%
	}
}
@media only screen and (device-height: 1080px) and (device-width: 1920px) {
	html {
		font-size: 1.3vw
	}
	.one-header td .image-container {
		width: 4vw;
		height: 3vw
	}
	.image-wrapper .image-container {
		width: 3vw;
		height: 1.5vw
	}
	.one-header {
		width: 46vw
	}
	.img-large {
		width: 20vw
	}
	.col1-1 img {
		width: 29vw
	}
	.col1-1 .img-very-large img.wind-turbine {
		width: 25vw;
		padding: 1vw;
		height: 20vw;
		position: relative;
		top: -8vw
	}
	#solar-panels {
		margin-top: 5vh;
		width: 25vw;
		max-width: 100%
	}
	.content-wrapper .bottom-left,
	.content-wrapper .bottom-right,
	.content-wrapper .top-center {
		width: 22vw;
		height: 22vw
	}
	.col1-1 .full-width img {
		width: 50vw
	}
	.gradient h3 {
		font-size: 1.5vw
	}
	.col1-3 .image-wrapper {
		margin-bottom: 1vw
	}
	.col1-1 img#circuits {
		width: 90vw
	}
	.col1-1 .img-large img.atoms {
		width: 20vw;
		height: 20vw;
		position: relative
	}
	.labels .col1-1 img.dangerous,
	.labels .col1-1 img.powerline {
		width: 100%
	}
	ol.situation-list>li {
		margin-bottom: 30px!important
	}
	.dials {
		width: 40vw
	}
	.sunflower img {
		max-height: 45vh
	}
	.col1-1 img.powerline1,
	.col1-1 img.powerline2 {
		max-width: 45vw;
		width: 45vw
	}
}
@media (device-height: 1024px) and (device-width: 1280px) {
	.one-header td .image-container {
		width: 4.5vw;
		height: 3.2vw
	}
	.gradient h3 {
		font-size: 2.25vw
	}
	.img-large img {
		max-width: 33vw
	}
	.img-small img {
		max-width: 10vw;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2.5vw;
		margin: .5em 0
	}
	.gradient p {
		margin: 15px auto 25px;
		width: 95%;
		font-size: 2vw
	}
	.col1-1 img {
		max-width: 40vw;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2
	}
	.col1-1 .img-large img.atoms {
		max-width: 33vw;
		height: 28vw;
		position: relative;
		top: -12vw
	}
	.img-large img.generator {
		max-width: 20vw;
		height: 27vw;
		position: relative;
		padding: 1vw 2vw 0
	}
	.col1-1 .img-very-large img.hydro {
		width: 30vw;
		padding: 2vw;
		height: 16vw;
		position: relative;
		top: -2vw
	}
	.col1-1 .img-very-large img.wind-turbine {
		width: 25vw;
		padding: 1vw;
		height: 22vw;
		position: relative;
		top: -18vh
	}
	.col1-1 .img-very-large img.steam-power {
		width: 28vw;
		padding-right: 3vw;
		height: 20vw
	}
	.col1-1 .full-width img {
		max-width: 65vw
	}
	.col1-1 .img-left {
		width: 8vw
	}
	.col1-1 img#circuits {
		max-width: 75vw
	}
	.labels .legent {
		margin-top: 3vw
	}
	.copy {
		width: 30vw
	}
	.content-wrapper .top-center {
		width: 22vw;
		height: 22vw;
		display: block;
		margin: auto;
		background-size: 100% 100%;
		vertical-align: top;
		padding: 20px;
		position: relative
	}
	.content-wrapper .bottom-left {
		left: 0
	}
	.content-wrapper .bottom-left,
	.content-wrapper .bottom-right {
		width: 22vw;
		height: 22vw;
		display: inline-block;
		background-size: 100% 100%;
		position: absolute;
		bottom: 0;
		padding: 20px
	}
	.content-wrapper .bottom-right {
		right: 0
	}
	.content-wrapper h4 {
		margin: .75vw 0
	}
	.l2p5 .childtree {
		max-height: 50vh;
		width: auto
	}
	ol.sentence {
		width: 90vw
	}
	ol.sentence li {
		font-size: 2vw
	}
	.gradient .sign-text h3,
	.gradient .sign-text p {
		font-size: 1.5vw
	}
	table.responsive tr td,
	table.responsive tr th {
		font-size: 1.8vw;
		line-height: 1.8
	}
	.answer-sheet td.blank,
	.answer-sheet th.blank,
	.answer-sheet th img,
	.responsive th img {
		width: 4vw!important;
		height: 4vw!important
	}
	.col1-1 img.powerline {
		max-width: 70vw
	}
	.col1-1 img.dangerous {
		max-width: 85vw
	}
	.bottom-sign .question {
		position: relative;
		left: 35vh;
		margin-top: -22vh
	}
	.gradient .box-sign h3,
	.gradient .box-sign p {
		font-size: 1.8vw
	}
	.bottom-sign h3 {
		margin: 2em 0 0
	}
	.l2p18 .col1-1 img,
	.l2p19 .col1-1 img,
	.l2p20 .col1-1 img,
	.l2p21 .col1-1 img {
		max-height: 55vh;
		width: auto
	}
	.row .col1-3.emergency-plan-wrapper {
		max-width: 100%;
		margin: 0;
		padding: 0
	}
	.row .col1-3.emergency-plan-wrapper img {
		max-width: 80%;
		width: 70%
	}
	ol.situation-list li {
		font-size: 2vw;
		line-height: 2
	}
	.col1-1 img.img-very-large.slippery {
		width: 65vw;
		max-width: 65vw
	}
	.content-wrapper .col1-1 img.kitchen {
		width: 55vw;
		max-width: 55vw
	}
	.meters {
		width: 50vw;
		max-width: 50vw;
		display: block
	}
	.bottom-sign .sign-text-l3 {
		padding: 35px 0!important
	}
	.content-wrapper img.clouds {
		width: 65vw!important
	}
	ul.expanded li {
		font-size: 1.8vw
	}
	.img-large.dials {
		max-width: 90%
	}
	ol.expanded,
	ul.expanded {
		line-height: 2;
		font-size: 1.65vw
	}
	.sunflower img {
		max-height: 300px
	}
	.energy-list-table tbody td {
		vertical-align: top;
		height: 450px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-height: 350px;
		margin: 0 auto;
		display: block;
		width: auto
	}
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	html {
		font-size: 1.5vw
	}
	/*.bottom-sign .sign-text {
		margin-top: 95px
	}*/
	.col1-1 .img-very-large img {
		max-width: 55vw;
		max-height: 25vw
	}
	.bottom-sign .sign-text-13 {
		padding: 70px 0 20px
	}
	.gradient h3,
	.gradient p {
		font-size: 1.55vw
	}
	.col1-1 .img-very-large img.steam-power {
		max-width: 25vw;
		max-height: 25vw
	}
	.inner-title h1 {
		font-size: 1.7vw
	}
	.c5 .content-wrapper .full-width img {
		max-height: 20vh
	}
	ol.situation-list li {
		line-height: 1.8
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .correct.ready,
	.safety-quiz .show-answer .wrong.ready {
		width: 285px
	}
	.gradient {
		background: url(../images/gradient.png) 50% no-repeat fixed #bbe1f6;
		background-position: 100% 100%
	}
	.clouds {
		position: relative;
		top: -7vh
	}
	.l1p8 .col2-2 .img-very-large {
		margin: 100px auto 0
	}
	.l1p11 object,
	.l1p15 object {
		max-height: 770px;
		max-width: 1100px
	}
	.l1p14 .col1-1 ul li {
		font-size: .8em
	}
	.answer-sheet td.blank,
	.answer-sheet th.blank,
	.answer-sheet th img,
	.responsive th img {
		height: 2.9vw!important;
		width: 2.9vw!important
	}
	.col1-1 img.fallen-powerlines,
	.col1-1 img.house-powerline,
	.col1-1 img.tree-down {
		max-height: 48vh
	}
	.l2p23 ol.situation-list li {
		font-size: .8em;
		line-height: 1.4em
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .correct.ready,
	.safety-quiz .show-answer .wrong.ready {
		margin-right: 10px!important;
		margin-top: 60px
	}
	.choices-wrapper .ready a,
	.show-answer .ready a {
		padding: 0 20px;
		font-size: .9em
	}
	.col1-1 img.kitchen {
		width: 45vw!important
	}
	.l3p3 .crossword img,
	.l3p4 .crossword img {
		max-height: 740px;
		width: auto
	}
	.l3p8 .col-65 img,
	.l3p9 .col-65 img,
	.l3p10 .col-65 img {
		max-height: 500px;
		width: auto
	}
	.l3p9 .col-65 img,
	.l3p10 .col-65 img {
		margin-top: 100px
	}
	.l3p8 .col-65 p .blank-space,
	.l3p9 .col-65 p .blank-space,
	.l3p10 .col-65 p .blank-space {
		height: 1.6em
	}
	.l3p11 .practicalBox img {
		max-width: 180px;
		width: auto!important;
		max-height: 200px;
		height: auto;
		margin-top: 50px
	}
	.l3p13 .clouds {
		max-width: 55vw
	}
	.l3p15 object {
		max-height: 724px;
		max-width: 1038px
	}
	.l3p14 .gradient h2,
	.l3p14 .gradient p,
	.l3p14 .gradient td {
		font-size: .9em!important
	}
	.l3p20 .sign-text-l3 p {
		font-size: 1.2vw!important;
		margin-top: 0
	}
	.l4p3 .gradient .energy-list-table tbody td {
		height: 510px
	}
	.l4p4 .atom {
		margin-top: 80px
	}
	.l4p5 .lamp {
		margin-top: 40px
	}
	.l4p6 object {
		max-height: 1000px;
		max-width: 1280px
	}
	.l4p7 .gradient .col-65 p {
		font-size: .9em!important
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-width: 1000px!important;
		max-height: 600px!important
	}
}
@media (-ms-high-contrast: active) and (device-height: 768px) and (device-width: 1024px),
(-ms-high-contrast: none) {
	.one-header-3-col .yellow-circle {
		position: absolute;
		top: -1px;
		left: -10px;
		width: 1.5vw;
		background-color: #fff200;
		border-radius: 3vw;
		padding: 1vw 1.2vw;
		border: 1px solid #000;
		text-align: center
	}
	.l1p4 .one-header {
		margin: 0 auto;
		width: auto;
		height: 62vh
	}
	.l1p4 .one-header tbody tr:first-of-type th {
		height: 4vh
	}
	.l1p4 .image-wrapper .image-container {
		height: 8vh
	}
	.l1p7 .gradient p,
	.l1p8 .gradient p,
	.l1p9 .gradient p,
	.l1p17 .gradient p {
		font-size: 2.5vh
	}
	.l1p7 .col1-1,
	.l1p7 .col1-2,
	.l1p7 .col2-1,
	.l1p7 .col2-2 {
		width: 50%
	}
	.l1p7 .col1-2 .img-large img,
	.l1p7 .col2-1 .img-large img {
		max-height: 38vh
	}
	.l1p7 .col2-1 .img-large img {
		margin-top: -4vh
	}
	.l1p8.c2 .col1-2 {
		width: 45%;
		padding-left: 10%
	}
	.l1p10 .row .col2-3 {
		width: 56%
	}
	.l1p10 .col1-3 {
		width: 40%
	}
	.l1p14 .img-medium {
		max-width: 40%
	}
	.l1p14 .img-medium img {
		width: 100%
	}
	.l1p17 .img-small {
		width: 20%;
		max-width: 20%;
		margin: 40px 10px
	}
	.l1p17 .copy {
		width: 60%
	}
	.l1p19 .col1-1 img {
		max-width: 80vw
	}
	.nav-wrapper ul li {
		width: 90px;
		overflow: hidden;
		position: relative;
		margin: 0 10px
	}
	ol.sentence {
		display: inline-block;
		width: 75vw;
		margin: 15px 0 0
	}
	.gradient h3,
	ol.sentence {
		font-size: 2vw
	}
	.gradient .labels p {
		font-size: 1.8vw!important
	}
	.img-very-large {
		max-width: 50vw;
		margin: auto
	}
	.img-medium {
		max-width: 20%
	}
	.img-small {
		max-width: 10%;
		margin: 20px
	}
	.inner-title h1 {
		font-size: 2vw;
		margin: .5em 0
	}
	.gradient p {
		font-size: 1.8vw!important;
		margin: 12px auto
	}
	.col1-1 img {
		max-width: 100%;
		display: block;
		margin: auto;
		width: auto
	}
	html {
		line-height: 1.2;
		font-size: 1.75vw
	}
	.c1 .col1-1 .img-very-large img,
	.c1 .col1-2 .img-large img,
	.c1 .col2-1 .img-large img,
	.c1 .col2-2 .img-very-large img,
	.c2 .col1-1 .img-very-large img,
	.c2 .col2-2 .img-very-large img,
	.c3 .col1-1 img,
	.c3 .col2-1 img {
		max-height: 38vh;
		width: auto
	}
	.col1-1 img.steam-power,
	.col2-1 img.wind-turbine {
		position: relative;
		top: 0;
		height: 30vh
	}
	.col1-1 img {
		max-width: 55vw
	}
	.labels .content-wrapper .bottom-left,
	.labels .content-wrapper .bottom-right,
	.labels .content-wrapper .top-center {
		width: 25vw!important;
		height: 25vw!important
	}
	.bottom-left .image-container,
	.bottom-right .image-container,
	.top-center .image-container {
		width: 7vw;
		height: 7vw
	}
	.col1-1 img#circuits {
		max-width: 58vw
	}
	.c5 .content-wrapper .full-width img {
		max-height: 18vh
	}
	.l2p5 .childtree {
		max-height: 42vh;
		width: auto
	}
	.bottom-sign .sign-text h3 {
		margin: 2em 0 0
	}
	.nav-wrapper ul li {
		display: inline-block;
		width: 100px;
		height: 70px;
		margin: 0
	}
	.gradient .sign-text h3 {
		font-size: 1.8vw
	}
	.col1-1 img.powerline {
		max-width: 60vw!important
	}
	.col1-1 img.dangerous {
		max-width: 70vw
	}
	.l2p18 .col1-1 img,
	.l2p19 .col1-1 img,
	.l2p20 .col1-1 img,
	.l2p21 .col1-1 img {
		display: block
	}
	.img-small.emergency-wrapper-plan {
		width: 20%!important
	}
	.col1-1 ul li {
		font-size: 1.8vw
	}
	.safety-quiz .choices-wrapper .ready {
		height: 55vh;
		width: 15vw;
		padding: 0
	}
	.image-wrapper .image-container {
		width: 4.5vw!important;
		height: 5vh!important
	}
	.c2 .col2-2 .img-very-large img.hydro {
		position: relative;
		top: -22vh
	}
	.gradient h4 {
		margin: 1em 0
	}
	.bottom-sign .sign-text {
		margin-top: 42px
	}
	ol.situation-list li {
		line-height: 1.6;
		margin-bottom: 5vh
	}
	.img-small.emergency-plan-wrapper {
		max-width: 20%
	}
	.safety-quiz .choices-wrapper,
	.safety-quiz .show-answer {
		display: block;
		margin: 3vh auto
	}
	.safety-quiz .choices-wrapper .ready,
	.safety-quiz .show-answer .ready.correct {
		height: 61vh;
		width: 24vw;
		margin-right: 50px;
		padding: 2vw
	}
	.safety-quiz .show-answer .ready.correct {
		background: url(../images/correct.png) top no-repeat
	}
	.safety-quiz .show-answer .ready.wrong {
		background: url(../images/error.png) top no-repeat;
		text-align: center;
		height: 61vh;
		width: 24vw;
		margin-right: 50px;
		padding: 2vw
	}
	.crossword-clues ol li {
		margin-bottom: 25px
	}
	.meters {
		width: 45vw
	}
	.practicalBox img.balloon {
		min-height: 195px
	}
	.practicalBox {
		margin-bottom: 20px
	}
	.img-small.question {
		max-width: 15%;
		margin: 20px 50px
	}
	ol.expanded,
	ul.expanded {
		line-height: 2.3
	}
	.clouds {
		position: relative;
		top: -5vh
	}
	section img.digital-meters {
		width: 80vw;
		display: block;
		margin: auto
	}
	.dials {
		display: block;
		margin: auto!important;
		width: 50vw!important;
		max-width: 50vw!important
	}
	ul.sentence li {
		line-height: 1.2;
		margin-bottom: 10px
	}
	.dials {
		width: 38vw!important;
		max-width: 38vw!important
	}
	.circle {
		width: 30px;
		text-indent: 10px;
		height: 30px;
		margin-top: 0
	}
	.circle-text {
		position: relative;
		top: -3px
	}
	.sunflower img {
		max-height: 175px;
		width: auto;
		margin: 0
	}
	section .boy img {
		width: 70%;
		margin: 0
	}
	.gradient .energy-list-table tbody td {
		height: 310px
	}
	.atom {
		position: absolute;
		width: 27%;
		right: 40px;
		top: 200px
	}
	.lamp {
		margin-top: -30px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-height: 300px
	}
	.word-wall {
		margin-top: 50px
	}
	.l4-keywords {
		max-height: 65vh
	}
	.l2p6 #flashSWF,
	.l2p7 #flashSWF,
	.l4p6 #flashSWF {
		width: 100%;
		height: 100%
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .correct.ready,
	.safety-quiz .show-answer .wrong.ready {
		width: 245px
	}
	.l1p11 object,
	.l1p15 object {
		max-height: 559px!important
	}
	.l2p6 object,
	.l2p7 object {
		max-height: 630px!important;
		max-width: 923px!important
	}
}
@media (-ms-high-contrast: active) and (device-height: 1280px) and (device-width: 1024px),
(-ms-high-contrast: none) {
	.l4p2 .sunflower img {
		max-height: 20vw!important
	}
	.l2p26 .choices-wrapper .ready a,
	.l2p26 .show-answer .ready a,
	.l2p27 .choices-wrapper .ready a,
	.l2p27 .show-answer .ready a,
	.l2p28 .choices-wrapper .ready a,
	.l2p28 .show-answer .ready a,
	.l2p29 .choices-wrapper .ready a,
	.l2p29 .show-answer .ready a,
	.l2p30 .choices-wrapper .ready a,
	.l2p30 .show-answer .ready a,
	.l2p31 .choices-wrapper .ready a,
	.l2p31 .show-answer .ready a,
	.l2p32 .choices-wrapper .ready a,
	.l2p32 .show-answer .ready a,
	.l2p33 .choices-wrapper .ready a,
	.l2p33 .show-answer .ready a {
		font-size: .8em!important
	}
	.l1p13 .labels .content-wrapper .bottom-left,
	.l1p13 .labels .content-wrapper .top-center,
	l1p13 .labels .content-wrapper .bottom-right {
		width: 24vw!important;
		height: 24vw!important
	}
	.safety-quiz .show-answer .ready {
		margin: 0 5px!important
	}
	.c1 .col1-1 .img-very-large img,
	.c1 .col1-2 .img-large img,
	.c1 .col2-1 .img-large img,
	.c1 .col2-2 .img-very-large img,
	.c2 .col1-1 .img-very-large img,
	.c2 .col2-2 .img-very-large img,
	.c3 .col1-1 img,
	.c3 .col2-1 img {
		max-height: 34vh
	}
	.col1-1 img#circuits {
		max-width: 80vw
	}
	.answer-sheet td.blank,
	.answer-sheet th.blank,
	.answer-sheet th img,
	.responsive th img {
		width: 4.5vw;
		height: 4.5vw
	}
	.col1-1 img.dangerous,
	.col1-1 img.powerline {
		max-width: 80vw!important
	}
	.col1-1 .img-very-large img {
		max-width: 65vw;
		max-height: 35vw
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .ready.correct,
	.safety-quiz .show-answer .ready.wrong {
		padding: 2vw!important;
		margin-right: 100px
	}
	.col1-1 img.kitchen {
		width: 55vw
	}
	.crossword img {
		width: 75%;
		line-height: 1.4
	}
	.meters {
		width: 60vw
	}
	.practicalBox img.balloon {
		min-height: 248px
	}
	.clouds {
		width: 70vw
	}
	table.spacing tr td,
	table.spacing tr th {
		padding: 10px
	}
	table.responsive {
		margin: 30px auto
	}
	.l2p10 table.responsive,
	.l2p11 table.responsive {
		margin: 10px auto
	}
	.dials {
		max-width: 50vw!important;
		width: 50vw!important
	}
	.bottom-sign .question {
		position: relative;
		left: 25vw
	}
	section .boy img {
		width: 90%
	}
	.sunflower img {
		max-height: 285px
	}
	.atom {
		position: absolute;
		top: 275px
	}
	.l1p8 .col2-2 .img-very-large {
		margin-top: 150px
	}
	.l1p11 object,
	.l1p15 object {
		max-height: 730px;
		max-width: 1040px
	}
	.l2p6 #flashSWF,
	.l2p7 #flashSWF,
	.l4p6 #flashSWF {
		max-height: 816px;
		max-width: 1194px
	}
	.col1-1 img.fallen-powerlines,
	.col1-1 img.house-powerline,
	.col1-1 img.tree-down {
		max-height: 43vh
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .correct.ready,
	.safety-quiz .show-answer .wrong.ready {
		margin-right: 50px!important;
		margin-top: 80px!important
	}
	.l3p3 .crossword img,
	.l3p4 .crossword img {
		max-height: 700px;
		width: auto
	}
	.l3p8 .col-65 img {
		margin-top: 20px
	}
	.l2p14 img {
		max-height: 40vh!important
	}
	.l3p15 object {
		max-height: 694px;
		max-width: 992px
	}
	.safety-quiz .choices-wrapper#state .ready,
	.safety-quiz .show-answer .ready.correct,
	.safety-quiz .show-answer .ready.wrong {
		margin-right: 5px!important;
		margin-top: 0!important
	}
	.l2p34 img.kitchen {
		width: 55vw!important
	}
	.l3p3 .crossword img,
	.l3p4 .crossword img {
		max-height: 500px
	}
	.l3p8 .col-65 img,
	.l3p9 .col-65 img,
	.l3p10 .col-65 img {
		max-height: 300px;
		max-width: 600px;
		margin-top: 0
	}
	.l3p11 .practicalBox img {
		margin-top: 0!important
	}
	.l3p15 object {
		max-height: 530px;
		max-width: 758px
	}
	.l4p3 .gradient .energy-list-table tbody td {
		height: 350px
	}
	.l4p6 #flashSWF {
		max-width: 920px
	}
	.l4p8 .word-wall img,
	.l4p9 .word-wall img {
		max-height: 290px!important
	}
}
@media (-ms-high-contrast: active) and (device-width: 1920px),
(-ms-high-contrast: none) {
	.labels .content-wrapper .bottom-left,
	.labels .content-wrapper .bottom-right,
	.labels .content-wrapper .top-center {
		width: 24vw!important;
		height: 24vw!important
	}
	.l1p13 .image-wrapper .image-container {
		height: 10vh!important
	}
	.l1p4 .image-wrapper .image-container {
		height: 7vh!important
	}
	.col1-1 img.powerline2,
	.l2p15 .col1-1 img.powerline1 {
		max-width: 45vw
	}
	.col1-1 img.dangerous,
	.l2p17 .col1-1 img.powerline {
		max-width: 40vw!important
	}
	.l2p19 .col1-1 .img-very-large img {
		max-width: 40vw
	}
	.l2p26 .choices-wrapper .ready a,
	.l2p26 .show-answer .ready a,
	.l2p27 .choices-wrapper .ready a,
	.l2p27 .show-answer .ready a,
	.l2p28 .choices-wrapper .ready a,
	.l2p28 .show-answer .ready a,
	.l2p29 .choices-wrapper .ready a,
	.l2p29 .show-answer .ready a,
	.l2p30 .choices-wrapper .ready a,
	.l2p30 .show-answer .ready a,
	.l2p31 .choices-wrapper .ready a,
	.l2p31 .show-answer .ready a,
	.l2p32 .choices-wrapper .ready a,
	.l2p32 .show-answer .ready a,
	.l2p33 .choices-wrapper .ready a,
	.l2p33 .show-answer .ready a {
		font-size: .6em
	}
	.l3p13 .clouds {
		max-width: 40vw!important
	}
	.l3p20 section img.digital-meters {
		width: 60vw
	}
	.l3p21 .dials {
		max-width: 30vw!important;
		width: 30vw!important
	}
	.l3p23 ul.expanded,
	ol.expanded {
		line-height: 1.7
	}
}
.mejs__button>button,
.mejs__overlay-button,
.mejs__overlay-loading-bg-img {
	background-image: url(../images/mediaelement/mejs-controls.svg)
}
.pr-25 {
	/*padding-right: 25px;*/
	padding: 0 1.5vw;
}
.pl-25 {
	padding-left: 25px
}
.embed-iframe {
	width: 1120px;
	height: 764px;
	background: transparent;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden],
template {
	display: none
}
a {
	background-color: transparent
}
a:active,
a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b,
strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button,
select {
	text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled],
html input[disabled] {
	cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}