/* IBM Plex Sans font weights:
thin 100
thin 100 Italic
extra-light 200
extra-light 200 Italic
light 300
light 300 Italic
regular 400
regular 400 Italic
medium 500
medium 500 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
*/

* {margin: 0; padding: 0; /*border: none;*/}
html, body {padding: 0; margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; text-align: center; color: var(--text-color-black); font-size: var(--text-size); background-color: var(--common-white); font-style: normal; /*-webkit-overflow-scrolling: touch;*/}
html {-moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400;}
a img {border:none;}
#outer {height: auto; width: 100%; margin-bottom: 0; font-family: var(--font-family); min-width: 980px;}
#inner {width: 100%; text-align: left;}


@media only screen and (max-width: 1024px) {
	#outer {min-width: 100%; min-height: 0; margin-bottom: 0;}
	* html #outer {height: auto;}
}
@media only screen and (max-width: 610px) {
	* {max-height: 1000000px;}
}

		/* format blocks */
/* units */
.unit-1, .unit-2, .unit-3, .unit-4, .unit-5, .unit-6, .unit-7, .unit-8, .unit-9, .unit-10, .unit-11, .unit-12, .unit-13, .unit-14 {
	padding: 0 20px 0 0;
	float: left;
	position: relative;
	/*-moz-transition: width 1s ease-in-out, padding 1s ease-in-out;
	-webkit-transition: width 1s ease-in-out, padding 1s ease-in-out;
	-moz-transition: width 1s ease-in-out, padding 1s ease-in-out;
	-o-transition: width 1s ease-in-out, padding 1s ease-in-out;
	transition: width 1s ease-in-out, padding 1s ease-in-out;*/
}
.unit-1 {width: 60px;}
.unit-2 {width: 140px;}
.unit-3 {width: 220px;}
.unit-4 {width: 300px;}
.unit-5 {width: 380px;}
.unit-6 {width: 460px;}
.unit-7 {width: 540px;}
.unit-8 {width: 620px;}
.unit-9 {width: 700px;}
.unit-10 {width: 780px;}
.unit-11 {width: 860px;}
.unit-12 {width: 940px;}
.unit-13 {width: 1020px;}
.unit-14 {width: 1100px;}

#content {padding: 0 0 0 0; overflow: hidden;}
.container,
.container14 {
	padding: 0 0 0 20px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	content-visibility: visible;
	/*-webkit-transition: width 0.5s ease-in-out, padding 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, padding 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, padding 0.5s ease-in-out;*/
}
.container {width: 960px; }
.container14 {width: 1120px;}
.container::after,
.container14::after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

@media only screen and (max-width: 1140px) {
	.container14 {
		width: 960px;
	}
	.container14 .unit-14 {width: 940px;}
	.container14 .unit-7 {
		width: 460px;
	}	
}

@media only screen and (max-width: 1024px) {
	body {
		min-height: 100vh;
		/* mobile viewport bug fix */
		min-height: -webkit-fill-available;
	}

	html {
		height: -webkit-fill-available;
	}
	.unit-1, .unit-2, .unit-3, .unit-4, .unit-5, .unit-6, .unit-7, .container14 .unit-7, .unit-8, .unit-9, .unit-10, .unit-11, .unit-12, .unit-13, .unit-14 {
		padding: 0;
		float: none;
		width: auto;
		max-width: 100%;
	}
	.container,
	.container14 {
		width: auto;
		padding: 0 40px;
	}
	.unit-hide {display: none;}

	.container14.columns {padding: 0 30px;}
	.container14.columns .unit-7 {float: left; padding: 0 10px; width: calc(50% - 20px);}
}

@media only screen and (max-width: 850px) {
	.container14.columns {padding: 0 40px;}
	.container14.columns .unit-7 {float: none; padding: 0; width: 100%;}
}

@media only screen and (max-width: 610px) {
	.container,
	.container14,
	.container14.columns {
		width: auto;
		padding: 0 20px;
	}
}
/* / units*/

