* {
  outline: none;
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #5b646c;
  background: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

#page {
  position: relative;
  margin: 0 auto;
  padding-bottom: 60px;
  min-height: calc(100% - 60px);
  transition: height 0.15s ease-out;
  max-height: 65535px;
}

.nowrap {
  white-space: nowrap;
}
header, main, footer {
  display: block;
}
header {
  background-color: #5d6972;
  background-image: url(../img/header_img_dsk_csxf.jpg);
  background-size: cover;
  background-repeat: repeat-x;
  background-position: 50% 0;
  transition: height 0.15s ease-out;
  padding: 0 0 5em 0;
  position: relative;
}

footer {
  background: #f1f2f2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  height: 60px;
  z-index:10;
}

body.showResults header {
  height: 175px
}

body.showResults footer {
  height: 60px
}

body.showResults header {
  height: 140px;
  border-bottom: 40px solid #5d6972;
}

main {
  background-color: #fff;
  padding-bottom: 60px;
  display: block;
}

div.wrapper {
  margin: 0 auto 0 auto;
  max-width: 1000px;
}

footer div.wrapper {
  margin: 10px auto 0;
}

#csxf-logo {
  width: 100px;
  height: 80px;
  margin: 35px 45px 0 0;
  float: left;
}

#isaca-logo {
  width: 100px;
  height: 80px;
  margin: 45px 0 0 45px;
  float: right;
}

#isaca-logo svg {
  fill: #fff;
}

h1.titleMob {
  display: none;
}

h1.title {
    letter-spacing: 4.9px;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 32px;
    color: #fff;
  padding-top: 2rem;
}

h1.title sup {
  font-size: 12px;
  vertical-align: super;
}

h1.subtitle {
  font-weight: bold;
  letter-spacing: 0.32px;
  font-size: 18px;
  margin-top: 2rem;
  text-align: center;
  color: #fff;
}

header p {
  opacity: 0.7;
  letter-spacing: 1.1px;
  font-size: 17px;
  line-height: 21.8px;
  text-align: center;
  color: #fff;
}

header p sup {
  font-size: 10px;
  vertical-align: super;
}

#alert {
  background: #5d6972;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3.1px;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 32px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#question,
#formModule h3 {
  min-height: 60px;
  color: #2e6f76;
  letter-spacing: 1px;
  text-align: center;
  margin: 40px 50px 40px 50px;
  font-size: 25px;
  line-height: 29px;
}

div#responses {
  min-height: 257px;
}

div#responses div.radio {
  background-color: #e9e9e9;
  color: #5b646c;
  margin: 15px auto 15px auto;
  position: relative;
}

#responses label {
  padding: 15px 15px 15px 140px;
  display: block;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}

#responses label::after {
  content: " ";
}

#responses label>span,
#formModule p {
  font-size: 20px;
  display: block;
  line-height: 1.25em;
}

#responses label>span.index {
  position: absolute;
  left: 110px;
  top: 15px;
}

input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #5b646c;
  background-color: #fff;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  padding: 0.5em;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  vertical-align: -3px;
  margin-right: 21px;
}

#responses input[type=radio]:focus,
input[type="checkbox"]:focus {
  outline-color: transparent;
}

div#questionModule {
  min-height: 400px;
  padding-bottom: 25px;
}
#responses input[type=radio] {
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#responses input[type=radio] ~ i {
  margin: 0;
  position: absolute;
  left: 65px;
  top: 15px;
  width: 20px;
  height: 20px;
  border: 1px solid #5b646c;
  background-color: #fff;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  display: block;
}
#responses input[type=radio]:checked ~ i ,
input[type="checkbox"]:checked {
  background-color: #666666;
}

#responses input[type=radio]:checked ~ span,
#formModule p {
  font-weight: 600;
}


#status {
  margin-top: 32px;
  text-align: center;
}

div.stat {
  display: inline-block;
  width: 88px;
  margin-right: 2px;
  height: 10px;
  background-color: #c9c9c9;
  transition: width 0.2s;
}

