@font-face {
  font-family: 'ec_square_sans_probold';
  src: url('../fonts/ecsquaresanspro-bold-webfont.eot');
  src: url('../fonts/ecsquaresanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ecsquaresanspro-bold-webfont.woff') format('woff'), url('../fonts/ecsquaresanspro-bold-webfont.ttf') format('truetype'), url('../fonts/ecsquaresanspro-bold-webfont.svg#ec_square_sans_probold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ec_square_sans_proregular';
  src: url('../fonts/ecsquaresanspro-regular-webfont.eot');
  src: url('../fonts/ecsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ecsquaresanspro-regular-webfont.woff') format('woff'), url('../fonts/ecsquaresanspro-regular-webfont.ttf') format('truetype'), url('../fonts/ecsquaresanspro-regular-webfont.svg#ec_square_sans_proregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@-ms-viewport {
  width: auto !important;
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  margin: 0;
  line-height: 135%;
}
body {
  width: 100%;
}
h1 {
  font-family: 'ec_square_sans_probold';
}
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}
p {
  font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
}
#fullPage {
  overflow: hidden;
  width: 100%;
}
#fullPageCover {
  width: 100%;
  height: 1500px;
  position: absolute;
  background-color: rgba(26, 37, 38, 0.7);
  display: none;
  z-index: 9;
}
#fullPageCoverQuiz {
  width: 100%;
  height: 1500px;
  position: absolute;
  background-color: rgba(26, 37, 38, 0.7);
  display: none;
  z-index: 7;
}
#header {
  z-index: 11;
  position: absolute;
  width: 100%;
}
#header #header-wrapper {
  height: 121px;
  border-top: 12px solid #1a3336;
}
#header #header-wrapper #menu-bar-top {
  height: 76px;
  background-color: #33484a;
}
#header #header-wrapper #menu-bar-top .wrapper {
  width: 1024px;
  margin: 0 auto;
}
#header #header-wrapper #menu-bar-top .wrapper #logo-top {
  width: 448px;
  height: 76px;
  float: left;
  background-image: url('../img/logo.png');
  display: block;
}
#header #header-wrapper #menu-bar-top .wrapper #menu {
  width: 223px;
  padding: 16px 0 0 0;
  float: right;
}
#header #header-wrapper #menu-bar-top .wrapper #menu .menu-item {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 15px;
  background-image: url('../img/menu_buttons.png');
  overflow: hidden;
  cursor: pointer;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-overview {
  background-position: 0 0;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-overview:hover {
  background-position: 0 -60px;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-plant {
  background-position: -61px 0;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-plant:hover {
  background-position: -61px -60px;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-search {
  background-position: -123px 0;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-search:hover {
  background-position: -123px -60px;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-ask {
  background-position: -184px 0;
  margin-right: 174px 0;
}
#header #header-wrapper #menu-bar-top .wrapper #menu #menu-ask:hover {
  background-position: -184px -60px;
}
#header #header-wrapper #menu-bar-bottom {
  height: 45px;
}
#header #header-wrapper #menu-bar-bottom .wrapper {
  width: 1024px;
  margin: 0 auto;
}
#header #header-wrapper #menu-bar-bottom .wrapper #logo-bottom {
  width: 548px;
  height: 45px;
  float: left;
  background-image: url('../img/logo-bottom.png');
  background-repeat: no-repeat;
}
#header #header-wrapper #menu-bar-bottom .wrapper #logo-bottom p {
  margin: 4px 0 0 105px;
  font-size: 16px;
  color: rgba(26, 37, 38, 0.7);
}
.header-content {
  z-index: 10;
  width: 100%;
  position: absolute;
  height: 560px;
  top: -472px;
  top: -502px;
  background-color: #b4e8f3;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
.header-content.down {
  top: 88px;
}
.header-content .header-content-wrapper #overview {
  overflow: hidden;
  height: 560px;
}
.header-content .header-content-wrapper #overview .inner {
  margin-top: 10px;
  width: 10000px;
}
.header-content .header-content-wrapper {
  width: 930px;
  margin: 0px auto 0 auto;
  height: 560px;
  position: relative;
}
.header-content .header-content-wrapper .arrow {
  position: absolute;
  right: 0;
  height: 40px;
  width: 84px;
  background: url('../img/button_up.png') no-repeat;
}
.header-content .header-content-wrapper .arrow:hover {
  cursor: pointer;
}
.header-content .header-content-wrapper .arrow.one {
  top: 524px;
  top: 534px;
}
.header-content .header-content-wrapper .arrow.two {
  top: 424px;
}
.header-content .header-content-wrapper .arrow.three {
  top: 536px;
}
.header-content .header-content-wrapper .arrow.four {
  top: 536px;
}
.header-content .header-content-wrapper #overview .inner {
  position: relative;
  display: block;
  /*width: 10000px;*/
  height: 512px;
  float: left;
}
.header-content .header-content-wrapper #overview .inner ul {
  left: 0;
  position: relative;
  display: block;
  padding: 0;
  margin: 0px 0 0 0;
  float: left;
  width: 960px;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