.clear {clear: both; font-size: 1px; line-height: 1px;}
.clearfix::after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.display-none {display: none;}
.display-block {display: block;}
.hidden {display:none;}
ul, ul li {list-style-image: none; list-style-position: outside; list-style-type: none;}
ul {margin: 0; padding: 0;}
ul li {}
ol, ol li {}
ol {margin: 0 0 8px 20px; padding: 0;}
ol li {padding: 0 0 7px 0;}
body>iframe {position: absolute; width: 1px; height: 1px; bottom: 0; left: -1000px;}

ul.text-list {padding: 0 0 22px 0;}
ul.text-list li {padding: 0 0 0 22px; background: url(/images2019/design/micro-elements/bull-square-black.svg) 0 10px no-repeat; background-size: 6px;}

ul.text-list2,
ul.contenlist2 {padding: 0 0 12px 0;}
ul.text-list2 li,
ul.contenlist2 li {padding: 0 0 10px 16px; background: url(/images2019/design/micro-elements/bull-square-black.svg) 0 10px no-repeat; background-size: 7px;}

ul.text-list.text-list-white li,
ul.text-list2.text-list-white li {
	color: var(--text-color-white);
	background-image: url(/images2019/design/micro-elements/bull-square-white.svg);
}

ul.banner-list li,
ul.list-blue-ticks li {
	padding: 0 0 20px 43px;
	line-height: 20px;
	position: relative;
}
ul.banner-list li::before,
ul.list-blue-ticks li::before {
	position: absolute;
	left: 1px;
	top: -6px;
	display: block;
	content: "";
	width: 28px;
	height: 26px;
}
ul.banner-list li {
	color: var(--text-color-white);
	font-weight: bold;
}
ul.banner-list li::before {
	background: url(/images2019/design/micro-elements/bull-yellow.svg) 0 0 no-repeat;
}
ul.list-blue-ticks li::before {
	background: url(/images2019/design/micro-elements/tick_blue.svg) 0 0 no-repeat;
}

ul.banner-list-yellow {padding: 6px 0 23px 0;}
ul.banner-list-yellow li {padding: 0 0 9px 15px; position: relative; color: var(--text-color-yellow);}
ul.banner-list-yellow li::before {width: 6px; height: 6px; background-color: var(--text-color-yellow); top: 12px; left: 2px; display: block; content: ""; position: absolute;}

ul.list-green-ticks li {
	font-weight: bold;
	line-height: 22px;
	padding: 0 0 14px 25px;
	background: url(/images2019/design/micro-elements/icon-yes.svg) 0 3px no-repeat;
}

ul.list-black-triangle li {
	padding: 24px 0 0 31px;
	line-height: 22px;
	background: url(/images2019/design/micro-elements/bull-triangle.svg) 0 27px no-repeat;
}

		/* /format blocks */

		/* format text */
a, a:focus {color: var(--link-color-blue); outline: none; text-decoration: none; border-bottom: solid 1px var(--borders-link-color-blue); cursor: pointer;}
button:focus {outline: none;}
a:hover {color: var(--link-color-blue); border-bottom: solid 1px transparent; outline: none;}

a.black-link, a.black-link:focus,
.black-link, .black-link:focus {color: var(--text-color-black); border-bottom: solid 1px var(--borders-dashed-gray-trasp); cursor: pointer;}
a.black-link:hover,
.black-link:hover {color: var(--text-color-black); border-bottom: solid 1px transparent;}
a.white-link, a.white-link:focus,
.white-link, .white-link:focus {color: var(--text-color-white); border-bottom: solid 1px var(--color-white-half-transparent); cursor: pointer;}
a.white-link:hover,
.white-link:hover {color: var(--text-color-white); border-bottom: solid 1px transparent;}
a.link-break {overflow-wrap: break-word;}

a[data-rlp] {cursor: pointer;}