div.stat :last-child {
  margin-right: 0px;
}

div.stat.done {
  background-color: #2e6f76;
}

#status1 {
  margin-left: 1px;
}

#status11 {
  margin-right: : 0px;
}

#formModule h3 {
  margin-bottom: 15px;
}

#formModule p {
  text-align: center;
  margin: 0 auto 30px;
  font-size: 16px;
}

#formModule .row {
  text-align: center;
  max-width: 100%;
}

#formModule input[type="text"],
#formModule input[type="email"] {
  background: #f2f2f2;
  border: medium none;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  width: 310px;
  margin: 5px;
  letter-spacing: 1px;
}

#formModule input[type="email"],
#options {
  width: 675px;
}

#formModule button,
#resultsModule .btn {
  background: #2e6f76 ;
  border: medium none;
  height: 42px;
  padding: 0 1em;
  line-height: 42px;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 30px;
  cursor: pointer;
}

#resultsModule {
  display: none;
  text-align: center;
}

#resultsModule h2 {
  letter-spacing: 2px;
  font-size: 25px;
  color: #000;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 600;
  margin: 45px auto 15px;
  padding: 0 10px;
}

#resultsModule h3 {
  font-weight: 400;
  color: #2e6f76;
  font-size: 22px;
  max-width: 675px;
  margin: 15px auto;
  padding: 0 10px;
}

#resultsModule>h4 {
  font-size: 18px;
  line-height: 20px;
  color: #000;
  margin: 15px auto;
  max-width: 700px;
  padding: 0 10px;
  font-weight: 600;
}

#resultsModule>p {
  font-size: 16px;
  line-height: 20px;
  color: #5b646c;
  margin: 15px auto;
  max-width: 700px;
  padding: 0 10px;
}

#resultsModule p strong {
  font-weight: 600;
}

#resultsModule .share ul {
  text-align: center;
  display: block;
}

#resultsModule .share ul li {
  text-align: center;
  display: inline-block;
  margin: 5px 2px;
}

#resultsModule .share ul li a {
  text-align: center;
  display: block;
  border-radius: 5px;
  width: 85px;
  height: 35px;
  text-decoration: none;
  color: #fff;
  line-height: 35px;
}

#resultsModule .share ul li a.facebook {
  background: #34578f;
}

#resultsModule .share ul li a.twitter {
  background: #16b1e7;
}

#resultsModule .share ul li a.linkedin {
  background: #0b79b8;
}

#resultsModule .btn {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 0px;
  margin-bottom: 20px;
}

#resultsModule .benefits ul {
  display: block;
  text-align: center;
}

#resultsModule .benefits ul li {
  display: inline-block;
  font-size: 16px;
  color: #2e6f76;
  margin: 30px 30px 10px;
}

#resultsModule .benefits p {
  font-size: 16px;
  letter-spacing: 3px;
  color: #2e6f76;
  margin: 10px auto 55px;
  font-weight: 600;
  text-transform: uppercase;
}

#results {
  margin: 0 auto 70px;
}

#results .result {
  display: block;
  max-width: 625px;
  min-height: 200px;
  margin: 0 auto;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  padding: 0 0 25px;
}

#results .result:nth-child(odd) {
  background: #f0f0f0;
}

#results .result:nth-child(even) {
  background: #fcfcfc;
}

#resultsModule .result.win {
  color: #007a37;
}

#resultsModule .result.fail {
  color: #e0314e;
}

.result h4 {
  padding: 45px 60px 25px;
}

.result p {
  text-align: center;
  padding: 0 50px 5px;
}

.result .ca {
  color: #000;
}

.result .ex {
  color: #929292;
}

.result .num,
.result .is {
  position: absolute;
  top: 15px;
}

.result .num {
  left: 15px;
}

.result .is {
  right: 15px;
}

.result .num,
.result .ca,
.result .ya,
.result strong,
#question strong {
  font-weight: 600;
}

