/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(../fonts/u-4x0qWljRw-Pd8___1amg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(../fonts/u-4x0qWljRw-Pd8-__1amg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(../fonts/u-4x0qWljRw-Pd8w__0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(../fonts/u-480qWljRw-Pdfv2-hquylWeg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(../fonts/u-480qWljRw-Pdfv2-hruylWeg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(../fonts/u-480qWljRw-Pdfv2-hluyk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(../fonts/u-480qWljRw-PdeL2uhquylWeg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(../fonts/u-480qWljRw-PdeL2uhruylWeg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(../fonts/u-480qWljRw-PdeL2uhluyk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --main-bg-color: rgb(247, 247, 247);
  --footer-bg-color: rgb(247, 247, 247);
  --title-highlight: #72bcd4;
  --title-highlight-text: white;
  --copy-highlight-color: #faf0e6;

}

.header {
  background-color: #f1f1f1;
  width: 100%;
  padding: 6px 0;
}

.header p {
  color: #fff;
  opacity: 0.5;
  font-size: medium;
  line-height: 0;
}

.header table {
  border-collapse: collapse;
}

.wrapper {
  max-width: 800px;
  width: 96%;
  margin: 0 auto;
}

.contestwrap {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0px 0px 2px 2px #d2d2d2;
  -webkit-box-shadow: 0px 0px 2px 2px #d2d2d2;
  box-shadow: 0px 0px 2px 2px #d2d2d2;
  padding: 10px 0px 4px 0px;
  border-radius: 3px;
}

.toptext {
  color: #212121;
  font-size: small;
}

.contestwrap table {
  border-collapse: collapse;
}

.contestwrap p {
  color: #776161;
  font-size: small;
}

.form_questions {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0px 0px 2px 2px #d2d2d2;
  -webkit-box-shadow: 0px 0px 2px 2px #d2d2d2;
  box-shadow: 0px 0px 2px 2px #d2d2d2;
  padding: 10px 0px 30px 0px;
  border-radius: 3px;
}

.answer {
  border: 0px solid #334c83;
  padding: 10px 0 10px 0;
  width: 80%;
  display: inline-block;
  margin: 5px 5px 5px 5px;
  text-align: center;
  font-size: large;
  font-weight: 300;
  color: var(--title-highlight-text);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: var(--title-highlight);
  cursor: pointer;
}

.form_questions h3 {
  text-align: center;
  color: #000;
  font-size: large;
  padding: 5px;
}

.question {
  text-align: center;
  padding-top: 20px;
}

.h4 {
  font-size: medium;
  font-weight: normal;
  color: #ff9903;
}

.validate {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0px 0px 2px 2px #d2d2d2;
  -webkit-box-shadow: 0px 0px 2px 2px #d2d2d2;
  box-shadow: 0px 0px 2px 2px #d2d2d2;
  padding: 0px;
  border-radius: 3px;
}

#szlider {
  width: 100%;
  height: 4px;
  overflow: hidden;
  background: #dadada;
}

#szliderbar {
  width: 0%;
  height: 4px;
  background: #62A6FB;
}

#szazalek {
  color: #858585;
  font-size: small;
}

.prize {
  width: 100%;
}

.pbox {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  -moz-box-shadow: 0px 0px 2px 2px #d2d2d2;
  -webkit-box-shadow: 0px 0px 2px 2px #d2d2d2;
  box-shadow: 0px 0px 2px 2px #d2d2d2;
  padding: 10px 6px;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.pbox img {
  width: 130px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pbox h2 {
  display: block;
  font-size: xlarge;
  font-weight: 300;
  margin: 6px 6px 0px 6px;
  text-align: left;
}

.pbox p {
  display: block;
  font-size: small;
  margin: 6px 6px 0px 6px;
  text-align: left;
}

.boxwrapper {
  width: 100%;
}

.prizebtn {
  border: 0px solid #334c83;
  padding: 6px 0 6px 0;
  width: 96%;
  display: inline-block;
  margin: 8px 4px 4px 4px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 300;
  color: #fff;
  background: #3b5998;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #62A6FB;
}

.prize h3 {
  font-size: 1.5em;
  font-weight: 300;
  padding: 5px 0px 5px;
  text-align: center;
}

.prize h2 {
  font-size: 1.2em;
  font-weight: 300;
  text-align: left;
}

.prize-image {
  height: 120px;
  padding: 5px 0px;
  width: auto !important;
}

.center-text {
  text-align: center;
  color: #000;
  font-size: large;

}

.primary-color {
  background: var(--main-bg-color);
}

.footer-primary-color {
  background: var(--footer-bg-color);
}

.footer {
  font-size: small;
}

.title-highlight {
  background: var(--title-highlight);
  color: var(--title-highlight-text);
  padding: 6px 6px;
}

.highlight {
  background: var(--copy-highlight-color);
}



/* Quiz */
#q2,
#q3,
#v1b,
#v1c,
#v2b,
#v2c,
#v3c,
#v3b,
#v4s,
#vfinal,
.validate,
.prize {
  display: none;
}