a.anchor-lnk {top: -88px; position: relative; display: inline-block; height: 0; line-height: 0; font-size: 0;}
h2,
h2.h2-head,
h3.h2-head,
.h2-head {font-size: var(--text-big-size); margin: 0 0 17px 0; font-weight: normal; line-height: 33px;}
h2.h2-head2,
h3.h2-head2,
.h2-head2 {font-size: var(--text-big-size); margin: 0 0 43px 0; font-weight: normal; line-height: 33px;}
.h2-head h2 {display: inline;}
h1,
h2.big-h3,
h3.big-h3,
.big-h3 {font-size: var(--text-large-size); padding: 33px 0 38px 0; font-weight: normal; line-height: 38px; position: relative; text-align: center; margin: 0 0 17px 0;}
h3,
h3.h3-head,
h2.h3-head,
.h3-head {font-size: var(--text-big-size); margin: 0 0 17px 0; font-weight: normal; line-height: 33px;}
h3.h4-head,
h4 {font-size: var(--text-size); padding: 0 0 22px 0;}
h3.h4-head {line-height: 23px; margin-bottom: 0;}
.head-width-limit {max-width: 740px; margin-left: auto !important; margin-right: auto !important;}

p {padding: 0 0 22px 0;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.strike {text-decoration: line-through;}
.text-underline {text-decoration: underline;}
.align_c {text-align: center;}
.align_r {text-align: right;}
.align_l {text-align: left;}
		/* / format text */

/* txt */
.txt-box {padding: 48px 0 52px 0;}
.txt-box2 {padding: 80px 0 25px 0;}
.txt-box-no-padd {padding-top: 0;}
.txt-box-no-bott-padd {padding-bottom: 0;}
@media only screen and (max-width: 610px) {
	.txt-box {padding: 48px 0 52px 0;}
	.txt-box2 {padding: 80px 0 25px 0;}
}

.footnote {font-size: var(--text-small-size);}

.txt-box-domains {padding: 48px 0 62px 0;}
.txt-box-domains h2,
.txt-box-domains h3.h2-head {margin: 63px 0 45px 0;}

.subhead,
p.subhead,
h4.subhead {padding: 0 0 60px 0; text-align: center;}
p.subhead {color: var(--common-black) !important;}

@media only screen and (max-width: 610px) {
	.txt-box-domains {padding: 16px 0 44px 0;}
	.txt-box-domains h2,
	.txt-box-domains h3.h2-head {margin: 60px 0 48px 0; text-align: center;}
	
	.subhead,
	p.subhead,
	h4.subhead {padding: 0 0 50px 0;}
}
/* /txt */

/* coins */
sub.price-coin {vertical-align: baseline; font-size: inherit;}

/* help icon */
a.form-help, a.form-help:hover {
	display: inline-block;
	width: 14px;
	height: 14px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: var(--bg-help-tooltip);
	-webkit-box-shadow: 0 1px 1px var(--borders-dashed-gray-trasp);
	box-shadow: 0 1px 1px var(--borders-dashed-gray-trasp);
	margin: 0 0 0 5px;
	cursor: help;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
	color: var(--text-color-white);
	font-weight: bold;
	border: none;
	position: relative
}
a.form-help .form-help-box {
	width: 256px;
	position: absolute;
	top: -30px;
	left: 25px;
	display: none;
	text-align: left;
	font-weight: normal;
	z-index: 99;
	cursor: default;
	padding: 25px;
	border-radius: 7px;
	line-height: 23px;
	font-size: var(--text-size);
	color: var(--common-white);
	background-color: var(--bg-grey-blue-dark);
}
a.form-help:hover .form-help-box {display: block}
a.form-help .form-help-box::before {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	left: -20px;
	top: 24px;
	border: solid 10px transparent;
	border-right-color:  var(--bg-grey-blue-dark);
}
a.form-help .form-help-box .form-help-h2 {
	color: var(--common-white);
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 12px 0;
	display: block;
	line-height: 18px;
}
a.form-help .form-help-box .form-help-p {
	line-height: 17px;
	color: var(--common-white);
	font-size: var(--text-small-size);
	padding: 0 0 13px 0;
	display: block;
}

@media only screen and (max-width: 1024px) {
	a.form-help .form-help-box {
		top: auto;
		bottom: 31px;
		left: 50%;
		transform: translateX(-50%);
	}
	a.form-help .form-help-box::before {
		top: auto;
		bottom: -20px;
		left: 50%;
		margin-left: -10px;
		border: solid 10px transparent;
		border-top-color:  var(--bg-grey-blue-dark);
	}
}
@media only screen and (max-width: 410px) {
	a.form-help .form-help-box {
		width: 185px;
	}
}

/* helper classes */
a.form-help-tiangle, a.form-help-tiangle:hover {
	display: inline-block;
	width: 17px;
	height: 15px;
	margin: 0 0 -6px 2px;
	cursor: help;
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	border: none;
	position: relative;
	background: url(/images/design/form-help-tiangle.png) 0 0 no-repeat;
	}
a.form-help-tiangle .form-help-box {
	width: 276px;
	position: absolute;
	top: -258px;
	left: 14px;
	display: none;
	text-align: left;
	font-weight: normal;
	z-index: 99;
	cursor: default;
	padding: 25px;
	border-radius: 7px;
	background-color: var(--bg-grey-blue-dark);
	color: var(--common-white);
}
a.form-help-tiangle .form-help-box::before {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	left: -20px;
	top: 24px;
	border: solid 10px transparent;
	border-right-color:  var(--bg-grey-blue-dark);
}
a.form-help-tiangle:hover .form-help-box {display: block}
a.form-help-tiangle .form-help-box .form-help-h2 {color: var(--common-white); font-size: 18px; font-weight: bold; padding: 0 0 2px 0; display: block}
a.form-help-tiangle .form-help-box .form-help-p {
	color: var(--common-white);
	line-height: 23px;
	font-size: var(--text-size);
	padding: 0 0 13px 0;
	display: block;
}

/* help dashed */
.help-dashed, .help-dashed:hover {display: inline-block; position: relative;}
.help-dashed span {border-bottom: dashed 1px var(--borders-dashed-gray); cursor: help;}
.help-dashed .help-dashed-box {position: absolute; bottom: 21px; left: 50%; width: 378px; display: none; z-index: 99; padding: 4px 4px 14px 4px; border: none; max-width: 80vw; box-sizing: border-box; transform: translateX(-50%);}
.help-dashed:hover .help-dashed-box {display: block;}
.help-dashed .help-dashed-box2 {
	display: block;
	text-align: left;
	padding: 25px;
	border-radius: 7px;
	line-height: 23px;
	font-size: var(--text-size);
	color: var(--common-white);
	background-color: var(--bg-grey-blue-dark);
	position: relative;
}
.help-dashed .help-dashed-box2::before {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	/*left: -20px;*/
	/*top: 24px;*/
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: solid 10px transparent;
	border-top-color:  var(--bg-grey-blue-dark);
}
.help-dashed .help-dashed-box .help-dashed-h2 {font-weight: bold; display: block;}
.help-dashed .help-dashed-box .help-dashed-p {padding: 0; display: block; line-height: 22px;}

.help-dashed .help-dashed-box2 a, .help-dashed .help-dashed-box2 a:focus {color: var(--text-color-white); border-bottom: solid 1px var(--color-white-half-transparent); cursor: pointer;}
.help-dashed .help-dashed-box2 a:hover {color: var(--text-color-white); border-bottom: solid 1px transparent;}
	/* DEV-6007 */
.plan-table-details li.help-not-dashed {position: relative; margin-top: -7px; display: flex; justify-content: center; align-items: flex-end;}
.help-not-dashed .help-not-dashed-txt { margin-bottom: 2px; margin-right: 3px;}
.help-not-dashed .help-dashed,
.help-not-dashed .help-dashed:hover {display: inline-block; position: static; margin-left: 4px;}
.help-not-dashed .help-dashed span {border-bottom: 0 none; cursor: help;}
/* /DEV-6007 */

.aup-cloud-table {/*width: 50%;*/ margin-bottom: 19px; box-sizing: content-box; border-collapse: collapse;}
.aup-cloud-table th,
.aup-cloud-table td {border: 1px solid #666; padding: 2px 15px; width: auto;}
.aup-cloud-table th:last-child,
.aup-cloud-table td:last-child {text-align: center;}

.aup-cloud-table .help-dashed .help-dashed-box {width: 300px;}

/* adaptive youtube video hack!!! */
.adaptive-video {
  position: relative;
  padding-bottom: 56.25%; /* for 16:9 (for 4:3 change the value to 75%) */
  overflow: hidden;
  height: 0;
}
.adaptive-video iframe,
.adaptive-video object,
.adaptive-video embed,
.adaptive-video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
/* /adaptive youtube video hack!!! */

/* safari btns hack */
input[type=submit] {
	-webkit-appearance: none;
}
/* /safari btns hack */

/* old styles */


.loader-overlay {
    position: fixed;
    left:  0;
    top:  0;
    background: var(--text-color-black);
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 99;
    display: none;
    width: 100%;
    height: 100%;
	content-visibility: visible;
}
.feedbackloader {
    width: inherit;
    height: 20px;
    position: absolute;
    z-index: 100;
    display: none;
}

.zopim {content-visibility: visible;}


/* dialog */
.ui-dialog {overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0}
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative;}
.ui-dialog .ui-dialog-title {float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis}
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px}
.ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto}
.ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right}
.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0; cursor: pointer}
.ui-dialog .ui-resizable-se {width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px}

