html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, footer, header, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption, figure, main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden], template {
  display: none
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  height: auto
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-xs-left {
  text-align: left
}

.text-xs-right {
  text-align: right
}

.text-xs-center {
  text-align: center
}

.text-xs-justify {
  text-align: justify
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left
  }

  .text-sm-right {
    text-align: right
  }

  .text-sm-center {
    text-align: center
  }

  .text-sm-justify {
    text-align: justify
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left
  }

  .text-md-right {
    text-align: right
  }

  .text-md-center {
    text-align: center
  }

  .text-md-justify {
    text-align: justify
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left
  }

  .text-lg-right {
    text-align: right
  }

  .text-lg-center {
    text-align: center
  }

  .text-lg-justify {
    text-align: justify
  }
}

.clearfix::after {
  content: "";
  display: table;
  clear: both
}

html {
  height: 100%
}

.no-flexbox body {
  min-height: 100%;
  height: 100%;
  display: block !important
}

.footer, .page-wrapper {
  max-width: none;
  min-width: 0;
  width: 100%;
  margin: 0 auto
}

.no-flexbox .footer, .no-flexbox .page-wrapper {
  width: auto
}

.page-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}

.lt-ie-11 .page-wrapper, .lte-ie-11 .page-wrapper {
  min-height: 0
}

.no-flexbox .page-wrapper {
  display: block !important;
  width: auto;
  min-height: 100%;
  height: auto !important;
  height: 100%
}

.page-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.page-body.flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 576px) {
  .container {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width: 1140px) {
  .container {
    max-width: 1290px
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-xs-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%
}

.col-xs-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%
}

.col-xs-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}

.col-xs-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%
}

.col-xs-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%
}

.col-xs-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}

.col-xs-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%
}

.col-xs-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%
}

.col-xs-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%
}

.col-xs-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%
}

.col-xs-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%
}

.col-xs-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.33333%
}

.col-xs-offset-2 {
  margin-left: 16.66667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.33333%
}

.col-xs-offset-5 {
  margin-left: 41.66667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.33333%
}

.col-xs-offset-8 {
  margin-left: 66.66667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.33333%
}