#info {
  margin-top: 20px;
  text-align: right;
  padding-right: 10px;
  color: #2e6f76;
  font-weight: bold;
}

#copyright {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: 0.4px;
  float: left;
  margin-top: 18px;
  margin-left: 24px;
}

#copyright a {
  margin-left: 11px;
  color: #000;
  text-decoration: none;
}

#copyright a:hover {
  text-decoration: underline;
  color: #000;
}

#copyright a:link,
#copyright a:visited,
#copyright a:active {
  color: #000;
}

#social {
  width: auto;
  height: 20px;
  right: 20px;
  top: 15px;
  text-align: center;
  position: absolute;
}

#social a {
  vertical-align: top;
  margin: 0 2px;
  height: 20px;
  width: 20px;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
}

.clear {
  clear: both;
}

#formModule {
  display: none;
  padding-bottom: 50px;
}

#options {
  text-align: left;
  display: inline-block;
  margin-top: 50px;
}

#options span.select {
  position: relative;
  padding: 0;
  width: 270px;
  height: 28px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23dd8c3e %22 d%3D%22M30 0H0v30h30V0zm-9.312 12.098l-4.981 8.176c-.281.47-.747.47-1.028 0l-4.99-8.176c-.283-.468-.065-.848.491-.848h10.026c.547 0 .769.379.482.848z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  display: block;
  overflow: hidden;
  border: 2px solid #2e6f76 ;
  cursor: pointer;
}

#options select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 295px;
  line-height: 20px;
  padding: 2px;
  display: inline-block;
  font-size: 14px;
  border: 0;
  height: 28px;
  cursor: pointer;
}

#options strong {
  display: block;
  font-weight: 600;
  margin: 10px 0;
}

#options input[type="checkbox"] {
/*  margin: 0px 5px 0 0;
  vertical-align: middle;*/
  width: 14px;
  height: 14px;
}

/*
#options label {
  line-height: 20px;
  vertical-align: middle;
  padding: 10px 0;
  display: block;
}

#options label:after {
  content: " ";
}
*/

@media screen and (max-width: 810px) {
  #formModule input[type="text"] {
    width: 220px;
  }
  #formModule input[type="email"],
  #options {
    width: 495px;
  }
  div.wrapper {
    margin: 0 auto 0 auto;
    max-width: 716px;
    position: relative;
  }
  footer div.wrapper {
    max-width: 716px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.8%;
    margin-bottom: auto;
  }
  div.stat {
    margin-right: 2px;
    height: 10px;
    background-color: #c9c9c9;
  }
  h1.title sup {
    font-size: 12px;
    vertical-align: super;
    margin-left: -11px;
  }
  h1.subtitle {
    text-align: center;
    font-weight: bold;
    margin: 115px 25px 0;
    letter-spacing: 0.32px;
    font-size: 18px;
    position: absolute;
    color: #fff;
  }
  header p {
    opacity: 0.7;
    margin: 150px 31px 0;
    letter-spacing: 1.1px;
    font-size: 17px;
    line-height: 21.8px;
    text-align: center;
    position: absolute;
    color: #fff;
  }
  #alert {
    font-weight: bold;
    /* text-align: center; */
    letter-spacing: 3.1px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    top: 233px;
    line-height: 32px;
    left: 171px;
    position: absolute;
    color: #fff;
  }
  body.showResults header {
    height: 140px;
    border-bottom: 24px solid #5d6972;
  }
}

@media screen and (max-width: 710px) {}