/* wrong animation */
.wrongEffect {
	animation-name: wrongEffect;
	-webkit-animation-name: wrongEffect;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important
}
@keyframes wrongEffect {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}
	65% {
		transform: rotate(1deg);
	}
	80% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes wrongEffect {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}
	65% {
		-webkit-transform: rotate(1deg);
	}
	80% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}


/* /old styles */
/* progressor */
.sk-fading-circle {
	margin: 0 auto;
	width: 50px;
	height: 50px;
	position: relative;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-fading-circle .sk-circle::before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: var(--color-loader-circle);
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

.cloud-subscr-progress .sk-fading-circle .sk-circle::before {
	background-color: var(--common-white);
}
/* /progressor */


.anchor-position {position: relative;}
.anchor-position-link,
.anchor-position > span.anchor-position-link {position: absolute; top: -86px;}

/* plates */
.plate_basic {
	border-radius: var(--basic-border-radius);
	background-color: var(--common-white);
}

.plate_border-grey {
	border: 1px solid var(--borders-grey-trasp);
}

.plate_shadow {
	-webkit-box-shadow: 0 2px 0 var(--borders-grey-trasp);
	box-shadow: 0 2px 0 var(--borders-grey-trasp);
}

.plate_shadow-blur {
	-webkit-box-shadow: 10px 17px 30px var(--shadow-grey-transp);
	box-shadow: 10px 17px 30px var(--shadow-grey-transp);
}
/* /plates */

/* labels */
.label_base-round {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 999px;
	text-align: center;
	font-weight: bold;
	line-height: 1 !important;
	border: solid 1px;
	padding: 0 9px 2px;
}
.label_size-small {
	font-size: var(--text-small-size) !important;
}
.label_white {
	background-color: var(--common-white);
	color: var(--common-black);
	border-color: var(--common-white);
}
.label_black {
	background-color: transparent;
	color: var(--common-black);
	border-color: var(--common-black);
}
.label_blue {
	background-color: var(--color-blue);
	color: var(--common-white);
	border-color: var(--color-blue);
}
.label_orange-black {
	background-color: var(--common-black);
	color: var(--color-orange);
	border-color: currentColor;
}
.label_white-black {
	background-color: var(--common-white);
	color: var(--common-black);
	border-color: currentColor;
}
.label_red {
	background-color: var(--color-red-bright);
	color: var(--common-white);
	border-color: var(--color-red-bright);
}
.label_icon-gift {
	padding-left: 28px;
	background-image: url(/images2019/design/micro-elements/icon-gift.svg);
	background-repeat: no-repeat;
	background-position: 9px calc(50% - 1px);
}
/* /labels */

/* tabs */
.tabs-content {
	display: none;
}
.tabs-content.tab-visible {
	display: block;
}
/* /tabs */

/* PageNavigator */
#nav-container {
	display: none;
	pointer-events: none;
}

