@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Settings */
/* (max site width) */
/* (base font size) */
/* (default font) */
/* (default font wieght) */
/* (spacing variable) */
/* (minimum page magin - left and right gap on mobile) */
/* (same as above, but with unit) */
/* (where the site goes mobile) */
/* calculate page margin */
/* responsive version of $sv (spacing variable) set above */
@font-face {
  font-family: "icomoon";
  src: url("../typography/icons/fonts/icomoon.eot?xir4j9");
  src: url("../typography/icons/fonts/icomoon.eot?xir4j9#iefix") format("embedded-opentype"), url("../typography/icons/fonts/icomoon.ttf?xir4j9") format("truetype"), url("../typography/icons/fonts/icomoon.woff?xir4j9") format("woff"), url("../typography/icons/fonts/icomoon.svg?xir4j9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
  content: "";
}

.icon-x:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-user-circle-1:before {
  content: "";
}

.icon-arrow-circle-right:before {
  content: "";
}

.icon-arrow-circle-left:before {
  content: "";
}

.icon-arrow-circle-fill-black:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-arrow-circle-right-fill:before {
  content: "";
  color: #fff;
}

.icon-check-circle:before {
  content: "";
  color: #0d8381;
}

.icon-x-circle:before {
  content: "";
  color: #df0e14;
}

.icon-Assisting-electors:before {
  content: "";
}

.icon-Ballot-box-guard:before {
  content: "";
}

.icon-Ballot-Box:before {
  content: "";
}

.icon-Ballot-paper:before {
  content: "";
}

.icon-Before-polls-open_1:before {
  content: "";
}

.icon-Before-polls-open:before {
  content: "";
}

.icon-Candidate:before {
  content: "";
}

.icon-Clean:before {
  content: "";
}

.icon-Code-of-ethics:before {
  content: "";
}

.icon-Counting:before {
  content: "";
}

.icon-Declaration-table:before {
  content: "";
}

.icon-Do-not:before {
  content: "";
}

.icon-Do:before {
  content: "";
}

.icon-During-polling-day:before {
  content: "";
}

.icon-Early-voting-officerin-charge:before {
  content: "";
}

.icon-Early-voting-staff:before {
  content: "";
}

.icon-Elector-mark-off:before {
  content: "";
}

.icon-Elector:before {
  content: "";
}

.icon-End-of-polling-day:before {
  content: "";
}

.icon-Enrolment-form:before {
  content: "";
}

.icon-LAPPERDS:before {
  content: "";
}

.icon-May:before {
  content: "";
}

.icon-Mobile-Staff:before {
  content: "";
}

.icon-Officer-in-Charge:before {
  content: "";
}

.icon-Packaging:before {
  content: "";
}

.icon-Polling-Area-Manager:before {
  content: "";
}

.icon-Polling-Eve:before {
  content: "";
}

.icon-Polling-Officer:before {
  content: "";
}

.icon-Polling-period:before {
  content: "";
}

.icon-Polling-place:before {
  content: "";
}

.icon-Postal-votes:before {
  content: "";
}

.icon-Queue-Controller:before {
  content: "";
}

.icon-Scrutineers:before {
  content: "";
}

.icon-Second-in-charge:before {
  content: "";
}

.icon-Spoilt-Ballot-Paper:before {
  content: "";
}

.icon-Time:before {
  content: "";
}

.icon-Workplace-healthand-safety:before {
  content: "";
}

/* reset input areas to default styles */
/* accessible version of display: none; */
/* TEXT SHADOW */
/* BOX SHADOW */
/* TRANSFORM  */
/* TRANSFORM ORIGIN */
/* TRANSITION */
/* calculate ems */
/* calculate rems */
/* spacing variable mixin - used for padding and margins, the second variable is a multiplier */
/* calculate the view width based on a fixed value
 $prop : the property to set (if its hieght or width, max- will be set too
 $w : the width the calculate
 $mw : the max with, ie the value to calculate the variable related to, defaults to the $site-width
*/
/* set a property to the value page margin - useful for blocks that arent rows but should sit inside it */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  background-color: white;
  font-size: 20px;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-display: block;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 2560px) {
  html {
    font-size: 16px;
  }
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, html, body {
    position: relative;
    overflow-x: hidden;
  }
}

html,
body {
  width: 100vw;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 3/pxrem;
  font-weight: 400;
  line-height: 2.7rem;
  font-weight: 400;
}

h2 {
  font-size: 2.25/pxrem;
  font-weight: 400;
  line-height: 1.9rem;
  font-weight: 400;
}

h3 {
  font-size: 1.5/pxrem;
  font-weight: 400;
  line-height: 1.5rem;
  font-weight: 400;
}

h4 {
  font-size: 1.5/pxrem;
  font-weight: 400;
  line-height: 1.5rem;
  font-weight: 400;
}

h5 {
  font-size: 1.25/pxrem;
  font-weight: 400;
  line-height: 1.4rem;
  font-weight: 400;
}

h6 {
  font-size: 1.125/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
  font-weight: 400;
}

.layout-content form {
  /** Form styles **/
}

.layout-content form form ul,
.layout-content form fieldset ul {
  list-style: none;
}

.layout-content form form ul li:before,
.layout-content form fieldset ul li:before {
  display: none;
}

.layout-content form input[type="text"],
.layout-content form input[type="password"],
.layout-content form input[type="date"],
.layout-content form input[type="datetime"],
.layout-content form input[type="email"],
.layout-content form input[type="number"],
.layout-content form input[type="search"],
.layout-content form input[type="tel"],
.layout-content form input[type="time"],
.layout-content form input[type="url"],
.layout-content form textarea,
.layout-content form select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #747474;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 12px;
  min-height: 43px;
  width: 100%;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
  margin-bottom: 28px;
}

.layout-content form input[type="radio"],
.layout-content form input[type="checkbox"] {
  margin: 0 4px 8px 0;
  margin-bottom: 28px;
}

.layout-content form input[type="datetime-local"],
.layout-content form input[type="month"],
.layout-content form input[type="week"] {
  padding: 7px 15px;
}

.layout-content form select {
  padding: 6px;
  border-radius: 2px;
}

.layout-content form button,
.layout-content form input[type="button"],
.layout-content form input[type="reset"],
.layout-content form input[type="submit"] {
  border: 1px solid transparent;
  padding: 8px 16px 8px 16px;
  color: #000;
  font-size: 1/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
  font-weight: 500;
  font-family: 'Space Mono';
  font-display: block;
  border-radius: 999px;
  background-color: #FFF;
  color: #000;
  border-color: #000;
  display: inline-block;
  margin-top: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .layout-content form button,
  .layout-content form input[type="button"],
  .layout-content form input[type="reset"],
  .layout-content form input[type="submit"] {
    padding: 0.4784688995vw 0.956937799vw 0.4784688995vw 0.956937799vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .layout-content form button,
  .layout-content form input[type="button"],
  .layout-content form input[type="reset"],
  .layout-content form input[type="submit"] {
    margin-top: 1.1961722488vw;
  }
}

.layout-content form button:hover,
.layout-content form input[type="button"]:hover,
.layout-content form input[type="reset"]:hover,
.layout-content form input[type="submit"]:hover {
  border-color: transparent;
}

.layout-content form input[disabled],
.layout-content form button[disabled] {
  background: #ccc;
  pointer-events: none;
}

.layout-content form fieldset {
  padding: 0;
  margin-bottom: 30px;
  border: none;
}

.layout-content form legend {
  margin-bottom: 28px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .layout-content form legend {
    margin-bottom: 1.6746411483vw;
  }
}

.layout-content form label {
  color: #000;
  font-size: 1/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
  display: inline-block;
  margin-bottom: 4px;
}

.layout-content form label.light {
  font-weight: 300;
  display: inline;
}

.layout-content form .number {
  background-color: #5fcf80;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 4px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius: 100%;
}

@media screen and (min-width: 480px) {
  .layout-content form form {
    max-width: 480px;
  }
}

.layout-content form .js-form-type-select {
  position: relative;
}

.layout-content form .js-form-type-select select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  padding-right: 10px;
}

.layout-content form .js-form-type-select:after {
  padding-right: 10px;
  position: absolute;
  right: 0;
  pointer-events: none;
}

.layout-content form .form-item {
  margin-top: 0;
}

.layout-content form .form-item > label {
  margin-bottom: 0;
}

.layout-content form .form-item input[type="text"],
.layout-content form .form-item input[type="password"],
.layout-content form .form-item input[type="date"],
.layout-content form .form-item input[type="datetime"],
.layout-content form .form-item input[type="email"],
.layout-content form .form-item input[type="number"],
.layout-content form .form-item input[type="search"],
.layout-content form .form-item input[type="tel"],
.layout-content form .form-item input[type="time"],
.layout-content form .form-item input[type="url"],
.layout-content form .form-item textarea,
.layout-content form .form-item select,
.layout-content form .form-item input[type="radio"],
.layout-content form .form-item input[type="checkbox"] {
  margin-bottom: 0;
}

.no-scrolling {
  overflow: hidden;
}