.header-content .header-content-wrapper #overview .inner ul.active {
  left: 0px;
}
.header-content .header-content-wrapper #overview .inner ul.lower {
  left: -960px;
}
.header-content .header-content-wrapper #overview .inner ul.higher {
  left: 960px;
}
.header-content .header-content-wrapper #overview .inner ul li {
  float: left;
  list-style: none;
  background-repeat: no-repeat;
  display: block;
  width: 290px;
  height: 226px;
  margin: 20px 29px 0 0;
}
.header-content .header-content-wrapper #overview .inner ul li:hover {
  cursor: pointer;
}
.header-content .header-content-wrapper #overview .inner ul li .title {
  width: auto;
  height: 40px;
  font-family: 'ec_square_sans_probold';
  background-color: rgba(46, 88, 94, 0.8);
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin-top: 166px;
  padding: 10px 10px;
}
.header-content .header-content-wrapper #overview .overview-buttons {
  width: 56px;
  height: 20px;
  margin: 12px auto 0;
  padding: 0;
  display: block;
}
.header-content .header-content-wrapper #overview .overview-buttons li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 4px;
  width: 20px;
  height: 20px;
  background: url('../img/bg_paging.png') no-repeat;
  display: block;
  transition: background .5s ease;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  color: transparent;
}
.header-content .header-content-wrapper #overview .overview-buttons li:hover {
  background: url('../img/bg_paging_hov.png') no-repeat;
  cursor: pointer;
}
.header-content .header-content-wrapper #searchInner .searchbox {
  margin: 112px auto 0;
  width: 650px;
}
.header-content .header-content-wrapper #searchInner .searchbox h2 {
  color: #0165a3;
  font-family: 'ec_square_sans_probold';
  text-align: center;
  font-size: 36px;
  margin: 0 0 30px 0;
}
.header-content .header-content-wrapper #searchInner .searchbox #combo {
  display: block !important;
  margin: 0 auto;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-field,
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-fieldholder-ltr,
.header-content .header-content-wrapper #searchInner .searchbox .ui-corner-left {
  width: 393px !important;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-nulltext,
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-field {
  padding: 0 15px;
  width: 333px !important;
  font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif !important;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-button,
.header-content .header-content-wrapper #searchInner .searchbox .ui-state-default,
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-button-ltr,
.header-content .header-content-wrapper #searchInner .searchbox .ui-corner-right {
  width: 57px !important;
  background-color: #00afc9;
  background-image: url('../img/search_icon.png') !important;
  background-position: center center;
  background-repeat: no-repeat;
  border: none !important;
  transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-button:hover,
.header-content .header-content-wrapper #searchInner .searchbox .ui-state-default:hover,
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-button-ltr:hover,
.header-content .header-content-wrapper #searchInner .searchbox .ui-corner-right:hover {
  background-color: #0165a3;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-clear {
  width: 30px;
  background: url('../img/bg_searchclose.png') no-repeat center center;
}
.header-content .header-content-wrapper #searchInner .searchbox .ui-igcombo-buttonicon,
.header-content .header-content-wrapper #searchInner .searchbox .ui-icon-triangle-1-s,
.header-content .header-content-wrapper #searchInner .searchbox .ui-icon {
  display: none !important;
}
.header-content .header-content-wrapper #searchInner .searchbox input {
  color: #33484a;
}
.header-content .header-content-wrapper #searchInner #results-wrapper {
  overflow: hidden;
}
.header-content .header-content-wrapper #searchInner #results-wrapper h3 {
  color: #0165a3;
  margin: 30px 0 15px 0;
  font-family: 'ec_square_sans_probold';
  visibility: hidden;
}
.header-content .header-content-wrapper #searchInner .inner {
  position: relative;
  display: block;
  width: 10000px;
  height: 226px;
}
.header-content .header-content-wrapper #searchInner .inner ul {
  left: 0;
  position: relative;
  display: block;
  padding: 0;
  float: left;
  width: 960px;
  margin: 0 0 0 0;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
