/* variables */
.transitions { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.flex-between, #header, #header #nav .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.wrapper { width: 100%; max-width: 1180px; padding: 0 1rem; margin: 0 auto; min-width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.padding-tb { padding: 5rem 0; }

@media only screen and (min-width: 700px) { .padding-tb { padding: 8rem 0; } }

.holder-w700 { max-width: 70rem; }

.col3 { font-size: 0; text-align: left; }

.col3 li { vertical-align: top; font-size: 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 3rem; }

.col3 li:last-child { margin: 0; }

@media only screen and (min-width: 700px) { .col3 li { margin: 0; padding: 0 3.5rem 0 0; display: inline-block; width: 33.333%; }
  .col3 li:last-child { padding: 0; } }

@media only screen and (min-width: 940px) { .col3 li:last-child { padding-right: 3.5rem; } }

.tick-list .icon-tick { min-width: 3rem; width: 3rem; height: 2.76rem; }

.tick-list p { margin: 0 0 0 4%; }

.tick-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 3rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tick-list li:last-child { margin: 0; }

/*mixins*/
body { -webkit-text-size-adjust: 100%; }

input[type=submit], input[type=text], input[type=password], input[type=file], textarea { -webkit-appearance: none; }

textarea, input[type=submit], input[type=text] { -webkit-border-radius: 0; }

input[type="image"] { padding: 0; border: none; }

img { vertical-align: top; border: none; }

form, fieldset { margin: 0; padding: 0; border-style: none; }

input, textarea, select { vertical-align: middle; color: #000; }

label { vertical-align: middle; }

input:focus { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

figure { margin: 1em 40px; }

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

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

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

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

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

[hidden] { display: none; }

template { display: none; }

abbr[title] { border-bottom: 1px dotted; }

b { font-weight: bold; }

strong { font-weight: bold; }

dfn { font-style: italic; }

img { border: 0; border: none; max-width: 100%; }

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

small { font-size: 80%; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

pre { overflow: auto; font-size: 1em; }

code { font-size: 1em; }

kbd { font-size: 1em; }

samp { font-size: 1em; }

@font-face { font-family: 'Rotonda Bold'; src: url("../fonts/RotondaBold.eot"); src: url("../fonts/RotondaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RotondaBold.woff2") format("woff2"), url("../fonts/RotondaBold.woff") format("woff"), url("../fonts/RotondaBold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }

html { font-size: 62.5%; height: 100%; }

html input[type="button"] { cursor: pointer; }

html input[disabled] { cursor: default; }

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

body { font-family: "Roboto", Verdana, Arial, sans-serif; font-size: 1.8rem; line-height: 1.25; margin: 0; color: #000; min-width: 320px; background: #ffffff; height: 100%; overflow: auto; }

a { color: #fff; text-decoration: none; }

a:active { outline: 0; }

a:hover { outline: 0; text-decoration: none; }

strong { font-family: "Rotonda Bold", Verdana, Arial, sans-serif; }

ul { list-style: none; padding: 0; margin: 0; }

h1, h2, h3 { margin: 0; font-family: "Roboto", Verdana, Arial, sans-serif; font-weight: 500; color: #000; font-size: 3.6rem; line-height: 1.4; text-align: center; }

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) { h1, h2, h3 { font-size: 3rem; } }

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { h1, h2, h3 { font-size: 2.5rem; } }

@media only screen and (max-width: 440px), only screen and (max-device-width: 440px) { h1, h2, h3 { font-size: 1.8rem; } }

h2 { font-size: 3.6rem; margin: 0 0 3rem; font-weight: 500; text-align: left; }

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) { h2 { font-size: 3rem; } }

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { h2 { font-size: 2.5rem; } }

@media only screen and (max-width: 440px), only screen and (max-device-width: 440px) { h2 { font-size: 1.8rem; } }

h3 { font-size: 2rem; }

@media only screen and (min-width: 700px) { h3 { font-size: 3rem; } }

p { margin: 0 0 1.6rem; }

strong { font-family: "Rotonda Bold", Verdana, Arial, sans-serif; }

.ico-svg { fill: currentColor; }

input[type='text'] { width: 100%; border: 1px solid #9B9B9B; outline: none; border-radius: 5px; padding: 1.5rem 1.6rem; font-size: 1.6rem; }

input[type='text']:focus { border: 1px solid #4ED60E; }

.pagePopup, .fancybox-slide .fancybox-content { display: none; background: #fff; padding: 5.5rem 2rem; max-width: 48rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; }

.pagePopup .popup-content, .fancybox-slide .fancybox-content .popup-content { max-width: 35rem; margin: 0 auto; text-align: center; }

.pagePopup .popup-content .img-popup, .fancybox-slide .fancybox-content .popup-content .img-popup { width: 6.9rem; height: 5.6rem; margin: 0 0 2rem; }

.pagePopup .popup-content .popup-heading, .fancybox-slide .fancybox-content .popup-content .popup-heading { font-weight: bold; font-size: 2.2rem; color: #060606; margin: 0 0 1.1rem; }

.pagePopup .popup-content .popup-text, .fancybox-slide .fancybox-content .popup-content .popup-text { margin: 0 0 2.5rem; }

.pagePopup .popup-content .img-qr5proc, .fancybox-slide .fancybox-content .popup-content .img-qr5proc { width: 22rem; height: 22rem; margin: 0 0 3.5rem; }

.pagePopup .popup-content .popup-red, .fancybox-slide .fancybox-content .popup-content .popup-red { color: #FF0000; }

.pagePopup .popup-content .btn-popup .btn, .fancybox-slide .fancybox-content .popup-content .btn-popup .btn { margin: 0 auto; }

.pagePopup .popup-content .btn, .fancybox-slide .fancybox-content .popup-content .btn { font-size: 16px !important; line-height: 46px !important; width: 18.3rem !important; height: 54px !important; }

.pagePopup .popup-content .popup-small-text, .fancybox-slide .fancybox-content .popup-content .popup-small-text { margin: 3rem 0 0; font-size: 1.2rem; line-height: 1.3; color: #646354; }

.pagePopup .popup-content .btn-dis, .fancybox-slide .fancybox-content .popup-content .btn-dis { margin: 2rem 0 0; }

.pagePopup .popup-content .btn-dis .btn, .fancybox-slide .fancybox-content .popup-content .btn-dis .btn { background: #EAEAEA; -webkit-box-shadow: 0px 10px 20px #E4E4E4; box-shadow: 0px 10px 20px #E4E4E4; }

.pagePopup .popup-content .btn-dis .btn:after, .fancybox-slide .fancybox-content .popup-content .btn-dis .btn:after { background: -webkit-gradient(linear, left top, left bottom, from(#8E8E8E), to(#EAEAEA)); background: -webkit-linear-gradient(top, #8E8E8E 0%, #EAEAEA 100%); background: -o-linear-gradient(top, #8E8E8E 0%, #EAEAEA 100%); background: linear-gradient(180deg, #8E8E8E 0%, #EAEAEA 100%); }

.pagePopup .popup-content .btn-dis .btn:before, .fancybox-slide .fancybox-content .popup-content .btn-dis .btn:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 243, 243, 0.85)), color-stop(94.27%, rgba(211, 211, 211, 0))); background: -webkit-linear-gradient(top, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); background: -o-linear-gradient(top, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); background: linear-gradient(180deg, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); }

.pagePopup .popup-content .btn-dis .btn:hover, .fancybox-slide .fancybox-content .popup-content .btn-dis .btn:hover { background: #20D204; -webkit-box-shadow: 0px 10px 20px #E4E4E4; box-shadow: 0px 10px 20px #E4E4E4; }

.pagePopup .popup-content .btn-dis .btn:hover:after, .fancybox-slide .fancybox-content .popup-content .btn-dis .btn:hover:after { background: -webkit-gradient(linear, left top, left bottom, from(#008A71), to(#26FF02)); background: -webkit-linear-gradient(top, #008A71 0%, #26FF02 100%); background: -o-linear-gradient(top, #008A71 0%, #26FF02 100%); background: linear-gradient(180deg, #008A71 0%, #26FF02 100%); }

@media only screen and (max-width: 440px), only screen and (max-device-width: 440px) { .pagePopup, .fancybox-slide .fancybox-content { font-size: 1.8rem; } }

.btn { cursor: pointer; display: block; font-size: 16px; line-height: 46px; width: 18.3rem; height: 54px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; font-family: "Rotonda Bold", Verdana, Arial, sans-serif; letter-spacing: 2px; background: #20D204; z-index: 100; border: 5px solid #fff; border-radius: 54px; -webkit-box-shadow: 0px 10px 20px #E4E4E4; box-shadow: 0px 10px 20px #E4E4E4; color: #fff; }

.btn:before { content: ''; position: absolute; top: 0.6rem; left: 9px; width: 89%; height: 50%; border-radius: 54px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(223, 255, 253, 0.85)), color-stop(94.27%, rgba(208, 255, 252, 0))); background: -webkit-linear-gradient(top, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); background: -o-linear-gradient(top, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); background: linear-gradient(180deg, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); }

.btn:after { z-index: -1; content: ''; position: absolute; top: 0.3rem; left: 3px; width: 96%; height: 90%; border-radius: 54px; background: -webkit-gradient(linear, left top, left bottom, from(#008A71), to(#26FF02)); background: -webkit-linear-gradient(top, #008A71 0%, #26FF02 100%); background: -o-linear-gradient(top, #008A71 0%, #26FF02 100%); background: linear-gradient(180deg, #008A71 0%, #26FF02 100%); }

.btn:hover { background: #7AC1FF; -webkit-box-shadow: 0px 10px 20px #70C8E3; box-shadow: 0px 10px 20px #70C8E3; }

.btn:hover:after { background: -webkit-gradient(linear, left top, left bottom, from(#0057A4), to(#7AC1FF)); background: -webkit-linear-gradient(top, #0057A4 0%, #7AC1FF 100%); background: -o-linear-gradient(top, #0057A4 0%, #7AC1FF 100%); background: linear-gradient(180deg, #0057A4 0%, #7AC1FF 100%); }

.btn:disabled, .btn[disabled] { cursor: default; background: #EAEAEA; -webkit-box-shadow: 0px 10px 20px #E4E4E4; box-shadow: 0px 10px 20px #E4E4E4; }

.btn:disabled:after, .btn[disabled]:after { background: -webkit-gradient(linear, left top, left bottom, from(#8E8E8E), to(#EAEAEA)); background: -webkit-linear-gradient(top, #8E8E8E 0%, #EAEAEA 100%); background: -o-linear-gradient(top, #8E8E8E 0%, #EAEAEA 100%); background: linear-gradient(180deg, #8E8E8E 0%, #EAEAEA 100%); }

.btn:disabled:before, .btn[disabled]:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 243, 243, 0.85)), color-stop(94.27%, rgba(211, 211, 211, 0))); background: -webkit-linear-gradient(top, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); background: -o-linear-gradient(top, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); background: linear-gradient(180deg, rgba(243, 243, 243, 0.85) 0%, rgba(211, 211, 211, 0) 94.27%); }

@media only screen and (max-width: 570px), only screen and (max-device-width: 570px) { .btn { width: 12rem; height: 3.9rem; font-size: 1.4rem; line-height: 3.1rem; }
  .btn:before { top: 0.5rem; left: 8px; width: 87%; } }

.wrapper-full { padding: 8.5rem 0 0; position: relative; background: -webkit-linear-gradient(269.28deg, #5FB3FF 1.56%, #F5FDFF 111.93%); background: -o-linear-gradient(269.28deg, #5FB3FF 1.56%, #F5FDFF 111.93%); background: linear-gradient(180.72deg, #5FB3FF 1.56%, #F5FDFF 111.93%); min-height: 100%; 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; }

.wrapper-full .start-rules { margin: 0; position: absolute; bottom: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 1.2rem; color: #646354; }

.wrapper-full .start-rules a { color: #646354; text-decoration: underline; }

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) { .wrapper-full { padding: 0; } }

.none { display: none; }

.game-section { padding: 0 0 8rem; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; }

.webp .game-section { background-image: url(../images/webp/background.webp); }

.no-webp .game-section { background-image: url(../images/background.png); }

@media only screen and (max-width: 840px), only screen and (max-device-width: 540px) { .game-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4rem 0; background-position: center bottom; }
  .webp .game-section { background-image: url(../images/webp/bg_mob.webp); }
  .no-webp .game-section { background-image: url(../images/bg_mob.png); } }

.wrapper-content { width: 100%; max-width: 81.5rem; background-color: #fff; -webkit-box-shadow: 0px 37px 43px -25px rgba(0, 138, 242, 0.5); box-shadow: 0px 37px 43px -25px rgba(0, 138, 242, 0.5); margin: 0 auto; }

.wrapper-content .wrapper-holder { padding: 15rem 2rem; width: 100%; max-width: 64rem; margin: 0 auto; }

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) { .wrapper-content .wrapper-holder { padding: 8rem 2rem; } }

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) { .wrapper-content { max-width: 100%; width: 95%; } }

@media only screen and (max-width: 470px), only screen and (max-device-width: 470px) { .wrapper-content .wrapper-holder { padding: 4rem 2rem; } }

.error-name, .error-name-length { color: red; font-size: 1.4rem; line-height: 1.1; margin: 0 0 1rem; }

#email-error, #phone-error, #personal-error { color: red; font-size: 1rem; line-height: 1.1; display: inline-block; width: 100%; text-align: left; margin: 1rem 0 0; }

/* Header
-----------------------------------------------------------------------------*/
#header { margin: 2rem 5rem 4rem; }

#header .logo .logo__image { width: 6.4rem; height: 3.2rem; }

#header #nav { width: 50%; max-width: 56rem; }

#header #nav .nav__list { width: 100%; max-width: 56rem; }

#header .want-course { color: #6144C1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#header .want-course .want-course__image { margin-left: 2rem; width: 2rem; height: 3rem; display: inline-block; }

.circle { pointer-events: none; position: absolute; width: 50px; height: 50px; border-radius: 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: white; -webkit-transition: background-color ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; transition: background-color ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; -o-transition: transform ease-in-out 0.3s, background-color ease-in-out 0.3s; transition: transform ease-in-out 0.3s, background-color ease-in-out 0.3s; transition: transform ease-in-out 0.3s, background-color ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; mix-blend-mode: difference; z-index: 9999; }

.moving { -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); }

.hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: red; }

.start-page { width: 100%; max-width: 86.2rem; margin: 0 auto; text-align: center; position: relative; }

.start-page .arrows { width: 1.9rem; height: 1.9rem; }

.start-page .title_img { margin: 0 0 3rem; }

.start-page .text-control { width: 100%; max-width: 53rem; margin: 0 auto 3rem; font-weight: 500; line-height: 1.5; }

.start-page .btn_start { width: 28rem; height: 8.4rem; margin: 0 auto 4rem; font-size: 3rem; line-height: 8.4rem; -webkit-box-shadow: 0px 10px 20px #70C8E3; box-shadow: 0px 10px 20px #70C8E3; }

.start-page .btn_start:before { content: ''; position: absolute; top: 1.2rem; left: 18px; width: 87%; height: 50%; border-radius: 54px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(223, 255, 253, 0.85)), color-stop(94.27%, rgba(208, 255, 252, 0))); background: -webkit-linear-gradient(top, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); background: -o-linear-gradient(top, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); background: linear-gradient(180deg, rgba(223, 255, 253, 0.85) 0%, rgba(208, 255, 252, 0) 94.27%); }

.start-page .btn_start:after { z-index: -1; content: ''; position: absolute; top: 0.5rem; left: 6px; width: 96%; height: 90%; border-radius: 54px; background: -webkit-gradient(linear, left top, left bottom, from(#008A71), to(#20D204)); background: -webkit-linear-gradient(top, #008A71 0%, #20D204 100%); background: -o-linear-gradient(top, #008A71 0%, #20D204 100%); background: linear-gradient(180deg, #008A71 0%, #20D204 100%); }

.start-page .btn_start:hover:after { background: -webkit-gradient(linear, left top, left bottom, from(#0057A4), to(#7AC1FF)); background: -webkit-linear-gradient(top, #0057A4 0%, #7AC1FF 100%); background: -o-linear-gradient(top, #0057A4 0%, #7AC1FF 100%); background: linear-gradient(180deg, #0057A4 0%, #7AC1FF 100%); }

.start-page .text-description { width: 100%; max-width: 38rem; margin: 0 auto; font-size: 1.4rem; line-height: 1.6; }

@media only screen and (max-width: 840px), only screen and (max-device-width: 540px) { .start-page .title_img { width: 90%; } }

@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) { .start-page .title_img { width: 80%; }
  .start-page .text-control, .start-page .text-description { width: 100%; padding: 0 4rem; }
  .start-page .btn_start { width: 20rem; height: 6rem; font-size: 2.2rem; line-height: 6rem; }
  .start-page .btn_start:before { top: 0.9rem; left: 15px; width: 87%; height: 50%; } }

#name-block { position: relative; }

#name-block #form-name { width: 100%; max-width: 47rem; }

#name-block #form-name .input-text { margin-bottom: 3rem; }

#name-block #form-name .form-name-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#name-block #form-name .form-name-buttons .btn_next { margin: 0 2.5rem 0 0; }

#name-block #form-name .form-name-buttons .skip-name { color: #9B9B9B; opacity: 0.5; }

@media only screen and (max-width: 570px), only screen and (max-device-width: 570px) { #name-block #form-name .form-name-buttons .skip-name { font-size: 1.3rem; } }

#name-block .read-rules { font-size: 1.4rem; position: absolute; bottom: -7rem; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }

#name-block .read-rules a { color: #000; text-decoration: underline; }

#questions-block .wrapper-holder { padding: 9rem 2rem; }

#questions-block .wrapper-holder .question { margin: 0 0 5rem; }

#questions-block .wrapper-holder .question h2 { margin: 0 0 4rem; }

#questions-block .wrapper-holder .question .question-wrap { margin: 0 0 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; padding: 0 0 0 4.4rem; }

#questions-block .wrapper-holder .question .question-wrap label { cursor: pointer; }

#questions-block .wrapper-holder .question .question-wrap input { position: absolute; opacity: 0; cursor: pointer; }

#questions-block .wrapper-holder .question .question-wrap input:checked ~ .checkmark { background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.9%, #59E717), color-stop(66.28%, #42C604)); background: -webkit-linear-gradient(top, #59E717 -10.9%, #42C604 66.28%); background: -o-linear-gradient(top, #59E717 -10.9%, #42C604 66.28%); background: linear-gradient(180deg, #59E717 -10.9%, #42C604 66.28%); }

#questions-block .wrapper-holder .question .question-wrap input:checked ~ .checkmark:after { display: block; }

#questions-block .wrapper-holder .question .question-wrap input:checked + span { color: #000; }

#questions-block .wrapper-holder .question .question-wrap input:not(checked) + span { color: #9B9B9B; }

#questions-block .wrapper-holder .question .question-wrap .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background: #C4C4C4; border-radius: 50%; }

#questions-block .wrapper-holder .question .question-wrap .checkmark:before { content: ""; position: absolute; display: block; top: 4px; left: 4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }

#questions-block .wrapper-holder .question .question-wrap .checkmark:after { content: ""; position: absolute; display: none; top: 6px; left: 6px; width: 10px; height: 10px; border-radius: 50%; background: -webkit-linear-gradient(67.99deg, #04801F 13.96%, #11AD33 85.62%); background: -o-linear-gradient(67.99deg, #04801F 13.96%, #11AD33 85.62%); background: linear-gradient(22.01deg, #04801F 13.96%, #11AD33 85.62%); }

#questions-block .wrapper-holder .question-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#questions-block .wrapper-holder .question-controls .number-question { color: #04801F; margin: 0 2rem; }

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { #questions-block .wrapper-holder { padding: 5rem 2rem; }
  #questions-block .wrapper-holder .question .question-wrap { font-size: 1.4rem; } }

@media only screen and (max-width: 470px), only screen and (max-device-width: 470px) { #questions-block { position: relative; }
  #questions-block .wrapper-holder .question-controls .number-question { position: absolute; top: 2rem; left: 2rem; margin: 0; }
  #questions-block .wrapper-holder .question { margin-bottom: 3rem; }
  #questions-block .wrapper-holder .question h2 { margin-bottom: 2rem; } }

#final-window { position: relative; }

#final-window .final-text-top { width: 100%; max-width: 51rem; margin: 0 auto; }

#final-window .final-text-top .text-res { background: -webkit-linear-gradient(86.95deg, #04801F 13.96%, #11AD33 85.62%); background: -o-linear-gradient(86.95deg, #04801F 13.96%, #11AD33 85.62%); background: linear-gradient(3.05deg, #04801F 13.96%, #11AD33 85.62%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; }

#final-window .final-text-top .img_res { margin: 1rem 0; width: 8.2rem; height: 8.2rem; }

#final-window .final-text-top h1 { margin-bottom: 1.5rem; }

#final-window .final-text-top .after-h1 { margin: 0 0 4rem; }

#final-window .discount-5proc { border: 1px dashed #14C936; border-radius: 14px; padding: 3rem 2rem; font-size: 1.4rem; margin: 0 0 4rem; }

#final-window .discount-5proc .proc5-heading { font-weight: bold; margin-bottom: 0.5rem; }

#final-window .discount-5proc .proc5-text { margin: 0 0 1.5rem; }

#final-window .proc15-form-holder { width: 100%; max-width: 65.5rem; margin: 0 auto; font-size: 1.4rem; }

#final-window .proc15-form-holder p { margin-bottom: 2rem; }

#final-window .proc15-form-holder #form-15proc .inputs-holder, #final-window .proc15-form-holder #form-15proc .checkboxes-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-text, #final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-text, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox { width: 50%; margin: 0 0 1.5rem; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-text:first-child, #final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox:first-child, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-text:first-child, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox:first-child { margin-right: 2rem; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox { position: relative; text-align: left; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox input, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox input { visibility: hidden; width: 18px; height: 18px; opacity: 0; position: absolute; left: 0; top: 50%; margin: 0; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox input:checked + label:after, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox input:checked + label:after { display: block; border-color: #fff; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox label, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox label { cursor: pointer; font-size: 11px; line-height: 1.5; display: block; padding: 0 0 0 25px; text-transform: none; position: relative; color: #9B9B9B; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox label:before, #final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox label:after, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox label:before, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox label:after { position: absolute; left: 0; top: 0; content: ''; border: 0; width: 14px; height: 14px; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(67.99deg, #04801F 13.96%, #11AD33 85.62%); background: -o-linear-gradient(67.99deg, #04801F 13.96%, #11AD33 85.62%); background: linear-gradient(22.01deg, #04801F 13.96%, #11AD33 85.62%); border-radius: 3px; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox label:after, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox label:after { position: absolute; left: 5px; top: 1px; width: 5px; height: 9px; border: solid transparent; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; z-index: 2; background: transparent; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox input, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox input:checked + label:after, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox input:checked + label:after { display: block; border-color: #fff; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox .hollow, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox .hollow { background: #fff; border: 1px solid #FF5A00; }

#final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox a, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox a { color: inherit; text-decoration: underline; }

#final-window .proc15-form-holder .btn_15proc { margin-bottom: 3rem; }

#final-window .proc15-form-holder .text-bookmark { font-size: 1.2rem; color: #646354; }

#final-window .proc15-form-holder .link-read-rules { font-size: 1.2rem; color: #646354; text-decoration: underline; }

#final-window .btn { width: 30.8rem; margin: 0 auto; }

#final-window .btn:before { top: 0.6rem; left: 10px; width: 93%; }

#final-window .btn:after { top: 0.3rem; left: 3px; width: 98%; }

#final-window .wrapper-holder { max-width: 69rem; padding: 7rem 2rem; text-align: center; }

@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px) { #final-window { margin-bottom: -15rem; } }

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { #final-window .final-text-top .after-h1 { font-size: 1.4rem; }
  #final-window .wrapper-holder { padding: 4rem 2rem; }
  #final-window .btn { width: 215px; font-size: 1.4rem; letter-spacing: 1px; }
  #final-window .btn:before { left: 10px; width: 91%; }
  #final-window .proc15-form-holder #form-15proc .inputs-holder, #final-window .proc15-form-holder #form-15proc .checkboxes-holder { display: block; }
  #final-window .proc15-form-holder #form-15proc .inputs-holder .input-text, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-text { width: 100%; }
  #final-window .proc15-form-holder #form-15proc .inputs-holder .input-checkbox, #final-window .proc15-form-holder #form-15proc .checkboxes-holder .input-checkbox { width: 100%; } }

/* Footer
-----------------------------------------------------------------------------*/
#footer { width: 100%; }

#footer .bg-footer { padding-top: 16.5%; background-size: cover; background-repeat: no-repeat; background-position: center bottom; }

.webp #footer .bg-footer { background-image: url(../images/webp/bg_shop.webp); }

.no-webp #footer .bg-footer { background-image: url(../images/bg_shop.png); }

@media only screen and (max-width: 930px), only screen and (max-device-width: 930px) { #footer .bg-footer { padding: 0; height: 235px; } }

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) { #footer .bg-footer { background-size: 150%; } }

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { #footer .bg-footer { background-size: 190%; } }

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) { #footer .bg-footer { background-size: 220%; } }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease,visibility 0s ease .25s; -o-transition: opacity .25s ease,visibility 0s ease .25s; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s; -o-transition: opacity .25s ease 0s,visibility 0s ease 0s; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity,-webkit-transform; -webkit-transition-property: opacity,-webkit-transform; -o-transition-property: transform,opacity; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image:before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity,-webkit-transform; -webkit-transition-property: opacity,-webkit-transform; -o-transition-property: transform,opacity; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable=true] { cursor: text; }

.fancybox-image { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 1; }

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; color: #ccc; }

.fancybox-button:link, .fancybox-button:visited { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled] { color: #888; cursor: default; outline: none; }

.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; }

.fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0; text-align: center; z-index: 99996; }

.fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; }

.fancybox-caption a { color: #ccc; text-decoration: none; }

.fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

.fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes a { to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes a { to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); }

.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }

@media (max-height: 576px) { .fancybox-caption { padding: 12px; }
  .fancybox-slide { padding-left: 6px; padding-right: 6px; }
  .fancybox-slide--image { padding: 6px 0; }
  .fancybox-close-small { right: -6px; }
  .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } }

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; }

.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus:before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; }

@media (max-width: 576px) { .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/*# sourceMappingURL=../maps/style.css.map */