* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    button.button-confirm {
        background: #6E23E8;
        border-radius: 16px;
        border: none;
        margin: 16px;
        color:#fff;
        font-size: 16px;
        cursor: pointer;
        padding: 16px;
    }

.error .error {
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    color: #FF5555;
    text-align: center;
    margin: 10px 0;
}

a.forgot {
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #9BB9D8;
    justify-content: center;
    margin-top: 10px;
}
.forms > div {
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: #031A33;
    margin: 20px 0;
}

.forms h3 {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    color: #FF6F6D;
	margin:0;
	margin-top: 20px;
}
body {
    font-family: 'SF Pro Display', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 20px;
	background: url(/static/img/bg2.png);
    margin: 0;
	color: #031A33;
}
body.page-main{
	background: #9C3EFF url(/static/img/bg.png);
}
body.page-plan {
    background: url(/static/img/lg.png);
}
.container {
    margin: 0 80px;
}
body.page-main header {
	background: url(/static/img/header.png) no-repeat;
    padding-bottom: 175px;
    background-size: contain;
    min-height: 926px;
    max-width: 1750px;
    max-height: 926px;
    margin: 0 auto;
}
h1 {
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 40px;
    line-height: 140%;
    text-align: center;
}
h1 span{
	color: #FF6F6D;
}
header > * {
    margin: 0 250px;
}
.row {
    display: flex;
    justify-content: space-between;
}
.row.top {
    padding-top: 20px;
}
.row.bottom {
    margin: 0 350px;
    text-align: center;
}
h2 {
    font-size: 24px;
    line-height: 140%;
	font-weight:400;
    text-align: center;
}
h2 span {
	font-weight:500;
}
.form h3 {
    font-weight: 500;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.forms form {
    width: 330px;
    margin: 0 auto;
    padding: 20px;
    background: url(/static/img/form.png) no-repeat;
    /* display: flex; */
    /* flex-direction: column; */
    background: radial-gradient(148.48% 155.12% at 75.56% 93.81%, #003975 0%, rgba(0, 57, 117, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(89.49% 89.49% at 2.83% 27.03%, #003975 0%, rgba(0, 57, 117, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    border-radius: 18px;
}
form .input input {
    width: 100%;
    height: 70px;
    /* margin-bottom: 15px; */
    border: none;
    border-radius: 15px;
    padding: 0 35px 0 50px;
    color: #000;
    background: #F7F7F7;
    border-radius: 7px;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #979797;
    display: block;
}
form .input{
	position:
	relative;
	margin-bottom: 15px;
}

.input.error input {
    border:  1px solid  #FF5555;
    border: 1.4px solid #FF5555;
}
form .input:before {
    content: " ";
    position: absolute;
    background: url(/static/img/mail.png) no-repeat;
    width: 16px;
    height: 13px;
    top: 29px;
    left: 20px;
}
form .input.ps:before {
    content: " ";
    position: absolute;
    background: url(/static/img/key.png) no-repeat;
    width: 19px;
    height: 19px;
    top: 25px;
    left: 20px;
}
form .input.simple:before {
    content: " ";
    position: absolute;
    background: no-repeat;
    width: 19px;
    height: 19px;
    top: 25px;
    left: 20px;
}
.forms button {
    background: #FFFFFF;
    border-radius: 6px;
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #6E23E8;
    height: 73px;
	cursor:pointer;
}
.forms button i {
    background: url(/static/img/v.png) no-repeat;
    height: 11px;
    width: 11px;
    display: inherit;
    margin-left: 10px;
}
.form-check {
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    display: flex;
    color: #FFFFFF;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
    align-content: stretch;
}
.form-check-input {
    width: 16px;
    height: 16px;
	border-radius:2px;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.form-check-input:checked {
    background-color: #fff;
    border-color: #6E23E8;
	background-image: url(/static/img/c.png);
}
.form-check label {
    margin-left: 5px;
}
button#mouse {
    background: url(/static/img/mouse.png);
    width: 70px;
    height: 71px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    margin-top: -25px;
}
article h3 {
    font-weight: 400;
    font-size: 46px;
    /* line-height: 140%; */
    color: #FFFFFF;
    text-align: center;
}
article h3 span{
	font-weight: 500;
	display:block;
}
main.page-1 .form {
    width: 470px;
    margin: 0 auto;
}
h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}
h4 span{
	font-weight: 500;
}
.form a {
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
    height: 73px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    background: #9C3EFF;
    box-shadow: inset 0px 4.61327px 26.5263px rgb(255 255 255 / 25%);
    border-radius: 11px;
}
.form a i {
    background: url(/static/img/vw.png) no-repeat;
    height: 12px;
    width: 12px;
    display: inherit;
    margin-left: 10px;
}
.btna{
	margin:50px 30px 0;
}
.products {
    display: flex;
    justify-content: center;
}
.product {
    width: 482px;
    background: radial-gradient(47.78% 17.66% at 78.94% 7.28%, rgba(249, 249, 249, 0.5) 0%, rgba(249, 249, 249, 0) 100%), radial-gradient(127.17% 84.41% at 80.36% 92.11%, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%), radial-gradient(106.14% 46.48% at 9.71% 63.62%, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%), radial-gradient(94.57% 54.12% at 100% 25.69%, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%), radial-gradient(81.65% 81.65% at 22.86% 18.35%, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
    border-radius: 18px;
    margin: 0 20px;
    padding: 0 30px 30px;
    position: relative;
	border: 1px solid #fff;
}

.product.sale:before {
    content: " ";
    background: url(/static/img/30.png);
    width: 101px;
    height: 101px;
    position: absolute;
    top: -50px;
    right: -50px;
}
.product h5 {
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    margin: 30px 0 20px;	
}
.product h5 span{
    font-weight: 500;
}
.info label {
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
}
.info ul {
    list-style: none;
	font-size: 23px;
	font-weight: 400;
	line-height: 140%;
}
.info ul li {
    position: relative;
}
ul li:before {
    content: " ";
    background: url(/static/img/ch.png);
    width: 19px;
    height: 19px;
    position: absolute;
    left: -25px;
    margin-top: 8px;
}
.price {
    text-align: center;
    margin-bottom: 20px;
}
.price label {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 4px;
    margin-top: 30px;
    display: block;
}
.kinf {
    background: radial-gradient(50% 50% at 50% 50%, #31C274 0%, #39CB7C 100%);
    border-radius: 12px;
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    color: #fff;
    text-align: center;
    padding: 35px 20px 20px;
    margin-top: 30px;
    position: relative;
}
.kinf:before {
    content: " ";
    position: absolute;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    top: -23px;
    background: url(/static/img/up.png);
    left: 50%;
    margin-left: -25px;
}
.pr {
    font-weight: 300;
    font-size: 32px;
    line-height: 140%;
    margin-top: 10px;
}
.pr span{
	font-weight: 400;
}
.prsale {
    font-weight: 300;
    font-size: 26px;
    line-height: 140%;
    text-decoration-line: line-through;
    min-height: 36px;
	margin-top:10px;
}
a.btn-info {
    background: #FFFFFF;
    border-radius: 6px;
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    height: 73px;
    color: #6E23E8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
a.btn-info i {
    background: url(/static/img/v.png) no-repeat;
    height: 11px;
    width: 11px;
    display: inherit;
    margin-left: 10px;
}
.pp {
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    margin: 50px 0 20px;
}
.pp2 {
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    border: 2px solid #D9D9D9;
    border-radius: 12px;
    width: max-content;
    padding: 20px 50px;
    margin: 0 auto;
}

.pp2 strong{font-weight: 600;}

.pp2 a{
	color: #FFFFFF;
	text-decoration:none;
}
.pref {
	background: url(/static/img/pref.png) no-repeat center top;
    border-radius: 50px 50px 0 0;
    padding-bottom: 100px;
}
.pref h2 {
    font-weight: 400;
    font-size: 46px;
    line-height: 140%;
    text-align: center;
    margin: 50px 0 25px;
    padding: 50px 0;
}
.pref h2 span{
	font-weight: 500;
	color:#FF6F6D;
}
.podps {
    display: flex;
    justify-content: center;
}
.podp {
    width: 345px;
    background: #031A33;
    margin: 0 30px;
    box-shadow: inset 0px 4px 103px rgb(255 255 255 / 10%);
    border-radius: 20px;
    color: #fff;
    padding: 50px 20px 20px;
	height:503px;
    position: relative;
}

.podp:after {
    content: " ";
    width: 90px;
    height: 90px;
    background-color: #f6f6f6;
    background-image: url(/static/img/rr.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    top: 50%;
    margin-top: -45px;
    right: 0;
    margin-right: -60px;
}
.podp.step-3:after{
	display:none;
}

.podp a{
	color: #FFFFFF;
	text-decoration:none;
}
.step {
    font-weight: 600;
    font-size: 17px;
    line-height: 140%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.if {
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.podp.step-3 {
    background: url(/static/img/step3.png) no-repeat;
}
.apps label {
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 10px;
    display: block;
}
.ft {
    font-weight: 300;
    font-size: 15px;
    line-height: 140%;
    color: #A5A5A5;
    margin-top: 20px;
}
.apps.gplay {
    margin-top: 10px;
}
hr {
    border: 1px dashed #6084A9;
    width: 80%;
    display: block;
    margin-left: 0;
}
.podp.step-2 .ft {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
}
.ft a {
    border-bottom: 1px dashed #D8D8D8;
}
footer {

    background: #1F1F1F;
    color: #fff;
	padding:50px 0;
}
footer .row {
    justify-content: space-evenly;
	align-items: center;
}
.ip {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    padding-right: 20px;
}
.ip span {
    color: #B5B5B5;
}
.plt a {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-decoration-line: underline;
    color: #868686;
    display: block;
    margin-bottom: 5px;
    margin: 0 30px;
}
.lgs {
    display: flex;
    align-items: center;
}
.conts {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: right;
	color:#B5B5B5;
}
.conts strong{
	font-weight: 400;
	color:#fff;
}
.conts a{
	color:#fff;
	text-decoration:none;
}
.conts a.tg{
	color:#78BDFE;
}
.lg {
    margin: 0 40px;
}
a.getPlan {
    padding: 20px;
    border: 1px solid #003975;
    border-radius: 30px;
    font-size: 18px;
    line-height: 20px;
    color: #003975;
    cursor: pointer;
	height:60px;
}
.forms .mbtn {
    margin: 100px;
    width: 330px;
    margin: 100px auto;
}
a.getPlan i {
    background: url(/static/img/vr.png) no-repeat;
    height: 11px;
    width: 25px;
    display: inherit;
    margin-left: 10px;
}
.forms > div.io a {
    color: #031A33;
    text-decoration: none;
    border-bottom: 1px dashed;
    font-weight: 400;
}
.forms .frm {
    width: 625px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}
.forms.success h3 {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    color: #031A33;
}
.mailt {
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mailt img {
    margin-right: 10px;
}
.tt {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin: 20px;
    padding: 20px;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
}
.tt strong {
    font-weight: 400;
}
.forms .to {
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
}
a.getPlan.prpl {
    background: #6E23E8;
    box-shadow: inset 0px 4px 27px rgb(255 255 255 / 25%);
    border-radius: 8.57698px;
    color: #fff;
    height: 104px;
}
a.getPlan.prpl i {
    background: url(/static/img/vw.png) no-repeat;
    height: 12px;
    width: 12px;
    display: inherit;
    margin-left: 10px;
}
main.page-plan .row.top {
    justify-content: center;
}
body.page-plan article h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: 140%;
    text-align: center;
    color: #031A33;
}
body.page-plan article h3 span{
    color: #FF6F6D;
}
.inf1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    margin: 30px 0;
}
.inf2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #003975;
    border: 2px solid #003975;
    border-radius: 12px;
    padding: 20px;
    width: max-content;
    margin: 0 auto;
}
main.page-plan .mbtn {
    width: max-content;
    margin: 50px auto;
}
.inf2 a {
    color: #003975;
    text-decoration: none;
}
main.page-plan a.getPlan {
    background: transparent;
}
.pref.pay {
    background: none;
}
.pref.pay h3 {
    font-weight: 500;
    font-size: 46px;
    line-height: 140%;
    text-align: center;
}
.pref.pay h3 span{
	color: #FF6F6D;
}
.ppinf {
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: #031A33;
}
.ppinf strong{
    font-weight: 400;
}
.pref.pay h3 span{
	display:inline-block;
}
.ppinf p {
    margin-bottom: 35px;
}
body.page-plan.pay .row.top {
    justify-content: space-between;
}
body.page-login.success {
    background-color: transparent;
}
@media screen and (min-width: 769px){
br.mob, .mobs{
	display:none;
}
}
@media screen and (max-width: 1770px){
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	.pr {
		font-size: 30px;
	}
	main.page-1 .form {
		width: 450px;
	}
}
@media screen and (max-width: 1680px){
	body.page-main header {
		min-height: 800px;
	}
}
@media screen and (max-width: 1600px){
	body.page-main header {
		min-height: 760px;
	}
}
@media screen and (max-width: 1440px){
	body.page-main header {
		min-height: 760px;
	}
}
@media screen and (max-width: 1366px){
	body.page-main header {
		min-height: auto;
	}
}
@media screen and (max-width: 1280px){
	body.page-main header {
		min-height: 760px;
	}
}



@media screen and (max-width: 768px){
	br {
		display: none;
	}	
	h2 br {
		display: none;
	}
	br.mob{
		display: block !important;
	}
	.desc{
		display:none;
	}
	
	.row {
		flex-direction: column;
	}
	body.page-main header {
		min-height: auto;
	}
	.container {
		margin: 0;
	}
	header > * {
		margin: 0;
	}
	.pp2 {
		width: auto;
	}
	.row {
		flex-direction: column;
	}
	.row.top {
		padding: 0;
		flex-direction: row;
		justify-content: space-between;
	}
	.row.bottom {
		margin: 0;
		text-align: center;
	}
	.podps {
		display: flex;
		flex-direction: column;
	}
	.podp {
		margin-bottom: 40px;
	}
	.podp:after {
		background-image: url(/static/img/rt.png);
		margin-top: 0px;
		right: 50%;
		margin-right: -30px;
		width: 60px;
		height: 60px;
		top: inherit;
		bottom: -30px;
	}
	.products {
		flex-direction: column;
	}
	.product {
		width: 100%;
	}
	.product.sale:before {
		right: -5px;
	}
	body.page-main header {
		min-height: auto;
		background: #fff url(/static/img/header.png) no-repeat bottom center;
		background-size: contain;
		width: 100%;
	}
	.logo img {
		width: 90px;
	}
	a.getPlan {
		font-size: 11px;
		line-height: 12px;
		padding: 10px;
		height: auto;
	}
	header{
		padding: 20px;
	}
	h1 {
		font-weight: 500;
		font-size: 20px;
		line-height: 140%;
	}
	h2 {
		font-size: 14px;
		line-height: 140%;
	}
	main.page-1 .form {
		width: 100%;
	}
	.form h3 {
		margin-top: 20px;
		margin-bottom: 0;
		padding-bottom: 0;
		font-weight: 500;
		font-size: 14px;
	}
	body.page-main header {
		min-height: auto;
		background: url(/static/img/bgm.png) no-repeat bottom center;
		background-size: cover;
		width: 100%;
		min-height: 800px;
	}
	main.page-1 .form .ff {
		background: radial-gradient(148.48% 155.12% at 75.56% 93.81%, #003975 0%, rgba(0, 57, 117, 0) 100%), radial-gradient(89.49% 89.49% at 2.83% 27.03%, #003975 0%, rgba(0, 57, 117, 0) 100%);
		border-radius: 15px;
		padding: 15px;
		margin-top: 30px;
	}
	.btna a span {
		display: none;
	}
	main.page-1 .form .btna a {
		background: #FFFFFF;
		color: #6E23E8;
		border-radius: 5px;
		height: 55px;
		font-size: 14px;
	}
	main.page-1 .form .btna a i {
		background: url(/static/img/v.png) no-repeat;
	}
	.ff {
		color: #fff;
	}
	.ff h4 {
		font-size: 14px;
		line-height: 140%;
	}
	main.page-1 .form {
		width: 250px;
	}
	.btna {
		margin: 0;
	}
	article h3 {
		color: #FFFFFF;
		text-align: center;
		font-weight: 500;
		font-size: 24px;
		line-height: 140%;
	}
	.product {
		margin: 20px 0;
	}
	.products {
		margin: 0 20px;
	}
	.product.sale:before {
		right: -5px;
		zoom: 0.6;
	}
	.product h5 {
		font-weight: 300;
		font-size: 22px;
	}
	.product h5 span{
		font-weight: 400;
	}
	.info label {
		font-size: 15px;
	}
	.info ul li {
		position: relative;
		font-size: 15px;
		font-weight: 400;
		line-height: 21px;
	}
	.kinf {
		font-size: 14px;
	}
	.price label {
		font-size: 11px;
		line-height: 140%;
		letter-spacing: 2.6556px;
	}
	.pr {
		font-size: 22px;
	}
	.prsale {
		font-size: 18px;
	}
	a.btn-info {
		font-size: 15px;
		background: transparent;
	}
	.pp {
		margin: 20px;
		font-size: 15px;
	}
	.pp2 {
		width: auto;
		font-size: 18px;
		margin: 0 20px;
		padding: 20px 10px;
	}
	.pref {
		border-radius: 50px 50px 0 0;
		padding-bottom: 20px;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(/static/img/fbb.png);
	}
	.pref h2 {
		padding: 25px 0 0;
		font-weight: 500;
		font-size: 24px;
	}
	.step {
		font-weight: 600;
		font-size: 11px;
	}
	.if {
		font-weight: 400;
		font-size: 16px;
	}
	.if br{
		display:none;
	}
	.apps label {
		font-weight: 300;
		font-size: 13px;
	}
	.podp {
		width: auto;
		padding: 20px 20px 40px;
		height: auto;
	}
	.podp.step-3 {
		overflow: hidden;
		background: #3cc97d url(/static/img/step3m.png) no-repeat center top;
	}
	.podp.step-2 .ft {
		font-weight: 300;
		font-size: 13px;
	}
	.podp.step-2 .ft br{
		display:none;
	}
	.podp.step-3 .if {
		margin-bottom: 100px;
	}
	footer .row {
		text-align: center;
	}
	.ip br{
		display:none;
	}
	.plt a {
		font-weight: 300;
		font-size: 14px;
	}
	.plt{
		margin:40px 0px;
	}
	.lgs {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #414141;
		padding-top: 20px;
	}
	.lg {
		margin: 0;
	}
	.lg {
		margin-right: 50px;
	}
	.conts {
		font-size: 13px;
	}
	button#mouse {
		background: url(/static/img/mm.png);
		width: 42px;
		height: 41px;
	}
	.podp img {
		max-width: 100%;
	}
	.forms h3 {
		font-weight: 500;
		font-size: 20px;
	}
	.forms > div {
		font-weight: 300;
		font-size: 18px;
		padding: 0px 25px;
	}
	.forms button {
		font-weight: 500;
		font-size: 16px;
		}
	.mbtn a.btn.btn-info.getPlan {
		background: transparent;
		padding: 20px;
	}
	.forms.success h3 {
		font-weight: 500;
		font-size: 20px;
	}
	.mailt {
		display: flex;
		align-items: center;
		font-weight: 300;
		font-size: 12px;
		justify-content: flex-start;
	}
	.tt {
		font-weight: 300;
		font-size: 10px;
	}
	.forms .frm {
		width: 100%;
		margin: 0;
		padding: 20px;
		margin-top: 20px;
	}
	.forms.success {
		padding: 0 20px;
	}
	.forms .to {
		font-weight: 300;
		font-size: 16px;
	}
	.mbtn a.btn.btn-info.getPlan.prpl {
		background: #6E23E8;
		box-shadow: inset 0px 2.63202px 17.7661px rgb(255 255 255 / 25%);
		border-radius: 5.64369px;
		height: auto;
		padding: 30px 0;
	}
	.forms .mbtn {
		margin: 100px;
		width: 100%;
		margin: 30px auto 100px;
	}
	.mailt img {
		zoom: 0.5;
	}
	.tt {
		font-weight: 300;
		font-size: 10px;
		border: none;
		padding: 0;
	}
	body.page-plan article h3 {
		font-weight: 500;
		font-size: 20px;
	}
	.inf1 {
		font-weight: 400;
		font-size: 15px;
		padding: 0 50px;
	}
	.inf2 {
		padding: 20px;
		width: auto;
		margin: 0 20px;
		font-weight: 400;
		font-size: 18px;
	}
	body.page-plan {
		    background: #f3f3f3 url(/static/img/lg.png);
		    background: #f3f3f3;
	}
	.product a.btn-info {
		background: #fff;
	}
	.ppinf {
		font-size: 14px;
		padding: 0 15px;
	}
	.pref.pay h3 {
		font-size: 24px;
	}
	.payinf {
		padding: 0px 15px;
	}
	.payinf h1 br {
		display: none;
	}
	a#getPlan {
		font-size: 11px;
		line-height: 12px;
		padding: 10px 15px;
	}
	ul li:before{
		*display:none
	}
	.info ul {
		*list-style: disc;
		line-height: 100%;
		margin-top: 10px;
	}
	.prsale {
		min-height: auto;
	}
	.kinf{
		padding: 35px 15px 20px;
	}
	.appppds {
		display: flex;
	}
	.step-1 .ft {
		font-weight: 300;
		font-size: 10px;
		padding-left: 10px;
		margin-top: 30px;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		align-content: flex-start;
	}
	.podp.step-2 .ft {
		font-weight: 300;
		font-size: 13px;
		font-size: 13px;
		line-height: 140%;
		color: #FFFFFF;
	}
	.apppps {
		flex-basis: 100%;
	}
	.apps img {
		width: 90%;
	}
	.podp.step-3 {
		height: 276px;
	}
	.step-1 .ft img {
		margin-right: 2px;
	}
	body.page-login {
		background-image: url(/static/img/bgmm.png);
		background-size: contain;
		background-color: #9C3EFF;
	}
	.forms > div {
		color: #717171;
	}
	.pr {
		font-size: 18px;
	}
	.to strong {
		color: #031A33;
		font-weight: 400;
	}
	.mailt {
		color: #000000;
	}
	.tt {
		color: #031A33;
	}
}

@media screen and (max-width: 560px){
	.mailt {
		font-size: 14px;
	}

	.tt {
		font-size: 12px;
	}


}


@media screen and (max-width: 414px){
	body.page-main header {
		min-height: 785px;
	}


}
@media screen and (max-width: 420px){
	body.page-main header {
		min-height: 740px;
	}

	.mailt {
		font-size: 12px;
	}

	.tt {
		font-size: 10px;
	}

	/* Стили обновленные для мобилки начало*/

	main.page-1 .form {width: 246px;}
	.ff h4 {font-weight: 300;}
	body.page-main {background-size: 770px;background-position: 620px -200px;}
	.kinf {font-size: 13.5px;}
	.kinf {padding: 35px 5px 20px;}
	.pr {font-size: 21px;}
	.product h5 span {font-weight: 500;}

	.product {padding: 0 23px 25px;}

	.step-1 .ft {margin-right: -5px;}
	.apps img {width: 100%;max-width: 153px;}
	.podp{margin: 0 20px 40px;}
	.if {font-size: 15.5px;}
	main.page-1 .form .btna a i {background-size: 7px;background-position: left 2px;}

	.pref {
		background: #ECECEC url(/static/img/fbb.png);
		background: #ECECEC;
		padding-bottom: 0;
	}


	ul li:before {
		background: url(/static/img/ch1.png);
		width: 13px;
		height: 13px;
		left: -18px;
		margin-top: 5px;
		background-size: 13px;
	}

	.mbtn a.btn.btn-info.getPlan {max-width: 260px;margin: 0 auto;}

	.ppinf {font-size: 14px;padding: 0 10px;}
	hr {border: none;background: none !important;border-top: 1px dashed #6084A9;width: 95%;}
	body.page-plan {
		background: #f3f3f3 url(/static/img/plan-bg.png) ;
		background:  url(/static/img/plan-bg.png) ;
		background-size: cover;
	}

	a.getPlan i {
		background: url(/static/img/str-new.png) no-repeat;
		height: 12px;
		width: 25px;
		display: inherit;
		margin-left: 10px;
	}

	/* Стили обновленные для мобилки конец */


 
}
@media screen and (max-width: 375px){
	body.page-main header {
		min-height: 710px;
	}
	.apppps {
		flex-basis: 95%;
	}
	.apps label {
		font-weight: 300;
		font-size: 12px;
		margin-right:-5px;
	}

	
}

/**/
@media screen and (max-width: 355px){
	.products {margin: 0px 10px;}
	.info ul {padding-left: 27px;}
	.podp {margin: 0 10px 35px;}
	.apps label {margin-right: -12px;}
	.apps img {width: 100%;max-width: 135px;}

	hr {border: none;background: none !important;border-top: 1px dashed #6084A9;}


	.pp2 {
		width: auto;
		font-size: 16px;
		margin: 0 20px;padding: 20px 10px;}

		.pp {
			margin: 10px;
			font-size: 15px;
		}

		.product {padding: 0 10px 25px;}

		.forms form {width: 300px;}
		.form-check {font-size: 11px;}
		form .input input {font-size: 14px;}

		.inf1 {padding: 0 10px;}
		.inf2 {padding: 20px 10px;margin: 0 10px;font-size: 17px;}
}


	/**/

@media screen and (max-width: 320px){
	.if {
		font-weight: 400;
		font-size: 14px;
	}
	.podp.step-2 .ft {
		font-size: 13px;
	}
	.apppps {
		flex-basis: 78%;
	}
	.pp2 {
		font-size: 15px;
	}
	.pp {
		margin: 20px 20px;
		font-size: 13px;
	}
	h1 {
		font-size: 16px;
	}
	h2 {
		font-size: 13px;
		line-height: 140%;
	}
	.step-1 .ft {

    padding-left: 0px;
	}
	.forms > div {
 
    font-size: 15px;
	}
	.forms form {
		width: 100%;
	}
	.mailt {
		display: flex;
		align-items: center;
		font-weight: 300;
		font-size: 9px;
		justify-content: flex-start;
		flex-direction: column;
	}
	a.btn-info {
		font-size: 15px;
		background: transparent;
	}
	.pr {
		font-size: 16px;
	}
	.ppinf {
		font-size: 11px;
		padding: 0 15px;
	}

}
@media screen and (max-width:1450px) {body{zoom:0.9;}} 
@media screen and (max-width:1350px) {body{zoom:0.8;}}
@media screen and (max-width:1260px) {body{zoom:1;}}
@media screen and (max-width:1260px) {body{zoom:1;}}
@media screen and (min-width:768px) and (max-width:1260px) {body{zoom:0.65;}}
@media screen and (max-width:768px) {body{zoom:1;}}