.header-content .header-content-wrapper #searchInner .inner ul.active {
  left: 0px;
}
.header-content .header-content-wrapper #searchInner .inner ul.lower {
  left: -960px;
}
.header-content .header-content-wrapper #searchInner .inner ul.higher {
  left: 960px;
}
.header-content .header-content-wrapper #searchInner .inner ul li {
  float: left;
  list-style: none;
  background-repeat: no-repeat;
  display: block;
  width: 290px;
  height: 226px;
  margin: 0 29px 0 0;
}
.header-content .header-content-wrapper #searchInner .inner ul li:hover {
  cursor: pointer;
}
.header-content .header-content-wrapper #searchInner .inner ul li .title {
  width: auto;
  height: 40px;
  font-family: 'ec_square_sans_probold';
  background-color: rgba(46, 88, 94, 0.8);
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin-top: 166px;
  padding: 10px 10px;
}
.header-content .header-content-wrapper #searchInner .search-buttons {
  width: 56px;
  height: 20px;
  margin: 12px auto 0;
  padding: 0;
  display: block;
}
.header-content .header-content-wrapper #searchInner .search-buttons li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 4px;
  width: 20px;
  height: 20px;
  background: url('../img/bg_paging.png') no-repeat;
  display: block;
  transition: background .5s ease;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
  color: transparent;
}
.header-content .header-content-wrapper #searchInner .search-buttons li:hover {
  background: url('../img/bg_paging_hov.png') no-repeat;
  cursor: pointer;
}
.header-content .header-content-wrapper #feedback {
  margin-top: 80px;
  float: left;
}
.header-content .header-content-wrapper #feedback .columnLeft {
  width: 370px;
  margin-right: 80px;
  float: left;
}
.header-content .header-content-wrapper #feedback .columnRight {
  float: left;
  width: 290px;
  height: 410px;
  padding: 16px 20px 0 140px;
  background-color: #d9f5f9;
}
.header-content .header-content-wrapper #feedback .columnRight .roseBall {
  position: absolute;
  top: 150px;
  left: 400px;
  width: 178px;
  height: 178px;
  background-image: url('../img/bg_bol_pink.png');
  z-index: 2;
}
.header-content .header-content-wrapper #feedback .columnRight .roseBall p {
  text-align: center;
  font-size: 160%;
  font-weight: bold;
  color: #fff;
  padding-top: 15px;
  line-height: 120%;
}
.header-content .header-content-wrapper #feedback .columnRight .blueBall {
  position: absolute;
  top: 50px;
  left: 400px;
  width: 140px;
  height: 140px;
  background-image: url('../img/bg_bol_blue.png');
  z-index: 1;
}
.header-content .header-content-wrapper #feedback .columnRight .blueBall p {
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  color: #fff;
  padding-top: 15px;
}
.header-content .header-content-wrapper #feedback .columnRight form #title {
  display: none;
}
.header-content .header-content-wrapper #feedback .columnRight form label {
  color: #53767a;
  font-size: 16px;
  font-weight: bold;
}
.header-content .header-content-wrapper #feedback .columnRight form input[type=text] {
  margin: 5px 0 18px 0;
  width: 292px;
  height: 40px;
}
.header-content .header-content-wrapper #feedback .columnRight form textarea {
  margin: 5px 0 18px 0;
  width: 292px;
  height: 135px;
}
.header-content .header-content-wrapper #feedback .columnRight form input[type=submit] {
  background-color: #0165a3;
  border: none;
  color: white;
  width: 290px;
  height: 40px;
  display: inline-block;
  font-size: 18px;
  padding: 10px 16px 16px 16px;
  font-family: 'ec_square_sans_probold', verdana, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
}
.header-content .header-content-wrapper #feedback .columnRight form input[type=submit]:hover {
  background-color: rgba(1, 101, 163, 0.6);
}
.header-content .header-content-wrapper #feedback .columnRight #form-success,
.header-content .header-content-wrapper #feedback .columnRight #form-error {
  display: none;
}
#btnPrev,
#btnNext {
  position: absolute;
  top: 304px;
  z-index: 6;
  width: 192px;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
#btnPrev:hover,
#btnNext:hover {
  cursor: pointer;
}
#btnPrev {
  left: -130px;
}
#btnPrev:hover {
  left: 0px;
}
#btnPrev #btnPrevImg {
  float: right;
  width: 62px;
  height: 85px;
  background-image: url('../img/navigation_left.png');
  background-repeat: no-repeat;
}
#btnPrev #btnPrevFiller {
  width: 130px;
  height: 85px;
  float: left;
  background-color: white;
}
#btnPrev #btnPrevFiller span {
  line-height: 85px;
  padding: 0 5px;
  color: #53777a;
}
#btnNext {
  right: 0px;
  width: 62px;
  height: 85px;
  overflow: hidden;
}
#btnNext:hover {
  width: 192px;
}
#btnNext #btnNextContainer {
  width: 192px;
}
#btnNext #btnNextContainer #btnNextImg {
  float: left;
  width: 62px;
  height: 85px;
  background-image: url('../img/navigation_right.png');
  background-repeat: no-repeat;
}
#btnNext #btnNextContainer #btnNextFiller {
  width: 130px;
  height: 85px;
  float: right;
  background-color: #53777a;
}
#btnNext #btnNextContainer #btnNextFiller span {
  line-height: 85px;
  color: white;
}
#main {
  z-index: 5;
  padding-top: 88px;
  position: relative;
  height: 540px;
}
#main .main-theme {
  z-index: 2;
  left: 0;
  width: 100%;
  height: 495px;
  padding: 45px 0 0 0;
  position: absolute;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