@media screen and (max-width: 424px) {
  #cisa-logo {
    width: 30px;
    height: 30px;
    margin: 14px 0 0 18px;
  }
  #isaca-logo {
    width: 43px;
    height: 25px;
    margin: 15px 15px 0 0;
  }
  #formModule input[type="text"],
  #formModule input[type="email"],
  #options {
    width: 280px;
  }
  .result h4 {
    padding: 40px 35px 20px;
  }
  .result p {
    padding: 0 30px 5px;
  }
  header {
    background-color: #5d6972;
    background-image: url(../img/header_img_mob.jpg);
    background-repeat: repeat-x;
    background-position: 50% 0;
    height: 204px;
  }
  body.showResults footer {
    height: 37px
  }
  body.showResults header {
    height: 65px;
  }
  div.wrapper,
  .row {
    width: 100%;
  }
  header div.wrapper {
    max-width: 320px;
  }
  footer {
    height: 37px;
  }
  footer div.wrapper {
    max-width: 320px;
  }
  h1.title {
    display: none;
  }
  h1.titleMob {
    display: inline;
    font-weight: 300;
    letter-spacing: 2.4px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    top: 9px;
    line-height: 32px;
    left: 23%;
    position: absolute;
    color: #fff;
  }
  h1.titleMob sup {
    font-size: 9px;
    vertical-align: 5px;
    margin-left: -3px;
  }
  h1.subtitle {
    font-weight: 400;
    line-height: 15px;
    margin-left: 9%;
    letter-spacing: 0.53px;
    font-size: 13px;
    margin-top: 66px;
    position: absolute;
    color: #fff;
  }
  header p {
    max-width: 260px;
    opacity: 0.8;
    margin-left: 38px;
    letter-spacing: 1.1px;
    font-size: 12px;
    line-height: 15px;
    margin-top: 102px;
    text-align: center;
    position: absolute;
    color: #fff;
  }
  header p sup {
    vertical-align: 4px;
    font-size: 5px;
  }
  #legal {
    overflow: hidden;
  }
  #alert {
    font-weight: bold;
    /* text-align: center; */
    letter-spacing: 3.1px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    top: 177px;
    line-height: 32px;
    left: 28px;
    position: absolute;
    color: #fff;
  }
  div#questionModule {
    min-height: 363px;
  }
  #question {
    min-height: 40px;
    color: #2e6f76;
    letter-spacing: 1px;
    text-align: center;
    margin: 30px 18px 30px 18px;
    font-size: 15px;
    line-height: 29px;
  }
  #responses label {
    display: block;
    font-size: 15px;
    padding: 10px 5px 10px 65px;
    margin: 6px auto 6px auto;
    cursor: pointer;
  }
  #responses label>span.index {
    position: absolute;
    left: 40px;
    top: 10px;
  }
  div#responses {
    min-height: 149px;
  }
  div.stat {
    margin-right: 2px;
    height: 10px;
    background-color: #c9c9c9;
  }
  #status1 {
    margin-left: 4px;
  }
  #responses input[type=radio] ~ i {
    top: 12px;
    left: 10px;
    width: 17px;
    height: 17px;
  }
  #copyright {
    font-family: 'Roboto', sans-serif;
    line-height: 10px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.4px;
    float: left;
    margin-top: 13px;
    margin-left: 0px;
  }
  #social {
    right: 0;
    top: 10px;
  }
}

@media screen and (max-width: 320px) {}

.dg {
  display: block;
  margin: 15px auto;
  width: 35px;
  height: 30px;
}

.dg.sm {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

.is .dg {
  margin: 0 auto;
}

.dg:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: " ";
  background-repeat: no-repeat;
  background-position: center center;
  /*background-size: cover;*/
  width: 1em;
  height: 1em;
  display: inline-block;
  margin: -2px 0;
}