.display-none {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  border: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.appearance-none {
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  font-family: inherit;
  font-display: block;
  font-weight: inherit;
  font-size: inherit;
}

.appearance-none::-ms-expand {
  display: none;
}

.display-mob,
.mobile-only {
  display: none;
}

.row_nw {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.row_w {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col_nw {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.col_w {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.flex_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.jc-sa {
  -ms-flex-pack: distribute;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.jc-se {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}

.jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.jc-fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .display-mob {
    display: block;
  }
  .mobile-only {
    display: inline-block;
  }
  .desktop-only {
    display: none;
  }
}

/*@warn  $offset "  Breakpoint not defined";*/
pre {
  color: #5a1313;
}

.visually-hidden {
  display: none;
}

.block-system-main-block > form {
  margin-top: 128px;
  margin-bottom: 128px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .block-system-main-block > form {
    margin-top: 7.6555023923vw;
    margin-bottom: 7.6555023923vw;
  }
}

@media screen and (max-width: 766px) {
  .block-system-main-block > form {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .block-system-main-block > form {
    margin-top: 2.8708133971vw;
    margin-bottom: 2.8708133971vw;
  }
}

.views-exposed-form.views-exposed-form {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accessible {
  display: none;
}

.clear-float {
  display: block;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-border {
  border: 0 !important;
}

.no-border-top {
  border-top: 0 !important;
}

.no-border-left {
  border-left: 0 !important;
}

.no-border-right {
  border-right: 0 !important;
}

.no-border-bottom {
  border-bottom: 0 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layout-container {
  min-height: 100vh;
  margin: 0 auto !important;
}

.layout-container .right-section {
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1281px) {
  .layout-container .content-wrapper {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}

.layout-container .content-wrapper .content-main {
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.row {
  max-width: 1760px;
  width: -webkit-calc(100% - 72px);
  width: calc(100% - 72px);
  max-width: 1600px;
  margin: auto;
}

.row .row {
  width: 100%;
}

.row.collapse {
  max-width: 1080px;
}

.row.extra {
  max-width: 688px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .row {
    width: -webkit-calc(100% - 1.1961722488vw);
    width: calc(100% - 1.1961722488vw);
  }
  .row.collapse {
    width: -webkit-calc(100% - 4.7846889952vw);
    width: calc(100% - 4.7846889952vw);
  }
}

.rowbreaker {
  width: 100vw;
  margin-left: -0.5980861244vw;
}

@media screen and (min-width: 1672px) {
  .rowbreaker {
    margin-left: -webkit-calc((-100vw + 1600px) / 2);
    margin-left: calc((-100vw + 1600px) / 2);
  }
}

@media screen and (max-width: 1672px) {
  .rowbreaker {
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media screen and (max-width: 766px) {
  .rowbreaker {
    margin-left: -36px;
  }
}

.container-fluid {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 2560px) {
  .container-fluid {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-fluid .container {
  width: 100%;
}

.container-xxl {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 2600px;
}

@media (max-width: 2560px) {
  .container-xxl {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-xxl .container {
  width: 100%;
}

.container-xl {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 2208px;
}

@media (max-width: 2560px) {
  .container-xl {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-xl .container {
  width: 100%;
}

.container-lg {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 1800px;
}

@media (max-width: 2560px) {
  .container-lg {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-lg .container {
  width: 100%;
}

.container-md {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 1720px;
}

@media (max-width: 2560px) {
  .container-md {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-md .container {
  width: 100%;
}

@media (max-width: 2560px) {
  .container-md {
    max-width: 900px;
  }
}

.container-sm {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 1280px;
}

@media (max-width: 2560px) {
  .container-sm {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-sm .container {
  width: 100%;
}

.container-xs {
  width: -webkit-calc(100vw - (128px * 2));
  width: calc(100vw - (128px * 2));
  margin: 0 auto;
  max-width: 1060px;
}

@media (max-width: 2560px) {
  .container-xs {
    width: -webkit-calc(100vw - (40px * 2));
    width: calc(100vw - (40px * 2));
  }
}

.container-xs .container {
  width: 100%;
}

.text-9xl {
  color: #000;
  font-size: 8/pxrem;
  font-weight: 400;
  line-height: 6.4rem;
}

.text-9xl *,
.text-9xl a {
  color: #000;
  font-size: 8/pxrem;
  font-weight: 400;
  line-height: 6.4rem;
}

.text-8xl {
  color: #000;
  font-size: 6/pxrem;
  font-weight: 400;
  line-height: 4.8rem;
}

.text-8xl *,
.text-8xl a {
  color: #000;
  font-size: 6/pxrem;
  font-weight: 400;
  line-height: 4.8rem;
}

.text-7xl {
  color: #000;
  font-size: 4.5/pxrem;
  font-weight: 400;
  line-height: 3.6rem;
}

.text-7xl *,
.text-7xl a {
  color: #000;
  font-size: 4.5/pxrem;
  font-weight: 400;
  line-height: 3.6rem;
}

.text-6xl {
  color: #000;
  font-size: 3.75/pxrem;
  font-weight: 400;
  line-height: 3.4rem;
}

.text-6xl *,
.text-6xl a {
  color: #000;
  font-size: 3.75/pxrem;
  font-weight: 400;
  line-height: 3.4rem;
}

.text-5xl {
  color: #000;
  font-size: 3/pxrem;
  font-weight: 400;
  line-height: 2.7rem;
}

.text-5xl *,
.text-5xl a {
  color: #000;
  font-size: 3/pxrem;
  font-weight: 400;
  line-height: 2.7rem;
}

.text-4xl {
  color: #000;
  font-size: 2.25/pxrem;
  font-weight: 400;
  line-height: 1.9rem;
}

.text-4xl *,
.text-4xl a {
  color: #000;
  font-size: 2.25/pxrem;
  font-weight: 400;
  line-height: 1.9rem;
}

.text-3xl {
  color: #000;
  font-size: 1.875/pxrem;
  font-weight: 400;
  line-height: 1.8rem;
}

.text-3xl *,
.text-3xl a {
  color: #000;
  font-size: 1.875/pxrem;
  font-weight: 400;
  line-height: 1.8rem;
}

.text-2xl {
  color: #000;
  font-size: 1.5/pxrem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-2xl *,
.text-2xl a {
  color: #000;
  font-size: 1.5/pxrem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-xl {
  color: #000;
  font-size: 1.25/pxrem;
  font-weight: 400;
  line-height: 1.4rem;
}

.text-xl *,
.text-xl a {
  color: #000;
  font-size: 1.25/pxrem;
  font-weight: 400;
  line-height: 1.4rem;
}

.text-lg {
  color: #000;
  font-size: 1.125/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
}

.text-lg *,
.text-lg a {
  color: #000;
  font-size: 1.125/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
}

.text-base {
  color: #000;
  font-size: 1/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
}

.text-base *,
.text-base a {
  color: #000;
  font-size: 1/pxrem;
  font-weight: 400;
  line-height: 1.2rem;
}

.text-sm {
  color: #000;
  font-size: 0.875/pxrem;
  font-weight: 400;
  line-height: 1rem;
}

.text-sm *,
.text-sm a {
  color: #000;
  font-size: 0.875/pxrem;
  font-weight: 400;
  line-height: 1rem;
}

.text-xs {
  color: #000;
  font-size: 0.75/pxrem;
  font-weight: 400;
  line-height: 0.8rem;
}

.text-xs *,
.text-xs a {
  color: #000;
  font-size: 0.75/pxrem;
  font-weight: 400;
  line-height: 0.8rem;
}

.text-bold {
  font-weight: 700;
}

.text-semi-bold {
  font-weight: 500;
}

.text-regular {
  font-weight: 400;
}

.logo-login .logo {
  width: 200px;
  position: absolute;
  top: 4%;
  left: 8%;
  z-index: 1;
}

.logo-login .logo.no-index {
  z-index: 0;
}

.logo-login .logo.index {
  z-index: 1;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .logo-login .logo {
    left: 6%;
    top: 10%;
  }
}

@media screen and (max-width: 766px) {
  .logo-login .logo {
    top: 6%;
    left: 14%;
  }
}

@media screen and (min-width: 2300px) {
  .logo-login .logo {
    left: 10%;
  }
}

@media screen and (min-width: 3000px) {
  .logo-login .logo {
    left: 12%;
  }
}

@media screen and (max-width: 900px) and (min-width: 767px) {
  .logo-login .logo {
    left: 14%;
  }
}

.logo-login .logo p#logo a {
  display: block;
  width: 200px;
  background: url(../graphics/logo-green.svg) no-repeat;
  height: 40px;
}

@media screen and (max-width: 766px) {
  .logo-login .logo p#logo a {
    margin-bottom: 50px;
  }
}

.login-full-wrapper {
  width: 200vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper {
    min-height: 100%;
    height: auto;
    background-color: #f5f5f7;
  }
}

.login-full-wrapper.animate {
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
  -webkit-transform: translateX(-89vw);
          transform: translateX(-89vw);
}

@media screen and (max-width: 766px) {
  .login-full-wrapper.animate {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}

.login-full-wrapper.animate-back {
  position: relative;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  -webkit-transform: translateX(0vw);
          transform: translateX(0vw);
}

.login-full-wrapper .wrapper_login_welcome {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 1400px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: white;
  padding: 46px 92px 16px 92px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome {
    padding: 2.7511961722vw 5.5023923445vw 0.956937799vw 5.5023923445vw;
  }
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 26px 32px 24px 32px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome {
    padding: 1.5550239234vw 1.9138755981vw 1.4354066986vw 1.9138755981vw;
  }
}

@media screen and (max-width: 820px) {
  .login-full-wrapper .wrapper_login_welcome {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 26px 52px 24px 52px;
  }
}

@media screen and (max-width: 820px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome {
    padding: 1.5550239234vw 3.1100478469vw 1.4354066986vw 3.1100478469vw;
  }
}

.login-full-wrapper .wrapper_login_welcome .cell.login {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.login-full-wrapper .wrapper_login_welcome .cell.login .inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: 600px;
  height: 90%;
  max-height: 900px;
  margin: auto;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome .cell.login .inner {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1600px) and (min-width: 1500px) {
  .login-full-wrapper .wrapper_login_welcome .cell.login .inner {
    height: auto;
  }
}

@media screen and (orientation: portrait) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .cell.login .inner {
    height: 100%;
  }
}

.login-full-wrapper .wrapper_login_welcome .masonry_gallery {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  position: relative;
}

.login-full-wrapper .wrapper_login_welcome .masonry_gallery .masonry_image {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}

.login-full-wrapper .wrapper_login_welcome .masonry_gallery .masonry_image#image-all {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 1400px;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome .masonry_gallery {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .masonry_gallery {
    margin-top: 2.990430622vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .masonry_gallery {
    padding-top: 2.990430622vw;
    padding-bottom: 2.990430622vw;
  }
}

.login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
  color: black;
  padding-top: 31px;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 3.75rem;
  margin-top: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    margin-top: 2.3923444976vw;
  }
}

@media screen and (max-width: 900px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    margin-top: 250px;
  }
}

@media screen and (max-width: 900px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    margin-top: 14.95215311vw;
  }
}

@media screen and (max-height: 700px) and (min-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: 30px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner .welcome-text {
    margin-top: 1.7942583732vw;
  }
}

.login-full-wrapper .wrapper_login_welcome .inner p.mission {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 50px;
  max-width: 424px;
}

.login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background-color: #0d8381;
  padding: 7px 20px;
  border: none;
  color: white;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1.5rem;
  cursor: pointer;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue {
    margin-top: 1.7942583732vw;
    margin-bottom: 1.7942583732vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue {
    margin-top: 2.990430622vw;
    margin-bottom: 2.990430622vw;
  }
}

.login-full-wrapper .wrapper_login_welcome .inner button.sign-in-to-continue::after {
  content: "";
  background: url(../../storage/arrow-circle-right.svg) no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}

.login-full-wrapper .wrapper_login_welcome .inner p.create-account {
  max-width: 300px;
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.login-full-wrapper .wrapper_login_welcome .inner p.create-account a {
  color: black;
}

.login-full-wrapper .login-form-input-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #f5f5f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10vw;
}

.login-full-wrapper .login-form-input-wrapper .back-button {
  cursor: pointer;
  position: absolute;
  top: 4%;
  left: 5%;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .login-form-input-wrapper .back-button {
    top: -46%;
    left: 5%;
  }
}

.login-full-wrapper .login-form-input-wrapper .back-button:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

.login-full-wrapper .login-form-input-wrapper .back-button:after {
  font-size: 1.5em;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .login-form-input-wrapper {
    min-height: 120%;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper {
    min-height: 100%;
    height: auto;
  }
}

.login-full-wrapper .login-form-input-wrapper.visible {
  -webkit-transform: translateX(-89vw);
          transform: translateX(-89vw);
  visibility: visible;
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .login-form-input-wrapper.visible {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
}

.login-full-wrapper .login-form-input-wrapper.hidden {
  -webkit-transform: translateX(0vw);
          transform: translateX(0vw);
  visibility: hidden;
}

.login-full-wrapper .login-form-input-wrapper .inner fieldset {
  padding: 40px 88px 17px 88px;
  background-color: white;
  border: none;
  -webkit-box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner fieldset {
    padding: 2.3923444976vw 5.2631578947vw 1.0167464115vw 5.2631578947vw;
  }
}

@media screen and (max-width: 766px) {
  .login-full-wrapper .login-form-input-wrapper .inner fieldset {
    padding: 40px 30px 17px 30px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner fieldset {
    padding: 2.3923444976vw 1.7942583732vw 1.0167464115vw 1.7942583732vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner .error {
  color: red;
}

.login-full-wrapper .login-form-input-wrapper .inner .logo-vertical {
  background: url(../graphics/logo-vertical.svg) center center no-repeat;
  height: 82px;
  margin-bottom: 20px;
  margin-right: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .logo-vertical {
    margin-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .logo-vertical {
    margin-right: 0.7177033493vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner h2 {
  background: none !important;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #000000;
  padding-bottom: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner h2 {
    padding-bottom: 2.3923444976vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"],
.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"] {
  width: 100%;
  padding: 13px 0px 13px 20px;
  border: 1px solid #d0d2d9;
  color: #454746;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"]::-webkit-input-placeholder, .login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"]::-webkit-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"]::-moz-placeholder, .login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"]::-moz-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"]:-ms-input-placeholder, .login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"]:-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"]::-ms-input-placeholder, .login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"]::-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"]::placeholder,
.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"]::placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="password"] {
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain input[type="text"] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.login-full-wrapper .login-form-input-wrapper .inner #loginFormMain .checkbox-area {
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner #loginFormMain .checkbox-area {
    margin-top: 1.1961722488vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner .buttons {
  font-size: 0;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .buttons {
    margin-top: 1.1961722488vw;
    margin-bottom: 1.1961722488vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner .buttons button[type="submit"] {
  cursor: pointer;
  border: 0px;
}

.login-full-wrapper .login-form-input-wrapper .inner .buttons button[type="submit"]::after {
  content: "TEST";
  background: url(../graphics/arrow-circle-right-black.svg) no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
}

.login-full-wrapper .login-form-input-wrapper .inner hr {
  border: none;
  height: 1px;
  background: #D0D2D9;
}

.login-full-wrapper .login-form-input-wrapper .inner .extra_links {
  text-align: center;
  margin-top: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .extra_links {
    margin-top: 0.5980861244vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner .extra_links a {
  color: #0070C9;
  margin-bottom: 6px;
  font-size: 0.85rem;
  line-height: 1rem;
  font-weight: 400;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .extra_links a {
    margin-bottom: 0.3588516746vw;
  }
}

.login-full-wrapper .login-form-input-wrapper .inner .extra_links a::after {
  content: "";
  background: url(../graphics/arrow-up-right.svg) no-repeat;
  display: inline-block;
  height: 13px;
  width: 13px;
  margin-left: 4px;
  background-position: center 1px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .login-full-wrapper .login-form-input-wrapper .inner .extra_links a::after {
    margin-left: 0.2392344498vw;
  }
}

@-webkit-keyframes run {
  0% {
    right: 0%;
  }
  50% {
    right: 40%;
  }
  100% {
    right: 90%;
  }
}

@keyframes run {
  0% {
    right: 0%;
  }
  50% {
    right: 40%;
  }
  100% {
    right: 90%;
  }
}

@-webkit-keyframes run-back {
  0% {
    right: 90%;
  }
  50% {
    right: 40%;
  }
  100% {
    right: 0%;
  }
}

@keyframes run-back {
  0% {
    right: 90%;
  }
  50% {
    right: 40%;
  }
  100% {
    right: 0%;
  }
}

body #wrapper.noNav #page {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

body #wrapper.noNav #page .sidebar-content {
  display: none;
}

body #wrapper.noNav #page .page-content {
  display: none;
}

body #wrapper.withNav #page {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

body #wrapper.withNav #page .sidebar-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 380px;
          flex: 0 0 380px;
  height: 100vh;
  overflow: scroll;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  body #wrapper.withNav #page .sidebar-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
  }
}

@media screen and (max-width: 766px) {
  body #wrapper.withNav #page .sidebar-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

body #wrapper.withNav #page .page-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100vh;
  overflow: scroll;
}

.sidebar-content {
  -webkit-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content {
    width: 33%;
  }
}

@media screen and (max-width: 766px) {
  .sidebar-content {
    display: none;
    width: 100vw;
    height: 100vh;
  }
}

.sidebar-content #main .panel-inner #nav {
  height: 100%;
}

.sidebar-content #main .panel-inner #nav .inner1 {
  position: relative;
}

.sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .logo {
  background: url(../graphics/election-logo-page.png) no-repeat;
  width: 155px;
  height: 35px;
  margin: 20px 0px 0px 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .logo {
    margin: 1.1961722488vw 0vw 0vw 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .cross {
  display: none;
}

@media screen and (max-width: 766px) {
  .sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .cross {
    display: block;
    font-weight: 600;
    font-size: 2rem;
    margin: 20px 30px 0px 20px;
  }
  .sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .cross:before {
    font-size: 1em;
    font-family: "icomoon";
    content: "";
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .logo-wrapper .cross {
    margin: 1.1961722488vw 1.7942583732vw 0vw 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 {
  margin: 40px 0px 100px 0px;
  min-height: 65vh;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 {
    margin: 2.3923444976vw 0vw 5.980861244vw 0vw;
  }
}

@media screen and (min-width: 766px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation {
    height: -webkit-calc(100vh - 400px);
    height: calc(100vh - 400px);
    overflow-y: scroll;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li {
  padding: 0px 72px 0px 20px;
  list-style: none;
  font-size: 1.124rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li {
    padding: 0vw 4.3062200957vw 0vw 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li {
    margin-top: 1.1961722488vw;
    margin-bottom: 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li a {
  text-decoration: none;
  color: #000;
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li > ul {
  display: none;
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active {
  padding: 20px 20px 20px 20px;
  background-color: #f7f5f1;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active {
    padding: 1.1961722488vw 1.1961722488vw 1.1961722488vw 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active > ul {
  display: block;
  padding: 20px 72px 0px 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active > ul {
    padding: 1.1961722488vw 4.3062200957vw 0vw 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active > ul > li {
  margin-bottom: 10px;
  list-style: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active > ul > li {
    margin-bottom: 0.5980861244vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .inner2 .training-navigation ul.parts > li.active > ul > li.active {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information {
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 766px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information {
    position: fixed;
    bottom: 40px;
  }
}

@media screen and (max-width: 766px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information {
    padding-bottom: 150px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information {
    padding-bottom: 8.971291866vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information {
    padding-left: 1.1961722488vw;
    padding-right: 1.1961722488vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .user {
  margin-right: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information .user {
    margin-right: 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information .user {
    margin-right: 30px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information .user {
    margin-right: 1.7942583732vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .user::before {
  content: "";
  display: inline-block;
  height: 44px;
  width: 44px;
  background: url(../graphics/icon-user.gif) no-repeat;
  background-size: cover;
  border-radius: 50px;
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .user > span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .user > span.name, .sidebar-content #main .panel-inner #nav .inner1 .user-information .user > span.role {
  font-weight: 700;
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .logout {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information .logout {
    margin-bottom: 0.5980861244vw;
  }
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .logout a {
  color: #003c34;
  text-decoration: none;
  padding: 10px 40px 10px 40px;
  border: 1px solid #003c34;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.sidebar-content #main .panel-inner #nav .inner1 .user-information .logout a:hover {
  background-color: #003c34;
  color: #fff;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .sidebar-content #main .panel-inner #nav .inner1 .user-information .logout a {
    padding: 0.5980861244vw 2.3923444976vw 0.5980861244vw 2.3923444976vw;
  }
}

#header {
  height: auto;
}

@media screen and (max-width: 766px) {
  #header {
    height: auto;
  }
}

#header .panel-inner .mobile-only-menu {
  display: none;
}

@media screen and (max-width: 766px) {
  #header .panel-inner .mobile-only-menu {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner .mobile-only-menu {
    padding-top: 1.1961722488vw;
    padding-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner .mobile-only-menu {
    padding-left: 2.3923444976vw;
    padding-right: 2.3923444976vw;
  }
}

#header .panel-inner .mobile-only-menu .logo {
  background: url(../graphics/election-logo-page.png) no-repeat;
  width: 155px;
  height: 35px;
}

#header .panel-inner .mobile-only-menu .hamburger-menu:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

#header .panel-inner .mobile-only-menu .hamburger-menu:before {
  font-size: 2rem;
}

#header .panel-inner #user-details {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #003c34;
  color: #fff;
}

@media screen and (max-width: 766px) {
  #header .panel-inner #user-details {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#header .panel-inner #user-details .breadcrumb {
  padding: 20px 0px 50px 150px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb {
    padding: 1.1961722488vw 0vw 2.990430622vw 8.971291866vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb {
    padding: 20px 40px 50px 40px;
    margin: 0 auto 0 5%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb {
    padding: 1.1961722488vw 2.3923444976vw 2.990430622vw 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) {
  #header .panel-inner #user-details .breadcrumb {
    padding: 20px 40px 50px 40px;
    margin-left: 0;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb {
    padding: 1.1961722488vw 2.3923444976vw 2.990430622vw 2.3923444976vw;
  }
}

#header .panel-inner #user-details .breadcrumb > div {
  max-width: 1060px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

#header .panel-inner #user-details .breadcrumb > div .icon-chevron-right {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb > div .icon-chevron-right {
    margin-left: 0.4784688995vw;
    margin-right: 0.4784688995vw;
  }
}

#header .panel-inner #user-details .breadcrumb .page-position {
  font-weight: 700;
}

#header .panel-inner #user-details .breadcrumb .menu-title {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1rem;
  margin-top: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .breadcrumb .menu-title {
    margin-top: 2.3923444976vw;
  }
}

#header .panel-inner #user-details .ribbon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 248px;
          flex: 0 0 248px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 766px) {
  #header .panel-inner #user-details .ribbon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

#header .panel-inner #user-details .ribbon .percentage {
  background-color: #d6ce00;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-flex: 70%;
      -ms-flex: 70%;
          flex: 70%;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .ribbon .percentage {
    padding-top: 1.495215311vw;
    padding-bottom: 1.495215311vw;
  }
}

#header .panel-inner #user-details .ribbon .percentage > span {
  display: block;
  text-align: center;
}

#header .panel-inner #user-details .ribbon .percentage > span.value {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}

#header .panel-inner #user-details .ribbon .percentage > span.label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

#header .panel-inner #user-details .ribbon .print {
  -webkit-box-flex: 30%;
      -ms-flex: 30%;
          flex: 30%;
  width: 100%;
  background-color: white;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

#header .panel-inner #user-details .ribbon .print > a {
  background: url(../graphics/printer.svg) no-repeat 43%;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-decoration: none;
}

@media screen and (max-width: 766px) {
  #header .panel-inner #user-details .ribbon .print > a {
    background-position: 45%;
    height: 40px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .ribbon .print > a {
    background-position: 40%;
  }
}

#header .panel-inner #user-details .ribbon .print > a:after {
  content: "Print";
  margin-left: 28px;
  font-weight: 700;
  line-height: 1.5rem;
  color: #003c34;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #header .panel-inner #user-details .ribbon .print > a:after {
    margin-left: 1.6746411483vw;
  }
}

.container-max-width {
  max-width: 1440px;
  margin: 0 auto;
}

.withNav #content {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.withNav #content .UIBlockContainer .blockOftraining {
  background-color: #F7F5F1;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent {
  padding: 80px 72px 80px 150px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent {
    padding: 4.7846889952vw 4.3062200957vw 4.7846889952vw 8.971291866vw;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent {
    padding: 20px 40px 60px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent {
    padding: 1.1961722488vw 2.3923444976vw 3.5885167464vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent {
    padding: 40px 40px 40px 40px;
    margin: 0 auto 0 5%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .heading {
  padding-bottom: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .heading {
    padding-bottom: 2.3923444976vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .heading h2 {
  font-size: 0;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .heading h2:after {
  font-size: 1rem;
  content: "_________";
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .heading h3 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #003c34;
  max-width: 512px;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent {
  position: relative;
  padding: 0px 0px 0px 560px;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .content-first-page {
  margin-left: -560px;
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .content-first-page {
    margin-left: 0px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .content-first-page {
    margin-left: 0px;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent > h4 {
  display: none;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent {
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent {
    padding: 0px 0px 0px 0px;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
  margin-bottom: 100px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
    margin-bottom: 5.980861244vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder > div h4 {
  display: none;
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
    min-height: -webkit-fit-content !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
    margin-bottom: 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .text-placeholder {
    margin-bottom: 2.3923444976vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder {
  position: absolute;
  left: 0;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder h4 {
  max-width: 400px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder h4 {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder h4 {
    margin-top: 1.1961722488vw;
    margin-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder h4 {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder h4 {
    margin-top: 1.1961722488vw;
    margin-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder {
    position: relative;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder {
    position: relative;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder img[style="highlight-media"] {
  margin-top: 40px;
  width: 400px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder img[style="highlight-media"] {
    margin-top: 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .media-placeholder img[style="highlight-media"] {
    width: 100%;
    height: 100%;
    max-height: 250px;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent iframe {
  width: 100%;
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent iframe {
    width: 100%;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent p {
  line-height: 1.5rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent p {
    margin-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent p img {
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent p img {
    max-width: 100%;
    max-height: 100%;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent h4 {
  font-size: 1.5em;
  color: #454746;
  line-height: 1.2em;
  font-weight: 700;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .masonry_gallery {
  text-align: center;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .masonry_gallery img {
  width: 750px;
  height: 650px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .masonry_gallery img {
    width: 50%;
    height: 50%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .masonry_gallery {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .masonry_gallery img {
    width: 100%;
    height: 100%;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center {
  text-align: center;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 3.75rem;
  max-width: 832px;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 60px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-bottom: 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-top: 3.5885167464vw;
  }
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 2rem;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-top: 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-bottom: 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center h3 {
    margin-top: 1.1961722488vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center p {
  max-width: 512px;
  margin: 0 auto;
  padding-bottom: 25px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center p {
    padding-bottom: 1.495215311vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button {
    margin-top: 3.5885167464vw;
    margin-bottom: 3.5885167464vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button.start-now {
  border: none;
  background-color: #003c34;
  color: #fff;
  padding: 10px 57px 10px 57px;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1.5rem;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button.start-now {
    padding: 0.5980861244vw 3.4090909091vw 0.5980861244vw 3.4090909091vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button.start-now > span {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button.start-now > span::after {
  margin-left: 5px;
  content: "";
  background: url(../graphics/arrow-circle-right.svg) no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining .workbookContent .inner .inner2 .UIHTMLContent .align-center button.start-now > span::after {
    margin-left: 0.2990430622vw;
  }
}

.withNav #content .UIBlockContainer .blockOftraining #workbookQuestionsForm {
  background-color: #FBFBFB;
}

@media screen and (max-width: 766px) {
  .withNav #content .UIBlockContainer .blockOftraining #workbookQuestionsForm .workbookQuestions {
    padding: 40px 40px 40px 40px;
    margin: 0 auto 0% 0%;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining #workbookQuestionsForm .workbookQuestions {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining #workbookQuestionsForm .workbookQuestions {
    padding: 40px 40px 40px 40px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .withNav #content .UIBlockContainer .blockOftraining #workbookQuestionsForm .workbookQuestions {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

#swal2-title {
  font-size: 1.4em;
}

#workbookQuestionsForm .workbookQuestions {
  padding: 80px 72px 80px 150px;
  max-width: 1440px;
  margin: 0 auto;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions {
    padding: 4.7846889952vw 4.3062200957vw 4.7846889952vw 8.971291866vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 40% !important;
          flex: 0 0 40% !important;
  border: 1px solid #d0d2d9;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets {
  border: 1px solid #d0d2d9;
  border-radius: 8px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div {
  width: 50%;
  text-align: center;
  background-color: #f5f5f7 !important;
  padding: 29px 48px 29px 48px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div {
    padding: 1.7344497608vw 2.8708133971vw 1.7344497608vw 2.8708133971vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div {
    padding: 18px 10px 18px 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div {
    padding: 1.0765550239vw 0.5980861244vw 1.0765550239vw 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div span {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 18px 30px 18px 30px;
  display: inline-block;
  width: 250px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div span {
    padding: 1.0765550239vw 1.7942583732vw 1.0765550239vw 1.7942583732vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div span {
    width: 100%;
    padding: 18px 10px 18px 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .targets > div span {
    padding: 1.0765550239vw 0.5980861244vw 1.0765550239vw 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  width: 44%;
  clear: none;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 3px;
  text-align: center;
  border: 1px dashed #d0d2d9;
  margin-right: 20px;
  margin-left: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target {
    margin-right: 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target {
    margin-left: 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target {
    width: 37%;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
  margin: 0px 48px 20px 48px;
  padding: 20px 20px 20px 20px;
  text-align: center;
  border-radius: 8px;
  background-color: #f5f5f7;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
    margin: 0vw 2.8708133971vw 1.1961722488vw 2.8708133971vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
    padding: 1.1961722488vw 1.1961722488vw 1.1961722488vw 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
    margin: 0px 12px 20px 12px;
    padding: 10px 10px 10px 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
    margin: 0vw 0.7177033493vw 1.1961722488vw 0.7177033493vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item {
    padding: 0.5980861244vw 0.5980861244vw 0.5980861244vw 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item.correct {
  background-color: rgba(13, 131, 129, 0.3);
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .draggers.target .item.incorrect {
  background-color: #ffd0d0;
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers {
  text-align: center;
  clear: both;
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers div {
  cursor: move;
  margin: 20px 20px 20px 20px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #d0d2d9;
  background-color: #f5f5f7;
  border-radius: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers div {
    margin: 1.1961722488vw 1.1961722488vw 1.1961722488vw 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers div {
    padding: 1.1961722488vw 1.1961722488vw 1.1961722488vw 1.1961722488vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers div.incorrect {
  background-color: #ffd0d0;
}

#workbookQuestionsForm .workbookQuestions .items .categorize .answerIt .center.draggers div.correct {
  background-color: rgba(13, 131, 129, 0.3);
}

#workbookQuestionsForm .workbookQuestions .items .multipleChoice .thisAnswer {
  color: #027a11;
  font-weight: bold;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets {
  float: right;
  width: 300px;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets {
    max-width: 100px;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets {
    max-width: 80px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets {
    max-width: 200px;
  }
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div {
  min-width: 300px;
  min-height: 80px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  line-height: 24px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets div {
    margin-bottom: 0.5980861244vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets div {
    min-width: 100%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .targets div {
    min-width: 100%;
  }
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div:first-child {
  background-color: #d0ebff !important;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div:nth-child(2) {
  background-color: #d0ffdd !important;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div:nth-child(3) {
  background-color: #e2d0ff !important;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div:nth-child(4) {
  background-color: #e7dcb8 !important;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .targets div:nth-child(5) {
  background-color: #feffd0 !important;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .draggers {
  width: 300px;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers {
    width: 150px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers {
    width: 200px;
  }
}

#workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item {
  min-width: 300px;
  min-height: 80px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #d0d2d9;
  border-radius: 8px;
  cursor: move;
  line-height: 24px;
  padding-right: 10px;
}

#workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item {
    margin-bottom: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item {
    padding-right: 0.5980861244vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item {
    min-width: 100%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item {
    min-width: 100%;
  }
}

#workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item::before {
  margin-left: 10px;
  margin-right: 16px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item::before {
    margin-left: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item::before {
    margin-right: 0.956937799vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
  width: 100%;
  padding: 18px 20px 18px 20px;
  border: 1px solid #d0d2d9;
  background-color: #f5f5f7;
  border-radius: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
    padding: 1.0765550239vw 1.1961722488vw 1.0765550239vw 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
    padding: 18px 4px 18px 4px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
    padding: 1.0765550239vw 0.2392344498vw 1.0765550239vw 0.2392344498vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
    padding: 18px 4px 18px 4px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .matchup .draggers .item span {
    padding: 1.0765550239vw 0.2392344498vw 1.0765550239vw 0.2392344498vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .correct .scoreLabel {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  color: #027a11;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin-right: 10px;
}

#workbookQuestionsForm .workbookQuestions .items .correct .scoreLabel:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .correct .scoreLabel {
    margin-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .correct .scoreLabel::before {
  margin-right: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .correct .scoreLabel::before {
    margin-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .incorrect .scoreLabel {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  color: #cc0000;
  line-height: 1.5rem;
  text-transform: uppercase;
}

#workbookQuestionsForm .workbookQuestions .items .incorrect .scoreLabel:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

#workbookQuestionsForm .workbookQuestions .items .incorrect .scoreLabel::before {
  margin-right: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .incorrect .scoreLabel::before {
    margin-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .incorrect .answerIt .incorrectAnswer span {
  color: #cc0000;
  font-weight: bold;
}

#workbookQuestionsForm .workbookQuestions .items .incorrect .answerIt .correctAnswer {
  color: #027a11;
  font-weight: bold;
}

#workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item {
  min-width: 300px;
  height: 80px;
  max-width: 700px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #d0d2d9;
  border-radius: 8px;
  cursor: move;
  line-height: 24px;
  padding-right: 10px;
}

#workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item {
    margin-bottom: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item {
    padding-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item::before {
  margin-left: 10px;
  margin-right: 16px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item::before {
    margin-left: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item::before {
    margin-right: 0.956937799vw;
  }
}

#workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item em {
  display: none;
}

#workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item span {
  width: 100%;
  padding: 18px 20px 18px 20px;
  border: 1px solid #d0d2d9;
  background-color: #f5f5f7;
  border-radius: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item span {
    padding: 1.0765550239vw 1.1961722488vw 1.0765550239vw 1.1961722488vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item span {
    padding: 3px 2px 3px 2px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .items .draggy .draggable .item span {
    padding: 0.1794258373vw 0.1196172249vw 0.1794258373vw 0.1196172249vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner h2 {
  font-size: 0;
}

#workbookQuestionsForm .workbookQuestions .inner h2:after {
  font-size: 1rem;
  content: "_________";
}

#workbookQuestionsForm .workbookQuestions .inner h3 {
  color: #003c34;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
}

#workbookQuestionsForm .workbookQuestions .inner h4 {
  display: none;
}

#workbookQuestionsForm .workbookQuestions .inner .field {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 90px;
  /* Set 3rd div to full width if the explanation class is not present */
  /* Set 2nd div to full width if the 3rd div is full width */
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field {
    margin-bottom: 5.3827751196vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .intro {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #454746;
  margin: 20px 20px 0px 0px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro {
    margin: 1.1961722488vw 1.1961722488vw 0vw 0vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro a {
    display: block;
    width: 250px;
    word-break: break-all;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .intro img {
  max-width: 400px;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro img {
    width: 100%;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro img {
    width: 100%;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro {
    width: 100%;
    clear: left;
    min-height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro {
    width: 100%;
    clear: left;
    min-height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 20px 0px 0px 0px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .intro {
    margin: 1.1961722488vw 0vw 0vw 0vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .explanation {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 30px 17px 30px 17px;
  background-color: #f7f5f1;
  border-radius: 8px;
  max-height: 700px;
  margin-left: 105px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    padding: 1.7942583732vw 1.0167464115vw 1.7942583732vw 1.0167464115vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    margin-left: 6.2799043062vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    width: 100%;
    clear: right;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    margin-left: 0vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    margin-top: 0.5980861244vw;
    margin-bottom: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    width: 100%;
    clear: right;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    margin-left: 0vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .explanation {
    margin-top: 0.5980861244vw;
    margin-bottom: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .scoreLabel {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

#workbookQuestionsForm .workbookQuestions .inner .field div.col:nth-child(2) + div.col:nth-child(3):not(.explanation) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 80px;
  margin-left: 20%;
  margin-right: 20%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  line-height: 1.5rem;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
    margin-top: 4.7846889952vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
    margin-left: 0;
    margin-top: 60px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
    margin-top: 3.5885167464vw;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
    margin-right: 0vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt {
    margin-left: 0;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable {
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable {
    margin-bottom: 1.1961722488vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable label {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 700px;
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable label span.holder {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable label span.holder {
    margin-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable label span.holder input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

#workbookQuestionsForm .workbookQuestions .inner .field .answerIt .choosable label span.holder input[type="radio"] {
  width: 20px;
  height: 20px;
}

#workbookQuestionsForm .buttonArea-wrapper {
  border-top: 1px solid #d0d2d9;
}

#workbookQuestionsForm .buttonArea {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#workbookQuestionsForm .buttonArea input {
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background-color: #fff;
}

#workbookQuestionsForm .buttonArea .prev-area {
  color: black;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
  border-right: 1px solid #d0d2d9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-top: 2.990430622vw;
    padding-bottom: 2.990430622vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-left: 3.5885167464vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-right: 3.5885167464vw;
  }
}

@media screen and (min-width: 1674px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-left: 145px;
  }
}

@media screen and (min-width: 1674px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-left: 8.6722488038vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    padding-left: 1.25em;
    padding-right: 0.85em;
  }
}

#workbookQuestionsForm .buttonArea .prev-area .prev-module {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-left: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module {
    margin-left: 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module {
    margin-left: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: 30px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module {
    margin-left: 1.7942583732vw;
  }
}

#workbookQuestionsForm .buttonArea .prev-area .prev-module .prev {
  color: #454746;
  line-height: 1.5rem;
  text-transform: uppercase;
}

#workbookQuestionsForm .buttonArea .prev-area .prev-module .prevTitle {
  font-weight: 700;
  font-size: 1.25rem;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module .prevTitle {
    text-align: center;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .prev-area .prev-module .prevTitle {
    text-align: center;
    font-size: 1rem;
  }
}

#workbookQuestionsForm .buttonArea .prev-area .image-prev:not(.noPrevArrow):before {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

#workbookQuestionsForm .buttonArea .prev-area .image-prev:not(.noPrevArrow)::before {
  font-size: 2.5rem;
  margin-left: 10px;
  color: #000;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .prev-area .image-prev:not(.noPrevArrow)::before {
    margin-left: 0.5980861244vw;
  }
}

#workbookQuestionsForm .buttonArea .prev-area button {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .prev-area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

#workbookQuestionsForm .buttonArea .next-area {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 62px;
  text-align: right;
  color: black;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area {
    padding-top: 2.990430622vw;
    padding-bottom: 2.990430622vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area {
    padding-right: 3.7081339713vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .next-area {
    padding-right: 1.25em;
    padding-left: 0.85em;
  }
}

#workbookQuestionsForm .buttonArea .next-area .next-module {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-right: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module {
    margin-right: 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module {
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module {
    margin-right: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    margin-right: 30px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module {
    margin-right: 1.7942583732vw;
  }
}

#workbookQuestionsForm .buttonArea .next-area .next-module .next {
  color: #454746;
  line-height: 1.5rem;
  text-transform: uppercase;
}

#workbookQuestionsForm .buttonArea .next-area .next-module .nextTitle {
  font-weight: 700;
  font-size: 1.25rem;
  color: #000;
  text-align: right;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module .nextTitle {
    text-align: center;
    font-size: 1rem;
  }
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .next-area .next-module .nextTitle {
    text-align: center;
  }
}

#workbookQuestionsForm .buttonArea .next-area .image-next:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "";
}

#workbookQuestionsForm .buttonArea .next-area .image-next::after {
  font-size: 2.5rem;
  margin-right: 10px;
  color: #000;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  #workbookQuestionsForm .buttonArea .next-area .image-next::after {
    margin-right: 0.5980861244vw;
  }
}

#workbookQuestionsForm .buttonArea .next-area button {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
}

@media screen and (max-width: 766px) {
  #workbookQuestionsForm .buttonArea .next-area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

.resultsPage {
  background-color: #fff;
}

.resultsPage .resultFull {
  background-color: #f7f5f1;
}

.resultsPage .resultFull .resultFullInner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 72px 80px 150px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner {
    padding: 4.7846889952vw 4.3062200957vw 4.7846889952vw 8.971291866vw;
  }
}

@media screen and (max-width: 766px) {
  .resultsPage .resultFull .resultFullInner {
    padding: 20px 40px 60px 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner {
    padding: 1.1961722488vw 2.3923444976vw 3.5885167464vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 40px 40px 40px;
    margin: 0 auto 0 5%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

.resultsPage .resultFull .resultFullInner .finalScoreLarge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.resultsPage .resultFull .resultFullInner .finalScoreLarge h1 {
  font-size: 8rem;
  line-height: 8rem;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 110px;
}

.resultsPage .resultFull .resultFullInner .finalScoreLarge h2 {
  display: block;
  color: #003c34;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
}

.resultsPage .resultFull .resultFullInner .finalScoreLarge h2.marker {
  font-size: 0;
}

.resultsPage .resultFull .resultFullInner .finalScoreLarge h2.marker:after {
  font-size: 1rem;
  content: "_________";
}

.resultsPage .resultFull .resultFullInner .thank-you-note {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.resultsPage .resultFull .resultFullInner .thank-you-note p {
  line-height: 1.5rem;
}

.resultsPage .resultFull .resultFullInner .thank-you-note .buttons {
  padding: 50px 0px 40px 0px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner .thank-you-note .buttons {
    padding: 2.990430622vw 0vw 2.3923444976vw 0vw;
  }
}

.resultsPage .resultFull .resultFullInner .thank-you-note .buttons a {
  padding: 10px 24px 10px 24px;
  background-color: #003c34;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .resultFull .resultFullInner .thank-you-note .buttons a {
    padding: 0.5980861244vw 1.4354066986vw 0.5980861244vw 1.4354066986vw;
  }
}

.resultsPage .buttons {
  background-color: #f7f5f1;
  padding-left: 100px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .buttons {
    padding-left: 5.980861244vw;
  }
}

.resultsPage .breakdown {
  margin: 40px 0px 60px 0px;
  max-width: 1440px;
  margin: 0 auto;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .breakdown {
    margin: 2.3923444976vw 0vw 3.5885167464vw 0vw;
  }
}

.resultsPage .breakdown table.breakdownTable {
  width: 70%;
  text-align: left;
  border-collapse: collapse;
  margin-left: 160px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .breakdown table.breakdownTable {
    margin-left: 9.5693779904vw;
  }
}

@media screen and (max-width: 766px) {
  .resultsPage .breakdown table.breakdownTable {
    margin-left: 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .breakdown table.breakdownTable {
    margin-left: 2.3923444976vw;
  }
}

.resultsPage .breakdown table.breakdownTable thead {
  border-bottom: solid white 30px;
}

.resultsPage .breakdown table.breakdownTable thead tr {
  position: relative;
}

.resultsPage .breakdown table.breakdownTable thead tr h2 {
  font-size: 0;
}

.resultsPage .breakdown table.breakdownTable thead tr h2:after {
  font-size: 1rem;
  content: "_________";
}

.resultsPage .breakdown table.breakdownTable thead tr th {
  margin-bottom: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .breakdown table.breakdownTable thead tr th {
    margin-bottom: 0.5980861244vw;
  }
}

.resultsPage .breakdown table.breakdownTable thead tr th.title {
  display: block;
  color: #003c34;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
}

.resultsPage .breakdown table.breakdownTable thead tr th.score {
  position: absolute;
  bottom: 10px;
  right: 0px;
}

.resultsPage .breakdown table.breakdownTable tbody {
  border-bottom: 80px solid transparent;
}

.resultsPage .breakdown table.breakdownTable tbody tr {
  border-bottom: 20px solid transparent;
}

.resultsPage .breakdown table.breakdownTable tbody tr td.title {
  width: 60%;
  line-height: 1.5rem;
  font-weight: 400;
}

.resultsPage .breakdown table.breakdownTable tbody tr .score {
  text-align: right;
}

.resultsPage .finalScore {
  padding: 80px 72px 80px 150px;
  border-top: 1px solid #f5f5f7;
  width: 90%;
  padding: 80px 72px 80px 150px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 4.7846889952vw 4.3062200957vw 4.7846889952vw 8.971291866vw;
  }
}

@media screen and (max-width: 766px) {
  .resultsPage .finalScore {
    padding: 20px 40px 60px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 1.1961722488vw 2.3923444976vw 3.5885167464vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 40px 40px 40px 40px;
    margin: 0 auto 0 5%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 4.7846889952vw 4.3062200957vw 4.7846889952vw 8.971291866vw;
  }
}

@media screen and (max-width: 766px) {
  .resultsPage .finalScore {
    padding: 20px 40px 60px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 1.1961722488vw 2.3923444976vw 3.5885167464vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 40px 40px 40px 40px;
    margin: 0 auto 0 5%;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .resultsPage .finalScore {
    padding: 2.3923444976vw 2.3923444976vw 2.3923444976vw 2.3923444976vw;
  }
}

.resultsPage .finalScore .finalScoreInner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #003c34;
}

.resultsPage .finalScore .finalScoreInner .clear {
  display: none;
}

.email-instruction {
  width: 100vw;
  margin-top: 100px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .email-instruction {
    margin-top: 5.980861244vw;
  }
}

.email-instruction .container {
  -webkit-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 88px 17px 88px;
  text-align: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .email-instruction .container {
    padding: 2.3923444976vw 5.2631578947vw 1.0167464115vw 5.2631578947vw;
  }
}

@media screen and (max-width: 766px) {
  .email-instruction .container {
    padding: 40px 40px 17px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .email-instruction .container {
    padding: 2.3923444976vw 2.3923444976vw 1.0167464115vw 2.3923444976vw;
  }
}

.email-instruction .container .logo-vertical {
  background: url(../graphics/logo-vertical.svg) center center no-repeat;
  height: 82px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .email-instruction .container .logo-vertical {
    margin-bottom: 1.1961722488vw;
  }
}

.email-instruction .container .inner h2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .email-instruction .container .inner h2 {
    margin-bottom: 1.1961722488vw;
  }
}

.forgot-password-wrapper {
  width: 100vw;
  margin-top: 100px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper {
    margin-top: 5.980861244vw;
  }
}

.forgot-password-wrapper .container {
  -webkit-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 88px 17px 88px;
  text-align: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container {
    padding: 2.3923444976vw 5.2631578947vw 1.0167464115vw 5.2631578947vw;
  }
}

@media screen and (max-width: 766px) {
  .forgot-password-wrapper .container {
    padding: 40px 40px 17px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container {
    padding: 2.3923444976vw 2.3923444976vw 1.0167464115vw 2.3923444976vw;
  }
}

.forgot-password-wrapper .container .logo-vertical {
  background: url(../graphics/logo-vertical.svg) center center no-repeat;
  height: 82px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .logo-vertical {
    margin-bottom: 1.1961722488vw;
  }
}

.forgot-password-wrapper .container .cell.green {
  max-width: 600px;
  margin-bottom: 20px;
}

.forgot-password-wrapper .container .cell.green .inner h2 {
  background: none !important;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #000000;
  padding-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .cell.green .inner h2 {
    padding-bottom: 1.1961722488vw;
  }
}

.forgot-password-wrapper .container .cell.white .inner h2 {
  background: none !important;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #000000;
  padding-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .cell.white .inner h2 {
    padding-bottom: 1.1961722488vw;
  }
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"] {
  margin-top: 10px;
  width: 100%;
  padding: 13px 0px 13px 20px;
  border: 1px solid #d0d2d9;
  color: #454746;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"] {
    margin-top: 0.5980861244vw;
  }
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"]::-webkit-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"]::-moz-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"]:-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"]::-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form #field-email .field-inner input[type="text"]::placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form .buttons {
  margin-top: 30px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form .buttons {
    margin-top: 1.7942583732vw;
  }
}

.forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form .buttons input {
  border-radius: 10px;
  background-color: #0d8381;
  padding: 7px 20px;
  border: none;
  color: white;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1.5rem;
  margin-right: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .forgot-password-wrapper .container .cell.white .inner .cmsloginform .login-form .buttons input {
    margin-right: 1.1961722488vw;
  }
}

.feedback-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 72px 80px 150px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 90px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper {
    margin-top: 5.3827751196vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper {
    margin: 40px auto 0 5%;
    padding: 20px 40px 50px 40px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper {
    padding: 1.1961722488vw 2.3923444976vw 2.990430622vw 2.3923444976vw;
  }
}

@media screen and (max-width: 766px) {
  .feedback-wrapper {
    padding: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper {
    margin-left: 1.1961722488vw;
    margin-right: 1.1961722488vw;
  }
}

.feedback-wrapper .feedback-heading h2 {
  font-size: 0;
}

.feedback-wrapper .feedback-heading h2:after {
  font-size: 1rem;
  content: "_________";
}

.feedback-wrapper .feedback-heading h3 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #003c34;
  max-width: 512px;
}

.feedback-wrapper .feedback-content {
  max-width: 510px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper .feedback-content {
    margin-left: 40px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper .feedback-content {
    margin-left: 2.3923444976vw;
  }
}

.feedback-wrapper .feedback-content p {
  margin-top: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .feedback-wrapper .feedback-content p {
    margin-top: 1.1961722488vw;
  }
}

.blockOfforms .CMSFormOuter {
  margin-top: 100px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .blockOfforms .CMSFormOuter {
    margin-top: 5.980861244vw;
  }
}

.blockOfforms .CMSFormOuter .CMSForm {
  max-width: 704px;
  margin: 0 auto;
}

@media screen and (max-width: 766px) {
  .blockOfforms .CMSFormOuter .CMSForm {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .blockOfforms .CMSFormOuter .CMSForm {
    margin-left: 1.1961722488vw;
    margin-right: 1.1961722488vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .blockOfforms .CMSFormOuter .CMSForm {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) and (max-width: 1672px) and (min-width: 767px) {
  .blockOfforms .CMSFormOuter .CMSForm {
    padding-left: 3.5885167464vw;
    padding-right: 3.5885167464vw;
  }
}

.blockOfforms .CMSFormOuter .CMSForm .formFields .fieldItem {
  border-bottom: 0px;
}

.blockOfforms .CMSFormOuter .CMSForm .formFields .fieldItem .fieldItemLabel label {
  line-height: 1.5rem;
  font-weight: 700;
}

.blockOfforms .CMSFormOuter .CMSForm .formFields .fieldItem .fieldItemInput input {
  min-height: 44px;
  width: 96%;
  border: 1px solid #d0d2d9;
  border-radius: 8px;
}

.blockOfforms .CMSFormOuter .CMSForm .formFields .fieldItem .fieldItemInput textarea {
  border: 1px solid #d0d2d9;
  border-radius: 8px;
}

.blockOfforms .CMSFormOuter .CMSForm .formButtons {
  text-align: center;
}

.blockOfforms .CMSFormOuter .CMSForm .formButtons input {
  color: #003c34;
  border: 1px solid #003c34;
  background-color: #fff;
  padding: 10px 40px 10px 40px;
  border-radius: 8px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .blockOfforms .CMSFormOuter .CMSForm .formButtons input {
    padding: 0.5980861244vw 2.3923444976vw 0.5980861244vw 2.3923444976vw;
  }
}

.blockOfforms .CMSFormOuter .CMSForm .formButtons input:hover {
  background-color: #003c34;
  color: #fff;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  cursor: pointer;
}

.workbookContent .inner .inner2 .UIHTMLContent ul,
.workbookContent .inner .inner2 .UIHTMLContent ol {
  margin-left: 15px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .workbookContent .inner .inner2 .UIHTMLContent ul,
  .workbookContent .inner .inner2 .UIHTMLContent ol {
    margin-left: 0.8971291866vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .workbookContent .inner .inner2 .UIHTMLContent ul,
  .workbookContent .inner .inner2 .UIHTMLContent ol {
    margin-bottom: 0.7177033493vw;
  }
}

.wt-popover.centre-page .wt-popover-inner,
.wt-popover.wt-slides .wt-popover-inner {
  padding: 0px;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .wt-btn-back.close,
.wt-popover.wt-slides .wt-popover-inner .wt-content .wt-btn-back.close {
  float: right;
  color: black;
  border: none;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .wt-btn-back.close:hover,
.wt-popover.wt-slides .wt-popover-inner .wt-content .wt-btn-back.close:hover {
  color: #fff;
  background-color: #003c34;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons,
.wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons > button,
.wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons > button {
  display: block;
  float: none;
  line-height: 1.5rem;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next,
.wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next span:before,
.wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next span:before {
  font-size: 1.75rem;
  margin-left: 4px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next span:before,
  .wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-next span:before {
    margin-left: 0.2392344498vw;
  }
}

.wt-popover.centre-page .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-back,
.wt-popover.wt-slides .wt-popover-inner .wt-content .dynamic-textbox .buttons > button.wt-btn-back {
  font-weight: 400;
  color: #003c34;
  background: none;
  border: none;
  text-decoration: underline;
}

.wt-popover.centre-page .wt-arrow,
.wt-popover.wt-slides .wt-arrow {
  display: none;
}

.wt-popover.centre-page .button-group,
.wt-popover.wt-slides .button-group {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-top: 1px solid #d0d2d9;
}

.wt-popover.centre-page .button-group .button-next,
.wt-popover.centre-page .button-group .button-prev,
.wt-popover.wt-slides .button-group .button-next,
.wt-popover.wt-slides .button-group .button-prev {
  min-height: 80px;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.wt-popover.centre-page .button-group .button-next button,
.wt-popover.centre-page .button-group .button-prev button,
.wt-popover.wt-slides .button-group .button-next button,
.wt-popover.wt-slides .button-group .button-prev button {
  border: none;
  background-color: white !important;
  color: #454746 !important;
  font-size: 1rem;
  font-weight: 400;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.wt-popover.centre-page .button-group .button-next button span,
.wt-popover.centre-page .button-group .button-prev button span,
.wt-popover.wt-slides .button-group .button-next button span,
.wt-popover.wt-slides .button-group .button-prev button span {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .wt-popover.centre-page .button-group .button-next button span,
  .wt-popover.centre-page .button-group .button-prev button span,
  .wt-popover.wt-slides .button-group .button-next button span,
  .wt-popover.wt-slides .button-group .button-prev button span {
    margin-left: 0.956937799vw;
    margin-right: 0.956937799vw;
  }
}

.wt-popover.centre-page .button-group .button-next button span::before,
.wt-popover.centre-page .button-group .button-prev button span::before,
.wt-popover.wt-slides .button-group .button-next button span::before,
.wt-popover.wt-slides .button-group .button-prev button span::before {
  font-size: 1.5rem;
}

.wt-popover.centre-page .button-group .button-next,
.wt-popover.wt-slides .button-group .button-next {
  border-left: 1px solid #d0d2d9;
}

.wt-popover.centre-page .wt-btns.wt-btn-back,
.wt-popover.wt-slides .wt-btns.wt-btn-back {
  float: left;
}

.wt-popover.centre-page .wt-btns.wt-btn-back:empty,
.wt-popover.wt-slides .wt-btns.wt-btn-back:empty {
  display: none;
}

.wt-popover.centre-page .wt-content .slider-position,
.wt-popover.wt-slides .wt-content .slider-position {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.wt-popover.centre-page .wt-content .slider-position .circle,
.wt-popover.wt-slides .wt-content .slider-position .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #454746;
  margin-right: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .wt-popover.centre-page .wt-content .slider-position .circle,
  .wt-popover.wt-slides .wt-content .slider-position .circle {
    margin-right: 0.5980861244vw;
  }
}

.wt-popover.centre-page .wt-content .slider-position .circle.active,
.wt-popover.wt-slides .wt-content .slider-position .circle.active {
  background-color: #454746;
}

.reset-instruction {
  width: 100vw;
  margin-top: 100px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .reset-instruction {
    margin-top: 5.980861244vw;
  }
}

.reset-instruction .container {
  -webkit-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 88px 17px 88px;
  text-align: center;
}

@media screen and (max-width: 766px) {
  .reset-instruction .container {
    padding: 40px 40px 17px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .reset-instruction .container {
    padding: 2.3923444976vw 2.3923444976vw 1.0167464115vw 2.3923444976vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .reset-instruction .container {
    padding: 2.3923444976vw 5.2631578947vw 1.0167464115vw 5.2631578947vw;
  }
}

.reset-instruction .container .logo-vertical {
  background: url(../graphics/logo-vertical.svg) center center no-repeat;
  height: 82px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .reset-instruction .container .logo-vertical {
    margin-bottom: 1.1961722488vw;
  }
}

.reset-instruction .container .inner h2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .reset-instruction .container .inner h2 {
    margin-bottom: 1.1961722488vw;
  }
}

.password-reset-wrapper {
  width: 100vw;
  margin-top: 100px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper {
    margin-top: 5.980861244vw;
  }
}

.password-reset-wrapper .container {
  -webkit-box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 88px 17px 88px;
  text-align: center;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container {
    padding: 2.3923444976vw 5.2631578947vw 1.0167464115vw 5.2631578947vw;
  }
}

@media screen and (max-width: 766px) {
  .password-reset-wrapper .container {
    padding: 40px 40px 17px 40px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container {
    padding: 2.3923444976vw 2.3923444976vw 1.0167464115vw 2.3923444976vw;
  }
}

.password-reset-wrapper .container .logo-vertical {
  background: url(../graphics/logo-vertical.svg) center center no-repeat;
  height: 82px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .logo-vertical {
    margin-bottom: 1.1961722488vw;
  }
}

.password-reset-wrapper .container .cell.green {
  max-width: 600px;
  margin-bottom: 20px;
}

.password-reset-wrapper .container .cell.green .inner h2 {
  background: none !important;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #000000;
  padding-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.green .inner h2 {
    padding-bottom: 1.1961722488vw;
  }
}

.password-reset-wrapper .container .cell.white .inner h2 {
  background: none !important;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #000000;
  padding-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.white .inner h2 {
    padding-bottom: 1.1961722488vw;
  }
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner {
    margin-top: 0.5980861244vw;
  }
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"] {
  margin-top: 10px;
  width: 100%;
  padding: 13px 0px 13px 20px;
  border: 1px solid #d0d2d9;
  color: #454746;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"] {
    margin-top: 0.5980861244vw;
  }
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"]::-webkit-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"]::-moz-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"]:-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"]::-ms-input-placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.password-reset-wrapper .container .cell.white .inner .login-form .field .field-inner input[type="password"]::placeholder {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.password-reset-wrapper .container .cell.white .inner .login-form .buttons {
  margin-top: 30px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.white .inner .login-form .buttons {
    margin-top: 1.7942583732vw;
  }
}

.password-reset-wrapper .container .cell.white .inner .login-form .buttons input {
  border-radius: 10px;
  background-color: #0d8381;
  padding: 7px 20px;
  border: none;
  color: white;
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 1.5rem;
  margin-right: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .password-reset-wrapper .container .cell.white .inner .login-form .buttons input {
    margin-right: 1.1961722488vw;
  }
}

.swal2-popup {
  padding-bottom: 0 !important;
}

.swal2-popup .swal2-icon.swal2-info.swal2-icon-show {
  display: none !important;
}

.swal2-popup .swal2-icon.swal2-warning.swal2-icon-show {
  border: 0px;
  border-radius: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
}

.swal2-popup .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  text-indent: -9999px;
  background: url(../graphics/information-circle.svg) no-repeat;
  /* sends the text off-screen */
  /* shows image */
  white-space: nowrap;
  background-size: 60px;
  width: 60px;
  height: 60px;
}

.swal2-popup .swal2-close {
  font-size: 2em;
}

.swal2-popup .swal2-close:hover {
  color: #003c34 !important;
}

.swal2-popup #swal2-title {
  padding: 73px 75px 73px 75px;
  color: #000;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup #swal2-title {
    padding: 4.3660287081vw 4.485645933vw 4.3660287081vw 4.485645933vw;
  }
}

.swal2-popup #swal2-title.check-answer {
  padding-top: 10px;
  padding-bottom: 20px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup #swal2-title.check-answer {
    padding-top: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup #swal2-title.check-answer {
    padding-bottom: 1.1961722488vw;
  }
}

.swal2-popup #swal2-html-container {
  margin-top: 10px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup #swal2-html-container {
    margin-top: 0.5980861244vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup #swal2-html-container {
    margin-bottom: 2.3923444976vw;
  }
}

.swal2-popup .swal2-actions {
  border-top: 1px solid #D0D2D9;
  width: 100%;
  margin-top: 0px;
}

.swal2-popup .swal2-actions.action-swap {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions {
    margin-top: 0vw;
  }
}

.swal2-popup .swal2-actions .swal2-cancel.cancel {
  cursor: pointer;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  width: 100%;
  height: 100%;
  background-color: #FFF !important;
  border: none;
  padding-top: 11px;
  padding-bottom: 14px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 0px 0px 0px;
  color: #000;
  border-left: 1px solid #D0D2D9;
  border-radius: 0px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-cancel.cancel {
    padding-top: 0.6578947368vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-cancel.cancel {
    padding-bottom: 0.8373205742vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-cancel.cancel {
    margin: 0vw 0vw 0vw 0vw;
  }
}

.swal2-popup .swal2-actions .swal2-cancel.cancel:before {
  display: block;
  content: '';
  background: url(../graphics/pencil.svg) no-repeat;
  height: 24px;
  width: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-cancel.cancel:before {
    margin-bottom: 0.7177033493vw;
  }
}

.swal2-popup .swal2-actions .swal2-confirm {
  cursor: pointer;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  width: 100%;
  height: 100%;
  background-color: #FFF !important;
  border: none;
  padding-top: 11px;
  padding-bottom: 14px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-confirm {
    padding-top: 0.6578947368vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-confirm {
    padding-bottom: 0.8373205742vw;
  }
}

.swal2-popup .swal2-actions .swal2-confirm.confirm-answer {
  margin: 0;
  color: #000;
  background-color: #fff !important;
  border: 0px;
  border-left: 1px solid #D0D2D9;
}

.swal2-popup .swal2-actions .swal2-confirm.confirm-answer:before {
  display: block;
  content: '';
  background: url(../graphics/reply.svg) no-repeat;
  height: 24px;
  width: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-confirm.confirm-answer:before {
    margin-bottom: 0.7177033493vw;
  }
}

.swal2-popup .swal2-actions .swal2-confirm.confirm-print {
  color: #000;
}

.swal2-popup .swal2-actions .swal2-confirm.confirm-print:before {
  display: block;
  content: '';
  background: url(../graphics/documents-file-text.svg) no-repeat;
  height: 24px;
  width: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-confirm.confirm-print:before {
    margin-bottom: 0.7177033493vw;
  }
}

.swal2-popup .swal2-actions .swal2-deny.deny-print {
  color: #000;
  cursor: pointer;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  width: 100%;
  height: 100%;
  background-color: #FFF !important;
  border: none;
  border-left: 1px solid #D0D2D9;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 14px;
  padding-top: 11px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-deny.deny-print {
    padding-bottom: 0.8373205742vw;
  }
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-deny.deny-print {
    padding-top: 0.6578947368vw;
  }
}

@media screen and (max-width: 766px) {
  .swal2-popup .swal2-actions .swal2-deny.deny-print {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 766px) and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-deny.deny-print {
    padding-left: 0.5980861244vw;
    padding-right: 0.5980861244vw;
  }
}

.swal2-popup .swal2-actions .swal2-deny.deny-print:before {
  display: block;
  content: '';
  background: url(../graphics/book.svg) no-repeat;
  height: 24px;
  width: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1672px) and (min-width: 767px) {
  .swal2-popup .swal2-actions .swal2-deny.deny-print:before {
    margin-bottom: 0.7177033493vw;
  }
}

/*# sourceMappingURL=main.css.map */