#main .main-theme.new-right {
  left: 100%;
}
#main .main-theme.new-left {
  left: -100%;
}
#main .main-theme.old-right {
  left: 100%;
}
#main .main-theme.old-left {
  left: -100%;
}
#main .main-theme.energy {
  background-image: url('../img/pattern_blue.jpg');
}
#main .main-theme.energy .header h1 {
  color: #cff0f5;
}
#main .main-theme.energy .button {
  background-color: #0165a3;
}
#main .main-theme.energy .button:hover {
  background-color: #69d2e7;
}
#main .main-theme.environment {
  background-image: url('../img/pattern_green.jpg');
}
#main .main-theme.environment .header h1 {
  color: #d6f1e5;
}
#main .main-theme.environment .button {
  background-color: #105a39;
}
#main .main-theme.environment .button:hover {
  background-color: #6ddca9;
}
#main .main-theme.medical {
  background-image: url('../img/pattern_pink.jpg');
}
#main .main-theme.medical .header h1 {
  color: #ffe3e3;
}
#main .main-theme.medical .button {
  background-color: #771a29;
}
#main .main-theme.medical .button:hover {
  background-color: #c02942;
}
#main .main-theme.sand {
  background-image: url('../img/pattern_sand.jpg');
}
#main .main-theme.sand .button {
  background-color: #856c3f;
}
#main .main-theme.sand .button:hover {
  background-color: rgba(133, 108, 63, 0.5);
}
#main .main-theme .main-wrapper {
  position: relative;
  height: 540px;
  width: 823px;
  margin: 0 auto;
  padding: 0 105px 0 96px;
  color: white;
}
#main .main-theme .main-wrapper .popping {
  -webkit-animation: scalePop 1s;
  -moz-animation: scalePop 1s;
  -o-animation: scalePop 1s;
  animation: scalePop 1s;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#main .main-theme .main-wrapper .poppingDown {
  -webkit-animation: scalePopDown 1s;
  -moz-animation: scalePopDown 1s;
  -o-animation: scalePopDown 1s;
  animation: scalePopDown 1s;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#main .main-theme .main-wrapper .away {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#main .main-theme .main-wrapper .left-column {
  width: 473px;
  height: 500px;
  z-index: 7;
  position: absolute;
  top: 0;
}
#main .main-theme .main-wrapper .left-column .header h1 {
  font-size: 37px;
  line-height: 115%;
}
#main .main-theme .main-wrapper .left-column .header h1 span {
  font-size: 56px;
  color: #ffffff;
  display: inline-block;
}
#main .main-theme .main-wrapper .left-column .introduction {
  width: 400px;
}
#main .main-theme .main-wrapper .left-column .introduction p {
  font-size: 14px;
}
#main .main-theme .main-wrapper .left-column .button {
  display: inline-block;
  height: 17px;
  font-size: 18px;
  padding: 10px 16px 16px 16px;
  font-family: 'ec_square_sans_probold', verdana, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
}
#main .main-theme .main-wrapper .left-column .button:hover {
  cursor: pointer;
}
#main .main-theme .main-wrapper .right-column {
  width: 482px;
  z-index: 6;
  position: absolute;
  left: 440px;
  top: 32px;
}
#main .main-theme .main-wrapper .right-column .graphic {
  width: 482px;
  height: 425px;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#main .widget {
  z-index: 1;
  display: none;
  left: 0;
  width: 100%;
  height: 540px;
  position: absolute;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
#main .widget.new-right {
  left: 100%;
}
#main .widget.new-left {
  left: -100%;
}
#main .widget.old-right {
  left: 100%;
}
#main .widget.old-left {
  left: -100%;
}
#content {
  z-index: 8;
  position: relative;
  padding: 20px 0 120px 0;
  height: 546px;
  width: 100%;
  background-color: #fff;
}
#content .content-theme {
  left: 0;
  width: 100%;
  min-height: 506px;
  position: absolute;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