.col-xs-offset-11 {
  margin-left: 91.66667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width: 576px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.33333%
  }

  .col-sm-pull-2 {
    right: 16.66667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.33333%
  }

  .col-sm-pull-5 {
    right: 41.66667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.33333%
  }

  .col-sm-pull-8 {
    right: 66.66667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.33333%
  }

  .col-sm-pull-11 {
    right: 91.66667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.33333%
  }

  .col-sm-push-2 {
    left: 16.66667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.33333%
  }

  .col-sm-push-5 {
    left: 41.66667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.33333%
  }

  .col-sm-push-8 {
    left: 66.66667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.33333%
  }

  .col-sm-push-11 {
    left: 91.66667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.33333%
  }

  .col-md-pull-2 {
    right: 16.66667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.33333%
  }

  .col-md-pull-5 {
    right: 41.66667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.33333%
  }

  .col-md-pull-8 {
    right: 66.66667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.33333%
  }

  .col-md-pull-11 {
    right: 91.66667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.33333%
  }

  .col-md-push-2 {
    left: 16.66667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.33333%
  }

  .col-md-push-5 {
    left: 41.66667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.33333%
  }

  .col-md-push-8 {
    left: 66.66667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.33333%
  }

  .col-md-push-11 {
    left: 91.66667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .col-md-offset-1 {
    margin-left: 8.33333%
  }

  .col-md-offset-2 {
    margin-left: 16.66667%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-4 {
    margin-left: 33.33333%
  }

  .col-md-offset-5 {
    margin-left: 41.66667%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-7 {
    margin-left: 58.33333%
  }

  .col-md-offset-8 {
    margin-left: 66.66667%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-10 {
    margin-left: 83.33333%
  }

  .col-md-offset-11 {
    margin-left: 91.66667%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width: 992px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-pull-1 {
    right: 8.33333%
  }

  .col-lg-pull-2 {
    right: 16.66667%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-4 {
    right: 33.33333%
  }

  .col-lg-pull-5 {
    right: 41.66667%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-7 {
    right: 58.33333%
  }

  .col-lg-pull-8 {
    right: 66.66667%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-10 {
    right: 83.33333%
  }

  .col-lg-pull-11 {
    right: 91.66667%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-push-1 {
    left: 8.33333%
  }

  .col-lg-push-2 {
    left: 16.66667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-4 {
    left: 33.33333%
  }

  .col-lg-push-5 {
    left: 41.66667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-7 {
    left: 58.33333%
  }

  .col-lg-push-8 {
    left: 66.66667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-10 {
    left: 83.33333%
  }

  .col-lg-push-11 {
    left: 91.66667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }
}

@media (min-width: 1140px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .col-xl-pull-0 {
    right: auto
  }

  .col-xl-pull-1 {
    right: 8.33333%
  }

  .col-xl-pull-2 {
    right: 16.66667%
  }

  .col-xl-pull-3 {
    right: 25%
  }

  .col-xl-pull-4 {
    right: 33.33333%
  }

  .col-xl-pull-5 {
    right: 41.66667%
  }

  .col-xl-pull-6 {
    right: 50%
  }

  .col-xl-pull-7 {
    right: 58.33333%
  }

  .col-xl-pull-8 {
    right: 66.66667%
  }

  .col-xl-pull-9 {
    right: 75%
  }

  .col-xl-pull-10 {
    right: 83.33333%
  }

  .col-xl-pull-11 {
    right: 91.66667%
  }

  .col-xl-pull-12 {
    right: 100%
  }

  .col-xl-push-0 {
    left: auto
  }

  .col-xl-push-1 {
    left: 8.33333%
  }

  .col-xl-push-2 {
    left: 16.66667%
  }

  .col-xl-push-3 {
    left: 25%
  }

  .col-xl-push-4 {
    left: 33.33333%
  }

  .col-xl-push-5 {
    left: 41.66667%
  }

  .col-xl-push-6 {
    left: 50%
  }

  .col-xl-push-7 {
    left: 58.33333%
  }

  .col-xl-push-8 {
    left: 66.66667%
  }

  .col-xl-push-9 {
    left: 75%
  }

  .col-xl-push-10 {
    left: 83.33333%
  }

  .col-xl-push-11 {
    left: 91.66667%
  }

  .col-xl-push-12 {
    left: 100%
  }

  .col-xl-offset-0 {
    margin-left: 0
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%
  }

  .col-xl-offset-2 {
    margin-left: 16.66667%
  }

  .col-xl-offset-3 {
    margin-left: 25%
  }

  .col-xl-offset-4 {
    margin-left: 33.33333%
  }

  .col-xl-offset-5 {
    margin-left: 41.66667%
  }

  .col-xl-offset-6 {
    margin-left: 50%
  }

  .col-xl-offset-7 {
    margin-left: 58.33333%
  }

  .col-xl-offset-8 {
    margin-left: 66.66667%
  }

  .col-xl-offset-9 {
    margin-left: 75%
  }

  .col-xl-offset-10 {
    margin-left: 83.33333%
  }

  .col-xl-offset-11 {
    margin-left: 91.66667%
  }

  .col-xl-offset-12 {
    margin-left: 100%
  }
}

.col-xs-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1
}

.col-xs-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1
}

@media (min-width: 576px) {
  .col-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .col-sm-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

@media (min-width: 768px) {
  .col-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .col-md-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

@media (min-width: 992px) {
  .col-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .col-lg-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

@media (min-width: 1140px) {
  .col-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .col-xl-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

.row-xs-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.row-xs-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.row-xs-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (min-width: 576px) {
  .row-sm-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .row-sm-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .row-sm-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 768px) {
  .row-md-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .row-md-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .row-md-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 992px) {
  .row-lg-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .row-lg-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .row-lg-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width: 1140px) {
  .row-xl-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .row-xl-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .row-xl-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

.col-xs-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.col-xs-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.col-xs-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

@media (min-width: 576px) {
  .col-sm-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .col-sm-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
  }

  .col-sm-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

@media (min-width: 768px) {
  .col-md-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .col-md-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
  }

  .col-md-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

@media (min-width: 992px) {
  .col-lg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .col-lg-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
  }

  .col-lg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

@media (min-width: 1140px) {
  .col-xl-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  .col-xl-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
  }

  .col-xl-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

.col-xs-1 {
  max-width: 8.33333%
}

.col-xs-2 {
  max-width: 16.66667%
}

.col-xs-3 {
  max-width: 25%
}

.col-xs-4 {
  max-width: 33.33333%
}

.col-xs-5 {
  max-width: 41.66667%
}

.col-xs-6 {
  max-width: 50%
}

.col-xs-7 {
  max-width: 58.33333%
}

.col-xs-8 {
  max-width: 66.66667%
}

.col-xs-9 {
  max-width: 75%
}

.col-xs-10 {
  max-width: 83.33333%
}

.col-xs-11 {
  max-width: 91.66667%
}

.col-xs-12 {
  max-width: 100%
}

@media (min-width: 576px) {
  .col-sm-1 {
    max-width: 8.33333%
  }

  .col-sm-2 {
    max-width: 16.66667%
  }

  .col-sm-3 {
    max-width: 25%
  }

  .col-sm-4 {
    max-width: 33.33333%
  }

  .col-sm-5 {
    max-width: 41.66667%
  }

  .col-sm-6 {
    max-width: 50%
  }

  .col-sm-7 {
    max-width: 58.33333%
  }

  .col-sm-8 {
    max-width: 66.66667%
  }

  .col-sm-9 {
    max-width: 75%
  }

  .col-sm-10 {
    max-width: 83.33333%
  }

  .col-sm-11 {
    max-width: 91.66667%
  }

  .col-sm-12 {
    max-width: 100%
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    max-width: 8.33333%
  }

  .col-md-2 {
    max-width: 16.66667%
  }

  .col-md-3 {
    max-width: 25%
  }

  .col-md-4 {
    max-width: 33.33333%
  }

  .col-md-5 {
    max-width: 41.66667%
  }

  .col-md-6 {
    max-width: 50%
  }

  .col-md-7 {
    max-width: 58.33333%
  }

  .col-md-8 {
    max-width: 66.66667%
  }

  .col-md-9 {
    max-width: 75%
  }

  .col-md-10 {
    max-width: 83.33333%
  }

  .col-md-11 {
    max-width: 91.66667%
  }

  .col-md-12 {
    max-width: 100%
  }
}

@media (min-width: 992px) {
  .col-lg-1 {
    max-width: 8.33333%
  }

  .col-lg-2 {
    max-width: 16.66667%
  }

  .col-lg-3 {
    max-width: 25%
  }

  .col-lg-4 {
    max-width: 33.33333%
  }

  .col-lg-5 {
    max-width: 41.66667%
  }

  .col-lg-6 {
    max-width: 50%
  }

  .col-lg-7 {
    max-width: 58.33333%
  }

  .col-lg-8 {
    max-width: 66.66667%
  }

  .col-lg-9 {
    max-width: 75%
  }

  .col-lg-10 {
    max-width: 83.33333%
  }

  .col-lg-11 {
    max-width: 91.66667%
  }

  .col-lg-12 {
    max-width: 100%
  }
}

@media (min-width: 1140px) {
  .col-xl-1 {
    max-width: 8.33333%
  }

  .col-xl-2 {
    max-width: 16.66667%
  }

  .col-xl-3 {
    max-width: 25%
  }

  .col-xl-4 {
    max-width: 33.33333%
  }

  .col-xl-5 {
    max-width: 41.66667%
  }

  .col-xl-6 {
    max-width: 50%
  }

  .col-xl-7 {
    max-width: 58.33333%
  }

  .col-xl-8 {
    max-width: 66.66667%
  }

  .col-xl-9 {
    max-width: 75%
  }

  .col-xl-10 {
    max-width: 83.33333%
  }

  .col-xl-11 {
    max-width: 91.66667%
  }

  .col-xl-12 {
    max-width: 100%
  }
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.remodal-overlay {
  background: rgba(43, 46, 56, .9)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
  padding: 10px 10px 0
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  vertical-align: middle
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}

.remodal-wrapper:after {
  vertical-align: middle
}

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
  color: #2b2e38
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center
}

.remodal-cancel, .remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}

.remodal-confirm {
  color: #fff;
  background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
  background: #66bb6a
}

.remodal-cancel {
  color: #fff;
  background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
  background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38
}

.lt-ie9 .remodal {
  width: 700px
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.remodal, [data-remodal-id] {
  display: none
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: ""
}

.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.remodal {
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

.remodal-is-initialized {
  display: inline-block
}

.clearfix:after, .clearfix:before {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  zoom: 1
}

* {
  min-height: 0;
  min-width: 0
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=submit]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
  outline: 0 none
}

body {
  font-family: Open-Sans, Arial, Helvetica, sans-serif;
  background-color: #070918
}

.site {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

main.page-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

header {
  width: 100%;
  background-color: #04050b;
  border-bottom: 1px solid #23232a
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 120px;
  font-family: Open-Sans, Arial, Helvetica, sans-serif;
  font-weight: 400
}

@media only screen and (max-width: 575px) {
  .header {
    height: 100px
  }
}

.header a, .header h3 {
  text-decoration: none;
  color: #fff;
  letter-spacing: 1px;
  margin: 0
}

.header__logo {
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 991px) {
  .header__logo {
    width: 110px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90%
  }
}

@media only screen and (max-width: 575px) {
  .header__logo {
    width: 90px
  }
}

@media only screen and (max-width: 991px) {
  .header__logo img {
    width: 70px
  }
}

@media only screen and (max-width: 767px) {
  .header__logo img {
    width: 60px
  }
}

@media only screen and (max-width: 575px) {
  .header__logo img {
    width: 50px
  }
}

.header__logo h3 {
  font-weight: 300;
  font-size: 26px;
  padding-left: 20px
}

@media only screen and (max-width: 1199px) {
  .header__logo h3 {
    font-size: 20px;
    padding-left: 15px
  }
}

@media only screen and (max-width: 991px) {
  .header__logo h3 {
    font-size: 18px;
    padding: 0
  }
}

@media only screen and (max-width: 767px) {
  .header__logo h3 {
    font-size: 16px
  }
}

@media only screen and (max-width: 575px) {
  .header__logo h3 {
    font-size: 12px
  }
}

.header__menu {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none
}

@media only screen and (max-width: 991px) {
  .header__menu {
    width: 75%
  }
}

@media only screen and (max-width: 767px) {
  .header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80%;
    width: 70%
  }
}

@media only screen and (max-width: 575px) {
  .header__menu {
    width: 65%
  }
}

.header__menu__items {
  padding: 0 25px
}

@media only screen and (max-width: 991px) {
  .header__menu__items {
    padding: 0 15px
  }
}

@media only screen and (max-width: 767px) {
  .header__menu__items {
    padding: 0
  }
}

.header__menu__items a {
  font-size: 17px;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.header__menu__items a:hover {
  color: #696979;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

@media only screen and (max-width: 1199px) {
  .header__menu__items a {
    font-size: 15px
  }
}

@media only screen and (max-width: 991px) {
  .header__menu__items a {
    font-size: 14px
  }
}

@media only screen and (max-width: 767px) {
  .header__menu__items a {
    font-size: 13px;
    padding-left: 15px
  }
}

@media only screen and (max-width: 575px) {
  .header__menu__items a {
    font-size: 12px
  }
}

.header__cabinet {
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 991px) {
  .header__cabinet {
    width: 170px
  }
}

@media only screen and (max-width: 575px) {
  .header__cabinet {
    width: 120px
  }
}

.header__cabinet__btn {
  padding: 16px 47px;
  font-size: 17px;
  border: 2px solid #252525;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.header__cabinet__btn:hover {
  background-color: rgba(0, 0, 0, .5);
  color: #696979;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

@media only screen and (max-width: 1199px) {
  .header__cabinet__btn {
    font-size: 15px;
    padding: 16px 30px
  }
}

@media only screen and (max-width: 991px) {
  .header__cabinet__btn {
    font-size: 13px;
    padding: 16px 20px
  }
}

@media only screen and (max-width: 767px) {
  .header__cabinet__btn {
    font-size: 12px
  }
}

@media only screen and (max-width: 575px) {
  .header__cabinet__btn {
    font-size: 10px;
    padding: 10px 7px
  }
}

footer {
  width: 100%;
  background-color: #04050b
}

.footer {
  height: 165px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-weight: 300
}

@media only screen and (max-width: 575px) {
  .footer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 25px 0
  }
}

.footer__copyright {
  width: 30%;
  height: 50%
}

@media only screen and (max-width: 991px) {
  .footer__copyright {
    width: 40%
  }
}

@media only screen and (max-width: 575px) {
  .footer__copyright {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 15px
  }
}

.footer__copyright__head, .footer__copyright__text {
  padding: 0;
  margin: 0;
  color: #696979
}

.footer__copyright__head {
  font-size: 14px;
  padding-bottom: 18px
}

@media only screen and (max-width: 991px) {
  .footer__copyright__head {
    font-size: 12px
  }
}

.footer__copyright__text {
  font-size: 12px;
  line-height: 15px
}

@media only screen and (max-width: 991px) {
  .footer__copyright__text {
    font-size: 10px
  }
}

.footer__menu {
  width: 50%;
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none
}

@media only screen and (max-width: 991px) {
  .footer__menu {
    width: 40%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media only screen and (max-width: 767px) {
  .footer__menu {
    width: 30%
  }
}

@media only screen and (max-width: 575px) {
  .footer__menu {
    width: 100%;
    height: auto
  }
}

.footer__menu__items {
  padding: 0 25px;
  margin: 0
}

@media only screen and (max-width: 1199px) {
  .footer__menu__items {
    padding: 0 10px
  }
}

@media only screen and (max-width: 575px) {
  .footer__menu__items {
    padding-bottom: 5px
  }
}

.footer__menu__items a {
  text-decoration: none;
  font-size: 14px;
  color: #696979;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.footer__menu__items a:hover {
  color: #fff;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.footer__social {
  width: 20%;
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 767px) {
  .footer__social {
    width: 30%
  }
}

@media only screen and (max-width: 575px) {
  .footer__social {
    width: 100%;
    height: auto;
    padding-top: 15px
  }
}

.footer__social__heading {
  text-align: center;
  font-size: 12px;
  color: #696979
}

.footer__social__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 15px
}

@media only screen and (max-width: 575px) {
  .footer__social__items {
    padding-top: 10px
  }
}

.footer__social__items a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  width: 45px;
  height: 45px;
  margin: 0 5px;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

@media only screen and (max-width: 991px) {
  .footer__social__items a {
    width: 30px;
    height: 30px
  }
}

.footer__social__items a:nth-child(1) {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #4d76a1
}

.footer__social__items a:nth-child(2) {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #3b5998
}

.footer__social__items a:nth-child(3) {
  background: url(../img/icon_inst.png) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.footer__social__items a:hover {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.footer__social__items a i {
  font-size: 22px
}

@media only screen and (max-width: 991px) {
  .footer__social__items a i {
    font-size: 16px
  }
}

.questions {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #020203), color-stop(50%, #020307), to(#04040b));
  background: -webkit-linear-gradient(top, #020203 0, #020307 50%, #04040b 100%);
  background: -o-linear-gradient(top, #020203 0, #020307 50%, #04040b 100%);
  background: linear-gradient(to bottom, #020203 0, #020307 50%, #04040b 100%);
  text-align: center
}

.questions .numbers {
  padding: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 991px) {
  .questions .numbers {
    padding: 30px 0 10px
  }
}

.questions .numbers .numeric {
  margin: 0;
  padding: 0;
  width: 100%
}

@media only screen and (max-width: 991px) {
  .questions .numbers .numeric {
    width: 75%
  }
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric {
    width: 75%
  }
}

@media only screen and (max-width: 575px) {
  .questions .numbers .numeric {
    width: 100%
  }
}

.questions .numbers .numeric li {
  display: inline-block;
  margin: 0 5px 10px 5px
}

@media only screen and (max-width: 991px) {
  .questions .numbers .numeric li {
    width: 10%
  }
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li {
    width: 9%
  }
}

@media only screen and (max-width: 575px) {
  .questions .numbers .numeric li {
    width: 10%
  }
}

.questions .numbers .numeric li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Ubuntu;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #555;
  width: 50px;
  height: 50px
}

.questions .numbers .numeric li a:hover {
  cursor: default
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    border: 2px solid #555
  }
}

.questions .numbers .numeric li .true {
  border: 3px solid #6dd600;
  color: #6dd600
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li .true {
    border: 2px solid #6dd600
  }
}

.questions .numbers .numeric li .true:after {
  position: absolute;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 25px;
  color: #000;
  top: -8px;
  left: 25px;
  height: 25px;
  width: 25px;
  background: #6dd600;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li .true:after {
    top: -10px;
    left: 18px;
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

.questions .numbers .numeric li .false {
  border: 3px solid red;
  color: red
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li .false {
    border: 2px solid red
  }
}

.questions .numbers .numeric li .false:after {
  position: absolute;
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  color: #000;
  top: -8px;
  left: 25px;
  height: 25px;
  width: 25px;
  background: red;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

@media only screen and (max-width: 767px) {
  .questions .numbers .numeric li .false:after {
    top: -10px;
    left: 18px;
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

.questions .numbers .numeric li .current {
  border: 3px solid #fff
}

.content {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #04040b), color-stop(15%, #050610), color-stop(25%, #060814), color-stop(50%, #070918), color-stop(75%, #0a0d22), color-stop(90%, rgba(7, 9, 24, .94)), to(rgba(7, 9, 24, .9))), url(../img/background_img.png) no-repeat 50% 100%;
  background: -webkit-linear-gradient(top, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%), url(../img/background_img.png) no-repeat 50% 100%;
  background: -o-linear-gradient(top, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%), url(../img/background_img.png) no-repeat 50% 100%;
  background: linear-gradient(to bottom, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%), url(../img/background_img.png) no-repeat 50% 100%;
  -webkit-background-size: contain;
  background-size: contain;
  color: #fff;
  padding-bottom: 90px
}

@media only screen and (max-width: 991px) {
  .content {
    padding-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .content {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #04040b), color-stop(15%, #050610), color-stop(25%, #060814), color-stop(50%, #070918), color-stop(75%, #0a0d22), color-stop(90%, rgba(7, 9, 24, .94)), to(rgba(7, 9, 24, .9)));
    background: -webkit-linear-gradient(top, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%);
    background: -o-linear-gradient(top, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%);
    background: linear-gradient(to bottom, #04040b 0, #050610 15%, #060814 25%, #070918 50%, #0a0d22 75%, rgba(7, 9, 24, .94) 90%, rgba(7, 9, 24, .9) 100%)
  }
}

.content_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-background-size: contain;
  background-size: contain
}

.content_main__timer {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 991px) {
  .content_main__timer {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.content_main__questions {
  width: 57%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 35px
}

@media only screen and (max-width: 1199px) {
  .content_main__questions {
    width: 55%
  }
}

@media only screen and (max-width: 991px) {
  .content_main__questions {
    width: 100%;
    padding: 10px 0 35px
  }
}

@media only screen and (max-width: 767px) {
  .content_main__questions {
    padding-top: 0
  }
}

.content_main__table {
  width: 23%
}

@media only screen and (max-width: 1199px) {
  .content_main__table {
    width: 25%
  }
}

@media only screen and (max-width: 991px) {
  .content_main__table {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.timer-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 114px;
  width: 63%;
  height: 60px
}

@media only screen and (max-width: 1199px) {
  .timer-data {
    width: 80%;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }
}

@media only screen and (max-width: 991px) {
  .timer-data {
    width: 150px;
    margin-top: 0
  }
}

@media only screen and (max-width: 767px) {
  .timer-data {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

.timer-data img {
  width: 50px;
  height: 50px
}

@media only screen and (max-width: 991px) {
  .timer-data img {
    width: 40px;
    height: 40px
  }
}

.timer-data__result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 10px
}

.timer-data__result p, .timer-data__result span {
  padding: 0;
  margin: 0;
  width: 90px
}

.timer-data__result p:hover, .timer-data__result span:hover {
  cursor: default
}

.timer-data__result p {
  font-size: 14px
}

@media only screen and (max-width: 991px) {
  .timer-data__result p {
    font-size: 12px
  }
}

.timer-data__result span {
  font-size: 30px
}

@media only screen and (max-width: 991px) {
  .timer-data__result span {
    font-size: 25px
  }
}

.questions__circle {
  width: 220px;
  height: 220px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

@media only screen and (max-width: 1199px) {
  .questions__circle {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

@media only screen and (max-width: 991px) {
  .questions__circle {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

.questions__circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  background: url(../img/timer_xl.png) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.questions__circle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  z-index: 40
}

.questions__circle__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: unset;
  -webkit-align-items: unset;
  -ms-flex-align: unset;
  align-items: unset;
  z-index: 50
}

.questions__circle__data p {
  padding: 0;
  margin: 0;
  font-size: 12px
}

.questions__circle__data p:hover {
  cursor: default
}

.questions__circle__data .time {
  width: 25px
}

.questions__circle__data span {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 28px
}

.questions__circle__data span:hover {
  cursor: default
}

.questions__this {
  padding-top: 25px;
  padding-bottom: 15px;
  width: 80%;
  text-align: center
}

@media only screen and (max-width: 991px) {
  .questions__this {
    width: 90%
  }
}

@media only screen and (max-width: 991px) {
  .questions__this {
    padding-top: 0
  }
}

.questions__this p {
  font-size: 24px;
  line-height: 32px
}

@media only screen and (max-width: 1199px) {
  .questions__this p {
    font-size: 20px;
    line-height: 29px
  }
}

@media only screen and (max-width: 767px) {
  .questions__this p {
    font-size: 18px;
    line-height: 27px
  }
}

@media only screen and (max-width: 767px) {
  .questions__this p {
    font-size: 15px;
    line-height: 22px
  }
}

.questions__answer {
  width: 60%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px
}

@media only screen and (max-width: 1199px) {
  .questions__answer {
    width: 80%
  }
}

@media only screen and (max-width: 991px) {
  .questions__answer {
    width: 60%
  }
}

@media only screen and (max-width: 767px) {
  .questions__answer {
    width: 75%;
    font-size: 12px
  }
}

@media only screen and (max-width: 575px) {
  .questions__answer {
    width: 95%
  }
}

.questions__answer__items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
  border: 1px solid transparent;
  padding: 10px 15px 10px 45px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.questions__answer__items:hover:not(.active) {
  border: 1px solid #2f782f;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #010101), color-stop(50%, #080c08), color-stop(75%, #081808), to(#022102));
  background: -webkit-linear-gradient(top, #010101 25%, #080c08 50%, #081808 75%, #022102 100%);
  background: -o-linear-gradient(top, #010101 25%, #080c08 50%, #081808 75%, #022102 100%);
  background: linear-gradient(to bottom, #010101 25%, #080c08 50%, #081808 75%, #022102 100%)
}

.questions__answer__items span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #151515;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 767px) {
  .questions__answer__items span {
    width: 25px;
    height: 25px
  }
}

.questions__answer__items p {
  padding: 0;
  margin: 0
}

.questions__answer .active {
  background-color: #0f0
}

.questions__answer .active p {
  color: #000;
  font-weight: 600
}

.questions__answer .active span {
  color: #fff
}

.table_wrap {
  border: 1px solid #20212b;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 0 70px;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 991px) {
  .table_wrap {
    width: 45%
  }
}

@media only screen and (max-width: 767px) {
  .table_wrap {
    width: 60%
  }
}

@media only screen and (max-width: 575px) {
  .table_wrap {
    width: 80%
  }
}

.table_wrap .table {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 330px;
  font-size: 13px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  z-index: 50
}

.table_wrap .table:after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #070816), color-stop(62%, transparent));
  background: -webkit-linear-gradient(bottom, #070816 15%, transparent 62%);
  background: -o-linear-gradient(bottom, #070816 15%, transparent 62%);
  background: linear-gradient(to top, #070816 15%, transparent 62%)
}

@media only screen and (max-width: 1199px) {
  .table_wrap .table {
    font-size: 12px
  }
}

.table_wrap .table__items {
  padding: 9px 0 7px 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  counter-increment: list;
  z-index: 40
}

@media only screen and (max-width: 1199px) {
  .table_wrap .table__items {
    padding: 9px 0 7px 15px
  }
}

.table_wrap .table__items:before {
  content: counter(list) " ";
  width: 15px
}

.table_wrap .table__result {
  padding-left: 15px;
  width: 70px
}

@media only screen and (max-width: 1199px) {
  .table_wrap .table__result {
    width: 50px
  }
}

@media only screen and (max-width: 991px) {
  .table_wrap .table__result {
    width: 70px
  }
}

.table_wrap .table__name {
  padding: 0 0 0 10px;
  margin: 0
}

.table_wrap .table .your-result {
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 93%;
  padding: 9px 0 7px 11px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #080a19), color-stop(50%, #101221), to(#191b2a));
  background: -webkit-linear-gradient(bottom, #080a19 0, #101221 50%, #191b2a 100%);
  background: -o-linear-gradient(bottom, #080a19 0, #101221 50%, #191b2a 100%);
  background: linear-gradient(to top, #080a19 0, #101221 50%, #191b2a 100%);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 27px -2px #0f0;
  box-shadow: 0 1px 27px -2px #0f0
}

.table::-webkit-scrollbar {
  width: 0
}

.modal-cabinet {
  -webkit-border-radius: 14px;
  border-radius: 14px;
  padding: 0;
  width: 665px
}

@media only screen and (max-width: 991px) {
  .modal-cabinet {
    width: 100%
  }
}

.modal-cabinet__envelope-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 40px 0
}

.modal-cabinet__envelope-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0 0 0;
  text-align: center
}

.modal-cabinet__envelope-bottom a {
  font-size: 14px;
  color: #000
}

@media only screen and (max-width: 575px) {
  .modal-cabinet__envelope-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.modal-cabinet__close, .modal-project__close, .modal-winners__close {
  position: absolute;
  top: -60px;
  right: -57px;
  background: url(../img/close.png) center center no-repeat;
  width: 50px;
  height: 50px
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__close, .modal-project__close, .modal-winners__close {
    top: -50px;
    right: -47px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__close, .modal-project__close, .modal-winners__close {
    top: 0;
    right: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    background: url(../img/close-black.png) center center no-repeat
  }
}

.modal-cabinet__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 0 77px;
  width: 40%;
  font-size: 24px;
  line-height: 34px;
  font-family: Roboto;
  font-weight: 700
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__heading {
    font-size: 18px;
    line-height: 28px
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__heading {
    font-size: 16px;
    line-height: 26px
  }
}

@media only screen and (max-width: 575px) {
  .modal-cabinet__heading {
    font-size: 14px;
    line-height: 24px
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__heading {
    padding: 10px 0 0 55px
  }
}

@media only screen and (max-width: 575px) {
  .modal-cabinet__heading {
    padding: 10px 0 0 40px
  }
}

.modal-cabinet__register {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-top-right-radius: 14px;
  border-top-right-radius: 14px;
  margin: 0;
  padding: 10px 95px 0 0;
  width: 60%;
  height: 100px;
  background: #f9f9f9;
  font-size: 24px;
  line-height: 34px
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__register {
    font-size: 18px;
    line-height: 28px
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__register {
    font-size: 16px;
    line-height: 26px
  }
}

@media only screen and (max-width: 575px) {
  .modal-cabinet__register {
    font-size: 14px;
    line-height: 24px
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__register {
    padding: 10px 35px 0 0
  }
}

.modal-cabinet__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 60px 50px 60px
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__form {
    padding: 0 35px 40px 35px
  }
}

.modal-cabinet__label {
  padding: 35px 0 0 0;
  text-align: left;
  font-size: 16px;
  line-height: 30px
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__label {
    font-size: 14px;
    line-height: 30px
  }
}

@media only screen and (max-width: 767px) {
  .modal-cabinet__label {
    padding: 15px 0 0 0
  }
}

.modal-cabinet__input {
  border: 1px solid #ededed;
  margin: 10px 0;
  padding: 10px;
  width: 100%;
  height: 65px;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 30px
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__input {
    font-size: 14px;
    line-height: 30px
  }
}

.modal-cabinet__btn {
  border: transparent;
  width: 285px;
  height: 60px;
  cursor: pointer;
  background: #38ec38;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase
}

@media only screen and (max-width: 991px) {
  .modal-cabinet__btn {
    font-size: 14px;
    line-height: 30px
  }
}

@media only screen and (max-width: 575px) {
  .modal-cabinet__btn {
    margin: 25px 0 0 0;
    width: 100%
  }
}

.modal-project, .modal-winners {
  -webkit-border-radius: 14px;
  border-radius: 14px;
  padding: 0 45px 50px 45px;
  width: 665px
}

@media only screen and (max-width: 991px) {
  .modal-project, .modal-winners {
    width: 100%
  }
}

@media only screen and (max-width: 767px) {
  .modal-project, .modal-winners {
    padding: 0 35px 40px 35px
  }
}

.modal-project__envelope-top, .modal-winners__envelope-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.modal-project__heading, .modal-winners__heading {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700
}

@media only screen and (max-width: 1199px) {
  .modal-project__heading, .modal-winners__heading {
    font-size: 24px;
    line-height: 34px
  }
}

@media only screen and (max-width: 991px) {
  .modal-project__heading, .modal-winners__heading {
    font-size: 18px;
    line-height: 28px
  }
}

@media only screen and (max-width: 767px) {
  .modal-project__heading, .modal-winners__heading {
    font-size: 16px;
    line-height: 26px
  }
}

.modal-project__envelope-middle, .modal-winners__envelope-middle {
  text-align: left;
  height: 500px
}

.envelope-middle {
  color: #595959
}

.envelope-middle__heading {
  font-size: 20px;
  font-weight: 700;
  font-family: Roboto
}

@media only screen and (max-width: 991px) {
  .envelope-middle__heading {
    font-size: 16px
  }
}

@media only screen and (max-width: 767px) {
  .envelope-middle__heading {
    font-size: 14px
  }
}

.envelope-middle__subinfo {
  font-family: Ubuntu;
  font-size: 16px;
  font-weight: 300
}

@media only screen and (max-width: 991px) {
  .envelope-middle__subinfo {
    font-size: 14px
  }
}

.modal-winners__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  margin: 0;
  padding: 15px 0;
  list-style-type: none
}

@media only screen and (max-width: 575px) {
  .modal-winners__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.modal-winners__list :nth-child(1) {
  width: 35%
}

@media only screen and (max-width: 575px) {
  .modal-winners__list :nth-child(1) {
    width: 100%
  }
}

.modal-winners__list :nth-child(2) {
  width: 25%
}

.modal-winners__list :nth-child(2):before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  background: url(../img/clock-mini.png) center center no-repeat;
  width: 20px;
  height: 20px
}

@media only screen and (max-width: 575px) {
  .modal-winners__list :nth-child(2):before {
    top: 0;
    left: 0
  }
}

@media only screen and (max-width: 575px) {
  .modal-winners__list :nth-child(2) {
    width: 100%;
    padding: 0 0 0 25px
  }
}

.modal-winners__list :nth-child(3) {
  width: 40%;
  font-family: Ubuntu-bold;
  font-weight: 700
}

@media only screen and (max-width: 575px) {
  .modal-winners__list :nth-child(3) {
    width: 100%
  }
}

.modal-winners__list-item {
  position: relative;
  padding: 5px 0;
  font-family: Ubuntu;
  text-align: left;
  font-size: 15px
}

.modal-scrollProject, .modal-scrollWinners {
  height: 500px
}

.slimScrollDiv {
  padding-right: 10px
}