html {
  scroll-behavior: smooth!important
}
body {
  background: #f2f2f2 repeat scroll top center;
  color: #411b42;
  min-width: 360px;
  max-width: 1920px;
  min-height: 100vh;
  margin: 0 auto;
  font-family: Montserrat,sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
body footer {
  margin-top: auto
}
body #wrapper {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}
body .section {
  padding-top: 100px;
  padding-bottom: 100px
}
body h1 {
  color: #411b42
}
body .article_subtitle {
  color: #411b42;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%
}
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: Unbounded,sans-serif;
  font-weight: 700
}
body strong {
  font-weight: 800
}
body .rounded {
  border-radius: 40px!important
}
body .btn {
  font-family: Unbounded,sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 800;
  border-radius: 40px!important;
  padding-top: .9rem;
  padding-bottom: .8rem;
  padding-left: 2rem;
  padding-right: 2rem
}
body .btn:hover {
  -webkit-filter: hue-rotate(-7deg);
  filter: hue-rotate(-7deg)
}
body .btn:active {
  opacity: 1
}
body .btn.btn-yellow {
  background-color: #ffc700
}
body .btn.btn-yellow::disabled {
  border-color: transparent!important
}
body .btn.btn-white {
  background-color: #fff
}
body .btn.text-white:active {
  border-color: transparent
}
body .btn.btn-yellow:active {
  background-color: #ffc700;
  border-color: #ffc700
}
body .btn-yellow.disabled,
body .btn-yellow:disabled,
body fieldset:disabled .btn-yellow {
  border-color: #ffc700
}
body .alert {
  border-color: transparent
}
body ul.rt_list {
  list-style: none;
  color: #555;
  padding-top: 10px;
  padding-bottom: 10px
}
body ul.rt_list li {
  padding-left: 20px;
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L0.5 13.0622L0.500001 0.937822L11 7Z' fill='%23FFC700'/%3E%3C/svg%3E%0A") no-repeat scroll top 5px left
}
body .form-control {
  border-radius: 20px;
  padding: 10px 15px
}
body .form-control::-webkit-input-placeholder {
  color: #bbb
}
body .form-control::-moz-placeholder {
  color: #bbb
}
body .form-control:-ms-input-placeholder {
  color: #bbb
}
body .form-control::-ms-input-placeholder {
  color: #bbb
}
body .form-control::placeholder {
  color: #bbb
}
body label {
  font-weight: 600;
  padding-left: 15px
}
body .form_conf a {
  color: #411b42
}
body .form-check {
  padding: 10px;
  padding-left: 30px
}
body .form-check label {
  font-weight: 600;
  display: block;
  padding-left: 10px;
  letter-spacing: normal
}
body .form-check-input {
  border: 1px solid #008e9f
}
body .form-check-input:checked[type=radio] {
  background: #008e9f;
  border: 4px solid #008e9f
}
body .form-check-input:focus {
  -webkit-box-shadow: 0 0 0 .25rem rgba(253,169,13,.25);
  box-shadow: 0 0 0 .25rem rgba(253,169,13,.25)
}
body .form_custom_check .cl-custom-check {
  display: none
}
body .form_custom_check .cl-custom-check + .cl-custom-check-label {
  background-color: #e9e9e9;
  border: 1px solid #008e9f;
  color: #000;
  padding: 5px 12px;
  cursor: pointer;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 20px;
  display: inline-block;
  margin: 0 5px 10px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease
}
body .form_custom_check .cl-custom-check:checked + .cl-custom-check-label {
  background-color: #9dcdb3;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
body .jGrowl.top-right {
  right: 0!important;
  margin-right: 50%;
  -webkit-transform: translate(50%,0);
  -ms-transform: translate(50%,0);
  transform: translate(50%,0);
  top: 30px!important
}
body .jGrowl > .af-message-success {
  border-radius: 3px!important;
  background: #ffc700!important
}
body .jGrowl-notification {
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  background: rbga(0,0,0,.8)!important;
  border-radius: 3px!important;
  width: 320px!important;
  font-size: 140%;
  min-height: 60px;
  padding: 30px!important;
  text-align: center!important
}
body .jGrowl-notification .jGrowl-close {
  float: none!important;
  position: absolute;
  right: 20px!important;
  top: 10px
}
body .swiper-wrapper {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}
body .swiper-wrapper .swiper-slide {
  height: auto!important
}
body .swiper-button-next:after,
body .swiper-button-prev:after {
  color: #ffc700
}
.cnvs-hamburger {
  --cnvs-hamburger-size: 2rem
}
header {
  background-color: #008e9f;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}
header .logo-default {
  max-width: 300px;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px)
}
header .nav .nav-link {
  text-transform: uppercase;
  font-family: Unbounded,sans-serif;
  color: #fff;
  font-weight: 600
}
header .nav .nav-link:hover {
  opacity: .9
}
header .user_avatar img {
  border-radius: 40px
}
header .user_battery {
  font-weight: 800;
  font-size: 30px;
  color: #ffc700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}
header .user_avatar .dropdown-toggle {
  text-decoration: none;
  color: #ffc700
}
#offcanvasNav {
  background-color: #008e9f
}
#offcanvasNav .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}
#offcanvasNav hr {
  border-color: #fff
}
#offcanvasNav .nav .nav-link {
  text-transform: uppercase;
  font-family: Unbounded,sans-serif;
  color: #fff;
  font-weight: 600
}
#offcanvasNav .nav .nav-link:hover {
  opacity: .9
}
@media (max-width:1199px) {
  header .logo-default {
    display: inline-block;
    margin-top: 10px;
    max-width: 160px
  }
  header .user_battery {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
  }
}
@media (max-width:991px) {
  header .nav {
    display: none
  }
  #offcanvasNav .dropdown a.d-flex {
    color: #fff
  }
  #offcanvasNav .dropdown hr {
    border-color: #e5e5e5
  }
}
#slider {
  background: transparent no-repeat scroll bottom center/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M0 129.5C0 129.5 97.3559 143.1 160 149.5C713.716 206.066 1218.85 36.153 1760 8.25L1920 0V232H1760C1600 232 1280 232 960 232C640 232 320 232 160 232H0V129.5Z' fill='%2300C2FF'/%3E%3C/svg%3E%0A")
}
#slider .promo_text {
  padding-bottom: 90px;
  padding-top: 90px
}
#slider h1 {
  font-size: 50px;
  font-weight: 800;
  color: #411b42;
  letter-spacing: 2px;
  margin-bottom: 0
}
#slider .promo_subheader {
  font-size: 24px;
  color: #411b42;
  text-transform: lowercase;
  line-height: 120%
}
#slider .promo_list {
  list-style: none;
  color: #555;
  padding-top: 10px;
  padding-bottom: 10px
}
#slider .promo_list li {
  padding-left: 20px;
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L0.5 13.0622L0.500001 0.937822L11 7Z' fill='%23FFC700'/%3E%3C/svg%3E%0A") no-repeat scroll center left
}
#slider p {
  font-weight: 600
}
@media (max-width:1199px) {
  #slider h1 {
    font-size: 30px
  }
  #slider p {
    font-size: 16px
  }
}
.testdnya_wrapper {
  position: relative
}
.testdnya_counter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.testdnya_counter .testdnya_box {
  -webkit-box-shadow: 0 4px 30px #00000040;
  box-shadow: 0 4px 30px #00000040;
  background-color: #ffc700;
  padding: 30px 50px;
  border-radius: 20px
}
.testdnya_counter .testdnya_box .h3 {
  font-weight: 800
}
.testdnya_counter .testdnya_box p {
  text-align: center
}
.testdnya_counter .testdnya_box .testdnya_numbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.testdnya_counter .testdnya_box .testdnya_numbs.is-countdown {
  border: none;
  background-color: transparent
}
.testdnya_counter .testdnya_box .testdnya_numbs span {
  display: inline-block;
  background-color: #411b42;
  border-radius: 10px;
  font-family: "Bebas Neue",sans-serif;
  margin-left: 3px;
  margin-right: 3px;
  padding: 10px;
  color: #fff;
  font-size: 40px;
  width: 60px;
  text-align: center
}
.testdnya_counter .testdnya_box .btn {
  margin-top: 30px
}
#obyraj {
  padding-top: 100px;
  padding-bottom: 150px;
  background: #ccf3ff no-repeat scroll center bottom/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 129.5C0 129.5 97.3559 143.1 160 149.5C713.716 206.066 1218.85 36.153 1760 8.25L1920 0V232H1760C1600 232 1280 232 960 232C640 232 320 232 160 232H0V129.5Z' fill='%237EDEFD'/%3E%3C/svg%3E%0A")
}
#betterbrand {
  padding-top: 150px;
  padding-bottom: 150px;
  background: transparent url(/img/betterbrand_bg.png) repeat scroll top left;
  position: relative;
  z-index: 0
}
#betterbrand::before {
  z-index: -1;
  position: absolute;
  background: transparent url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 102.5C0 102.5 97.3559 88.8995 160 82.5C713.716 25.934 1218.85 195.847 1760 223.75L1920 232V0H1760C1600 0 1280 0 960 0C640 0 320 0 160 0H0V102.5Z' fill='%237EDEFD'/%3E%3C/svg%3E%0A") no-repeat scroll top center/contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: ""
}
#betterbrand::after {
  z-index: -1;
  position: absolute;
  background: transparent url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1920 129.5C1920 129.5 1822.64 143.1 1760 149.5C1206.28 206.066 701.15 36.153 160 8.25L0 0V232H160C320 232 640 232 960 232C1280 232 1600 232 1760 232H1920V129.5Z' fill='%23C9F0FC'/%3E%3C/svg%3E%0A") no-repeat scroll bottom center/contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: ""
}
#protestuj {
  padding-top: 60px;
  position: relative;
  background: transparent url(/img/betterbrand_bg.png) repeat scroll top left;
  z-index: 0
}
#protestuj::before {
  z-index: -1;
  position: absolute;
  background: transparent url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1920 102.5C1920 102.5 1822.64 88.8995 1760 82.5C1206.28 25.934 701.15 195.847 160 223.75L0 232V0H160C320 0 640 0 960 0C1280 0 1600 0 1760 0H1920V102.5Z' fill='%23C9F0FC'/%3E%3C/svg%3E%0A") no-repeat scroll top center/contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: ""
}
#protestuj::after {
  z-index: -1;
  position: absolute;
  background: transparent url("data:image/svg+xml,%3Csvg width='1920' height='232' viewBox='0 0 1920 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 129.5C0 129.5 97.3559 143.1 160 149.5C713.716 206.066 1218.85 36.153 1760 8.25L1920 0V232H1760C1600 232 1280 232 960 232C640 232 320 232 160 232H0V129.5Z' fill='%23C9F0FC'/%3E%3C/svg%3E%0A") no-repeat scroll bottom center/contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: ""
}
#protestuj .protestuj_img {
  width: 100%
}
.protestuj_img {
  width: 50%;
  margin: 0 auto;
  display: block
}
#modal_login .modal-content {
  border-radius: 20px;
  border: none
}
#modal_login .modal-header {
  background: #f8f8f8 url(/img/modal_login_bg.png) no-repeat scroll top -40px center/cover
}
#modal_login .modal-body {
  padding: 30px;
  padding-top: 0
}
#modal_login .h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px
}
#modal_login .btn-white {
  border: 2px solid #ffc700
}
#modal_register .modal-content {
  border-radius: 20px;
  border: none
}
#modal_register .modal-header {
  background: #f8f8f8 url(/img/modal_login_bg.png) no-repeat scroll top -40px center/cover
}
#modal_register .modal-body {
  padding: 30px;
  padding-top: 0
}
#modal_register .h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px
}
#modal_register .btn-white {
  border: 2px solid #ffc700
}
#modal_register .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px
}
#modal_register .form-check input {
  margin-top: -2px
}
#tests {
  background: transparent url(/img/betterbrand_bg.png) repeat scroll top left
}
#tests .container {
  background-image: url(/img/tests_bg3.png),url(/img/tests_bg2.png);
  padding-top: 100px;
  padding-bottom: 100px;
  background-repeat: no-repeat,no-repeat;
  background-position: top 20px right,bottom left
}
#tests h2 {
  margin-top: 80px;
  margin-bottom: 20px
}
#tests .tests_slider {
  padding-left: 20px;
  padding-right: 20px
}
#tests .swiper-slide {
  margin-bottom: 30px
}
#tests .test_card {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  height: 100%;
  -webkit-box-shadow: 0 5px 10px #0002;
  box-shadow: 0 5px 10px #0002;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