#content .content-theme.new-right {
  left: 100%;
}
#content .content-theme.new-left {
  left: -100%;
}
#content .content-theme.old-right {
  left: 100%;
}
#content .content-theme.old-left {
  left: -100%;
}
#content .content-theme.energy ul li {
  background: url('../img/li_blue.png') no-repeat left center #f7f7f7;
}
#content .content-theme.energy ul li:hover {
  background: url('../img/li_blue.png') no-repeat left center #00afc9;
}
#content .content-theme.energy ul li a {
  color: #33484a;
}
#content .content-theme.energy .image {
  border-color: #0165a3 !important;
}
#content .content-theme.energy .btn-more-info,
#content .content-theme.energy .btn-test-your-knowledge {
  color: #00afc9;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.a {
  background: url('../img/bg_answer_blue.png') no-repeat 0 0 #dfdfdf;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.a:hover {
  background: url('../img/bg_answer_blue.png') no-repeat 0 -59px #00afc9;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.b {
  background: url('../img/bg_answer_blue.png') no-repeat 0 -118px #dfdfdf;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.b:hover {
  background: url('../img/bg_answer_blue.png') no-repeat 0 -177px #00afc9;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.c {
  background: url('../img/bg_answer_blue.png') no-repeat 0 -236px #dfdfdf;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .answerContainer ul li.c:hover {
  background: url('../img/bg_answer_blue.png') no-repeat 0 -295px #00afc9;
}
#content .content-theme.energy .test-your-knowledge .left-column .question .feedbackPrefix {
  color: #00afc9;
}
#content .content-theme.energy .nextQuestion {
  background: url('../img/bg_next.png') no-repeat right center #00afc9;
}
#content .content-theme.energy .nextQuestion:hover {
  background: url('../img/bg_next.png') no-repeat right center #0165a3;
}
#content .content-theme.energy .restartQuiz {
  background: url('../img/bg_back.png') no-repeat left center #00afc9;
}
#content .content-theme.energy .restartQuiz:hover {
  background: url('../img/bg_back.png') no-repeat left center #0165a3;
}
#content .content-theme.energy .nextPage {
  background: url('../img/bg_next.png') no-repeat right center #00afc9;
}
#content .content-theme.energy .nextPage:hover {
  background: url('../img/bg_next.png') no-repeat right center #0165a3;
}
#content .content-theme.environment ul li {
  background: url('../img/li_green.png') no-repeat left center #f7f7f7;
}
#content .content-theme.environment ul li:hover {
  background: url('../img/li_green.png') no-repeat left center #21b473;
}
#content .content-theme.environment ul li a {
  color: #33484a;
}
#content .content-theme.environment .image {
  border-color: #105a39 !important;
}
#content .content-theme.environment .btn-more-info,
#content .content-theme.environment .btn-test-your-knowledge {
  color: #21b473;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.a {
  background: url('../img/bg_answer_green.png') no-repeat 0 0 #dfdfdf;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.a:hover {
  background: url('../img/bg_answer_green.png') no-repeat 0 -59px #21b473;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.b {
  background: url('../img/bg_answer_green.png') no-repeat 0 -118px #dfdfdf;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.b:hover {
  background: url('../img/bg_answer_green.png') no-repeat 0 -177px #21b473;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.c {
  background: url('../img/bg_answer_green.png') no-repeat 0 -236px #dfdfdf;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .answerContainer ul li.c:hover {
  background: url('../img/bg_answer_green.png') no-repeat 0 -295px #21b473;
}
#content .content-theme.environment .test-your-knowledge .left-column .question .feedbackPrefix {
  color: #21b473;
}
#content .content-theme.environment .nextQuestion {
  background: url('../img/bg_next.png') no-repeat right center #21b473;
}
#content .content-theme.environment .nextQuestion:hover {
  background: url('../img/bg_next.png') no-repeat right center #105a39;
}
#content .content-theme.environment .restartQuiz {
  background: url('../img/bg_back.png') no-repeat left center #21b473;
}
#content .content-theme.environment .restartQuiz:hover {
  background: url('../img/bg_back.png') no-repeat left center #105a39;
}
#content .content-theme.environment .nextPage {
  background: url('../img/bg_next.png') no-repeat right center #21b473;
}
#content .content-theme.environment .nextPage:hover {
  background: url('../img/bg_next.png') no-repeat right center #105a39;
}
#content .content-theme.medical ul li {
  background: url('../img/li_red.png') no-repeat left center #f7f7f7;
}
#content .content-theme.medical ul li:hover {
  background: url('../img/li_red.png') no-repeat left center #c02942;
}
#content .content-theme.medical ul li a {
  color: #33484a;
}
#content .content-theme.medical .btn-more-info,
#content .content-theme.medical .btn-test-your-knowledge {
  color: #c02942;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.a {
  background: url('../img/bg_answer_red.png') no-repeat 0 0 #dfdfdf;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.a:hover {
  background: url('../img/bg_answer_red.png') no-repeat 0 -59px #c02942;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.b {
  background: url('../img/bg_answer_red.png') no-repeat 0 -118px #dfdfdf;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.b:hover {
  background: url('../img/bg_answer_red.png') no-repeat 0 -177px #c02942;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.c {
  background: url('../img/bg_answer_red.png') no-repeat 0 -236px #dfdfdf;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .answerContainer ul li.c:hover {
  background: url('../img/bg_answer_red.png') no-repeat 0 -295px #c02942;
}
#content .content-theme.medical .test-your-knowledge .left-column .question .feedbackPrefix {
  color: #c02942;
}
#content .content-theme.medical .nextQuestion {
  background: url('../img/bg_next.png') no-repeat right center #c02942;
}
#content .content-theme.medical .nextQuestion:hover {
  background: url('../img/bg_next.png') no-repeat right center #771a29;
}
#content .content-theme.medical .restartQuiz {
  background: url('../img/bg_back.png') no-repeat left center #c02942;
}
#content .content-theme.medical .restartQuiz:hover {
  background: url('../img/bg_back.png') no-repeat left center #771a29;
}
#content .content-theme.medical .nextPage {
  background: url('../img/bg_next.png') no-repeat right center #c02942;
}
#content .content-theme.medical .nextPage:hover {
  background: url('../img/bg_next.png') no-repeat right center #771a29;
}
#content .content-theme.sand h2 {
  color: #856c3f;
}
#content .content-theme.sand ul li {
  background-image: url('../img/li-prefix-sand.jpg');
}
#content .content-theme.sand ul li a {
  color: #856c3f;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.a {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 0 #dfdfdf;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.a:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -59px #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.b {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -118px #dfdfdf;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.b:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -177px #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.c {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -236px #dfdfdf;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .answerContainer ul li.c:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -295px #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .question .feedbackPrefix {
  color: #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .nextQuestion {
  background: url('../img/bg_next.png') no-repeat right center #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .nextQuestion:hover {
  background: url('../img/bg_next.png') no-repeat right center #856c3f;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .restartQuiz {
  background: url('../img/bg_back.png') no-repeat left center #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .restartQuiz:hover {
  background: url('../img/bg_back.png') no-repeat left center #856c3f;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .nextPage {
  background: url('../img/bg_next.png') no-repeat right center #ffc106;
}
#content .content-theme .test-your-knowledge.overall-quiz-label .left-column .nextPage:hover {
  background: url('../img/bg_next.png') no-repeat right center #856c3f;
}
#content .content-theme .content-wrapper {
  width: 928px;
  margin: 0 auto;
  padding: 0 48px;
  position: relative;
}
#content .content-theme .content-wrapper h2 {
  font-family: 'ec_square_sans_probold';
  font-size: 16px;
  color: #33484a;
}
#content .content-theme .content-wrapper p {
  font-size: 13px;
  color: #33484a;
}
#content .content-theme .content-wrapper ul li {
  font-size: 12px;
}
#content .content-theme .content-wrapper .buttons {
  width: 530px;
  height: 40px;
  position: relative;
  float: left;
  margin-top: -60px;
}
#content .content-theme .content-wrapper .buttons .btn-more-info,
#content .content-theme .content-wrapper .buttons .btn-test-your-knowledge {
  float: left;
  width: 220px;
  height: 30px;
  padding: 10px 0 0 0;
  font-size: 18px;
  background: url('../img/bg_wh_trans.png');
  font-family: 'ec_square_sans_probold', verdana, sans-serif;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  text-align: center;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
