body {background: #F8FDFF; font-family: 'Montserrat', sans-serif; color: #16445F; font-size: 16px; position: relative;}
footer {background: #5375A1; box-sizing: content-box; padding: 50px 0; color: #fff;}
header {overflow: hidden; background-image: url('./images/header_bgr.svg'); background-repeat: no-repeat; background-position: bottom; background-size: cover; padding: 20px 0 0px; margin-bottom: 70px;}
header.adaptive {margin-bottom: 30px; background: linear-gradient(5.78deg, rgba(56, 241, 230, 0) 25.82%, #5BBDF3 82.31%);}
header.adaptive .content .bgr {padding-top: 50px;}
header.adaptive .content {text-align: center; padding-top: 0; margin: 0 -50px; min-height: 550px; background: url('./images/adaptive/header_bgr.svg') no-repeat; background-position: top 25% center; background-size: auto;}
header.adaptive .menu {padding-bottom: 0;}
header.adaptive .text .wrapper {padding: 30px 0;}

main .about, main .mistake {margin-bottom: 100px;}

a {text-decoration: none; color: #16445F;}
a:hover {text-decoration: none; color: #16445F;}

h1, h2, h3, h4, h5, h6 {font-family: 'MuseoSansCyrl', Helvetica, Arial, sans-serif;}
h1 {font-size: 50px; line-height: 50px; font-weight: bold; padding-bottom: 1px;}
h2 {font-size: 38px; line-height: 28px; font-weight: bold; padding-bottom: 10px;}
h3 {font-size: 30px; line-height: 28px; font-weight: 500; padding-bottom: 10px; color: #000;}
h4 {font-size: 22px; line-height: 28px; font-weight: 500; padding-bottom: 10px;}
h1 span.min {font-size: 31px;    display: block;}

.col-sm-2, .col-xs-2 {flex: 0 0 16.67%; max-width: 16.67%;}
.col-sm-6, .col-xs-6 {flex: 0 0 50%; max-width: 50%;}
.col-sm-4, .col-xs-4 {flex: 0 0 33.33%; max-width: 33.33%;}
.col-sm-8, .col-xs-8 {flex: 0 0 66.67%; max-width: 66.67%;}
p, div {word-break: keep-all;}

.qr-box ul, .card ul {position: relative;}
.qr-box ul li:before, .card ul li:before {content: "\2013"; left: 5px; position: absolute;}
.row.accordion .card {display: flex; flex-grow: 1; width: 100%;}
.dwnld {border: 1px solid #fff; min-height: 50px; display: flex; align-items: center; justify-content: flex-start; padding: 0 14px; border-radius: 40px; background: linear-gradient(90deg, #24C6DC -14.87%, #3C84BB 35.41%, #514A9D 113.85%); width: 90%; margin: 0 auto 10px; color: #fff;}
.dwnld .img-cell {padding-right: 10px;}
.dwnld .img-cell img {max-width: unset; width: 30px;}

img {max-width: 100%;}
.about .card {position: relative;}
button {background: linear-gradient(90deg, #FFE259 0%, #FFA751 100%); border: none; border-radius: 12px; padding: 10px 50px;}
button:focus {outline: none;}
button.btn-link, button.btn-link:focus, button.btn-link:active, button.btn-link:hover {padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 16px; color: #3D4A5B; text-align: left; background: none; border: 0; box-shadow: none; text-decoration: none; outline: none; position: relative;}

.card-header {padding-top: 7px; transition: 0.2s ease-in-out;}
.card-header:before, .card-header:after {content: ''; position: absolute; top: 18px; width: 3px; height: 25px;}
.card-header:before {left: 40px; border-left: 3px solid #5375A2;}
.card-header:after {left: 40px; border-right: 3px solid #5375A2; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.btn-link:hover:before, .btn-link:hover:after {  }

.card-header.minus:before {border-left: none; transition: 0.2s ease-in-out;}

.accordion {max-width: 990px; margin: auto;}
.accordion .arrow {position: absolute; width: 14px; height: 8px; right: 30px; top: 30px;}
.accordion .arrow.down {background: url('./images/add/arrow-down-201fadcd2f0017137ed0fc7cc9475262.png') no-repeat center;}
.accordion .arrow.up {background: url('./images/add/arrow-up-449d7d0274c16df2498cca4aadcb466a.png') no-repeat center;}

.accordion .card {box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.12); margin-bottom: 20px; padding-left: 60px; min-height: 60px; display: flex; justify-content: center;}
.accordion .card-header {background: #fff; border: 0;}
.accordion .card-body {padding-top: 0;}
.accordion>.card:not(:last-of-type), .accordion>.card:not(:first-of-type) {border-radius: 24px;}

header .menu {padding-bottom: 50px;}
header .menu .logo img {max-width: 280px;}
header .menu .links {flex-direction: row; display: flex; justify-content: space-evenly; padding: 16px 0;}
.social {flex-direction: row; display: flex; justify-content: flex-end; align-items: center; padding: 0 25px;}
.social div:nth-of-type(1) {padding-right: 20px;}
.social img {width: 42px;}
header .menu .links .menu-item {font-size: 18px; line-height: 24px;}
header .content {padding-top: 20px;}
header .content .text {padding-top: 10px;}
header .content .text .qr-box {    max-width: 470px;background: linear-gradient(90deg, #514A9D 5%, #3C84BB 80%, #24C6DC 160%); border-radius: 20px; 
            display: inline-block; padding: 15px; color: #fff; margin-top: 5px;}
header .content .text .qr-box .devices {padding-left: 60px;}
header .content .text .qr-box .row {margin: 0;}
header .content .text .qr-box .row:nth-of-type(1) div {display: inline-block;}
header .content .text .qr-box .row div:nth-of-type(1) {display: inline-block;}
header .content .text .qr-box .row:nth-of-type(1) div:nth-of-type(2) {max-width: 400px; padding-left: 65px;}

.mistake  img {max-height: 300px;}
.qr-box .row:nth-of-type(1) {padding-bottom: 8px; flex-flow: nowrap;}
.qr-box .devices {opacity: 0.5;}
.qr-box .devices img {padding: 0 5px;}
header .content .img {position: relative;}
header .content .img .img-box {position: absolute; right: -4vw; top: 0; height: 100%; display: flex; align-items: center; max-width: 560px}

header.adaptive {display: flex; justify-content: center;}

main .about {
	background-image: url('./images/present.svg'), url('./images/hand.svg'), url('./images/about-bgr.svg');
	background-position: left top 61%, right top 63%, center center;
	background-repeat: no-repeat;
  xbackground-size: 9vw, 10vw, auto 100%;
}
main .about .main-block .row .left div {text-align: right;}
main .about .main-block .row .right div {text-align: left;}
main .about .main-block .row .center {align-items: center; display: flex;}
main .about .main-block .row .center img {max-width: 100%;max-height: 600px;}
main .about .main-block div.block {margin-bottom: 20px;}
main .about .main-block div.block .number {font-family: 'MuseoSansCyrl', Helvetica, Arial, sans-serif; color: #fff; padding: 22px 35px; font-size: 50px; font-weight: lighter;}
main .about .main-block .left div.block:nth-of-type(1) {background: url('./images/add/circle1.svg'); background-position: top right; background-repeat: no-repeat;}
main .about .main-block .left div.block:nth-of-type(2) {background: url('./images/add/circle3.svg'); background-position: top 5px right 6px; background-repeat: no-repeat;}
main .about .main-block .right div.block:nth-of-type(1) {background: url('./images/add/circle2.svg'); background-position: top 10px left; background-repeat: no-repeat;}
main .about .main-block .right div.block:nth-of-type(2) {background: url('./images/add/circle4.svg'); background-position: top 10px left 5px; background-repeat: no-repeat;}

.about .about__button {position: absolute !important;top:0;left:0;width:100%;height: 65px;z-index: 9999;}
.about .about__span {font-size: 12px;padding: 0;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #3D4A5B;text-align: left;background: none;border: 0;box-shadow: none;text-decoration: none;outline: none;position: relative;line-height: 1.5;}

.adaptive button {font-size: 12px;}
.adaptive .accordion .card {min-height: 65px; margin-bottom: 12px;}
.adaptive .card-header:before, .adaptive .card-header:after {height: 28px;}
.adaptive button.btn-link, .adaptive button.btn-link:focus, .adaptive button.btn-link:active, .adaptive button.btn-link:hover {font-size: 12px;}

.about.adaptive {
  background-image: url('./images/adaptive/present-86a580803bf3aefcd7ca5eeb80f36ca9.png'), url('./images/hand.svg'), url('./images/adaptive/about_bgr-54da92ce34d4cbd527421208cfca6a97.png');
  background-position: left top 50%, bottom right, top 15% center;
  background-size: auto, auto, 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

main .about.adaptive {margin-bottom: 60px;}
.about.adaptive .wrapper {text-align: center;}
.about.adaptive .accordion .card {background: #fff no-repeat; background-size: auto 67px; padding: 0 45px;}
.about.adaptive .accordion .card .card-header:before {position: absolute; border-left: 0; left: 12px; top: 14px; font-size: 26px; font-family: 'MuseoSansCyrl'; color: #fff;}
.about.adaptive .accordion .card .card-header:after {position: absolute; content: ""; border-right: 0; transform: none; -webkit-transform: none; left: unset; right: 35px;}
.about.adaptive .accordion .card:nth-of-type(1) {background-image: url('./images/adaptive/vector.svg');}
.about.adaptive .accordion .card:nth-of-type(2) {background-image: url('./images/adaptive/vector-1.svg');}
.about.adaptive .accordion .card:nth-of-type(3) {background-image: url('./images/adaptive/vector-2.svg');}
.about.adaptive .accordion .card:nth-of-type(4) {background-image: url('./images/adaptive/vector-3.svg');}
.about.adaptive .accordion .card:nth-of-type(5) {background-image: url('./images/adaptive/vector-4.svg');}
.about.adaptive .accordion .card:nth-of-type(1) .card-header:before {content: "1";}
.about.adaptive .accordion .card:nth-of-type(2) .card-header:before {content: "2";}
.about.adaptive .accordion .card:nth-of-type(3) .card-header:before {content: "3";}
.about.adaptive .accordion .card:nth-of-type(4) .card-header:before {content: "4";}
.about.adaptive .accordion .card:nth-of-type(5) .card-header:before {content: "5";}
.about.adaptive .accordion .card img {width: auto; padding-left: 5px;}

.mistake .main-block .bgr {position: relative;}
.mistake .main-block .bgr1:before {position: absolute; content: ""; background: url('./images/add/circle5.svg'); background-repeat: no-repeat; background-size: cover; width: 150px; height: 150px; top: -50px; left: -50px; z-index: -1;}
.mistake .main-block .bgr2:before {position: absolute; content: ""; background: url('./images/add/circle6.svg'); background-repeat: no-repeat; background-size: cover; width: 110px; height: 130px; top: -40px; left: -40px; z-index: -1;}


.isbetter .main-block .wrapper {background: #fff; border-radius: 12px; padding: 30px; text-align: center; margin-bottom: 30px;}
.isbetter .main-block .wrapper div {word-break: break-word;}
.isbetter .main-block .wrapper .text-wrap .text {margin-top: 15px; text-align: left;    font-size: 14px;}
.isbetter .main-block .wrapper .img-cell {padding-bottom: 20px;}
.isbetter .main-block .row div[class^=col-md] {display: flex;}
.isbetter.adaptive .main-block .row div[class^=col-md] {display: block;}
.isbetter.adaptive .flexslider .slide {padding: 0;}
.isbetter.adaptive .flexslider .slides > li {padding-bottom: 0;}
.isbetter  img {max-height: 100px}


.save {background: url('./images/save_bgr.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.save .row.column {flex-wrap: nowrap;}
.qr-box {position: relative; background: linear-gradient(90deg, #24C6DC 0%, #514A9D 100%); border-radius: 20px; display: inline-block; padding: 25px; color: #fff;}
.qr-box button {position: absolute; content: ""; left: 0; bottom: -25px;}

button.save_promo_btn{}
button.save_promo_btn span{
  font-size: 20px;
  font-weight: 700;
  color:black
}

.qr img {max-width: 1000%}
.save.adaptive {background: url('./images/adaptive/save_bgr.svg'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto;}
.save.adaptive .img-cell img {width: 100%;}
.save.adaptive .qr-box .wrapper {width: 100%; height: 25px; position: relative;}
.save.adaptive .qr-box button, .join.adaptive .qr-box button {position: unset; height: 50px;}
.save.adaptive .qr-box #countdown {margin-bottom: 0;}
.save.adaptive .timer {text-align: center;}

.join .row.column {flex-wrap: nowrap;}
.join .numbers {margin-bottom: 100px;}
.join .numbers div:nth-of-type(1) {background-image: url('./images/add/circle7.svg');}
.join .numbers div:nth-of-type(2) {background-image: url('./images/add/circle8.svg');}
.join .numbers div:nth-of-type(3) {background-image: url('./images/add/circle9.svg');}
.join .numbers div {padding: 20px 40px; background-repeat: no-repeat; background-position: top left;}
.join .numbers span {font-size: 50px; line-height: 50px;}

.join.adaptive {background: linear-gradient(0deg, rgba(192,244,242,1) 0%, rgba(248,253,255,1) 50%);}
.join.adaptive .main-block .row {flex-direction: row;}
.join.adaptive .main-block .row .col-sm-6.col-xs-6 {width: 50%;}
.join.adaptive .numbers span {font-size: 30px;}
.join.adaptive .numbers div {padding: 10px 0 10px 40px; background-size: 50%;}
.join.adaptive .img-cell {width: calc(100% + 30px); margin-left: -30px; height: 100%; display: flex; background: url('./images/adaptive/screen-join-aaa22c2a1c06f3f37b9e4fde9b87fbbf.png') no-repeat top; background-size: contain;}
/*.join.adaptive .img-cell img {width: 100%;}*/
.join.adaptive .numbers {margin-bottom: 0;}

.faq .top{height: 150px; background: url('./images/faq_bgr_top-de37cb182ab6a8f9571fa7cb723fa589.png') no-repeat; background-size: cover; background-position: top center;}
.faq .mid{background-color:#89d6f8 ;background: url('./images/faq_bgr1.svg') no-repeat, url('./images/faq_bgr_mid-7a397542f6ea1d472e98dfaa284973bc.png') no-repeat; xbackground-size: 40%, 100% 100%; background-position: right 20% top 30%;}
.faq .btm{height: 150px; background: url('./images/faq_bgr_btm-ff5fca608f9f7c6ef12e94e7d3cb24db.png') no-repeat; background-size: cover; background-position: bottom center;}

.reviews {overflow: hidden;}
.flexslider {margin: 0!important;}
.flexslider .slide {    max-width: 870px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 4px 60px rgba(0, 58, 71, 0.12);
    border-radius: 24px;
    padding: 22px 33px 22px}
.flexslider .slide .img {padding-right: 0;}
.flexslider .slide .tx {padding-left: 0;}
.flexslider .slide .img .wrapper {width: 135px; height: 135px; border-radius: 50%; overflow: hidden;}
.flexslider .slide .img img {max-width: unset; object-fit: cover; width: 100%; height: 100%;}
.flexslider .slide p.inf {font-size: 14px; color: #A0ADBE;}
.flexslider .slide p.text {margin-bottom: 5px;}
.flexslider .slide .rating {display: flex; align-items: flex-end; justify-content: flex-end;}
.flexslider .slide .rating .wrapper {padding-bottom: 30px;}
.flexslider .slide .rating p.inf {color: #3C495B; font-weight: 600;}
.flexslider .slide .rating p.inf span {font-size: 16px; font-weight: 800; position: relative; padding-left: 50px;}
.flexslider .slide .rating p.inf span:before {position: absolute; content: ""; background: url('./images/add/star.svg'); width: 65px; height: 65px; left: -5px; top: -18px;}
.flexslider .slides > li {padding: 50px 0;}
.flex-control-paging li a {background: #1bb6dc80!important; -webkit-box-shadow: unset!important; box-shadow: unset!important;}
.flex-control-paging li a.flex-active {background: #1BB6DC!important;}
.flex-control-nav {bottom: 0!important;}

.reviews .flex-direction-nav a.flex-next:before, .isbetter .flex-direction-nav a.flex-next:before {content: url('./images/add/arrow-right.svg');}
.reviews .flex-direction-nav a:before, .isbetter .flex-direction-nav a:before {content: url('./images/add/arrow-left.svg');}
.reviews .flex-direction-nav a, .isbetter .flex-direction-nav a {height: 60px;}
.reviews .slide .usr_rating {padding-top: 20px; border-top: solid 1px #E5EDF1;}
.reviews .slide .usr_rating .wrapper {display: flex; flex-direction: row;}
.reviews .slide .usr_rating .wrapper span {font-size: 14px; font-weight: 700;}
.reviews .slide .player .wrapper {background: #FFFFFF; border: 1px solid #C1D0E6; border-radius: 14px; margin: 10px 0 20px; padding: 3px 15px;}

.reviews.adaptive .row.top {}
.reviews.adaptive .slide {background-image: url('./images/adaptive/reviews_bgr.svg'); background-repeat: no-repeat; background-position: bottom; background-size: 100% auto;}
.reviews.adaptive .flexslider .slide div[class^=col-sm] {margin: 0;}
.reviews.adaptive .flexslider .slide .rating {align-items: center; justify-content: space-between;}
.reviews.adaptive .flexslider .slide .text {padding-top: 10px; padding-bottom: 10px;}
.reviews.adaptive .slide .player .wrapper {background: none; border-radius: 30px;}
.reviews.adaptive .slide .player .wrapper .ppq-audio-player {background: none;}
.reviews.adaptive .tx {display: flex; align-items: center;}
.reviews.adaptive .player .ppq-audio-player .play-pause-btn .play-pause-icon {width: 50px; height: 50px;}
.reviews.adaptive .player .ppq-audio-player {height: 63px;}
.reviews.adaptive .ppq-audio-player .play-pause-btn .play-pause-icon:after {width: 17px; height: 20px; background-size: 30px;}
.reviews.adaptive .ppq-audio-player .player-bar {margin: 24px 10px 0 40px; background-color: unset;}
.reviews.adaptive .slide .usr_rating {margin: 0 15px!important;}

#countdown {display: inline-block; height: 86px; color: #000; margin-bottom: 20px;}
#countdown .wrapper {display: flex; flex-direction: row; justify-content: space-between;}
#countdown .countdown-number {padding-top: 5px;}
#countdown .countdown-time {font-size: 50px; display: flex;}
#countdown .min, #countdown-1 .min, #countdown-2 .min, #countdown-3 .min {position: relative;}
#countdown .sec, #countdown-1 .sec, #countdown-2 .sec, #countdown-3 .sec {position: relative;}
.minutes-1, .minutes-2, .seconds-1, .seconds-2 {background: #fff; display: flex; justify-content: center; align-items: center; width: 60px; height: 85px; margin-right: 10px; border-radius: 15px;}

.usr_rating table td div.star-empty {background-position: -18px -1px;}
.usr_rating table td div.star-over {background-position: 0px -1px;}
.usr_rating table td div {cursor: pointer; background: url('./images/star-d1f8e474bd5005e7f674e0e1ac0ec3c3.png') 0px -1px no-repeat; width: 19px; height: 16px; overflow: hidden;}
.usr_rating span {margin-right: 20px;}

footer .logo p {font-size: 14px; padding-top: 20px;}
footer .logo {padding-right: 50px; border-right: 1px solid #f8fdff33;}
footer .links {padding: 0 50px; border-right: 1px solid #f8fdff33;}
footer .links a {color: #fff;}
footer .box {padding-bottom: 30px;}
footer .items {padding-left: 80px;}
footer .items .devices {opacity: 0.5}
footer .items .devices img {padding: 0 5px;}
footer .social {margin-bottom: 30px; padding: 0;}

footer.adaptive a {color: #fff;}
footer.adaptive {padding-top: 30px;}
footer.adaptive div {text-align: center;}
footer.adaptive .row {justify-content: center; flex-direction: column; align-items: center;}
footer.adaptive .logo {padding-right: unset; border-right: 0; text-align: center; padding-bottom: 20px;}
footer.adaptive .logo img {width: 70%;}
footer.adaptive .links {padding-top: 15px; padding-bottom: 15px; border-right: 0; border-top: 1px solid #f8fdff33; border-bottom: 1px solid #f8fdff33;}
footer.adaptive .links .item {padding-bottom: 10px;}
footer.adaptive .download {width: 70%;}
footer.adaptive .download .img-cell {width: 90%; border-radius: 25px; border: 1px solid #fff; margin-bottom: 20px; min-height: 50px; display: flex; align-items: center; justify-content: flex-start; padding: 0 10px;}
footer.adaptive .download .img-cell img {padding-right: 10px;}
footer.adaptive .download .img-cell .text {width: 100%;}
footer.adaptive .download {padding-bottom: 18px;}
footer.adaptive .social {padding: 20px; justify-content: center; margin-bottom: 0}
footer.adaptive .social .soc {padding-left: 0;}

.column {flex-direction: column!important;}
.top-block {text-align: center;}
.afterpad-50 {padding-bottom: 50px;}
.afterpad-100 {padding-bottom: 100px;}
.afterpad-30 {padding-bottom: 30px;}
.beforepad-50 {padding-top: 50px;}
.beforepad-80 {padding-top: 80px;}
.vcenter {align-items: center;}
.hcenter {text-align: center;}
.absolute {position: absolute; left: 0; right: 0; bottom: -50px;}
.flex {display: flex; justify-content: center;}
.nopad {padding: 0;}
.colon {color: #fff; font-size: 58px; margin: 0 10px 0 0;}
.row.only-pc div, .row.box.only-pc div {padding-left: 15px; padding-right: 15px;}
.modal-content img {width: auto;}

.deadline-message{
  display: none;
  font-size: 24px;
  font-style: italic;
}
.visible{ display: block;}
.hidden{ display: none;}
.save .only-pc  .qr-img {min-width: 200px}

