@charset "UTF-8";

@font-face {
  font-family: "JISAZNRegular";
  src: url("../fonts/jaznr.eot");
  src: url("../fonts/jaznr.eot?#iefix") format("embedded-opentype"),
    url("../fonts/jaznr.woff") format("woff"),
    url("../fonts/jaznr.ttf") format("truetype"),
    url("../fonts/jaznr.svg#jaznr") format("svg");
  font-weight: normal;
  font-style: normal;
}

.azn_icon {
  font-family: "JISAZNRegular";
  font-size: 24px;
  font-weight: 600;
}
.icon-en {
  background-image: url(../img/icons/uk.svg);
}

.icon-telegram {
  background-image: url(../img/icons/telegram.svg?v=eetgeg);
}

.swiper-container-thumbs .obj-cover {
  height: 116px;
  object-fit: cover;
}

.mobile_img {
  display: none;
  padding: 24px 0;
  padding: 0;
}
.mobile_img img {
  width: 190%;
  margin: 0 0 0 -90%;
}

.sides_new {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.partners_form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  padding: 2rem;
  background-color: #f9f9f9;
  border-radius: 16px;
}
.partners_form * {
  box-sizing: border-box;
}
.partners_form .side {
  width: calc(50% - 20px);
}

.partners_form .input {
  margin: 0 0 1rem;
}
.partners_form .input input {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 1rem;
  border: 1px solid #d6d8dc;
  background: transparent;
  border-radius: 6px;
  transition: all 200ms ease;
}
.partners_form .input input:first-letter {
  color: #f00;
}
.partners_form .input input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.partners_form .input input:focus {
  border-color: #007332;
}
.partners_form .select {
  margin: 0 0 1rem;
}
.partners_form .select select {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 1rem;
  border: 1px solid #d6d8dc;
  background: transparent;
  border-radius: 6px;
}
.partners_form .select_multi {
  margin: 0 0 1rem;
  position: relative;
}
.partners_form .select_multi select {
  display: none;
}
.select_link {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 1rem;
  border: 1px solid #d6d8dc;
  font-size: 16px;
  line-height: 56px;
  color: rgba(0, 0, 0, 0.4);
  background: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 50%;
  background-image: url(../img/select_pt.svg);
  background-size: 18px;
  border-radius: 6px;
  overflow: hidden;
  text-overflow: clip;
}
.select_link.selected {
  background-color: #eef4e8;
  border-color: #007332;
}
.select_link:empty::before {
  content: attr(data-name);
  display: inline-block;
}

.select_link.capitalize_me {
  text-transform: capitalize;
}

.ul_check {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 2;
}
.ul_check.show_me {
  display: block;
}
.ul_check ul {
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.ul_check li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ul_check a {
  display: block;
  width: 100%;
  position: relative;
  padding: 16px 1rem;
  color: rgba(0, 0, 0, 0.8);
}
.ul_check em {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 80%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 1rem;
  top: calc(50% - 12px);
}
.ul_check a.active {
  background-color: #eef4e8;
}
.ul_check a.active em {
  background-image: url(../img/checked_green_icon.svg);
}

.smart_search {
  display: block;
  width: 100%;
  padding: 8px;
}
.smart_search input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 1rem;
  border: 1px solid #d6d8dc;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-image: url("../img/icons/search_gray.svg");
  border-radius: 6px;
  transition: all 200ms ease;
}

.searching a {
  text-transform: capitalize;
}

.searching li.not {
  display: none;
}

.input_radio {
  margin: 0 0 1rem;
}
.input_radio .input {
  width: 100%;
}
.radio_tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  width: 100%;
}
.radio_tabs label {
  width: calc(50% - 5px);
  cursor: pointer;
  position: relative;
}
.radio_tabs input {
  display: none;
}
.radio_tabs span {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 0.2rem 0 2.8rem;
  border: 1px solid #d6d8dc;
  font-size: 14px;
  line-height: 56px;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background: transparent;
  border-radius: 6px;
  position: relative;
}
.radio_tabs input:checked + span {
  background-color: #def2bd;
}
.radio_tabs input:checked + span + em::before {
  opacity: 1;
}
.radio_tabs em {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: absolute;
  left: 12px;
  top: calc(50% - 12px);
}
.radio_tabs em::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #4c5a39;
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  border-radius: 50%;
  opacity: 0;
}

.last_buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.last_buttons .button {
  width: calc(50% - 15px);
}
.last_buttons .button button {
  display: block;
  width: 100%;
  height: 50px;
  color: #553d00;
  font-size: 16px;
  font-weight: 600;
  background-color: #fedd30;
  border: none;
  border-radius: 24px;
  cursor: pointer;
}
.upload_button {
  width: calc(50% - 15px);
}
.upload_button input {
  display: none;
}
.upload_button label {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  font-weight: 600;
  padding: 0 40px 0 8px;
  text-align: center;
  color: #4c5a39;
  background-color: #dcf4ba;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px);
  background-image: url(../img/upload_green_icon.svg);
  border-radius: 24px;
  cursor: pointer;
}
.upload_button.long {
  width: 100%;
}

.hidden_upload {
  display: none;
}
.hidden_upload.show_me {
  display: block;
}

.uploaded_image {
  overflow: hidden;
}
.uploaded_image ul {
  margin: 0;
  padding: 0;
}
.uploaded_image input {
  display: none;
}
.uploaded_image li {
  display: inline-block;
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 12px 12px 0;
  background-color: #fff;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
}
.uploaded_image li:first-child {
  margin-left: 0;
}

.uploaded_image li.preload::after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  border: 2px solid #007332;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: cssload-spin 1s infinite linear;
  animation: cssload-spin 1s infinite linear;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-duration: 0.6s;
  -webkit-transition: all 0.6s linear;
  -moz-animation-duration: 0.6s;
  -moz-transition: all 0.6s linear;
  animation-duration: 0.6s;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.uploaded_image li.preload div {
  opacity: 0;
}
.uploaded_image .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.uploaded_image .image img {
  max-width: 100%;
  max-height: 100px;
}
.uploaded_image .image.pdf {
  background-color: #d11516;
}
.uploaded_image .image.doc {
  background-color: #0067b3;
}
.uploaded_image .image.exel {
  background-color: #10783f;
}
.uploaded_image .image.pdf::before {
  content: "PDF";
  display: block;
  width: 100%;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 6px;
}
.uploaded_image .image.doc::before {
  content: "DOC";
  display: block;
  width: 100%;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 6px;
}
.uploaded_image .image.exel::before {
  content: "EXEL";
  display: block;
  width: 100%;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 6px;
}

.uploaded_image .func {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.uploaded_image .func a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 4px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18px !important;
  border-radius: 6px;
}
.uploaded_image .func a.edit {
  border: 1px solid #1d74f8;
  background-image: url(../img/edit_blue_icon.svg);
}
.uploaded_image .func a.remove {
  border: 1px solid #ee3737;
  background-image: url(../img/remove_red_icon.svg);
}