#content .content-theme .content-wrapper .buttons .btn-more-info.active,
#content .content-theme .content-wrapper .buttons .btn-test-your-knowledge.active {
  background-color: #ffffff;
}
#content .content-theme .content-wrapper .buttons .btn-more-info:hover,
#content .content-theme .content-wrapper .buttons .btn-test-your-knowledge:hover {
  background-color: #ffffff;
  cursor: pointer;
}
#content .content-theme .content-wrapper .buttons .btn-more-info {
  margin-right: 10px;
}
#content .content-theme .content-wrapper .buttons .btn-test-your-knowledge {
  padding-right: 0;
}
#content .content-theme .content-wrapper .more-info {
  position: relative;
  float: left;
  margin-top: 10px;
}
#content .content-theme .content-wrapper .more-info .left-column {
  width: 450px;
  margin: 0 28px 0 0;
  float: left;
}
#content .content-theme .content-wrapper .more-info .right-column {
  float: left;
  width: 450px;
  overflow: hidden;
}
#content .content-theme .content-wrapper .more-info .right-column .clear {
  clear: both;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper {
  background: #f7f7f7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 20px 0;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper h3 {
  font-family: 'ec_square_sans_probold';
  color: #33484a;
  font-size: 18px;
  line-height: 27px;
  margin: 0 0 10px 0;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links {
  float: left;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads {
  margin: 0 0 0 230px;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links,
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads {
  width: 200px;
  padding: 10px;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links ul,
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads ul {
  margin: 0 0 0 0;
  padding: 0;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links ul li,
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads ul li {
  padding: 0 10px 0 15px;
  width: 175px;
  height: 28px;
  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links ul li a,
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads ul li a {
  display: block;
  line-height: 28px;
}
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .links ul li a:hover,
#content .content-theme .content-wrapper .more-info .right-column .link-wrapper-wrapper .downloads ul li a:hover {
  color: #fff;
}
#content .content-theme .content-wrapper .more-info .right-column .image {
  margin: 0 auto;
  background-position: 67px 0 !important;
  background-repeat: no-repeat !important;
  height: 315px;
}
#content .content-theme .content-wrapper .test-your-knowledge {
  position: relative;
  float: left;
  margin-top: 10px;
  display: none;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column {
  height: 365px;
  position: relative;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column div.overall-quiz-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 248px;
  height: 248px;
  background: url('../img/bg_bol_yellow.png') no-repeat 0 0;
  font-family: 'ec_square_sans_probold';
  text-align: center;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column div.overall-quiz-banner h2 {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-family: 'ec_square_sans_probold';
  margin: 40px 0 15px 0;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column div.overall-quiz-banner #start-overall-quiz {
  display: inline-block;
  color: #33484a;
  background-color: #ffe8a6;
  height: 17px;
  font-size: 18px;
  padding: 10px 16px 16px 16px;
  font-family: 'ec_square_sans_probold', verdana, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column div.overall-quiz-banner #start-overall-quiz:hover {
  background-color: #fff4d2;
  cursor: pointer;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column {
  width: 450px;
  margin: 0 28px 0 0;
  float: left;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .introText {
  display: none;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question {
  display: none;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question h3 {
  font-family: 'ec_square_sans_probold';
  color: #33484a;
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 20px 0;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .answerContainer ul {
  margin: 0;
  padding: 0;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .answerContainer ul li {
  list-style: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 23px;
  height: 47px;
  display: block;
  margin: 4px 0;
  padding: 5px 10px 5px 77px;
  background-image: url('');
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #33484a;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .answerContainer ul li:hover {
  cursor: pointer;
  color: #fff;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback {
  display: none;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackPrefix {
  margin: 1em 0 0 0;
  font-family: 'ec_square_sans_probold';
  font-size: 16px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackAnswer {
  margin: 0 0 20px 0;
  font-style: italic;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackBool {
  width: 363px;
  height: 47px;
  padding: 5px 10px 5px 77px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 47px;
  font-weight: bold;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackBool.right {
  background: url('../img/right_wrong.png') no-repeat 0 0 #dfdfdf;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackBool.wrong {
  background: url('../img/right_wrong.png') no-repeat 0 -59px #dfdfdf;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .feedbackText {
  margin: 20px 0 0 0;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .nextQuestion {
  margin: 20px 0 0 230px;
  width: 200px;
  padding: 0 0 0 20px;
  height: 40px;
  line-height: 40px;
  font-family: 'ec_square_sans_probold';
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .question .feedback .nextQuestion:hover {
  cursor: pointer;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .scoreBar {
  width: 450px;
  height: 40px;
  background: #dfdfdf;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .scoreBar .scoreBarFiller {
  z-index: 1;
  position: absolute;
  background: #21b473;
  width: 0%;
  top: 0;
  left: 0;
  height: 40px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .scoreBar .scorePercentage {
  z-index: 2;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  line-height: 40px;
  padding-top: 3px;
  font-family: 'ec_square_sans_probold';
  font-size: 26px;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .restartQuiz,
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .nextPage {
  margin: 20px 0 0 0;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-family: 'ec_square_sans_probold';
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .restartQuiz:hover,
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .nextPage:hover {
  cursor: pointer;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .restartQuiz {
  margin: 20px 10px 0 0;
  text-align: right;
  padding: 0 20px 0 0;
}
#content .content-theme .content-wrapper .test-your-knowledge .left-column .scoreScreen .nextPage {
  padding: 0 0 0 20px;
  display: none;
}
#content .content-theme .content-wrapper .test-your-knowledge .right-column {
  float: left;
  width: 450px;
  overflow: hidden;
  background-position: 67px 0 !important;
  background-repeat: no-repeat !important;
  height: 375px;
}
#overall-quiz {
  z-index: 10;
  width: 100%;
  position: absolute;
  height: 280px;
  top: 1315px;
  background-color: #fff;
  -webkit-transition: all 750ms cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  transition: all 750ms cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.245, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -moz-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -ms-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  -o-transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  transition-timing-function: cubic-bezier(0.8, -0.015, 0.245, 1);
  /* custom */
}
#overall-quiz.down {
  top: 580px;
  height: 740px;
}
#overall-quiz .closearrow {
  display: block;
  position: absolute;
  right: 115px;
  top: -16px;
  background-image: url(../img/button_down.png);
  width: 84px;
  height: 40px;
}
#overall-quiz .closearrow:hover {
  cursor: pointer;
}
#overall-quiz .test-your-knowledge {
  position: relative;
  /*float: left;*/
  margin-top: 10px;
  margin: 40px auto;
  width: 948px;
  /*display: none;*/
}
#overall-quiz .test-your-knowledge .right-column {
  position: relative;
  float: left;
  width: 350px;
  overflow: hidden;
  background-position: 67px 0 !important;
  background-repeat: no-repeat !important;
  padding: 340px 0 0 100px;
  height: 475px;
}
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner {
  width: 248px;
  height: 248px;
  font-family: 'ec_square_sans_probold';
  text-align: center;
}
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner h2 {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-family: 'ec_square_sans_probold';
  margin: 40px 0 15px 0;
}
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner #restart-overall-quiz,
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner #stop-overall-quiz {
  display: inline-block;
  color: #33484a;
  background-color: #ffe8a6;
  height: 17px;
  font-size: 18px;
  padding: 10px 16px 16px 16px;
  margin: 8px 0;
  font-family: 'ec_square_sans_probold', verdana, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
}
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner #restart-overall-quiz:hover,
#overall-quiz .test-your-knowledge .right-column div.overall-quiz-banner #stop-overall-quiz:hover {
  /*background-color: #fff4d2;*/
  background-color: #dea804;
  cursor: pointer;
}
#overall-quiz .test-your-knowledge .left-column {
  width: 450px;
  margin: 0 28px 0 0;
  float: left;
}
#overall-quiz .test-your-knowledge .left-column .introText {
  display: none;
}
#overall-quiz .test-your-knowledge .left-column .question {
  display: none;
}
#overall-quiz .test-your-knowledge .left-column .question h3 {
  font-family: 'ec_square_sans_probold';
  color: #33484a;
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 20px 0;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul {
  margin: 0;
  padding: 0;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li {
  list-style: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 23px;
  height: 47px;
  display: block;
  margin: 4px 0;
  padding: 5px 10px 5px 77px;
  background-image: url('');
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #33484a;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li:hover {
  cursor: pointer;
  color: #fff;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback {
  display: none;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackPrefix {
  margin: 1em 0 0 0;
  font-family: 'ec_square_sans_probold';
  font-size: 16px;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackAnswer {
  margin: 0 0 20px 0;
  font-style: italic;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackBool {
  width: 363px;
  height: 47px;
  padding: 5px 10px 5px 77px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 47px;
  font-weight: bold;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackBool.right {
  background: url('../img/right_wrong.png') no-repeat 0 0 #dfdfdf;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackBool.wrong {
  background: url('../img/right_wrong.png') no-repeat 0 -59px #dfdfdf;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .feedbackText {
  margin: 20px 0 0 0;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .nextQuestion {
  margin: 20px 0 0 230px;
  width: 200px;
  padding: 0 0 0 20px;
  height: 40px;
  line-height: 40px;
  font-family: 'ec_square_sans_probold';
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#overall-quiz .test-your-knowledge .left-column .question .feedback .nextQuestion:hover {
  cursor: pointer;
  background-color: #dea804;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .scoreBar {
  width: 450px;
  height: 40px;
  background: #dfdfdf;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .scoreBar .scoreBarFiller {
  z-index: 1;
  position: absolute;
  background: #21b473;
  width: 0%;
  top: 0;
  left: 0;
  height: 40px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .scoreBar .scorePercentage {
  z-index: 2;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  line-height: 40px;
  padding-top: 3px;
  font-family: 'ec_square_sans_probold';
  font-size: 26px;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .restartQuiz,
#overall-quiz .test-your-knowledge .left-column .scoreScreen .nextPage {
  margin: 20px 0 0 0;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-family: 'ec_square_sans_probold';
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -webkit-transition: background-color 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .restartQuiz:hover,
#overall-quiz .test-your-knowledge .left-column .scoreScreen .nextPage:hover {
  cursor: pointer;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .restartQuiz {
  margin: 20px 10px 0 0;
  text-align: right;
  padding: 0 20px 0 0;
}
#overall-quiz .test-your-knowledge .left-column .scoreScreen .nextPage {
  padding: 0 0 0 20px;
  display: none;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.a {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 0 #dfdfdf;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.a:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -59px #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.b {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -118px #dfdfdf;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.b:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -177px #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.c {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -236px #dfdfdf;
}
#overall-quiz .test-your-knowledge .left-column .question .answerContainer ul li.c:hover {
  background: url('../img/bg_answer_yellow.png') no-repeat 0 -295px #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .question .feedbackPrefix {
  color: #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .nextQuestion {
  background: url('../img/bg_next.png') no-repeat right center #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .nextQuestion:hover {
  background: url('../img/bg_next.png') no-repeat right center #856c3f;
}
#overall-quiz .test-your-knowledge .left-column .restartQuiz {
  background: url('../img/bg_back.png') no-repeat left center #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .restartQuiz:hover {
  background: url('../img/bg_back.png') no-repeat left center #856c3f;
}
#overall-quiz .test-your-knowledge .left-column .nextPage {
  background: url('../img/bg_next.png') no-repeat right center #ffc106;
}
#overall-quiz .test-your-knowledge .left-column .nextPage:hover {
  background: url('../img/bg_next.png') no-repeat right center #856c3f;
}
#footer {
  z-index: 11;
  background-color: #33484a;
  height: 303px;
  position: relative;
}
#footer h2 {
  font-size: 18px;
  color: #69d2e7;
}
#footer p {
  font-size: 12px;
  color: white;
}
#footer a {
  font-size: 12px;
  text-decoration: none;
  color: #c7f464;
}
#footer #footer-wrapper {
  width: 928px;
  margin: 0 auto;
  padding: 0 48px;
  position: relative;
}
#footer #footer-wrapper #footer-logo-top {
  position: relative;
  float: left;
  width: 147px;
  height: 101px;
  background-image: url('../img/footer-top-v1.png');
  margin: -72px 379px 0 402px;
}
#footer #footer-wrapper .left-column {
  width: 449px;
  margin: 20px 30px 0 0;
  float: left;
}
#footer #footer-wrapper .left-column #copyright {
  margin-top: 20px;
}
#footer #footer-wrapper .right-column {
  float: left;
  width: 449px;
  margin-top: 20px;
}
#footer #footer-wrapper #footer-logo-bottom {
  display: block;
  position: absolute;
  width: 64px;
  height: 42px;
  background-image: url('../img/footer-bottom.png');
  top: 261px;
  left: 480px;
}
@-webkit-keyframes scalePop {
  0% {
    -webkit-transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1.2);
  }
  60% {
    -webkit-transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes scalePopDown {
  0% {
    -webkit-transform: scale(1);
  }
  30% {
    -webkit-transform: scale(0.85);
  }
  60% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(0);
  }
}
@-moz-keyframes scalePop {
  0% {
    -moz-transform: scale(0);
  }
  30% {
    -moz-transform: scale(1.2);
  }
  60% {
    -moz-transform: scale(0.85);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes scalePopDown {
  0% {
    -moz-transform: scale(1);
  }
  30% {
    -moz-transform: scale(0.85);
  }
  60% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(0);
  }
}
@keyframes scalePop {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scalePopDown {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.85);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0);
  }
}