@media only screen and (min-width: 1130px) {
	#nav-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 16px;
		position: fixed;
		top: 0;
		left: 0;
		width: 61px;
		padding: 0 12px;
		height: 100vh;
		z-index: 2;
	}

	#nav-scroll-btn,
	.tariff-btn,
	.nav-points {
		pointer-events: auto;
		transition: all 0.3s ease;
	}

	#nav-scroll-btn,
	.tariff-btn {
		background-color: var(--bg-nav-light);
		background-position: center;
		background-repeat: no-repeat;
		width: 61px;
		height: 61px;
		border-radius: 50%;
		cursor: pointer;
	}

	#nav-scroll-btn {
		background-image: url(/images2019/design/micro-elements/nav-arrow.svg);
		transition: transform 0s ease, background 0.3s ease;
		visibility: visible;
	}

	#nav-scroll-btn:hover {
		background-color: var(--bg-nav-dark);

	}

	#nav-scroll-btn:not(.active-btn) {
		visibility: hidden;
	}

	#nav-scroll-btn.down-btn {
		transform: scaleY(-1);
	}

	.tariff-btn {
		background-image: url(/images2019/design/micro-elements/nav-bag.svg);
	}

	.tariff-btn:hover {
		background-color: var(--bg-nav-dark);
	}

	.tariff-btn.disabled-btn {
		pointer-events: none;
		cursor: default;
	}

	.nav-points {
		display: flex;
		width: 61px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 32px 0;
		gap: 24px;
		border-radius: 9999px;
		background-color: var(--bg-nav-light);
	}

	.nav-points:hover {
		background-color: var(--bg-nav-dark);
	}

	.point {
		background-color: #fff;
		border-radius: 50%;
		cursor: pointer;
		width: 8px;
		height: 8px;
		flex-shrink: 0;
		position: relative;
	}

	.point.active-point {
		pointer-events: none;
		cursor: default;
	}

	.point::after {
		content: '';
		position: absolute;
		display: none;
		background: transparent;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		top: calc(50% - 12px);
		left: calc(50% - 12px);
	}

	.point:not(.active-point)::after {
		display: block;
	}

	.point::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		background-color: var(--common-white);
		border-radius: 50%;
		transform: translate(-50%, -50%);
		transition: transform 0.3s ease;
	}

	.point:hover::before {
		transform: translate(-50%, -50%) scale(1.5);
	}

	.point.active-point::before {
		transform: translate(-50%, -50%) scale(2);
	}

	.point span {
		position: absolute;
		top: calc(50% - 22px);
		left: 46px;
		padding: 8px 16px;
		border-radius: 1000px;
		background: var(--bg-nav-dark);
		color: var(--text-color-white);
		font-size: 19px;
		font-weight: 400;
		transition: opacity 0.2s ease;
		pointer-events: none;
		white-space: nowrap;
	}

	.point span,
	.point.active-point span {
		/*display: none;*/
		opacity: 0;
	}

	.point:hover span {
		/*display: block;*/
		opacity: 1;
	}

	.hidden-point {
		display: none;
	}

	/* fix review-block position */
	.nav-review-offset {
		padding-top: 52px;
		margin-top: -52px;
	}
}

/* /PageNavigator */