html {max-width: 100%;overflow-x: hidden;}
body {
	background: #101036;
	font-family: 'Poppins';
	font-style: normal;
	color: #fff;
}
a:hover {text-decoration: none;}
header {margin: 0!important;padding: 25px 0;}
.bg-gr {background: #2c2c4e;}
.transition {transition: all 0.5s ease-out;}
.green-btn {background: #2FDF84;border-radius: 14px;height: 60px;border: 1px solid #45e693;display: inline-flex;align-items: center;justify-content: center;font-weight: 700;font-size: 18px;width: 100%;}
.green-btn:hover {background: #3caf73;border-color: #327b55;}
.topline {display: flex;align-items: center;}
.topline .logo {width: 170px;}
.topline .links {display: flex;align-items: center;justify-content: end;padding: 0;margin: 0;width: 100%;}
.topline .links li {margin-left:30px;}
.topline .links li a {text-transform: uppercase;font-weight: 700;font-size: 14px;color: #fff;display: block;position: relative;}
.topline .links li a:hover {color:#2FDF84;}
.topline .links li a:before {content:"";width: 100%;height: 2px;background: #2FDF84;position: absolute;bottom: -5px;opacity:0;transition: all 0.5s ease-out;}
.topline .links li a:hover:before {opacity:1;}
.top-menu {width: 100%;display: flex;justify-content: right;}
.top-menu svg {display:none}
.h1 {font-weight: 800;font-size: 56px;margin: 0 0 15px;}
.h1 span {color:#2FDF84;}
.h2 {font-weight: 800;font-size: 38px;color:#2FDF84;margin: 0 0 15px;display: flex;align-items: center;}
.h2:before {content:"";width: 8px;height: 8px;background:#2FDF84;border-radius:5px;margin-right: 10px;}
.h3 {font-weight: 600;font-size: 18px;color:#2FDF84;margin: 0 0 15px;display: flex;align-items: center;}
.h3:before {content:"";width: 8px;height: 8px;background:#2FDF84;border-radius:5px;margin-right: 10px;}

h1 {font-weight: 800;font-size: 48px;text-align: center;margin: 50px 0;}
h1 span {color:#2FDF84;}
h2 {font-weight: 800;font-size: 24px;color:#2FDF84;margin: 15px 0;display: flex;align-items: center;}
h2:before {content:"";width: 8px;height: 8px;background:#2FDF84;border-radius:5px;margin-right: 10px;}
h3 {font-weight: 600;font-size: 18px;color:#2FDF84;margin: 0 0 15px;display: flex;align-items: center;}
h3:before {content:"";width: 8px;height: 8px;background:#2FDF84;border-radius:5px;margin-right: 10px;}

.home-text {padding: 50px 0 70px;}
.home-text p {font-size:18px;}
.home-text button {width: 225px;margin-top: 50px;color:#fff}
.home-text button svg {margin-right: 15px;}

.home-features {padding: 60px 0 30px;}
.home-features p {color: rgba(255, 255, 255, 0.7);}
.home-features ul {display: flex;margin: 40px 0 0;justify-content: space-between;}
.home-features ul li {display: flex;background: rgba(0, 0, 0, 0.2);box-shadow: 0px 10px 40px rgb(0 0 0 / 5%);border-radius: 12px;max-width: 32%;padding: 30px 15px;}
.home-features ul li .icon {}
.home-features ul li .text {padding-left: 15px;color: rgba(255, 255, 255, 0.7);}
.home-features ul li .text b {display: block;font-weight: 700;font-size: 18px;color: #fff;}

.home-reviews {padding: 60px 0;}
.home-reviews p {color: rgba(255, 255, 255, 0.7);}
.home-reviews ul {display: flex;margin-bottom: 25px;}
.home-reviews ul.novisible {height: 0;margin: 0;overflow: hidden;opacity: 0;}
.home-reviews ul.rb-0 {margin-top:15px;}
.home-reviews ul li {border: 1px solid #2FDF84;filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05));border-radius: 12px;width: calc(100% / 3 - 15px);display: flex;flex-direction: column;padding: 30px;justify-content: space-between;}
.home-reviews ul li.r-0 {margin-right:25px;}
.home-reviews ul li.r-2 {margin-left:25px;}
.home-reviews ul li .nm {display: flex;align-items: center}
.home-reviews ul li .nm:after {content:"";background: url("../img/success.svg");width: 12px;height: 12px;display: inline-block;margin-left: 5px;}
.home-reviews ul li .stars .noact svg path {fill: #6f6f6f}
.home-reviews ul li .text {margin: 30px 0;color: rgba(255, 255, 255, 0.7);}
.home-reviews ul li .date {font-size: 12px;color: #878787;}
.home-reviews .moreReviews {position: relative;width: 150px;display: block;font-weight: 700;font-size: 18px;text-align: center;margin: 10px auto 40px;cursor: pointer;}
.home-reviews .moreReviews:after {content: "";width: 100%;height: 4px;background: #2FDF84;position: absolute;bottom: -10px;left: 0;}
.home-reviews .moreReviews:hover{color:#2FDF84}

.home-benefits {padding: 30px 0;}
.home-benefits ul li {text-align: center;display: inline-block;width: calc(100% / 3 - 33px);vertical-align: top;margin: 30px 10px;}
.home-benefits ul li span.name {font-weight: 700;font-size: 18px;display: block;color: #fff;padding: 15px 0;}
.home-benefits ul li span.text {color: rgba(255, 255, 255, 0.7);}

.home-questions {padding: 60px 0 0;}
.home-questions .container p {color: rgba(255, 255, 255, 0.7);}
.home-questions .container > p {padding: 0 20px;}
.home-questions .nav {border-bottom: unset;margin: 60px 20px 0;}
.home-questions .nav li a {color:#fff;border-radius: 14px 14px 0px 0px;border: 1px solid #2FDF84;font-weight: 500;margin-right: 10px;}
.home-questions .nav li.active a, .home-questions .nav li:hover a {background: #2FDF84;color:#101036;}
.home-questions .tab-pane ul {padding: 0 15px;margin: 0;}
.home-questions .tab-pane ul li {font-weight: 600;font-size: 18px;color: rgba(255, 255, 255, 0.7);margin: 25px 0 0;}
.home-questions .tab-content {background: rgba(0, 0, 0, 0.2);border: 1px solid #2FDF84;box-shadow: 0px 10px 40px rgb(0 0 0 / 5%);border-radius: 12px;padding: 50px 70px;}
.form-bl .cl {background: rgba(0, 0, 0, 0.2);border: 1px solid #2FDF84;box-shadow: 0px 10px 40px rgb(0 0 0 / 5%);border-radius: 12px;margin-top: 30px;padding: 50px;}
.form-bl .lb {display: flex;}
.form-bl p {color: rgba(255, 255, 255, 0.7);}
.form-bl .text {padding-left: 25px;}
.form-bl .text b {font-weight: 700;font-size: 18px;display: block;margin-bottom: 10px;}
.form-bl .text span {color: rgba(255, 255, 255, 0.7);}
.form-bl .form label {margin-top: 15px;font-style: normal;font-weight: 400;font-size: 10px;color: #2FDF84;}
.form-bl .form .form-control {background: #101036;border-radius: 8px;color:#fff;border: 1px solid #181844;}
.form-bl .form select.form-control {cursor:pointer;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: url("../img/select.svg"), #101036;background-repeat: no-repeat, repeat;background-position: right 0.7em top 50%, 0 0;background-size: 0.65em auto, 100%;}
.form-bl .form b {font-weight: 700;font-size: 24px;}
.form-bl .form p {color: rgba(255, 255, 255, 0.7);}
.form-bl .form button {margin-top:30px;}
.radio-list {margin: 0;padding: 0;list-style: none;display: flex;}
.input-radio {padding-right: 15px;}
.input-radio input {z-index: -1;position: absolute;opacity: 0;}
.input-radio label {font-weight: 600!important;font-size: 14px!important;color: #fff!important;cursor:pointer;margin:0!important;}
.input-radio label:before {content: '';height: 21px;width: 21px;background: #101036;border: 1px solid #2FDF84;border-radius: 8px;display: inline-block;vertical-align: bottom;margin-right: 10px;}
.input-radio input:checked+label:before {background:url("../img/check.svg");background-size: 80%;background-repeat: no-repeat;background-position: 60% 48%;}
#information-contact .form-bl .form button {max-width: 300px;margin: 45px auto 0;display: block;}

.game .h1 {font-size: 48px;text-align: center;margin-bottom: 59px;}
.game .select-game {display: flex;align-items: center;justify-content: center;}
.game .select-game a {width: 160px;height: 140px;border: 1px solid #2FDF84;box-shadow: 0px 10px 40px rgb(0 0 0 / 5%);border-radius: 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 15px;color:#fff;}
.game .select-game a span {font-weight: 700;padding: 15px 0 5px;}
.game .select-game a svg path {fill:#2FDF84;}
.game .select-game a.active, .game .select-game a:hover {background:#2FDF84;}
.game .select-game a.active svg path, .game .select-game a:hover svg path {fill:#fff;}

.calc {padding: 60px 0;}
.calc .title {font-weight: 700;font-size: 24px;margin-bottom: 25px;}
.calc .calc-left {margin: 0 15px;width: calc(50% - 30px);float: left;}
.calc .calc-right {margin: 0 15px;width: calc(50% - 30px);float: right;}
.calc .calc-benefits {width: calc(50% - 30px);float: left;margin: 0 15px;}

.calc .calc-left .select-rank {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.calc .calc-left .select-rank span {font-weight: 700;font-size: 18px;color: #2FDF84;display: block;margin-bottom: 10px;text-align: center;}
.calc .calc-left .select-rank input {border: 1px solid #2FDF84;border-radius: 8px;background: transparent;height: 44px;font-weight: 600;font-size: 18px;color: #fff;text-align: center;}
.calc .calc-left .select-rank .ico {width: 120px;text-align: center;padding-top: 37px;}
.calc .calc-left .rank-slider {margin-bottom: 30px;}
.calc .calc-left .rank-slider #slider-range {background: #B3B3B3;height: 2px;}
.calc .calc-left .rank-slider #slider-range div {background: #2FDF84;border-radius: 35px;background: #2FDF84;border-radius: 35px;height: 2px;top: -1px;}
.calc .calc-left .rank-slider #slider-range span {background: #FFFFFF;box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);width: 24px;height: 24px;border-radius: 20px;top: -12px;}
.calc .calc-left .rank-slider .steps .step {color: #2FDF84;font-weight: 400;font-size: 10px;display: inline-block;text-align: right;}
.calc .calc-left .rank-slider .steps .step b {font-weight: 400;position:relative;}
.calc .calc-left .rank-slider .steps .step b:before {content:"";background:#B2B2B2;height:4px;width:1px;position: absolute;top: -4px;right: 0;}
.calc .calc-left .rank-slider .steps .step.first b:before{right: unset;left:0;}
calc .calc-left .rank-slider .steps .step.last b:before{right: 1px;}
.calc .info {margin-bottom: 30px;}
.calc .info span {font-weight: 400;font-size: 10px;color: #2FDF84;text-transform: uppercase;}
.calc .info select {height: 44px;border: 1px solid #2FDF84;border-radius: 8px;background: transparent;color: #fff;margin-top: 10px;cursor:pointer;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: url("../img/select.svg"), #101036;background-repeat: no-repeat, repeat;background-position: right 0.7em top 50%, 0 0;background-size: 0.65em auto, 100%;}
.calc .info select option {color:#101036;background:#fff;font-weight: 700;}
.calc .info select option:hover {background:#2FDF84;}
.calc .calc-benefits .title {margin-bottom: 5px;}
.calc .calc-benefits p {color: rgba(255, 255, 255, 0.7);}
.calc .calc-benefits ul {display: flex;justify-content: space-between;margin-top: 30px;}
.calc .calc-benefits ul li {width: 161px;height: 160px;border: 1px solid #2FDF84;filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05));border-radius: 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.calc .calc-benefits ul li.first {margin-right:10px;}
.calc .calc-benefits ul li.last {margin-left:10px;}
.calc .calc-benefits ul li span {display: flex;font-weight: 700;font-size: 18px;text-align: center;height: 60px;padding-top: 10px;}
.calc .calc-right {background: rgba(0, 0, 0, 0.2);border: 1px solid #2FDF84;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);border-radius: 12px;padding: 60px;}
.calc .calc-right > p {font-size:12px;color: #2FDF84;}
.calc .calc-right .servise-name {color: rgba(255, 255, 255, 0.7);}
.calc .calc-right .options {border-bottom: 1px solid #2A2A72;padding-bottom: 5px;margin-bottom: 20px;}
.calc .calc-right .options li {margin: 20px 0;}
.calc .calc-right .options li span {display: inline-block;padding: 5px 0;}
.calc .calc-right .options li .check {margin-right: 15px;}
.calc .calc-right .options li .name {color: rgba(255, 255, 255, 0.7);position:relative;}
.calc .calc-right .options li .free, .calc .calc-right .options li .procent {padding-left: 5px;position: absolute;top: -7px;font-weight: 400;font-size: 12px;}
.calc .calc-right .options li .free {color:#2FDF84;}
.calc .calc-right .options li .procent {color:#FFB800}
.calc .calc-right .our-benefits p {font-size: 10px;color: #2FDF84;}
.calc .calc-right .our-benefits ul li {display: flex;align-items: center;padding: 5px 0;}
.calc .calc-right .our-benefits ul li span {color: rgba(255, 255, 255, 0.7);padding-left: 10px;}
.calc .calc-right .discount p {font-size: 10px;color: #2FDF84;}
.calc .calc-right .discount span {    background: #101036;border: 1px solid #2FDF84;border-radius: 8px;display: flex;justify-content: space-between;height: 44px;margin-bottom: 40px;}
.calc .calc-right .discount input {background: #101036;border-radius: 8px 0px 0 8px;border: unset;width: calc(100% - 96px);}
.calc .calc-right .discount button{font-family: inherit;font-size: inherit;line-height: inherit;background: #2FDF84;border-radius: 6px;width: 94px;border: unset;}
.calc .calc-right .total-sum {margin-bottom: 40px;}
.calc .calc-right .total-sum p {font-size: 10px;color: #2FDF84;}
.calc .calc-right .total-sum span {font-weight: 700;font-size: 36px;}
.calc .calc-right .pay-info {margin-top: 40px;display: flex;justify-content: center;}
.nice-checkbox > input[type="checkbox"] { display: none;}
.nice-checkbox > label { cursor: pointer; height: 0px; position: relative; width: 40px;  }
.nice-checkbox > label::before { background: #444444; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position:absolute;transition: all 0.4s ease-in-out; width: 40px; }
.nice-checkbox > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; }
.nice-checkbox > input[type="checkbox"]:checked + label::before { background: #2FDF84;}
.nice-checkbox > input[type="checkbox"]:checked + label::after {left: 20px; }
.rank-icon {display: block;position: relative;width: 120px;height: 120px;margin: auto;}
.rank-icon span {width: 128px;height: 128px;background-size: cover;position: absolute;opacity:0;}
.rank-icon span.act {opacity:1}
.div-ons {margin-top: 10px;display: flex;}
.div-ons.full {justify-content: space-between;}
.div-ons label {background: #101036;border: 1px solid #2FDF84;border-radius: 8px;width: 30px;height: 30px;padding: 4px; margin-right: 5px;}
.div-ons label.active, .div-ons label:hover {background:#2FDF84;color:#fff;}
.div-ons label.disabled {opacity: .2;}
.div-ons input {display: none;}
.rank-boost .ico {padding-bottom: 80px;}
@media (max-width: 767px) {
	.rank-boost {display: block!important;max-width: 260px;margin: auto;}
	.calc .calc-left .select-rank .ico {padding: 40px 0;margin: auto;transform: rotate(90deg);}
}

.footer {padding: 50px 0;margin-top:60px;}
.footer .bottomline {display: flex;justify-content: space-between;}
.footer .bottomline .logo {width: 200px;}
.footer .bottomline .logo .tm {font-weight: 400;font-size: 12px;color: rgba(255, 255, 255, 0.7);padding-top: 5px;}
.footer .bottomline .fr {width: 100%;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;padding-top: 20px;}
.footer .bottomline .links {display: flex;align-items: center;justify-content: end;padding: 0;margin: 0;margin-bottom: 30px;}
.footer .bottomline .links li {margin-left:30px;}
.footer .bottomline .links li a {text-transform: uppercase;font-weight: 700;font-size: 14px;color: #fff;display: block;position: relative;}
.footer .bottomline .links li a:hover {color:#2FDF84;}
.footer .bottomline .links li a:before {content:"";width: 100%;height: 2px;background: #2FDF84;position: absolute;bottom: -5px;opacity:0;transition: all 0.5s ease-out;}
.footer .bottomline .links li a:hover:before {opacity:1;}
.footer .bottomline .payments {display: flex;align-items: center;}
.footer .bottomline .payments span {font-weight: 400;font-size: 12px;color: rgba(255, 255, 255, 0.7);padding-right: 15px;}

.fieldError {border-color: #ff0000!important;}
.error-text {color: #ff0000;padding: 5px 0;}
.modal-bg {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: #ffffff73;display: flex;justify-content: center;align-items: center;z-index: 999999999;}
.modal-bg .close {position: absolute;top: 7px;right: 7px;cursor: pointer;}
.modal-bg .modal-body {background: #0D0D2B;width: max-content;padding: 35px 60px;position: relative;}
.modal-bg .txt-success {font-weight: 700;font-size: 24px;padding-bottom: 15px;}


@media (max-width: 991px) {
	.footer .bottomline .links li a {font-size:11px;}
	.calc .calc-benefits ul li span {font-size: 15px;}
	.calc .calc-right .options li span {font-size: 13px;}
}
@media (max-width: 767px) {
	.topline {display:block;position: relative;}
	.topline .logo {margin: auto;display: block;}
	.topline .links {display:none;}
	.top-menu svg {position: absolute;top: 12px;right: 30px;display: block;}
	.h1 {font-size: 48px;text-align:center;}
	.h2 {font-size: 36px;justify-content: center;text-align: center;}
	.h2 span {display: block;max-width: calc(100% - 30px);}
	.home-text p, .home-features p, .home-reviews p, .form-bl p, .form-bl .form b {text-align:center;}
	.home-features, .home-reviews {padding:30px 0 0;}
	.home-features ul li {max-width: 100%;margin-bottom: 15px;}
	.home-features ul, .home-reviews ul {display:block;}
	.home-reviews ul li.r-0, .home-reviews ul li.r-2 {margin:0;}
	.home-reviews ul li {width: 100%;margin-bottom: 15px!important;}
	.home-benefits ul li {width: 100%;margin: 15px 0;}
	.home-questions .nav-tabs>li {max-width: 82px;}
	.home-questions .nav li a {font-size: 10px;text-align:center;}
	.home-questions .container p {text-align:left;}
	.footer .bottomline {display: block;}
	.footer .bottomline .logo {width: 100%;text-align: center;}
	.footer .bottomline .fr {width: 100%;display: block;}
	.footer .bottomline .links {display: block;width: 100%;}
	.footer .bottomline .links li {margin: 5px auto 25px;text-align: center;width: max-content;}
	.footer .bottomline .links li a {font-size:14px;}
	.footer .bottomline .payments {display: block;text-align: center;}
	.footer .bottomline .payments span {display: block;padding-bottom: 10px;}
	.calc {padding: 0;}
	.calc .calc-left .calc-benefits ul li {margin: 0 3px;}
	.calc .calc-left, .calc .calc-benefits {padding: 15px;width: calc(100% - 30px);float: unset;}
	.calc .calc-right {margin: 0 30px;width: calc(100% - 60px);float: unset;padding: 15px;}
	.calc .title {text-align: center;}
	.calc .calc-benefits {margin-top: 30px;text-align: center;}
}
@media (max-width: 450px) {
	.calc .calc-left .select-rank span{font-size: 13px;}
	.calc .calc-benefits ul li span {font-size: 13px;}
	.game .select-game a {margin: 0px 3px}
	.game .select-game a span {padding: 15px 10px 5px;font-size: 11px;text-align:center;}
	.calc .calc-right .options li span {font-size: 12px;}
}