.radius_image {
  border-radius: 16px;
}
.alert {
  border-color: #f00 !important;
}

.success {
  min-height: 650px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: none;
}
.success .icone {
  padding: 160px 0 40px;
  text-align: center;
}
.success .icone::before {
  content: "";
  display: inline-block;
  width: 96px;
  height: 96px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../img/success_icon.svg);
  background-size: contain;
}
.success h3 {
  padding: 0 0 12px;
  font-size: 24px;
  line-height: 1.3;
}

.conditions_block {
  padding: 56px;
  background-color: #f9fafa;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(../img/conditions_bg.png);
  border-radius: 8px;
}

.lays_conditions .conditions_block {
  background-repeat: repeat-y;
  background-image: url(../img/lays_conditions_bg.png);
  background-size: contain;
}

.one_dot {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #007332;
  border-radius: 50%;
}

.full_link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.lottery_tabs {
  padding: 0 0 0px;
  font-size: 0;
  text-align: left;
}

.lottery_tabs a {
  display: inline-block;
  height: 72px;
  padding: 0 40px;
  margin: 0 0 0 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 72px;
  color: #272c38;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
  box-shadow: inset 0 0 0 1px #e4e4e4;
  border-radius: 36px;
}
/* .lottery_tabs a:last-child {
    	 margin: 0;
    } */
.lottery_tabs a.active {
  color: #007332;
  -webkit-box-shadow: inset 0 0 0 1px #007332;
  box-shadow: inset 0 0 0 1px #007332;
}

.migi_button {
  /*box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) !important;*/
  position: relative;
}
.migi_button::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #f00;
  position: absolute;
  left: 18px;
  top: calc(50% - 5px);
  border-radius: 50%;
  animation: migi 0.6s infinite linear;
}

.lottery_sections section {
  display: none;
}
.lottery_sections section.show_me {
  display: block;
}