.dg-lg:before {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.dg-2x:before {
  font-size: 2em;
}

.is .dg-2x:before {
  font-size: 1.5em;
}

.dg-3x:before {
  font-size: 3em;
}

.dg-4x:before {
  font-size: 4em;
}

.dg-fbw:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 125.5 270%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M125.5 87.4H82.7v-28c0-10.5 7-13 11.9-13h30.1V.2L83.2 0C37.1 0 26.7 34.5 26.7 56.6v30.8H0v47.7h26.7V270h56.1V135.1h37.8l4.9-47.7z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-tww:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 240.9 195.7%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M240.9 23.2c-8.9 3.9-18.4 6.6-28.4 7.8 10.2-6.1 18-15.8 21.7-27.3-9.5 5.7-20.1 9.8-31.4 12C193.8 6 181 0 166.8 0c-27.3 0-49.4 22.1-49.4 49.4 0 3.9.4 7.6 1.3 11.3C77.6 58.6 41.1 38.9 16.8 9c-4.3 7.3-6.7 15.8-6.7 24.8 0 17.1 8.7 32.3 22 41.1-8.1-.3-15.7-2.5-22.4-6.2v.6c0 23.9 17 43.9 39.6 48.5-4.1 1.1-8.5 1.7-13 1.7-3.2 0-6.3-.3-9.3-.9 6.3 19.6 24.5 33.9 46.2 34.3-16.9 13.3-38.2 21.2-61.4 21.2-4 0-7.9-.2-11.8-.7 21.9 14 47.8 22.2 75.7 22.2 90.9 0 140.6-75.3 140.6-140.6 0-2.1 0-4.3-.1-6.4 9.7-6.8 18-15.5 24.7-25.4z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-lnw:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 312.5 298.7%22%3E%3Cg fill%3D%22%23fff%22%3E%3Cpath d%3D%22M175 126.4v-.7c-.1.2-.3.5-.4.7h.4z%22%2F%3E%3Cpath d%3D%22M70.9 298.7H4V97.2h67l-.1 201.5zM37.5 69.6H37c-22.5 0-37-15.5-37-34.8C0 15.1 15 0 37.9 0s37 15.1 37.5 34.8c0 19.4-14.6 34.8-37.9 34.8zm275 229.1h-67V190.9c0-27.1-9.7-45.6-33.9-45.6-18.5 0-29.5 12.5-34.4 24.5-1.8 4.3-2.2 10.3-2.2 16.3v112.6h-67s.9-182.7 0-201.5h67v28.5c8.9-13.7 24.8-33.3 60.4-33.3 44.1 0 77.1 28.8 77.1 90.7v115.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}

.dg-fbg:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 125.5 270%22%3E%3Cpath fill%3D%22%235D6972%22 d%3D%22M125.5 87.4H82.7v-28c0-10.5 7-13 11.9-13h30.1V.2L83.2 0C37.1 0 26.7 34.5 26.7 56.6v30.8H0v47.7h26.7V270h56.1V135.1h37.8l4.9-47.7z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-twg:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 240.9 195.7%22%3E%3Cpath fill%3D%22%235D6972%22 d%3D%22M240.9 23.2c-8.9 3.9-18.4 6.6-28.4 7.8 10.2-6.1 18-15.8 21.7-27.3-9.5 5.7-20.1 9.8-31.4 12C193.8 6 181 0 166.8 0c-27.3 0-49.4 22.1-49.4 49.4 0 3.9.4 7.6 1.3 11.3C77.6 58.6 41.1 38.9 16.8 9c-4.3 7.3-6.7 15.8-6.7 24.8 0 17.1 8.7 32.3 22 41.1-8.1-.3-15.7-2.5-22.4-6.2v.6c0 23.9 17 43.9 39.6 48.5-4.1 1.1-8.5 1.7-13 1.7-3.2 0-6.3-.3-9.3-.9 6.3 19.6 24.5 33.9 46.2 34.3-16.9 13.3-38.2 21.2-61.4 21.2-4 0-7.9-.2-11.8-.7 21.9 14 47.8 22.2 75.7 22.2 90.9 0 140.6-75.3 140.6-140.6 0-2.1 0-4.3-.1-6.4 9.7-6.8 18-15.5 24.7-25.4z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-lng:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 312.5 298.7%22%3E%3Cg fill%3D%22%235D6972%22%3E%3Cpath d%3D%22M175 126.4v-.7c-.1.2-.3.5-.4.7h.4z%22%2F%3E%3Cpath d%3D%22M70.9 298.7H4V97.2h67l-.1 201.5zM37.5 69.6H37c-22.5 0-37-15.5-37-34.8C0 15.1 15 0 37.9 0s37 15.1 37.5 34.8c0 19.4-14.6 34.8-37.9 34.8zm275 229.1h-67V190.9c0-27.1-9.7-45.6-33.9-45.6-18.5 0-29.5 12.5-34.4 24.5-1.8 4.3-2.2 10.3-2.2 16.3v112.6h-67s.9-182.7 0-201.5h67v28.5c8.9-13.7 24.8-33.3 60.4-33.3 44.1 0 77.1 28.8 77.1 90.7v115.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}