#tests .test_card:hover {
  -webkit-box-shadow: 0 5px 10px #0003;
  box-shadow: 0 5px 10px #0003
}
#tests .test_card:hover .btn-yellow {
  -webkit-filter: hue-rotate(-7deg);
  filter: hue-rotate(-7deg)
}
#tests .test_card img {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative
}
#tests .test_card img::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ff0;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(95,195,200,0)),to(#5fc3c8));
  background: -o-linear-gradient(top,rgba(95,195,200,0) 0,#5fc3c8 100%);
  background: linear-gradient(180deg,rgba(95,195,200,0) 0,#5fc3c8 100%)
}
#tests .test_card .test_card_body {
  padding: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
#tests .test_card .test_card_cat {
  color: #555;
  font-size: 16px
}
#tests .test_card .h4 {
  font-size: 30px
}
#tests .test_card .test_card_desc {
  margin-bottom: 40px
}
#tests .test_card .test_card_footer {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 3fr 9fr;
  grid-template-columns: 3fr 3fr 9fr
}
#tests .test_card .test_card_min {
  font-size: 16px
}
#tests .test_card .test_card_min span {
  font-weight: 800;
  line-height: 100%;
  display: block;
  font-size: 30px
}
#tests .test_card .btn.btn-yellow {
  padding-left: 10px;
  padding-right: 10px
}
#modal_gift .modal-dialog .modal-content {
  background: #fff url(/img/gift_bg.jpg) no-repeat scroll top right/contain
}
#modal_gift .modal-body {
  background: transparent url(/img/betterbrand_bg.png) repeat scroll right bottom
}
#modal_gift .gift_card {
  font-size: 12px;
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #eaeae5;
  box-shadow: 0 0 10px #eaeae5
}
#modal_gift .gift_card:hover {
  -webkit-box-shadow: 0 0 5px #dadaa5;
  box-shadow: 0 0 5px #dadaa5
}
#modal_gift .gift_card img {
  max-width: 100%
}
#modal_gift .gift_card .form-check {
  padding-left: 15px
}
#modal_gift .gift_card .form-check label {
  padding-left: 5px
}
@media (max-width:1199px) {
  #tests .container {
    background-image: none
  }
}
@media (max-width:991px) {
  #tests .test_card .test_card_footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  #tests .test_card .h4 {
    font-size: 22px
  }
  #tests .test_card .btn.btn-yellow {
    font-size: 14px
  }
  #tests .test_card .test_card_min span {
    font-size: 26px
  }
}
#dashboard {
  background: transparent url(/img/betterbrand_bg.png) repeat scroll top left
}
#dashboard .container {
  padding-top: 100px;
  padding-bottom: 100px
}
#dashboard #user_panel {
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 20px;
  margin-bottom: 60px
}
#dashboard .user_box {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
#dashboard .user_id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999
}
#dashboard .user_bonus_text,
#dashboard .user_progress {
  font-size: 20px;
  font-weight: 600
}
#dashboard .user_prcent {
  font-size: 50px;
  font-weight: 600
}
#dashboard .user_progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
#dashboard .user_prcent {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 20px
}
#dashboard .user_batteryfull .user_battery svg g {
  fill: #31d623
}
#dashboard .user_batteryfull .user_prcent {
  color: #31d623
}
#dashboard .user_testnext,
#dashboard .user_testpass {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
#dashboard .user_testnext .h6,
#dashboard .user_testpass .h6 {
  margin-bottom: 20px
}
#dashboard .user_testnext ol li,
#dashboard .user_testpass ol li {
  margin-bottom: 5px
}
#dashboard .user_testnext a {
  text-decoration: none;
  color: #411b42
}
#dashboard .user_testnext a:hover {
  color: #008e9f
}
#dashboard #user_data {
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 20px;
  margin-bottom: 60px
}
#dashboard #user_data .user_login {
  font-size: 24px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-bottom: 20px
}
#dashboard .user_deleteacc a {
  text-decoration: none;
  color: #555
}
.setction_test {
  background: transparent url(/img/betterbrand_bg.png) repeat scroll top left
}
.setction_test .qweez_wrapper {
  background-color: #f5f5f5;
  padding: 50px 60px;
  -webkit-box-shadow: 0 5px 10px #0002;
  box-shadow: 0 5px 10px #0002
}
.setction_test .qweez_wrapper .h6 {
  margin-bottom: 20px
}
.setction_test .test_step {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.setction_test .test_step_footer {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.setction_test .test_step_footer p {
  margin-bottom: 25px;
  font-size: 12px;
  color: #411b42
}
.setction_test .test_step_footer p span {
  color: #008e9f
}
.setction_test .test_step_footer .test_step_progress {
  width: 66%
}
.setction_test .test_step_footer .test_step_progress .progress {
  height: 7px
}
.setction_test .test_step_footer .test_step_progress .progress-bar {
  background-color: #008e9f
}
.setction_test .test_step_footer .swiper-button-disabled {
  opacity: 0
}
.setction_test .test_step_footer .testSwiper_prev {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='3' transform='matrix(-1 0 0 1 30 0)' fill='%23F5F5F5'/%3E%3Cpath d='M24 13.9608C24.574 13.9608 25.0392 14.426 25.0392 15C25.0392 15.574 24.574 16.0392 24 16.0392V13.9608ZM5.26515 15.7348C4.85931 15.329 4.85931 14.671 5.26515 14.2652L11.8788 7.65153C12.2846 7.24569 12.9426 7.24569 13.3485 7.65153C13.7543 8.05738 13.7543 8.71538 13.3485 9.12122L7.46969 15L13.3485 20.8788C13.7543 21.2846 13.7543 21.9426 13.3485 22.3485C12.9426 22.7543 12.2846 22.7543 11.8788 22.3485L5.26515 15.7348ZM24 16.0392L6 16.0392V13.9608L24 13.9608V16.0392Z' fill='%23838383'/%3E%3C/svg%3E%0A")
}
.setction_test .audio_hook {
  border-radius: 20px;
  max-width: 100%;
  background-color: #e5e5e5
}
.setction_test .qweez_radio {
  height: auto
}
.setction_test .qweez_radio .form-check {
  padding: 10px;
  padding-left: 30px
}
.setction_test .qweez_radio .form-check label {
  font-weight: 600;
  display: block;
  padding-left: 10px;
  letter-spacing: normal
}
.setction_test .qweez_radio .form-check-input {
  border: 1px solid #008e9f
}
.setction_test .qweez_radio .form-check-input:checked[type=radio] {
  background: #008e9f;
  border: 4px solid #008e9f
}
.setction_test .qweez_radio .form-check-input:focus {
  -webkit-box-shadow: 0 0 0 .25rem rgba(253,169,13,.25);
  box-shadow: 0 0 0 .25rem rgba(253,169,13,.25)
}
.setction_test .test_form {
  -ms-flex-line-pack: center;
  align-content: center
}
.setction_test .test_form .form-label {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: normal
}
.setction_test .test_form .form-control {
  font-size: 22px;
  padding: 15px 20px;
  border-radius: 0;
  font-weight: 600;
  color: #282828;
  background-color: #f4f4f4;
  border-color: #f4f4f4
}
.setction_test .test_form .form-control::-webkit-input-placeholder {
  color: #d8d8d8
}
.setction_test .test_form .form-control::-moz-placeholder {
  color: #d8d8d8
}
.setction_test .test_form .form-control:-ms-input-placeholder {
  color: #d8d8d8
}
.setction_test .test_form .form-control::-ms-input-placeholder {
  color: #d8d8d8
}
.setction_test .test_form .form-control::placeholder {
  color: #d8d8d8
}
.setction_test .test_player {
  position: relative
}
.setction_test .test_player audio {
  display: none
}
.setction_test #pie {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  bottom: 0;
  color: #655;
  border-radius: 50%;
  background: #9acd32;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(0,currentColor));
  background-image: -o-linear-gradient(left,transparent 50%,currentColor 0);
  background-image: linear-gradient(to right,transparent 50%,currentColor 0);
  height: 8rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 8rem
}
.setction_test #pie:before {
  -webkit-animation: spin 50s linear infinite,bg 100s step-end infinite;
  animation: spin 50s linear infinite,bg 100s step-end infinite;
  -webkit-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  content: '';
  display: block;
  height: 100%;
  border-radius: 0 100% 100% 0/50%;
  background-color: inherit;
  margin-left: 50%;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn)
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn)
  }
}
@-webkit-keyframes bg {
  50% {
    background: currentColor
  }
}
@keyframes bg {
  50% {
    background: currentColor
  }
}
.setction_test #info {
  background-color: navy;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: block;
  height: 75%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 75%
}
.setction_test #info div {
  font-size: 1.4rem;
  height: 30%;
  line-height: 4rem;
  text-align: center
}
.setction_test .control:hover {
  color: #ff0;
  cursor: pointer
}
.setction_test .control.pause {
  display: none
}
@media (max-width:767px) {
  .setction_test .qweez_wrapper {
    padding: 20px 20px
  }
  .setction_test .form-check.form_custom_check {
    padding-left: 0;
    font-size: 14px
  }
  .setction_test .test_step_footer {
    font-size: 12px
  }
  .setction_test .test_step_footer {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .setction_test .test_step_footer .test_step_progress {
    width: 100%
  }
  .setction_test .test_step_footer .testSwiper_prev {
    padding-left: 0
  }
  .test_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  body .form_custom_check .cl-custom-check + .cl-custom-check-label {
    margin: 0 5px 5px 0
  }
}
#footer {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #008e9f;
  color: #fff
}
#footer a {
  color: #fff;
  text-decoration: none
}
#footer .foorter_social {
  margin-top: 20px
}
#footer .foorter_social a:first-child {
  margin-right: 20px
}
#footer ul.nav .nav-link {
  color: #fff
}
.copyrights-menu {
  font-size: 18px
}
.copyrights-menu a {
  font-size: 18px
}