.lottery_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 16px 16px;
}
.lottery_grid.one_grid {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  padding: 0 0 16px;
  text-align: center;
}
.lottery_grid.one_grid h3 {
  text-align: center;
}
.lottery_grid .date {
  padding: 12px 20px 0px;
}
.lottery_grid .date {
  font-size: 14px;
  font-weight: 500;
  color: #007332;
}
.lottery_grid .date time {
  font-weight: 400;
  color: #007332;
  opacity: 0.9;
}
.lottery_grid article {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #d6d8dc;
  box-shadow: inset 0 0 0 1px #d6d8dc;
  border-radius: 6px;
}
.lottery_grid .image {
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.lottery_grid .gift-image:hover {
  transform: scale(1.1) !important;
}

.lottery_grid .image.big {
  height: 560px;
}
.lottery_grid .image em {
  display: inline-block;
  display: none;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.33;
  color: #fff;
  font-style: normal;
  background-color: #858998;
  position: absolute;
  left: 8px;
  top: 8px;
  border-radius: 3px;
}
.lottery_grid img {
  max-width: 80%;
  max-height: 80%;
}
.lottery_grid .inner {
  padding: 12px 20px 20px;
}
.lottery_grid h3 {
  padding: 0 0 4px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #272c38;
}
.lottery_grid time {
  font-size: 16px;
  line-height: 1.5;
  color: #444750;
}

.winners_list {
  padding: 16px 0 0;
}
.winners_list h4 {
  padding: 0 0 8px;
  font-size: 16px;
  line-height: 1.5;
  color: #858998;
}
.winners_list ol {
  margin: 0;
  padding: 0;
  counter-reset: my-awesome-counter;
}
.winners_list li {
  display: block;
  margin: 0 0 0;
  padding: 0 0 0 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #272c38;
  position: relative;
  counter-increment: my-awesome-counter;
}
.winners_list li::before {
  content: counter(my-awesome-counter) ".";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

input[type="radio"][name="product-type"] {
  visibility: visible !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.lottery_wrapper {
  padding: 0 0 50px;
  background-color: #007332;
  background-repeat: no-repeat;
  background-position: 50% 32px;
  background-image: url(../img/lottery_bg.png);
  background-size: 100% auto;
}
.lottery_wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.lottery_header {
  padding: 50px 0 0;
  position: static !important;
}
.lottery_header .inner {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 20px;
}
.lottery_header h1 {
  padding: 0;
  font-weight: 800;
  font-size: 56px;
  line-height: 1.14;
  text-align: center;
  color: #ffdc32;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.lottery_header h2 {
  padding: 0 0 40px;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.14;
  text-align: center;
  color: #ffdc32;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.lottery_header .text {
  padding: 0 0 24px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
.lottery_header .text p {
  padding: 0 0 16px;
}
.lottery_header .image {
  text-align: center;
}
.lottery_header .image img {
  max-width: 100%;
}

.yelow_link {
  padding: 0 0 40px;
  text-align: center;
}
.yelow_link a {
  display: inline-block;
  height: 80px;
  padding: 0 70px;
  font-weight: 600;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  color: #755d1f;
  text-decoration: none;
  -webkit-filter: drop-shadow(0px 4px 0px #b79931);
  filter: drop-shadow(0px 4px 0px #b79931);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffdc32),
    color-stop(53.12%, #fce87e),
    to(#ffc632)
  );
  background: -webkit-linear-gradient(
    left,
    #ffdc32 0%,
    #fce87e 53.12%,
    #ffc632 100%
  );
  background: -o-linear-gradient(
    left,
    #ffdc32 0%,
    #fce87e 53.12%,
    #ffc632 100%
  );
  background: linear-gradient(90deg, #ffdc32 0%, #fce87e 53.12%, #ffc632 100%);
  border-radius: 40px;
  position: relative;
}
.yelow_link a::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: -webkit-radial-gradient(
      0% 50%,
      100% 7060.67%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  background: -o-radial-gradient(
      0% 50%,
      100% 7060.67%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  background: radial-gradient(
      100% 7060.67% at 0% 50%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  -webkit-box-shadow: 0px 4px 0px #b79931, 0px 4px 85px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 0px #b79931, 0px 4px 85px rgba(255, 255, 255, 0.5);
  position: absolute;
  left: -32px;
  top: calc(50% - 8px);
  border-radius: 50%;
}
.yelow_link a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: -webkit-radial-gradient(
      0% 50%,
      100% 7060.67%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  background: -o-radial-gradient(
      0% 50%,
      100% 7060.67%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  background: radial-gradient(
      100% 7060.67% at 0% 50%,
      #ffdc32 0%,
      #fce87e 53.12%,
      #ffc632 100%
    ),
    #c4c4c4;
  -webkit-box-shadow: 0px 4px 0px #b79931, 0px 4px 85px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 0px #b79931, 0px 4px 85px rgba(255, 255, 255, 0.5);
  position: absolute;
  right: -32px;
  top: calc(50% - 8px);
  border-radius: 50%;
}
.winners_block {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}
.winners_block::-webkit-scrollbar-button {
  background-image: url("");
  background-repeat: no-repeat;
  width: 4px;
  height: 0px;
}
.winners_block::-webkit-scrollbar-track {
  background-color: transparent;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.winners_block::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.winners_block::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.winners_block::-webkit-resizer {
  background-image: url("");
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}
.winners_block::-webkit-scrollbar {
  width: 4px;
}

.winners_block article {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}

.winners_block h3 {
  padding: 0 0 24px;
  font-size: 16px;
  line-height: 1.4;
}

.winners_block li {
  padding: 0 0 12px;
  margin: 0;
  list-style-type: none;
}

.winners_block dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 4px 4px;
  font-size: 14px;
}

.winners_block dt {
  padding: 0 0 8px;
  color: #000;
  font-weight: 500;
}

.winners_block dd {
  padding: 0 0 8px;
  color: #333;
}

.lottery_inner {
  margin: -55px 0 0;
  margin: 0 0 0;
  padding: 0 60px;
}
.lottery_inner > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  /*max-height: 80vh;
    overflow-y: auto;*/
  max-width: 1440px;
  padding: 0px 0px;
  margin: 0 auto;
}

.lottery_inner.show_all .l_side {
  width: calc(60% - 16px);
}
.lottery_inner.show_all .r_side {
  display: block;
}

.lottery_inner > div::-webkit-scrollbar-button {
  background-image: url("");
  background-repeat: no-repeat;
  width: 4px;
  height: 0px;
}
.lottery_inner > div::-webkit-scrollbar-track {
  background-color: transparent;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.lottery_inner > div::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.lottery_inner > div::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.lottery_inner > div::-webkit-resizer {
  background-image: url("");
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}
.lottery_inner > div::-webkit-scrollbar {
  width: 4px;
}

.lottery_inner .l_side {
  width: calc(60% - 16px);
  width: 100%;
  padding: 24px;
  background-color: #fff;
  border-radius: 24px;
}
.lottery_inner .r_side {
  width: calc(40% - 16px);
  display: none;
  position: sticky;
  top: 20px;
  padding: 24px;
  background-color: #fff;
  border-radius: 24px;
}
.lottery_inner h2 {
  padding: 0 0 40px;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
  color: #222;
}

.uni_table table {
  width: 100%;
  border: 2px solid #f1f2f3;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 16px;
}

.uni_table thead td {
  padding: 12px 40px;
  color: #fff;
  background-color: #007332;
}

.uni_table tbody tr:nth-child(2n-1) {
  background-color: #f1f2f3;
}

.uni_table td {
  padding: 4px 40px;
  font-size: 20px;
  line-height: 1.4;
  color: #222;
}

.lottery_finite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 0 50px;
  background: -webkit-radial-gradient(
    50% 50%,
    50% 50%,
    #227546 0%,
    #064622 100%
  );
  background: -o-radial-gradient(50% 50%, 50% 50%, #227546 0%, #064622 100%);
  background: radial-gradient(50% 50% at 50% 50%, #227546 0%, #064622 100%);
}
.lottery_finite > div {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
}

.winners_two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 12px 12px;
}

.winners_two.one {
  grid-template-columns: 1fr;
}
.winners_two.one .winner_item {
  margin: 0 auto;
}

.video_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.video_bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

video::-webkit-media-controls {
  display: none;
}

.winner_item {
  width: 418px;
  height: 562px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../img/winner_bg_new.png?v=2);
  background-size: 100%;
  position: relative;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
}
.winner_item h3 {
  height: 80px;
  width: 290px;
  margin: 195px auto 0;
  font-weight: bold;
  font-size: 27px;
  line-height: 1.25;
  text-align: center;
  color: #fff;
}
.winner_item .name {
  padding: 82px 0 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #222;
}
.winner_item .number {
  padding: 30px 0 0;
  font-weight: bold;
  font-size: 18px;
  font-size: 16px;
  line-height: 72px;
  text-align: center;
  color: #222;
  position: relative;
}
.winner_item .number span {
  display: inline-block;
  height: 72px;
  padding: 0 24px;
  white-space: nowrap;
  background-color: #ffcf72;
  box-shadow: inset 0 0 0 8px #f4ba49;
  border-radius: 36px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.max_50 {
  max-width: 50%;
  font-size: 1rem;
}

.main_nav a[target=_blank] {
  background-color: rgba(6,128,59,0.05);
  color: var(--category)!important;
  padding: 6px 12px;
  border-radius: 12px;
  box-shadow: 0 0 1px 1px currentColor;
}

.search_offer {
  visibility: hidden;
  width: 100%;
  height: auto;
  padding: 12px;
  background-color: rgba(255,255,255, .8);
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0, .2);
}
.search_offer.show_me {
  visibility: visible;
}
.search_offer p {
  padding: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.tags_list {
  font-size: 0;
}
.tags_list a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 6px 6px 0;
  font-size: 14px;
  color: var(--navbar);
  background-color: rgba(0, 0, 0, 0.025);
  background-color: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 1px 1px currentColor;
  transition: 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.tags_list a:hover {
  background-color: #fff;
  transform: translate(0, -2px);
}

.text_s {
  min-height: 140px;
  
}
.smart_s {
  transition: 0.25s cubic-bezier(0.37, 0, 0.63, 1);
}
.smart_s + .smart_s {
  transition-delay: 0.05s;

}
.smart_s.hide_me {
  opacity: 0;
  transform: translate(0, -10px);
}
.slider_dots {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  width: 50%;
  padding: 0 0 32px;
  text-align: center;

}
.slider_dots a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px;
  background-color: rgba(255,255,255, .3);
  border-radius: 50%;
  transition: 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.slider_dots a.active {
  background-color: rgba(255,255,255, .6);
}

.app_tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 0;
  width: 340px;
  /*width: 317px;*/

  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.app_tabs img {
  max-width: 89%;
  margin: 0 auto;
  transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.app_tabs::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-color: #c2e3da;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 24px;
  transform: scale(0.90);
  transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.app_tabs.right::before {
  left: 50%;
}
.app_tabs section {
  padding: 16px 16px 9px;
  border-radius: 24px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  position: relative;
  transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.app_tabs section.active {
}
.app_tabs section.unactive > * {
  /*filter: blur(5px);*/
  opacity: .7;
}
.app_tabs section.active h4 {
  color: #00722f ;
}
.app_tabs h4 {
  padding: 0 0 6px;
  font-size: 14px;
  color: #000;
  text-align: center;
  transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}

.app_links {
  transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.app_links a {
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 0.2rem;
  margin: 0 0 4px 0;
}

@keyframes _to_em {
  100% {
    top: 80%;
  }
}

.advantages_sides {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 0;
}
.advantages_sides img {
  max-width: 100%;
}
.advantages_list {
  padding: 0 60px 0 60px;
}
.advantages_list article {
  display: flex;
  align-items: center;
  margin: 0 0 32px;
  cursor: pointer;
  user-select: none;
}
.advantages_list article.active .icon {
  transform: scale(1.5);
}
.advantages_list article.active h3 {
  padding: 0 0 4px;
  font-size: 24px;
  font-weight: 600;
}
.advantages_list article.active p {
  display: block;
}
.advantages_list article.active em {
  display: block;
}
.advantages_list article.active em span {
  animation: _to_em 5s linear infinite;
}
.advantages_list em {
  display: block;
  display: none;
  width: 8px;
  height: 100%;
  background-color: #ffd600;
  position: absolute;
  left: 48px;
  top: 0;
}
.advantages_list em span {
  display: block;
  width: 100%;
  height: 20%;
  background-color: #00722f;
  position: absolute;
  left: 0;
  top: 0;
}
.advantages_list .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #dff5e9;
  border-radius: 50%;
}
.advantages_list .icon img {
  max-width: 70%;
  max-height: 70%;
}
.advantages_list .inner {
  width: calc(100% - 48px);
  padding: 0 0 0 80px;
  position: relative;
}
.advantages_list h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #00722f;
}
.advantages_list p {
  display: none;
  font-size: 16px;
  line-height: 1.33;
}

.mobile_image {
  display: none;
  padding: 20px 0 0;
}
.mobile_image img {
  width: 100%;
  height: 54vw;
  object-fit: contain;
}


@media only screen and (min-width: 240px) and (max-width: 1020px) {
  .lottery_tabs {
    text-align: center;
  }
  .migi_button::before {
    left: 28%;
  }
  .advantages_list {
    padding: 0 0 0 0px;
  }
  .advantages_sides {
    grid-template-columns: 1fr;
  }
  .advantages_sides .image {
    display: none;
  }
  .advantages_list .icon {
    width: 40px;
    height: 40px;
  }
  .advantages_list .inner {
    width: calc(100% - 40px);
    padding: 0 0 0 40px;
  }
  .advantages_list em {
    left: 20px;
    width: 4px;
  }
  .advantages_list article.active h3 {
    font-size: 20px;
  }
  .row.smart_row {
    margin: 0 ;
  }
}

@media only screen and (min-width: 240px) and (max-width: 575px) {
  .smart_row p {
    text-align: center;

  }
  .app_tabs {
    grid-template-columns: 1fr;
    width: 60%;
    overflow: visible;
    margin: 0 auto;
  }
  .app_tabs::before {
    width: 100%;
    left: 0 !important;
    transform: scale(1);
    
  }
  .app_tabs section {
    width: 100%;
  }
  .app_tabs section + section {
    display: none;
  }
  .app_tabs section * {
    opacity: 1 !important;
  }
  .bg_mobile_hide {
    background-image: none !important;
  }
  .mobile_image {
    display: block;
  }
  .slider_dots {
    display: none;
  }
}

.table_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.table_bg.show_me {
  opacity: 1;
  visibility: visible;
}

.table_modal {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  width: 800px;
  min-height: 1px;
  max-width: calc(100% - 64px);
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.table_modal.show_me {
  opacity: 1;
  visibility: visible;
}
.table_modal .close {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  position: absolute;
  right: -32px;
  top: -32px;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.table_modal .close::before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.table_modal .close::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}

.table_modal .table {
  overflow-x: auto;
}
.table_modal table {
  width: 100%;
  border: 2px solid #f1f2f3;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 16px;
}

.table_modal thead td {
  padding: 20px 40px;
  color: #fff;
  background-color: #007332;
}

.table_modal tbody tr:nth-child(2n-1) {
  background-color: #f1f2f3;
}

.table_modal td {
  padding: 12px 40px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #222;
}

.modal_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.modal_bg.show_me {
  opacity: 1;
  visibility: visible;
}

.loterry_modal {
  width: 1200px;
  min-height: 562px;
  max-width: calc(100% - 64px);
  background: radial-gradient(50% 50% at 50% 50%, #227546 0%, #064622 100%);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 8px white;
  border-radius: 24px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.loterry_modal.show_me {
  opacity: 1;
  visibility: visible;
}
.loterry_modal .close {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  position: absolute;
  right: -32px;
  top: -32px;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.loterry_modal .close::before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.loterry_modal .close::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}

.winners_grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}
.hide_video .video_bg {
  opacity: 0;
  visibility: hidden;
}
.hide_video .winner_item {
  opacity: 1 !important;
}

.pagination {
  padding: 0 0 50px;
  font-size: 0;
  text-align: center;
}
.pagination a {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #222;
  text-decoration: none;
  vertical-align: top;
  background-color: #fff;
  position: relative;
  box-shadow: inset 0 0 0 1px #c1c1c1;
  border-radius: 6px;
  transition: 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.pagination a:hover {
  color: #007332;
  box-shadow: inset 0 0 0 1px #007332;
}
.pagination a.active {
  color: #fff;
  background-color: #007332;
  box-shadow: inset 0 0 0 1px #007332;
}

.pagination a.arrow {
  box-shadow: inset 0 0 0 0 #c1c1c1 !important;
  background-color: #e9f2ed;
}
.pagination a.arrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  filter: invert(18%) sepia(79%) saturate(3378%) hue-rotate(146deg)
    brightness(90%) contrast(101%);
}
.pagination a.arrow.unactive {
  background-color: #eee;
}
.pagination a.arrow.unactive::before {
  filter: invert(68%) sepia(0%) saturate(0%) hue-rotate(161deg) brightness(88%)
    contrast(87%);
}
.pagination a.arrow.last::before {
  background-image: url(../img/last_icon.svg);
}
.pagination a.arrow.next::before {
  background-image: url(../img/next_icon.svg);
}
.pagination a.arrow.first::before {
  background-image: url(../img/first_icon.svg);
}
.pagination a.arrow.prev::before {
  background-image: url(../img/prev_icon.svg);
}

.winning_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 16px 16px;
  text-align: left;
}
.winning_grid article {
  padding: 24px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.winning_grid img {
  width: 100%;
}
.winning_grid h4 {
  font-size: 14px;
  font-weight: 500;
  color: #007332;
}
.winning_grid h4 time {
  font-weight: 400;
  opacity: 0.9;
}
.winning_grid h5 {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}

.scroll_link a {
  display: inline-block;
  height: 72px;
  padding: 0 40px;
  margin: 0 16px 0 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 72px;
  color: #272c38;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
  box-shadow: inset 0 0 0 1px #e4e4e4;
  border-radius: 36px;
}

.links_side {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: flex-start;
}

.sort_select select {
  display: block;
  width: auto;
  height: 58px;
  padding: 0 3rem 0 1rem;
  border: 1px solid #d6d8dc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
  background-image: url(../img/select_pt.svg);
  border-radius: 6px;
}

.satisfaction_header {
  padding: 0 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: static !important;
}
.satisfaction_header h1 {
  width: calc(45% - 24px);
  font-weight: 600;
  font-size: 36px;
  line-height: 1.33;
  color: #272c38;
}
.satisfaction_header p {
  width: calc(55% - 24px);
  font-size: 16px;
  line-height: 1.75;
  color: #444750;
}

.satisfaction_poll {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 16px 16px;
  padding: 0 0 16px;
}
.satisfaction_poll section {
  padding: 24px;
  -webkit-box-shadow: inset 0 0 0 1px #e1e1e1;
  box-shadow: inset 0 0 0 1px #e1e1e1;
  border-radius: 16px;
}
.satisfaction_poll h2 {
  padding: 0 0 22px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  color: #007332;
}

.poll_item {
  padding: 0 0 16px;
}
.poll_item h3 {
  padding: 0 0 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.54;
  color: #272c38;
}

.poll_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
}
.poll_line ul {
  padding: 0;
  margin: 0;
}
.poll_line li {
  display: inline-block;
  padding: 0;
  margin: 0 4px 0 0;
}
.poll_line a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: #f9f9f9;
  border-radius: 50%;
  -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.poll_line a.terrible::before {
  background-image: url(../img/terrible_icon.svg);
}
.poll_line a.bad::before {
  background-image: url(../img/bad_icon.svg);
}
.poll_line a.neutral::before {
  background-image: url(../img/neutral_icon.svg);
}
.poll_line a.good::before {
  background-image: url(../img/good_icon.svg);
}
.poll_line a.excellent::before {
  background-image: url(../img/excellent_icon.svg);
}
.poll_line a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.poll_line a.active {
  background: -webkit-radial-gradient(
    50% 50%,
    50% 50%,
    rgba(0, 115, 50, 0.48) 0%,
    #007332 100%
  );
  background: -o-radial-gradient(
    50% 50%,
    50% 50%,
    rgba(0, 115, 50, 0.48) 0%,
    #007332 100%
  );
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 115, 50, 0.48) 0%,
    #007332 100%
  );
}
.poll_line p {
  font-size: 13px;
  line-height: 1.54;
  text-align: right;
  color: #858998;
  -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.poll_line p.active {
  color: #007332;
}
.poll_line p.active span {
  display: none;
}
.poll_line p.active strong {
  display: inline-block;
}
.poll_line span {
  display: inline-block;
}
.poll_line strong {
  display: none;
  font-weight: 400;
}
.poll_line em {
  font-style: normal;
}

.poll_block {
  padding: 24px;
  background-color: #f2f2f2;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 0 1px #e1e1e1;
  box-shadow: inset 0 0 0 1px #e1e1e1;
}
.poll_block h2 {
  padding: 0 0 16px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  color: #007332;
}

.poll_form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 16px 16px;
}
.poll_form section {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.poll_form .input {
  padding: 0 0 16px;
}
.poll_form input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  font-family: "Poppins";
  background-color: #fff;
  border: 1px solid #e5e8ed;
  border-radius: 6px;
  -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.poll_form input::-webkit-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form input:-ms-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form input::-ms-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form input::placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form input:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
.poll_form textarea {
  display: block;
  width: 100%;
  height: 224px;
  padding: 12px 16px;
  font-size: 16px;
  font-family: "Poppins";
  background-color: #fff;
  border: 1px solid #e5e8ed;
  border-radius: 6px;
  resize: none;
  -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.poll_form textarea::-webkit-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form textarea:-ms-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form textarea::-ms-input-placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form textarea::placeholder {
  color: rgba(39, 44, 56, 0.3);
}
.poll_form textarea:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
.poll_form p {
  padding: 0 0 8px;
  font-size: 13px;
  line-height: 1.23;
  color: #858998;
}
.poll_form .button {
  padding: 0 0 16px;
}
.poll_form .button a,
.poll_form .button button {
  display: block;
  width: 100%;
  max-width: 240px;
  height: 54px;
  padding: 0 24px;
  margin: 0 auto;
  border: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 54px;
  text-align: center;
  color: #272c38;
  font-family: "Poppins";
  text-decoration: none;
  background-color: #ffdc32;
  border-radius: 32px;
  cursor: pointer;
  -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.main_staff {
  display: flex;
  justify-content: space-between;
  padding: 50px 80px;
  margin: 0 0 60px;
  background-color: #f0f3f8;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(../img/staff_bg.png);
  border-radius: 16px;
}
.main_staff .image {
  width: 340px;
}
.main_staff .image img {
  width: 100%;
}
.main_staff .inner {
  width: calc(100% - 400px);
  padding: 60px 0 0;
}

.main_staff .inner h2 {
  font-size: 26px !important;
}

.main_staff .inner p {
  font-size: 22px !important;
}

.banner_link {
  position: absolute;
  right: 70px;
  bottom: 32px;
  background-image: url(../img/download_catalog.gif);
  background-size: 100% 100%;
  border-radius: 10px;
  padding: 0;
}

.banner_link a {
  display: inline-block;
  padding: 16px 38px 16px 50px;
  font-size: 16px;
  font-weight: 500;
  color: #007332;
  /* background-color: #fff;
	background-image: url(../img/download_green_icon.gif); */
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 28px;
  border-radius: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.banner_link a:hover {
  transform: translate(0, -1px);
  /* box-shadow: 0 1px 6px 0 rgba(0,0,0, .2); */
}



#js-slider-10 .swiper-slide:last-child .lines_element {
  visibility: hidden !important;
}

.lines_element {
  display: flex;
  position: relative;
}
.lines_element::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #9ed286;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
}
.lines_element::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  position: absolute;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  box-shadow: inset 0 0 0 6px #ffda00;
  border-radius: 50%;
}

.grid_three {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 24px 24px;
}
.grid_three img {
  height: 320px;
  width: 100%;
  object-fit: cover;
  margin: 0 0 20px;
}
.only_mobile {
  display: block;
}

.menu-active .header_top {
  top: -74px !important;
}
.menu-active .header_top + main {
  transform: translate(0, 0);
}
.menu-active .header_top + main + .index_darkness + .index_modal + footer {
  transform: translate(0, 0);
}
.menu-active .app_modal.show_me {
  opacity: 0;
  visibility: hidden;
  top: 0px;
}

.header_top {
  top: 76px !important;
}
.header_top + main {
  margin-top: 76px;
}
.header_top + section {
  margin-top: 76px;
}

.index .header_top + main {
  margin-top: -66px !important;
}

.app_modal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 0px);
  /*max-width: 400px;*/
  padding: 8px 20px;
  background-color: var(--home_frame);
  position: fixed;
  left: 50%;
  top: 0px;
  transform: translate(-50%, 0%);
  border-radius: 0px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: all 0s cubic-bezier(0.52, 0.01, 0.16, 1);
  z-index: 214748;
}
.app_modal.show_me {
  opacity: 1;
  visibility: visible;
  top: 0px;
}
.app_modal .r_side {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  width: calc(100% - 36px);
}
.app_modal .close {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}
.app_modal .close::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.app_modal .close::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}
.app_modal .single_logo {
  width: 60px;
  height: 60px;
}
.app_modal .single_logo span {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #007332;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../img/logo-facade.svg?v=4);
  background-size: 80%;
  border-radius: 12px;
}
.app_modal h3 {
  width: calc(100% - 180px);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.29;
  color: #000;
}
.app_modal .link a {
  display: inline-block;
  height: 36px;
  padding: 0 15px;
  font-weight: 600;
  font-size: 13px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #007332;
  border-radius: 71px;
}

.with_stars {
  position: relative;
  overflow: hidden;
}

@media (max-width: 992px) {

  .grid_three {
    grid-template-columns: 1fr;
  }
  .grid_three img {
    height: auto;
  }
  .mobile_140_r {
    width: calc(100% - 140px);
  }
}
.only_mobile_lottery{
  display: none;
}
@media (max-width: 991px) {
  /*.only_mobile {*/
  /*  display: none;*/
  /*}*/
  .only_mobile_lottery{
    display: block;
  }
  .app_tabs{
    width: 300px;
  }
}

@media (min-width: 992px) {
  .only_mobile {
    display: none;
  }

}


@media (min-width: 641px) and (max-width: 1200px) {
  .grid_three {
    grid-template-columns: 1fr 1fr;
  }
  .grid_three img {
    height: 32vw;
  }
  .main_staff {
    flex-direction: column;
    max-width: 500px;
  }
  .main_staff .image {
    width: 100% !important;
  }
  .main_staff .inner {
    width: 100%;
    padding: 60px 0 0;
  }
}

@media (min-width: 240px) and (max-width: 640px) {
  .banner_link {
    right: 15px;
    bottom: 15px;
  }
  .banner_link a {
    font-size: 14px;
    padding: 12px 25px 14px 40px;
    background-size: 24px;
  }
  .main_staff {
    width: 80% !important;
  }

  .main_staff .inner h2 {
    font-size: 20px !important;
  }

  .main_staff .inner p {
    font-size: 16px !important;
  }
}

.staff_grid {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center;
  align-items: center; */
}
.staff_article {
  width: calc(20% - 20px);
  margin: 0 10px 30px;
}

.banner_sides {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 60px 0 0;
}
.banner_sides .inner {
  width: calc(35% - 24px);
}
.banner_sides .image {
  width: 65%;
  margin: 0 50px 0 -50px;
}

.banner_sides img {
  width: 100%;
  height: 400px;
}

.hamburger {
  position: relative;
  right: -26px;
}

.index_darkness {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.index_darkness.show_me {
  opacity: 1;
  visibility: visible;
}

.index_modal {
  width: 430px;
  max-width: calc(100% - 32px);
  padding: 16px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.index_modal.show_me {
  opacity: 1;
  visibility: visible;
}
.index_modal .image {
  margin: 0 0 20px;
}
.index_modal img {
  width: 100%;
  border-radius: 12px;
}
.index_modal h3 {
  padding: 0 0 8px;
  font-size: 24px;
  line-height: 1.5;
  color: #272c38;
}
.index_modal p {
  padding: 0 0 48px;
  font-size: 14px;
  line-height: 1.5;
  color: #444750;
}
.index_modal .link {
  text-align: center;
}
.index_modal .link a {
  display: inline-block;
  padding: 14px 64px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  background-color: #ffdc32;
  border-radius: 100px;
  transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.index_modal .link a:hover {
  opacity: 0.8;
}
.index_modal .close {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #272c38;
  border-radius: 50%;
  position: absolute;
  right: 12px;
  top: 12px;
}
.index_modal .close::before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.index_modal .close::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}

/* Banner begin */

.wrap {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.single_banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 100500px;
  height: 710px;
  padding: 0 0 0 60px;
  position: relative;
  background: radial-gradient(
    68.6% 237.11% at 26.55% 50%,
    #6ebb6b 0%,
    #279422 100%
  );
  border-radius: 20px;
}
.single_banner.show_me .coins_wrap {
  opacity: 1;
  transform: rotate(0deg) scale(1);
  transition: 4.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner.show_me .coins_grid {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.single_banner.show_me .smart_item li {
  opacity: 1;
  transform: translate(0%, 0);
  clip-path: circle(70.7% at 50% 50%);
  transition: 2.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner.show_me .main_image {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition: 2.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner.show_me .app_link {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition: 2.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner.show_me h2 {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition: 2.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner h2 {
  padding: 0 0 24px;
  font-size: 36px;
  line-height: 1.33;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  transform: translate(0, 40%);
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.single_banner .inner {
  width: calc(100% - 900px);
}

.stores_links {
  display: flex;
}

.app_link {
  margin: 0 20px 0 0;
  opacity: 0;
  transform: translate(50%, 0%);
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.15s;
}
.app_link + .app_link {
  transition-delay: 0.3s;
}
.app_link + .app_link + .app_link {
  transition-delay: 0.45s;
}
.app_link a {
  margin: 0 !important;
  box-shadow: 0 0 0 1px #fff;
}
.main_image {
  opacity: 0;
  transform: scale(0.8) translate(0, 10%);
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.main_image img {
  width: 640px;
}

.smart_item {
  width: 640px;
  height: 640px;
  font-size: 0;
  position: relative;
}
.smart_item ul {
  width: 480px;
  height: 100%;
  margin: 155px 0 0;
  position: absolute;
  left: -230px;
  top: -50px;
  text-align: center;
}
.smart_item ul img {
  height: 110px;
}
.smart_item li {
  margin: -22px 0 0;
  opacity: 0;
  transform: translate(30%, 400px);
  clip-path: circle(0% at 100% 100%);
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.15s;
}
.smart_item li + li {
  transform: translate(30%, 290px);
  transition-delay: 0.3s;
}
.smart_item li + li + li {
  transform: translate(30%, 180px);
  transition-delay: 0.45s;
}
.smart_item li + li + li + li {
  transform: translate(30%, 70px);
  transition-delay: 0.6s;
}
.smart_item li + li + li + li + li {
  transform: translate(30%, -40px);
  transition-delay: 0.75s;
}

.coins_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0.8) rotate(135deg);
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.coins_grid {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.coins_grid img {
  width: 120px;
}

@keyframes rotate_me {
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.coin {
  position: absolute;
  left: 0;
  top: 0;
}

.coin_1 {
  left: 64%;
  top: 18%;
  transform: matrix(1, 0, 0, 1, 0, 0);
  animation: opa_one 5s linear infinite;
}

.coin_2 {
  left: 21%;
  top: 7%;
  transform: matrix(1, 0, 0, 1, 0, 0);
  animation: opa_two 5.5s linear infinite;
}
.coin_2 img {
  width: 90px;
}

.coin_3 {
  left: 50%;
  top: 75%;
  transform: matrix(1, 0, 0, 1, 0, 0);
  animation: opa_thr 4.5s linear infinite;
}

.coin_4 {
  left: 80%;
  top: 45%;
  transform: matrix(1, 0, 0, 1, 0, 0);
  animation: opa_fou 6s linear infinite;
}
.coin_4 img {
  width: 90px;
}

#js-office-wrapper {
  /*width: 100%;*/
}

@keyframes opa_one {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    transform: matrix(0.98, -0.19, 0.19, 0.98, 0, 30);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@keyframes opa_two {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    transform: matrix(0.99, 0.12, -0.12, 0.99, 0, 21);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes opa_thr {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    transform: matrix(0.99, -0.14, 0.14, 0.99, 0, -15);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes opa_fou {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  50% {
    transform: matrix(0.99, 0.16, -0.16, 0.99, 0, -19);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@media (min-width: 240px) and (max-width: 479px) {
  .single_banner {
    padding: 40px 20px 40px 20px;
  }
  .single_banner .inner {
    width: 100%;
  }
  .single_banner h2 {
    font-size: 24px;
  }
  .smart_item {
    margin: -100px auto 0;
    -webkit-transform: scale(0.5) translate(-25%, 10px);
    transform: scale(0.5) translate(-25%, 10px);
  }
  .stores_links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    bottom: 20px;
  }
  .app_link {
    margin: 0 12px 12px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .single_banner {
    padding: 40px 20px 40px 20px;
  }
  .single_banner .inner {
    width: 100%;
  }
  .single_banner h2 {
    font-size: 27px;
  }
  .smart_item {
    margin: -100px auto 0;
    -webkit-transform: scale(0.7) translate(5%, 10px);
    transform: scale(0.7) translate(5%, 10px);
  }
  .stores_links {
    position: absolute;
    bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .single_banner {
    padding: 40px 20px 40px 20px;
  }
  .single_banner .inner {
    width: 100%;
  }
  .smart_item {
    margin: -100px auto 0;
    -webkit-transform: scale(0.9) translate(20%, 10px);
    transform: scale(0.9) translate(20%, 10px);
  }
  .stores_links {
    position: absolute;
    bottom: 20px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .single_banner {
    padding: 0 0 0 30px;
  }
  .single_banner .inner {
    width: calc(100% - 640px);
  }
  .smart_item {
    margin: 0 auto;
    -webkit-transform: scale(0.8) translate(20%, 10px);
    transform: scale(0.8) translate(20%, 10px);
  }
  .stores_links {
    display: block;
  }
  .app_link {
    margin: 0 0 12px;
  }
}

/* Banner begin */

#js-header {
  /* position: relative; */
  z-index: 2;
}

.captcha {
  font-style: 0;
  padding: 0 0 16px;
}

.index_video video {
  display: block;
  width: 100%;
}

video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none !important;
}
video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none !important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none !important;
}

video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none !important;
}
video {
  pointer-events: none !important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}

video::-webkit-media-controls {
  display: none !important;
}

*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

html[lang="ru"] .compact_ru .col-5 {
  flex: 0 0 26.66667%;
  max-width: 26.66667%;
}
html[lang="ru"] .compact_ru .col-10 {
  flex: 0 0 73.33333%;
  max-width: 73.33333%;
}

@keyframes migi {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 240px) and (max-width: 640px) {
  .main_staff {
    display: block;
    padding: 32px;
  }
  .main_staff .image {
    width: 100%;
  }
  .main_staff .inner {
    width: 100%;
    padding: 24px 0 0;
  }
  .staff_article {
    width: calc(50% - 20px);
  }

  .satisfaction_header {
    flex-direction: column;
    padding: 0 0 20px;
  }
  .satisfaction_header h1 {
    width: 100%;
    padding: 0 0 12px;
    font-size: 30px;
  }
  .satisfaction_header p {
    width: 100%;
  }
  .satisfaction_poll {
    grid-template-columns: 1fr;
  }
  .satisfaction_poll h2 {
    font-size: 20px;
  }
  .poll_block h2 {
    font-style: 20px;
  }
  .poll_form {
    grid-template-columns: 1fr;
  }

  .conditions_block {
    padding: 20px;
  }
  .winning_grid {
    grid-template-columns: 1fr;
  }
  .lottery_header h1 {
    font-size: 32px;
  }
  .lottery_header h2 {
    font-size: 21px;
  }
  .lottery_header .text {
    font-size: 16px;
  }
  .lottery_header .inner {
    padding: 0 15px;
  }
  .yelow_link a {
    height: 48px;
    line-height: 48px;
  }
  .lottery_inner {
    padding: 0 15px;
  }

  .max-width-160 {
    width: 160vw !important;
  }
  .swiper-container-thumbs .obj-cover {
    height: 18vw;
  }
  .mobile_img {
    display: block;
  }
  .mobile_yellow {
    /* background-color: #ffdd50 !important; */
    background-color: #ffdd00 !important;
  }
  .no_mobile_bg {
    background-image: none !important;
    height: auto !important;
  }
  .mobile_ver {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 12px 12px;
  }
  .mobile_ver a {
    width: 100% !important;
    margin: 0 0 0;
  }
  .lottery_tabs {
    padding: 12px 0 20px;
  }
  .lottery_tabs a {
    height: 40px;
    padding: 0 32px;
    line-height: 40px;
    font-size: 14px;
  }
  .lottery_grid {
    grid-template-columns: 1fr;
  }
  .scroll_link a {
    height: 40px;
    padding: 0 32px;
    line-height: 40px;
    font-size: 14px;
    color: #007332;
    width: 100%;
    box-shadow: inset 0 0 0 1px #007332;
  }
  .links_side {
    display: block;
    padding: 12px 0 0;
    padding: 0;
  }
  .lottery_tabs {
    padding: 0;
  }
  .lays_conditions {
    margin-top: 150px !important;
  }
  .lays_conditions {
    margin-top: 125px !important;
  }
  .lays-video-block {
    margin-top: 30px !important;
  }
  .lays-video-block video {
    width: 100%; 
  }
  .index_video {
    /* margin: 0 0 0 !important; */
  }
  .mobile_100 {
    width: 100%;
    height: auto;
  }
  .banner_sides .inner {
    width: 100%;
    margin-bottom: 20px;
  }
  .banner_sides .image {
    width: 100%;
    padding: 24px 0 0;
    margin: 0;
  }

  .banner_sides .image img {
    height: 200px;
  }
}

@media (min-width: 641px) and (max-width: 800px) {
  .mobile_img {
    display: block;
  }
  .no_mobile_bg {
    background-image: none !important;
    height: auto !important;
  }

}
@media (min-width: 641px) and (max-width: 990px) {
  .satisfaction_header {
    flex-direction: column;
    padding: 0 0 20px;
  }
  .satisfaction_header h1 {
    width: 100%;
    padding: 0 0 12px;
    font-size: 32px;
  }
  .satisfaction_header p {
    width: 100%;
  }
  .satisfaction_poll {
    grid-template-columns: 1fr;
  }
  .satisfaction_poll h2 {
    font-size: 20px;
  }
  .poll_form {
    grid-template-columns: 1fr;
  }

  .conditions_block {
    padding: 20px;
  }
  .winning_grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 991px) {
  .pos-sticky {
    position: unset;
  }
  #js-slider-5,
  #js-slider-3,
  #js-slider-4,
  #js-slider-6 {
    margin-right: -15px;
    overflow: hidden;
  }
  #js-slider-6 {
    min-height: 300px;
  }
}
#js-filter-menu {
  z-index: 1002 !important;
}
.overlay {
  z-index: 1001 !important;
}
.custom-container {
  max-width: 1568px;
  margin: 0 auto;
  padding: 0 64px;
}
.app-main {
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
.recipe-item {
  margin-bottom: 16px;
}

.recipe-item:after {
  content: "";
  display: block;
  clear: both;
}
.recipe-item .bg-white.fw-400 {
  max-width: 50%;
}
@media (max-width: 1440px) {
  .custom-container.offers-slider {
    padding-right: 0;
  }
  .input_radio {
    display: block;
  }
  .input_radio .input {
    width: 100%;
    margin: 0 0 1rem;
  }
  .radio_tabs {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .custom-container {
    padding: 0 16px;
  }
  .contacts.custom-container {
    padding: 0;
  }
  .custom-container.offers-slider {
    padding-right: 16px;
  }
  .partners_form {
    display: block;
  }
  .partners_form .side {
    width: 100%;
  }
  .input_radio {
    display: block;
  }
  .input_radio .input {
    width: 100%;
    margin: 0 0 1rem;
  }
  .radio_tabs {
    width: 100%;
  }
}

@media (max-width: 1280px) {
  .partners_form {
    display: block;
  }
  .partners_form .side {
    width: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .partners_form .side {
    width: calc(50% - 10px);
  }
  .upload_button {
    width: calc(50% - 5px);
  }
  .last_buttons .button {
    width: calc(50% - 5px);
  }
  .upload_button label {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  .products .col-xl-4,
  .more-products .col-xl-4 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .yellow-banner {
    max-width: 1440px;
    max-width: 1920px;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

.horizontal-shake {
  animation: horizontal-shaking 15s infinite;
}

.text-blink-animation {
  animation: text-blink 2.5s linear infinite;
}

@keyframes text-blink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes horizontal-shaking {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 240px) and (max-width: 880px) {
  .lottery_tabs a {
    margin: 5px 0;
    width: 100%;
  }

  .lottery_tabs a:first-child {
    margin-top: 5px;
  }

  .links_side {
    width: 100%;
  }
}

@media only screen and (min-width: 240px) and (max-width: 880px) {
  .max_50 {
    max-width: 100%;
  }
  .discount-banner {
    max-width: 95% !important;
  }
  .obj-contain {
    /* object-fit: fill;
    height: 200px; */
    object-fit: contain;
    height: 100px;
    max-width: 120px;
    object-position: right center;
    margin: 15px !important;
    /* background: #dcf4ba; */
  }
  .obj-contain.mobile_full {
    height: auto;
    max-width: calc(100% - 30px);
  }

  .header-banner {
    object-fit: contain !important;
    /* height: 300px; */
    object-position: center;
  }
  .table_modal {
    width: 90%;
    max-width: 400px;
    min-width: 270px;
    border-radius: 5px;
  }

  .table_modal .table {
    overflow-x: hidden;
  }
  .table_modal table {
    width: 100%;
    border: 1px solid #f1f2f3;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 5px;
  }

  .table_modal thead td {
    padding: 3px;
    color: #fff;
    background-color: #007332;
  }

  .table_modal td {
    padding: 3px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #222;
  }

  .table_modal .close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    position: absolute;
    right: 45%;
    top: 105%;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
  .table_modal .close::before {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
  .table_modal .close::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }

  .sides_new {
    text-align: center !important;
  }

  .yellow-btn1 {
    width: 100% !important;
    /* background-color: rgb(38, 255, 0); */
    margin-bottom: 40px;
    position: relative;
  }

  .yellow-btn1:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background: green;
    top: 100%;
    left: 25%;
    margin-top: 20px;
  }

  .yellow-btn1 a {
    display: block;
    width: 100% !important;
    background-color: red;
    padding-left: 2px;
  }

  .yellow-btn1 a span {
    font-size: 14px;
  }
}

:root {
  --main-color: #ecf0f1;
  --point-color: #555;
  --size: 5px;
}

.loader {
  background-color: blue;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 100000;
}

.loader__element {
  border-radius: 100%;
  border: var(--size) solid var(--point-color);
  margin: calc(var(--size) * 2);
}

.loader__element:nth-child(1) {
  animation: preloader 0.6s ease-in-out alternate infinite;
}
.loader__element:nth-child(2) {
  animation: preloader 0.6s ease-in-out alternate 0.2s infinite;
}

.loader__element:nth-child(3) {
  animation: preloader 0.6s ease-in-out alternate 0.4s infinite;
}

@keyframes preloader {
  100% {
    transform: scale(2);
  }
}

.rotate-image {
  animation: rotateY-image 8s infinite;
}

@keyframes rotateY-image {
  0% {
    rotate: y 0deg;
  }
  25% {
    rotate: y 0deg;
    scale: 0.9;
  }
  50% {
    rotate: y 0deg;
  }
  75% {
    rotate: y 0deg;
  }
  100% {
    rotate: y 360deg;
  }
}

.discount-journal {
  position: relative;
}

.discount-journal::before {
  content: "";
  background-image: url("https://oba.az/site/assets/files/1170/web.png?nc=10");
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.2;
}

/* -------Məmnuniyyət səhifəsi ------- */

.alternating-colors {
  padding-left: 50px;
  counter-reset: item;
  list-style-type: none;
}
.alternating-colors li {
  color: #4f4f4f;
  padding-left: 20px;
  margin-top: 24px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  display: block;
  transition: 0.2s;
}
.alternating-colors li::before {
  content: counter(item) "  ";
  counter-increment: item;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  border: 3px solid #ddd;
  position: absolute;
  top: -4px;
  left: -32px;
  text-align: center;
  padding-top: 10px;
}

.alternating-colors li:hover {
  margin-left: 3px;
  color: #363535;
  font-weight: 700;
}

.alternating-colors li:nth-child(odd):before {
  border-color: #165e16;
}
.alternating-colors li:nth-child(even):before {
  border-color: #fed000;
}

/* -------Məmnuniyyət səhifəsi ------- */

@import url("./my_CSS.css");



.lays-video-block {
  text-align: right;
}

.lays-video-block video {
  width: 75%; border-radius: 30px;
}

@media (max-width: 680px) {
  .lays-video-block {
    text-align: center;
  }

  .lays-video-block video {
    width: 100%;
  }
}