.dg-clock:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 12.711 12.711%22%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M6.356 12.711A6.363 6.363 0 0 1 0 6.356 6.363 6.363 0 0 1 6.356 0a6.362 6.362 0 0 1 6.354 6.356 6.362 6.362 0 0 1-6.354 6.355m0-12.142A5.794 5.794 0 0 0 .569 6.356a5.794 5.794 0 0 0 5.787 5.786 5.793 5.793 0 0 0 5.785-5.786A5.792 5.792 0 0 0 6.356.569%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M6.356 6.641a.284.284 0 0 1-.284-.285V2.428c0-.158.127-.285.284-.285s.286.127.286.285v3.928a.285.285 0 0 1-.286.285m2.357-4.109a.26.26 0 0 1-.226-.389l.153-.264a.259.259 0 1 1 .449.259l-.152.264a.26.26 0 0 1-.224.13m-4.867 8.43a.272.272 0 0 1-.129-.033.26.26 0 0 1-.097-.354l.152-.264a.26.26 0 0 1 .45.256l-.152.266a.258.258 0 0 1-.224.129m6.856-1.837a.27.27 0 0 1-.13-.035l-.262-.152a.26.26 0 1 1 .26-.449l.263.15c.124.071.167.23.095.354a.26.26 0 0 1-.226.132M2.273 4.257a.262.262 0 0 1-.129-.034l-.265-.152a.259.259 0 1 1 .258-.45l.265.152a.259.259 0 0 1-.129.484m1.726-1.725a.26.26 0 0 1-.225-.13l-.152-.264a.26.26 0 0 1 .449-.259l.153.264a.26.26 0 0 1-.225.389m4.869 8.43a.265.265 0 0 1-.226-.128l-.153-.264a.26.26 0 0 1 .094-.355.26.26 0 0 1 .354.095l.155.264a.26.26 0 0 1-.093.355.271.271 0 0 1-.131.033M2.009 9.125a.26.26 0 0 1-.129-.485l.265-.151a.26.26 0 0 1 .257.45l-.264.151a.253.253 0 0 1-.129.035m8.43-4.868a.261.261 0 0 1-.225-.129.26.26 0 0 1 .096-.354l.262-.152a.26.26 0 0 1 .354.094.258.258 0 0 1-.094.354l-.263.152a.251.251 0 0 1-.13.035M1.641 6.615l-.306-.001a.259.259 0 0 1 .001-.518l.305.001a.26.26 0 0 1 0 .518m9.429 0a.258.258 0 0 1-.259-.258.257.257 0 0 1 .258-.26l.307-.002h.001c.143 0 .258.116.258.259a.257.257 0 0 1-.257.26l-.308.001zm-4.716 5.019h-.001a.258.258 0 0 1-.257-.261l.002-.307a.259.259 0 0 1 .259-.257h.001a.26.26 0 0 1 .259.262l-.003.306a.26.26 0 0 1-.26.257m.001-9.735a.258.258 0 0 1-.259-.259v-.303a.258.258 0 1 1 .518 0v.303a.26.26 0 0 1-.259.259%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M4.637 8.36a.285.285 0 0 1-.201-.486l1.652-1.652a.284.284 0 1 1 .402.403L4.837 8.277a.282.282 0 0 1-.2.083%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-briefcase:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 12.951 11.692%22%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M12.038 11.692H.915A.915.915 0 0 1 0 10.777V3.013C0 2.509.41 2.1.915 2.1h11.123c.504 0 .913.41.913.914v7.764a.914.914 0 0 1-.913.914M.915 2.668a.347.347 0 0 0-.346.345v7.764c0 .191.156.346.346.346h11.123a.345.345 0 0 0 .344-.346V3.013a.345.345 0 0 0-.344-.345H.915z%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M8.758 2.615a.284.284 0 0 1-.284-.285V.913a.345.345 0 0 0-.346-.344H4.823a.345.345 0 0 0-.345.344V2.33a.285.285 0 0 1-.57 0V.913C3.908.41 4.32 0 4.823 0h3.305c.504 0 .914.41.914.913V2.33a.284.284 0 0 1-.284.285M5.244 6.392H.521a.284.284 0 0 1 0-.569h4.723a.284.284 0 1 1 0 .569m6.991 0H7.513a.284.284 0 0 1 0-.569h4.723a.284.284 0 1 1-.001.569%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M7.264 7.967H5.689a.285.285 0 0 1-.284-.285V5.32c0-.157.127-.285.284-.285h1.575c.157 0 .284.128.284.285v2.361a.285.285 0 0 1-.284.286m-1.289-.57H6.98V5.605H5.975v1.792z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-graduation:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 13.635 8.76%22%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M6.662 6.126a.287.287 0 0 1-.112-.022L.17 3.324A.283.283 0 0 1 0 3.063c0-.113.066-.215.17-.26L6.55.024a.278.278 0 0 1 .226 0l6.377 2.779a.283.283 0 0 1 0 .521l-6.378 2.78a.295.295 0 0 1-.113.022M.998 3.063l5.665 2.469 5.664-2.469L6.662.595.998 3.063z%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M6.663 8.76c-1.671 0-3.342-.501-4.833-1.503a.287.287 0 0 1-.124-.236V3.986a.284.284 0 1 1 .569 0v2.88c2.72 1.764 6.056 1.764 8.776 0v-2.88a.284.284 0 1 1 .568 0v3.035a.286.286 0 0 1-.126.236C10.004 8.259 8.334 8.76 6.663 8.76m6.688-1.265a.284.284 0 0 1-.284-.284V3.037a.284.284 0 1 1 .567 0v4.174a.284.284 0 0 1-.283.284%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M13.351 7.495a.284.284 0 0 1-.284-.284V5.219c0-.157.127-.285.284-.285.156 0 .283.128.283.285v1.992a.284.284 0 0 1-.283.284%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-folder:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 15.068 11.415%22%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M12.396 11.415H.711a.285.285 0 0 1-.271-.371l2.388-7.501a.284.284 0 0 1 .271-.199h11.686a.285.285 0 0 1 .271.371l-2.388 7.502a.286.286 0 0 1-.272.198M1.1 10.845h11.089l2.206-6.933H3.307L1.1 10.845z%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M.284 11.415A.284.284 0 0 1 0 11.129V.854C0 .383.383 0 .854 0h3.985c.47 0 .853.384.853.854v.696h6.279a.285.285 0 0 1 0 .57H5.407a.286.286 0 0 1-.285-.285V.854A.284.284 0 0 0 4.838.57H.854A.285.285 0 0 0 .57.854V11.13a.286.286 0 0 1-.286.285%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-incorrect:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 9.375 9.373%22%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M.285 9.372a.284.284 0 0 1-.201-.485L8.889.084a.284.284 0 0 1 .402.402L.485 9.289a.278.278 0 0 1-.2.083%22%2F%3E%3Cpath fill%3D%22%23dd8c3e%22 d%3D%22M9.09 9.373a.282.282 0 0 1-.2-.083L.083.486a.285.285 0 0 1 0-.403.287.287 0 0 1 .403 0l8.805 8.804a.285.285 0 0 1-.201.486%22%2F%3E%3C%2Fsvg%3E') !important;
}

.dg-correct:before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 230 200%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23007a37%22 stroke-width%3D%2210%22 d%3D%22M20 130l40 40L200 30%22%2F%3E%3C%2Fsvg%3E') !important;
}