@font-face {
	font-family: 'Balsamiq Sans';
	src: url('../fonts/balsamiqsans-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Balsamiq Sans';
	src: url('../fonts/balsamiqsans-bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Rum Raisin';
	src: url('../fonts/rum_raisin.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


*{
	margin:0;
	padding:0
}

body,input,select,select option,textarea{
	font-family: 'Open Sans',arial,sans-serif;
	font-size:10px;
}


:root{
	--main-padding: 33%; /* 36.27% */
	--main-gap: calc(1.5vw + 1px);
}
@media( max-width: 600px ){
	:root{
		--main-gap: 10px;
	}
}
@media( min-width: 1601px ){
	:root{
		--main-gap: 25px;
	}
}


html{
	height:100%;
	background: #fff;
}

body{
	min-height:100%;
	line-height:1.4;
	color:#fff
}

img{border:0}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border:none;
}

select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
	outline:none
}
select option{
	padding-left:3px;
}

table{
	border-collapse:collapse
}

a:link,
a:visited{
	color:#00f;
	text-decoration:underline
}
a:hover{
	color:#c00;
	text-decoration:none
}


.cfx:after{
	content:' ';clear:both;display:block;width:0;height:0;overflow:hidden;font-size:0
}


.manual p{
	padding-bottom:1em;
}


.Main{
  min-width: 600px;
}


.Head{
  background: #1c304e;
  padding: 15px 20px;
}
.Head img{
  display: block;
}


.Body{
	display: grid;
	place-items: start;
  min-height: calc(100vh - 92px);
  position: relative;
  overflow: hidden;
	
}
@media( min-width: 1601px ){
	.Body{
		
	}
}
@media( max-width: 600px ){
	.Body{
		
	}
}

.Body::before{
	content: '';
	display: block;
	padding-top: 40%;
	height: 0;
	overflow: hidden;
	
}

.Body_BgStars1{
	position: absolute;
	left: 13.812%;
	bottom: 12.558%;
	top: 64.948%;
	right: 0;
	background: url('../images/stars1.svg') 0 0 no-repeat;
  background-size: contain;
}


.Body_BgStars2{
	position: absolute;
	left: 46.875%;
	width: 18.75%;
	bottom: 5.529%;
}
.Body_BgStars2::after{
	content: '';
	display: block;
	padding-top: calc(100% * 86.484 / 299.114 );
	height: 0;
	overflow: hidden;
	background: url('../images/stars2.svg') 0 0 no-repeat;
  background-size: contain;
}

.Body_BgStars3{
	position: absolute;
	right: 13.375%;
	bottom: 7.591%;
	top: 77.319%;
	left: 0;
	background: url('../images/stars3.svg') 100% 0 no-repeat;
  background-size: contain;
}

.Body_BgGift1{
	position: absolute;
	left: 4.312%;
	top: 29.9%;
	width: 11.375%;
}
.Body_BgGift1::after{
	content: '';
	display: block;
	padding-top: calc(100% * 295 / 182);
	height: 0;
	overflow: hidden;
	background: url('../images/gift1.svg') 50% 50% no-repeat;
  background-size: contain;
}

.Body_BgGift2{
	position: absolute;
	right: 4.625%;
	top: 37%;
	width: 12.375%;
}
.Body_BgGift2::after{
	content: '';
	display: block;
	padding-top: calc(100% * 240 / 180);
	height: 0;
	overflow: hidden;
	background: url('../images/gift2.svg') 50% 50% no-repeat;
  background-size: contain;
}


.BodyBg_Snowflake{
	position: absolute;
	top: 1%;
	right: calc(100% * 292 / 1600);
	width: 0;
	height: 0;
}
.BodyBg_Snowflake:lang(ru){
	display: none;
}
.BodyBg_Snowflake::after{
	content: '';
	display: block;
	background: url('../images/snowflake.svg') 50% 50% no-repeat;
  background-size: contain;
	width: calc(100vw * 120 / 1600);
	height: calc(100vw * 120 / 1600);
	position: absolute;
	left: calc(-100vw * 60 / 1600);
	top: calc(-100vw * 60 / 1600);
}
@media( max-width: 600px ){
	.BodyBg_Snowflake::after{
		width: 45px;
		height: 45px;
		left: -22.5px;
		top: -22.5px;
	}
}
@media( min-width: 1601px ){
	.BodyBg_Snowflake::after{
		width: 120px;
		height: 120px;
		left: -60px;
		top: -60px;
	}
}

.Body > .In{
	position: relative;
	/*width: 100%;
	height: 100%;
	display: flex;
	align-items: center;*/
}
.Body > .In > .In{
	/*flex-grow: 1;
	padding: 25px 0;*/
}


.PriceColumns{
	position: absolute;
	top: 0;
	bottom: var(--main-padding);
	left: 0;
	right: 0;
	color: #4C5C69;
	text-align: center;
	font-size: calc(4.123711340206185vmin - 4.494845360824742px);
}
@media( max-height: 400px ){
	.PriceColumns{
		font-size: 12px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.PriceColumns{
		font-size: 32px;
	}
}

.PriceColumns > .In{
	width: 60%;
	max-width: 900px;
	min-width: 360px;
	height: 100%;
	margin: 0 auto;
	display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: var(--main-gap); 
  justify-content: stretch; 
}
.PriceColumns > .In > .E{
	background: #E0EEF9;
	display: flex;
	align-items: flex-end;
	border-radius: 0 0 11px 11px;
}
.PriceColumns > .In > .E > .In{
	flex-grow: 1;
}


.Period{
	line-height: 1;
	font-family: 'Balsamiq Sans','Comic Sans MS','Comic Sans',arial,sans-serif;
}


.Price{
	color: #304270;
	font-size: calc(100% * 71 / 32);
	line-height: 1;
	font-family: 'Rum Raisin','trebuchet ms',arial,sans-serif;
	padding: calc(1.6vmin - 4.4px) 0; /* 2 - 18 */
}
@media( max-height: 400px ){
	.Price{
		padding: 2px 0;
	}
}
@media( min-height: 1400px ) and ( min-width: 1400px ){
	.Price{
		padding: 18px 0;
	}
}


.PerMonth{
	line-height: 1;
	font-family: 'Balsamiq Sans','Comic Sans MS','Comic Sans',arial,sans-serif;
}


.Discount{
	position: relative;
	width: calc( 100% * 1 / 3 );
	margin: 0 auto;
	font-size: calc(2.111111111111111vw - 1.666666666666666px);
	border-top: calc( 0.8vmin - 0.2px ) solid transparent;/*3-11*/
}
@media( max-width: 600px ){
	.Discount{
		font-size: 11px;
	}
}
@media( min-width: 1500px ){
	.Discount{
		font-size: 30px;
	}
}
@media( max-height: 400px ){
	.Discount{
		border-top-width: 3px;
	}
}
@media( min-height: 1400px ) and ( min-width: 1400px ){
	.Discount{
		border-top-width: 11px;
	}
}

.Discount > .Bg{}
.Discount > .Bg::after{
	background: url('../images/discount.svg') 50% 100% no-repeat;
	background-size: contain;
	content: '';
	display: block;
	padding-top: calc( 100% * 70 / 97.439 );
	height: 0;
	overflow: hidden;
}
.Discount > .In{
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	bottom: 0;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'Rum Raisin','trebuchet ms',arial,sans-serif;
	color: #21537C;
	line-height: 1;
}
.Discount > .In > .In{
	flex-grow: 1;
}


.Overlay{
	position: absolute;
	top: 0;
	bottom: 58.388%;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
}
.Overlay > .T{
	flex-grow: 1;
	background: #72bbf6;
}
.Overlay > .B{
	flex-grow: 0;
	flex-shrink: 0;
	height: calc( 100% * 135 / 444 );
	background: url('../images/overlay.svg') 0 0 no-repeat;
	background-size: 100% 100%;
}

.Overlay_Snowflake{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 59.909%;
	background: url('../images/snowflake.svg') 0% 0 no-repeat;
	background-size: contain;
}
.Overlay_Snow1{
	position: absolute;
	top: 36.486%;
	bottom: 32.657%;
	left: 8.5%;
	right: 0;
	background: url('../images/snow1.svg') 0% 0 no-repeat;
	background-size: contain;
}
.Overlay_Snow2{
	position: absolute;
	top: 8.333%;
	left: 48.5%;
	width: 0.687%;
}
.Overlay_Snow2::after{
	content: '';
	display: block;
	padding-top: 100%;
	height: 0;
	overflow: hidden;
	background: url('../images/snow2.svg') 0 0 no-repeat;
	background-size: contain;
}
.Overlay_Snow3{
	position: absolute;
	top: 12.387%;
	right: 4.312%;
	left: 0;
	bottom: 9.684%;
	background: url('../images/snow3.svg') 100% 0 no-repeat;
	background-size: contain;
}




.RibbonOut{
	text-align: center;
	position: absolute;
	top: calc( 100% - var(--main-padding) + var(--main-gap) );
	left: 0;
	right: 0;
}
.Ribbon{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	font-size: calc(5.154639175257732vmin - 5.618556701030927px);
	font-family: 'Balsamiq Sans','Comic Sans MS','Comic Sans',arial,sans-serif;
}
@media( max-height: 400px ){
	.Ribbon{
		font-size: 15px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.Ribbon{
		font-size: 40px;
	}
}

.Ribbon > .Bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.Ribbon > .Bg > .L,
.Ribbon > .Bg > .R{
	position: absolute;
	top: 19.9%;
	bottom: 19.9%;
	width: 10%;
	background: url('../images/ribbon.svg') 0 0 no-repeat;
	background-size: auto 100%;
}
.Ribbon > .Bg > .L{
	left: 0;
}
.Ribbon > .Bg > .R{
	right: 0;
	background-position: 100% 0;
}
.Ribbon > .Bg::after{
	content: '';
	display: block;
	position: absolute;
	left: 8.957%;
	right: 8.957%;
	top: 0;
	bottom: 0;
	border-radius: 6px;
	background: #405791;
}
.Ribbon > .In{
	position: relative;
	line-height: calc(123 / 40);
	padding: 0 2.78em;
}


.Title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 67%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Title > .In{
	display: flex;
	align-items: center;
}
.Title > .In > .L{
	flex-grow: 0;
	flex-shrink: 0;
}
.Title > .In > .R{
	padding-left: calc(2.0618556701030926vmin + 1.7525773195876289px); /*10 - 20*/
	flex-grow: 0;
	flex-shrink: 0;
}
@media( max-height: 400px ){
	.Title > .In > .R{
		padding-left: 10px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.Title > .In > .R{
		padding-left: 20px;
	}
}


.Logo{
  text-align: center;
	color: #fff;
	font-family: 'Rum Raisin','trebuchet ms',arial,sans-serif;
	text-transform: uppercase;
}

.LogoEn{
	font-size: calc( 6.391752577319588vmin + 12.43298969072165px );
	line-height: 0.95;
}
@media( max-height: 400px ){
	.LogoEn{
		font-size: 38px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.LogoEn{
		font-size: 69px;
	}
}
.LogoEn_Big{
  font-size: calc( 100% * 109 / 69 );
}

.LogoRu{
	font-size: calc( 13.608247422680412vmin - 13.43298969072165px );
	line-height: 0.95;
}
@media( max-height: 400px ){
	.LogoRu{
		font-size: 41px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.LogoRu{
		font-size: 107px;
	}
}


.MainDiscount{
	position: relative;
	width: calc( 14.02061855670103vmin + 33.91752577319588px ); /*90 - 158*/
	text-align: center;
	font-size: calc( 2.88659793814433vmin + 8.45360824742268px ); /*20-34*/
	line-height: 0.9;
	font-family: 'Rum Raisin','trebuchet ms',arial,sans-serif;
}
@media( max-height: 400px ){
	.MainDiscount{
		font-size: 20px;
		width: 90px;
	}
}
@media( min-height: 885px ) and ( min-width: 885px ){
	.MainDiscount{
		font-size: 34px;
		width: 158px;
	}
}
.MainDiscount > .Bg{}
.MainDiscount > .Bg::after{
	content: '';
	display: block;
	padding-top: 100%;
	height: 0;
	overflow: hidden;
	background: url('../images/main_discount.svg') 50% 50% no-repeat;
	background-size: contain;
}
.MainDiscount > .In{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}
.MainDiscount > .In > .In{
	flex-grow: 1;
}
.MainDiscount > .In > .In > .T{
	opacity: 0;
}
.MainDiscount > .In > .In > .M{
	font-size: calc(100% * 29 / 20);
}
.MainDiscount > .In > .In > .B:lang(ru){
	opacity: 0;
}






.OverlayLink{
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	text-indent: -9999px;
}