html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/* 2026  start */

:root {
	--as-white: #FFFFFF;
	--as-black: #000000;
	--as-black-2: #171517;
	--as-blue: #013594;
	--as-blue-2: #DFEBF9;
	--as-blue-3: #B5C9EA;
	--as-blue-4: #92B2E8;
	--as-blue-light: #F1F7FF;
	--as-orange: #F25101;
	--as-orange-hover: #D34803;
	--as-orange-active: #FF671B;
	--as-grey: #54505D;
	--as-grey-light: #6E7685;
	--as-error: #D80202;
	--as-blue-hover: #022b74;
	--as-blue-active: #003aa3;
	--as-rounded: 1.5625rem;
	--as-base-ff: 'PT Sans';
	/* --as-second-ff: 'SF Pro Display'; */
	--as-second-ff: 'SF';
	--gutter-x: 20px;
	--gutter-y: 0px;
	--green_01: #51CC71;
	--green_02: #F0FFF4;
	--red: #A14343;
	--red_02: #FAF4F4;
}

/* 2026  end */

html,
body {
	min-width: 320px;
	min-height: 100%;
}

body {
	position: relative;
	background: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #6e7685;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

* {
	outline: none;
	max-height: 999999px;
}

img {
	border: none;
	vertical-align: top;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 3px;
}

input,
textarea,
select,
button {
	font-family: 'PT Sans', sans-serif;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button {
	overflow: visible;
}

label {
	cursor: pointer;
}

a {}

a:hover {
	text-decoration: none;
}

.clear_fix {
	clear: both;
	display: block;
	height: 0;
}

.hidden {
	display: none;
}

.wrapper {
	position: relative;
	min-width: 300px;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

@media (max-width: 480px) {
	.wrapper {
		padding: 0 16px;
	}
}

/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative;
	min-width: 320px;
	overflow: hidden;
}

html.lock {
	overflow: hidden !important;
	width: auto;
}

html.lock body {
	overflow: hidden !important;
}

H1,
H2,
H3,
H4,
H5 {
	margin: 0;
	padding: 0;
	line-height: 1;
}

H1,
.big-h2 {
	font-size: 51px;
	color: #003594;
	font-weight: 300;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

H1 span {
	display: inline-block;
	vertical-align: baseline;
	font-weight: 700;
	color: #fa4c06;
}

H1 sup {
	top: -17px;
	font-weight: 400;
	font-size: 30px;
}

.article-body H2,
.like-h2 {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

H3 {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

.article-body H3 {
	font-size: unset;
	color: unset;
	font-weight: 700;
	font-family: unset;
}

input[type=text],
input[type=email],
textarea {
	box-sizing: border-box;
}

input[type=text] {}

textarea {
	overflow: auto;
	resize: none;
	vertical-align: top;
}

button {
	cursor: pointer;
	border: 0;
}

a.button {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px;
	background: #fa4c06;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
	padding: 0 10px;
}

a.button:hover {
	background: #ff8436;
}

a.button-blue {
	background: #d3e6f5;
	color: #003594;
}

a.button-blue:hover {
	background: #78aee6;
}

sup {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
}

.dib {
	display: inline-block;
	vertical-align: baseline;
}

.text-box {}

.text-box p {}

.text-box ul {}

.text-box ul li {
	position: relative;
	margin-top: 7px;
	padding-left: 22px;
}

.text-box ul li:first-child {
	margin-top: 0;
}

.text-box ul li:after {
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	background: #fa4c06;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 9px;
}

.text-box img {
	max-width: 100%;
}



.site-body {
	padding-bottom: 30px;
}

/* 404
------------------------------------------------ */
.breadcrumb {
	color: #133595;
	font-size: 16px;
	/* margin-top:120px; */
}

.breadcrumb a {
	color: #133595;
}

@media (max-width: 480px) {
	.breadcrumb {
		font-size: 12px;
	}
}

/* 404
------------------------------------------------ */
.page-404 {
	text-align: center;
}

.page-404 h3 {}

.page-404 p {
	margin-top: 30px;
	color: #133595;
}

.page-404 p a {
	color: #133595;
}



/* step-1
------------------------------------------------ */
.step-1 {
	min-width: 320px;
}

.step-1 .slider {
	position: relative;
	min-width: 320px;
	padding-bottom: 20px;
}

.step-1 .inner {
	position: relative;
	overflow: hidden;
	height: 520px;
}

.step-1 ul {
	position: relative;
}

.step-1 ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-1 li {
	position: relative;
	float: left;
	width: 100%;
}

.step-1 li .tbl {
	display: table;
	width: 100%;
}

.step-1 li .entry {
	display: table-cell;
	vertical-align: middle;
	width: 530px;
	height: 520px;
	padding-left: 90px;
	box-sizing: border-box;
	z-index: 5;
}

.step-1 li .title {
	font-size: 51px;
	color: #003594;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	line-height: 1;
}

.step-1 li .text {
	padding-top: 20px;
	line-height: 26px;
	font-size: 18px;
}

.step-1 li .detail {
	padding-top: 30px;
}

.step-1 li .detail a {
	width: 134px;
}

.step-1 li .img {
	display: table-cell;
	vertical-align: middle;
	height: 520px;
	text-align: center;
}

.step-1 li .img img {
	max-width: 100%;
	max-height: 100%;
}

.step-1 .page {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 21px;
	text-align: center;
}

.step-1 .page a {
	display: inline-block;
	vertical-align: top;
	background: #dbdcdd;
	width: 21px;
	height: 21px;
	margin: 0 7.5px;
	border-radius: 100%;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.step-1 .page a:hover,
.step-1 .page a.selected {
	background: #fa4c06;
}

.step-1 .page a * {
	display: none;
}

/* end step-1 */


/* step-2
------------------------------------------------ */
.step-2 {
	margin-top: 42px;
}

.step-2 .table {
	display: table;
	width: 100%;
}

.step-2 .basic {
	display: table-cell;
	width: 67%;
	vertical-align: middle;
}

.step-2 .basic .content {
	position: relative;
}

.step-2 .basic .entry {
	padding-right: 60px;
	position: absolute;
	top: 50%;
	margin-top: -155px;
	right: 53%;
}

.step-2 .basic .inner {
	display: table-cell;
	width: 999px;
	height: 310px;
	vertical-align: middle;
	text-align: center;
}

.step-2 .basic .text {
	font-size: 30px;
	color: #003594;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.step-2 .basic .detail {
	margin-top: 25px;
}

.step-2 .basic .detail a {
	width: 135px;
}

.step-2 .basic .img {
	text-align: right;
}

.step-2 .basic .img img {
	max-width: 100%;
}

.step-2 .question {
	display: table-cell;
	width: 33%;
	vertical-align: middle;
	padding: 40px 5px 0;
	box-sizing: border-box;
	text-align: center;
}

.step-2 .question:before {
	content: '';
	display: inline-block;
	width: 227px;
	height: 102px;
	background: url(../i/step2/school.svg) no-repeat;
	background-size: contain;
	background-position: center;
}

.step-2 .question .title {
	font-size: 36px;
	color: #003594;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.step-2 .question .detail {
	margin-top: 25px;
}

.step-2 .question .detail a {
	width: 135px;
}

.step-2b {
	margin-top: 76px;
}

/* end step-2 */


/* step-3
------------------------------------------------ */
.step-3 {
	padding-top: 76px;
}

.step-3:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-3-item {
	width: 398px;
	float: left;
	margin-left: 13px;
}

.step-3-item:first-child {
	margin-left: 0;
}

.step-3-item .inner {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 4px;
	text-decoration: none;
}

.step-3-item .inner:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 4px dashed #d3e6f5;
	-webkit-transition: border .2s linear;
	transition: border .2s linear;
}

.step-3-item:hover .inner:after {
	border-color: #fa4c06;
}

.step-3-item .tbl {
	display: table-cell;
	width: 999px;
	height: 384px;
	vertical-align: middle;
	text-align: center;
}

.step-3a {}

.step-3a .logo {
	display: block;
	padding: 0 10px;
}

.step-3a .logo img {
	max-width: 100%;
}

.step-3a .title {
	display: block;
	padding: 25px 10px 0;
	font-weight: 700;
	font-size: 37px;
	color: #003594;
	font-family: 'Roboto', sans-serif;
}

.step-3a .title span {
	display: inline-block;
	vertical-align: baseline;
	color: #ff4c00;
}

.step-3a .title sup {
	top: -10px;
	font-size: 22px;
}

.step-3b .inner {
	overflow: visible;
	height: 384px;
}

.step-3b .inner:after {
	border-color: #fa4c06;
}

.step-3b .title {
	position: relative;
	padding: 50px 20px 0 40px;
	font-size: 30px;
	font-weight: 300;
	color: #003594;
	font-family: 'Roboto', sans-serif;
}

.step-3b .title span {
	color: #ff4c00;
	font-weight: 700;
}

.step-3b .title sup {
	top: -10px;
	font-size: 18px;
	font-weight: 300;
}

.step-3b .form {
	position: relative;
	/*margin: 65px 40px 0;*/
	margin: 30px 40px 0;
	height: 35px;
	z-index: 5;
	padding-right: 100px;
}

.step-3b .form input[type=text],
.step-3b .form input[type=email] {
	width: 100%;
	height: 35px;
	border: 4px solid #d3e6f5;
	padding: 0 8px;
	font-size: 16px;
	color: #808184;
	font-family: 'Myriad';
}

.step-3b .form button {
	position: absolute;
	right: 55px;
	top: 22px;
	width: 37px;
	height: 35px;
	border: 0;
	padding: 0;
	background: #fa4c06;
	border-radius: 7px;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.step-3b .form button:hover {
	background: #ff8436;
}

.step-3b .form button:after {
	display: block;
	content: '';
	background: url(../i/sprite.png) -50px -0px no-repeat;
	width: 10px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -5px;
}

.step-3b .foot {
	height: 54px;
	background: #d3e6f5;
	position: absolute;
	left: -0;
	right: -0;
	bottom: -0;
}

.step-3b .foot:before {
	display: block;
	content: '';
	background: url(../i/step3/sc.png) no-repeat;
	width: 69px;
	height: 51px;
	position: absolute;
	right: 21px;
	bottom: 100%;
	margin-bottom: 3px;
}

.step-3b .foot:after {
	display: block;
	content: '';
	background: url(../i/step3/el.png) center top repeat-x;
	height: 3px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
}

.step-3c {}

.step-3c .img {
	display: block;
	padding: 0 10px;
}

.step-3c .img img {
	max-width: 100%;
}

.step-3c .title {
	display: block;
	padding-top: 17px;
	font-size: 37px;
	color: #003594;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.step-3c .title span {
	display: block;
	padding-top: 10px;
	color: #ff4c00;
}

.step-3c .title sup {
	top: -10px;
	font-size: 22px;
}

/* end step-3 */


/* step-4
------------------------------------------------ */
.step-4 {
	margin-top: 76px;
}

.step-4 .block {
	position: relative;
}

.step-4 .img img {
	max-width: 100%;
}

.step-4 .content {
	background: #fff;
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	margin-top: -175px;
	padding-left: 60px;
}

.step-4 .tbl {
	display: table-cell;
	height: 350px;
	vertical-align: middle;
}

.step-4 .title {
	font-size: 30px;
	font-weight: 300;
	color: #003594;
	font-family: 'Roboto', sans-serif;
}

.step-4 .title sup {
	top: -8px;
	font-size: 27px;
}

.step-4 .detail {
	padding-top: 30px;
}

.step-4 .detail a {
	width: 135px;
}

.step-4b .img {
	text-align: right;
}

.step-4b .content {
	right: 66%;
	left: 0;
	padding: 0 60px 0 0;
}

.step-4b .tbl {
	width: 999px;
	text-align: right;
}

/* end step-4 */


/* step-5
------------------------------------------------ */
.step-5 {}

.step-5 .intro {
	padding-top: 20px;
	font-size: 24px;
	color: #fa4c06;
}

.step-5 .intro span {
	font-weight: 700;
}

.step-5 .intro sup {
	top: -6px;
	font-size: 16px;
	font-weight: 400;
}

.step-5 ul {
	padding-top: 50px;
}

.step-5 li {
	padding-top: 60px;
}

.step-5 li:first-child {
	padding-top: 0;
}

.step-5 li .title {
	font-size: 30px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

.step-5 li .title a {
	color: #003594;
	text-decoration: none;
}

.step-5 li .title a sup {
	top: -10px;
	font-size: 16px;
}

.step-5 li .text {
	padding-top: 15px;
	line-height: 26px;
}

.step-5 li .detail {
	padding-top: 20px;
}

.step-5 li .detail a {
	width: 135px;
}

/* end step-5 */


/* step-6
------------------------------------------------ */
.step-6 {}

.step-6 .tab {
	position: relative;
	padding: 0 0 0 30px;
	height: 64px;
	margin-top: 47px;
}

.step-6 .tab:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 4px dashed #d3e6f5;
}

.step-6 .tab a {
	position: relative;
	display: block;
	padding: 0 25px;
	height: 64px;
	line-height: 64px;
	background: #d3e6f5;
	border-radius: 10px 10px 0 0;
	float: left;
	margin-left: 10px;
	font-size: 24px;
	color: #003594;
	text-decoration: none;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.step-6 .tab a:first-child {
	margin-left: 0;
}

.step-6 .tab a:hover,
.step-6 .tab a.active {
	background: #fa4c06;
	color: #fff;
}

.step-6 .img {
	margin-top: 42px;
	text-align: center;
}

.step-6 .img img {
	max-width: 100%;
}

.step-6 .print {
	margin-top: 35px;
	text-align: center;
}

.step-6 .print:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../i/sprite.png) -66px -0px no-repeat;
	width: 31px;
	height: 32px;
	margin-right: 13px;
}

.step-6 .print a {
	width: 135px;
	vertical-align: middle;
}

/* end step-6 */


/* step-7
------------------------------------------------ */
.step-7a {
	display: table;
	width: 100%;
}

.step-7a .img {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

.step-7a .img img {
	max-width: 100%;
}

.step-7a .entry {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

.step-7a .text {
	padding-top: 25px;
	max-width: 500px;
}

.step-7a .bt {
	position: relative;
	padding-top: 15px;
}

.step-7a .bt:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-7a .bt a {
	float: left;
	width: 135px;
	margin: 10px 10px 0 0;
}

.step-7a .bt a:last-child {
	margin-right: 0;
}

.step-7a .bt a.b-2 {
	width: 262px;
}

.step-7b {
	position: relative;
	margin-top: 120px;
}

.step-7b .tab {
	position: absolute;
	left: 32px;
	bottom: 100%;
	margin-bottom: -4px;
}

.step-7b .tab:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-7b .tab a {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0 25px;
	line-height: 1;
	background: #d3e6f5;
	border-radius: 10px 10px 0 0;
	float: left;
	margin-left: 10px;
	font-size: 24px;
	color: #003594;
	text-decoration: none;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.step-7b .tab a:first-child {
	margin-left: 0;
}

.step-7b .tab a:hover,
.step-7b .tab a.active {
	background: #fa4c06;
	color: #fff;
}

.step-7b .tab a span {
	display: table-cell;
	height: 64px;
	vertical-align: middle;
	text-align: center;
}

.step-7b .box {
	border: 4px dashed #d3e6f5;
}

.step-7b .box {
	padding: 55px 55px 100px;
	position: relative;
}

.download-instuctions {
	position: absolute;
	bottom: 35px;
	padding: 0px 20px;
}

.source-button,
.more-button {
	padding: 0 20px;
	margin-top: 20px;
}

/* end step-7 */


/* step-8
------------------------------------------------ */
.step-8-item {
	width: 592px;
	box-sizing: border-box;
	border: 4px dashed #d3e6f5;
	-webkit-transition: border .2s linear;
	transition: border .2s linear;
}

.step-8-item:hover {
	border-color: #fa4c06;
}

.step-8-item .tbl {
	display: table;
	width: 100%;
}

.step-8-item .img {
	display: table-cell;
	vertical-align: middle;
	width: 45%;
	height: 436px;
	text-align: center;
}

.step-8-item .img img {
	max-width: 100%;
}

.step-8-item .entry {
	display: table-cell;
	vertical-align: middle;
	width: 55%;
	height: 436px;
	padding-right: 25px;
	box-sizing: border-box;
}

.step-8-item .title {
	font-size: 30px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

.step-8-item .title a {
	color: #003594;
	text-decoration: none;
}

.step-8-item .text {
	padding-top: 20px;
}

.step-8-item .detail {
	padding-top: 20px;
}

.step-8-item .detail a {
	width: 135px;
}

.step-8 {
	padding-top: 55px;
}

.step-8 .subtitle {
	font-size: 37px;
	color: #003594;
	font-weight: 700;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.step-8 .subtitle span {
	display: inline-block;
	vertical-align: baseline;
	color: #ff4c00;
}

.step-8 .subtitle sup {
	top: -10px;
	font-weight: 400;
	font-size: 22px;
}

.step-8 ul {
	position: relative;
	padding-top: 34px;
}

.step-8 ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-8 li {
	float: left;
	margin: 16px 16px 0 0;
}

.step-8 li:nth-child(2n+2) {
	margin-right: 0;
}

/* end step-8 */


/* step-9
------------------------------------------------ */
.step-9 {}

.step-9 .intro {
	padding-top: 25px;
	font-size: 24px;
	color: #fa4c06;
	text-transform: uppercase;
}

.step-9 ul {
	padding-top: 34px;
}

.step-9 ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-9 li {
	float: left;
	margin: 16px 16px 0 0;
}

.step-9 li:nth-child(2n+2) {
	margin-right: 0;
}

.atopic_series_image img {
	max-width: 100%;
	padding-top: 25px;
	height: auto;
}


/* end step-9 */


/* step-10
------------------------------------------------ */
.step-10a {
	padding-top: 50px;
}

.step-10a .img {
	display: table-cell;
	vertical-align: top;
	width: 300px;
	text-align: center;
}

.step-10a .img img {
	max-width: 100%;
}

.step-10a .entry {
	display: table-cell;
	vertical-align: top;
}

.step-10a .text {
	/*padding-top: 25px; */
	line-height: 26px;
}

.step-10b {
	padding-top: 55px;
}

.step-10b .block {
	position: relative;
}

.step-10b .block:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-10b ul {
	width: 46%;
	margin-left: 8%;
	float: left;
}

.step-10b ul:first-child {
	margin-left: 0;
}

.step-10b li {
	margin-top: 30px;
}

.step-10b li .title {
	font-weight: 700;
	color: #fa4c06;
}

.step-10b li .text {
	position: relative;
	padding-left: 14px;
	line-height: 26px;
	margin-top: 3px;
}

.step-10b li .text:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 5px;
	width: 3px;
	background: #d3e6f5;
}

.step-10c {
	padding-top: 75px;
}

.step-10c .text {
	padding-top: 20px;
	line-height: 26px;
}

.step-10d {
	padding-top: 70px;
}

.step-10d .intro {}

.step-10d .intro .img {
	display: table-cell;
	vertical-align: top;
	width: 300px;
	text-align: center;
}

.step-10d .intro .img img {
	max-width: 100%;
}

.step-10d .intro .entry {
	display: table-cell;
	vertical-align: top;
}

.step-10d .intro .text {
	padding-top: 20px;
	line-height: 26px;
}

.step-10d .list {
	position: relative;
	padding-top: 70px;
}

.step-10d .list:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-10d .list ul {
	width: 48%;
	float: left;
	margin-left: 4%;
}

.step-10d .list ul:first-child {
	margin-left: 0;
}

.step-10d .list li {
	position: relative;
	line-height: 26px;
	margin-top: 30px;
	padding-left: 14px;
}

.step-10d .list li:first-child {
	margin-top: 0;
}

.step-10d .list li:after {
	display: block;
	content: '';
	width: 6px;
	height: 4px;
	background: url(../i/sprite.png) -50px -30px no-repeat;
	position: absolute;
	left: 0;
	top: 11px;
}

/* end step-10 */


/* step-11
------------------------------------------------ */
.step-11a {
	position: relative;
	margin-top: 50px;
}

.step-11a .img img {
	max-width: 100%;
}

.step-11a .content {
	position: absolute;
	right: 0px;
	left: 41%;
	top: 0;
	bottom: 0;
	white-space: nowrap;
}

.step-11a .content:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0;
	height: 100%;
	margin-left: -4px;
}

.step-11a .content .tbl {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	padding: 40px 0 40px 60px;
	white-space: normal;
}

.step-11a .content .title {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

.step-11a .content .text {
	padding-top: 25px;
	line-height: 26px;
}

.step-11b {
	position: relative;
	margin-top: 76px;
}

.step-11b:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-11b .block {
	position: relative;
	width: 67%;
	float: left;
}

.step-11b .content {
	background: #fff;
	position: absolute;
	top: 80px;
	bottom: 0;
	left: 0;
	right: 50%;
	padding-right: 60px;
	text-align: right;
	white-space: nowrap;
}

.step-11b .content:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0;
	height: 100%;
	margin-left: -5px;
}

.step-11b .content .tbl {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.step-11b .content .title {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

.step-11b .content .text {
	padding-top: 25px;
	line-height: 26px;
}

.step-11b .img {
	text-align: right;
}

.step-11b .img img {
	max-width: 100%;
}

.step-11b .alert {
	position: relative;
	width: 33%;
	float: left;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
}

.step-11b .alert:before {
	display: block;
	content: '';
	background: url(../i/step11/a.png) center top no-repeat;
	height: 359px;
	position: absolute;
	left: 0;
	right: 0;
	top: 63px;
}

.step-11b .alert .text {
	position: relative;
	padding-top: 130px;
	font-size: 30px;
	font-weight: 700;
	color: #fa4c06;
	font-family: 'Roboto', sans-serif;
}

.step-11c {
	margin-top: 76px;
}

/* end step-11 */


/* step-12
------------------------------------------------ */
.step-12 {
	margin-top: 40px;
}

.step-12 ul {
	position: relative;
}

.step-12 ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-12 li {
	width: 508px;
	float: left;
	padding-top: 36px;
}

.step-12 li:nth-child(2n+2) {
	float: right;
}

.step-12 li .img {
	height: 316px;
}

.step-12 li .img img {
	max-width: 100%;
}

.step-12 li .entry {
	position: relative;
	background: #fff;
	margin-left: 100px;
	padding: 60px 0 0 55px;
}

.step-12 li .title {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

.step-12 li .text {
	padding-top: 25px;
	line-height: 26px;
}

/* end step-12 */


/* step-13
------------------------------------------------ */
.step-13 .intro {
	padding-top: 20px;
	font-size: 24px;
	color: #fa4c06;
	text-transform: uppercase;
}

.step-13 ul {
	margin-top: 50px;
}

.step-13 li {
	position: relative;
	margin-top: 76px;
}

.step-13 li:first-child {
	margin-top: 0;
}

.step-13 li .img img {
	max-width: 100%;
}

.step-13 li .content {
	position: absolute;
	left: 41%;
	right: 0px;
	top: 0;
	bottom: 0;
	white-space: nowrap;
}

.step-13 li .content:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0;
	height: 100%;
	margin-left: -5px;
}

.step-13 li .tbl {
	display: inline-block;
	vertical-align: middle;
	padding: 40px 0 45px 60px;
	background: #fff;
	white-space: normal;
}

.step-13 li .title {
	font-size: 30px;
	color: #003594;
	font-weight: 300;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}

.step-13 li .text {
	padding-top: 25px;
	line-height: 26px;
}

.step-13 li .detail {
	padding-top: 25px;
}

.step-13 li .detail a {
	width: 135px;
}

.step-13 li:nth-child(2n+2) .img {
	text-align: right;
}

.step-13 li:nth-child(2n+2) .content {
	left: 0;
	right: 41%;
}

.step-13 li:nth-child(2n+2) .tbl {
	padding-left: 0;
	padding-right: 60px;
	text-align: right;
}

/* end step-13 */


/* step-14
------------------------------------------------ */
.step-14a {}

.step-14a .intro {
	padding-top: 20px;
	font-size: 24px;
	color: #fa4c06;
}

.step-14a .intro span {
	font-weight: 700;
}

.step-14a .intro sup {
	top: -6px;
	font-size: 18px;
	font-weight: 400;
}

.step-14a ul {
	padding-top: 20px;
}

.step-14a ul:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-14a li {
	position: relative;
	overflow: hidden;
	width: 25%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}

.step-14a li>* {
	display: table-cell;
	width: 999px;
	height: 186px;
	vertical-align: middle;
	text-align: center;
}

.step-14a li>* img {
	vertical-align: middle;
	max-width: 100%;
}

.step-14b {
	padding-top: 20px;
}

.step-14b .choice {
	font-size: 30px;
	font-weight: 300;
	color: #003594;
	font-family: 'Roboto', sans-serif;
}

/*.step-14b .choice a {
	font-weight: 700; color: #fa4c06;
}*/
.step-14b .choice .sel {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 20px;
}

.step-14b .block {
	position: relative;
	margin-top: 20px;
}

.step-14b .block:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.step-14b .sizer {
	width: 10%;
}

.step-14b .item {
	width: 45%;
	float: left;
	margin-top: 30px;
}

.step-14b .item .title {
	font-size: 30px;
	font-weight: 700;
	color: #fa4c06;
	font-family: 'Roboto', sans-serif;
}

.step-14b .item ul {
	margin-top: 25px;
}

.step-14b .item li {
	position: relative;
	padding-left: 16px;
	margin-top: 30px;
}

.step-14b .item li:first-child {
	margin-top: 0;
}

.step-14b .item li:after {
	display: block;
	content: '';
	width: 3px;
	background: #d3e6f5;
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
}

.step-14b .item li .level {
	font-weight: 700;
	color: #003594;
}

.step-14b .item li .value {}

/* end step-14 */



.anchor_name {
	display: block;
	content: "";
	height: 93px;
	margin: -93px 0 0;
}

.img-baby {
	/*margin-bottom:-76px;*/
	margin-bottom: -30px;
}

.img-baby img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px auto;
}

#city_chosen {
	width: 162px !important;
}

.search-page a,
.map-level-0 a {
	text-decoration: none;
	color: #003594;
}

.site-map-button {
	margin-right: 100px
}

.search-page a:hover,
.site-map-button:hover,
.map-level-0 a:hover {
	color: #fa4c06 !important;
}

.map-level-1 {
	padding-left: 16px;
}

.clear:after {
	content: '';
	display: table;
	clear: both;
}

.left-col {
	width: 70%;
	float: left;
}

.left-col .contacts {
	padding: 1em 0 8px;
	font-size: 1.1em;
	line-height: 2.4em;
}

.contacts .bold {
	font-weight: 600;
}

.feedback-form {
	float: right;
	background-color: #d3e6f5;
	width: 26.4%;
	text-align: center;
}

.feedback-form input[type="text"],
.feedback-form textarea,
.feedback-form input[type="email"] {
	border: 1px solid #fff;
	width: 81%;
	margin-bottom: 1.6em;
	height: 2em;
	font-size: 1em;
	text-indent: .8em;
}

.feedback-form input[type="text"].error,
.feedback-form textarea.error,
.feedback-form input[type="email"].error {
	border: 1px solid red;
}

.feedback-form input[type="submit"] {
	border: none;
	border-radius: 9px;
	background: #fa4c06;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 0 1.5em;
	margin: 11px 0 22px;
	cursor: pointer;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.feedback-form input[type="submit"]:hover {
	background: #ff8436;
}

.feedback-form textarea {
	padding-top: 7px;
	height: 10em;
}

.feedback-form__title {
	font-size: 1.35em;
	line-height: 4.6em;
	color: #133595;
}

.feedback-form .g-recaptcha {
	-webkit-transform: scale(.86);
	-moz-transform: scale(.86);
	-ms-transform: scale(.86);
	-o-transform: scale(.86);
	transform: scale(.86);
	-webkit-transform-origin: 68% 0;
	-moz-transform-origin: 68% 0;
	-o-transform-origin: 68% 0;
	-ms-transform-origin: 68% 0;
	transform-origin: 68% 0;
}

.footer-buttons {
	display: inline-block;
	padding-top: 6px;
	line-height: 1.7em;
	font-size: .9em;
}

.footer-buttons a {
	display: block;
}

.footer-buttons a:hover {
	color: #fa4c06
}

.site-footer .contacts>span {
	display: inline-block;
	padding-right: 60px;
}

.aseries-video {
	width: 635px;
	height: 357px;
	margin: 30px auto;
	display: block;
}

.slider-button {
	position: relative;
	width: 54px;
	height: 54px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 4px 0px rgba(0, 0, 0, .7);
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear;
	cursor: pointer;
}

.slider-button:before,
.slider-button:after {
	content: '';
	display: block;
	width: 24px;
	height: 3px;
	background-color: #fa4c06;
	position: absolute;
	top: 23px;
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.slider-button:before {
	right: 24px;
	-moz-transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	-webkit-transform: rotate(-38deg);
	-o-transform: rotate(-38deg);
	transform: rotate(-38deg);
}

.slider-button:after {
	left: 24px;
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-webkit-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	transform: rotate(38deg);
}

.slider-button:hover {
	background-color: #fa4c06;
}

.slider-button:hover:before,
.slider-button:hover:after {
	background-color: #fff;
}

#scroll_up_button {
	position: fixed;
	bottom: 67px;
	right: 20px;
}

.slider-nav {
	position: absolute;
	top: 244px;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	padding: 0px 23px;
}

#slider-button-left {
	float: left;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#slider-button-right {
	float: right;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.search-form {
	position: relative;
	white-space: nowrap;
	width: 292px;
	top: -11px;
}

.search-form .search-form-close {
	display: none;
}

.search-form input[type="text"] {
	height: 36px;
	width: 232px;
	border: 1px solid #d3e6f5;
	border-radius: 8px 0 0 8px;
	text-indent: 14px;
	font-size: 15px;
}

.search-form [type="submit"] {
	position: absolute;
	border: 1px solid #d3e6f5;
	border-radius: 0 8px 8px 0;
	background: #d3e6f5;
	height: 36px;
	width: 36px;
}

.search-form [type="submit"]:before {
	content: '\1F50D';
	color: #fff;
	font-size: 20px;
}

.search-form input[type="text"]:focus {
	border-color: #fa4c06;
}

.search-form input[type="text"]:focus+[type="submit"] {
	border-color: #fa4c06;
	background: #fa4c06;
}

.font-bold {
	font-weight: bold;
}

.filter-wb {
	margin-bottom: 27px;
}

.filter-wb>span {
	color: #003594;
	font-size: 1.78em;
	font-family: Myriad;
}

.city-block {
	display: inline-block;
	position: relative;
	margin-left: 1em;
}

.city-block input {
	font-size: 1.5em;
	text-indent: .3em;
	border: 1px solid #d3e6f5;
	color: #003594
}

.city-block label {
	font-size: 1.5em;
	color: #fa4c06;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	line-height: 1.45;
	width: 100%;
}

.city-block ul {
	display: none;
	position: absolute;
	top: 2.5em;
	border: 1px solid #d3e6f5;
	background-color: #fff;
	width: 100%;
	padding: .5em 0;
	z-index: 9999;
}

.city-block ul li {
	padding: 0 .5em;
	cursor: pointer;
}

.city-block ul li:hover {
	background-color: #d3e6f5;
}

#map {
	width: 100%;
	height: 477px;
}

.map-warning {
	border: 1px solid #d3e6f5;
	margin-top: 8px;
	text-align: center;
	font-size: .887em;
	padding: 15px 0;
	color: #133595;
	margin-bottom: 10px;
}

.map-warning span {
	display: block;
	font-size: 1.31em;
	padding-bottom: .7em;
	color: #fa4c06;
}

.map-warning.left-align {
	text-align: left;
	padding: 15px 28px;
	margin-bottom: 0;
	margin-top: 10px;
}

#apt-list {
	display: flex;
	flex-wrap: wrap;
	max-height: 488px;
	overflow: auto;
}

#apt-list::-webkit-scrollbar {
	width: 16px;
}

#apt-list::-webkit-scrollbar-track {
	background-color: #d3e6f5;
}

#apt-list::-webkit-scrollbar-thumb {
	background-color: #fa4c06;
}

#apt-list li {
	width: 33.3%;
	cursor: pointer;
}

#apt-list li div {
	color: #fa4c06;
	font-weight: 600;
	font-size: 1.63em;
	padding: 33px 21px;
}

#apt-list li p {
	border-left: 7px solid #d3e6f5;
	padding-left: 15px;
	font-size: 1.3em;
	color: #717b80;
}

.ymaps-b-balloon__content-body div {
	color: #fa4c06;
	font-weight: 600;
	font-size: 1.63em;
}

.map-intro {
	color: #003594;
	font-size: 2em;
}

.ma-wrapp {
	position: relative;
	left: -34px;
}

.share-icons {
	text-align: right;
	padding-top: 33px;
}

.image-box {
	display: flex;
	justify-content: space-around;
}

.child {
	opacity: 0;
	transition: opacity .3s ease;
	position: fixed;
	z-index: 9999;
	top: 50%;
	right: 13px;
	width: 162px;
	height: 150px;
	background: url(../img/child.png) no-repeat;
}

.child:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #facd8a;
	position: absolute;
	top: 71px;
	left: 61px;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.child.visible {
	opacity: 1;
}

.child.active:before {
	top: 65px;
}

.child>div {
	position: absolute;
	width: 175px;
	height: 145px;
	background: url(../img/baloon.png) no-repeat;
	top: -122px;
	left: -122px;
	text-align: center;
	font-weight: 600;
	color: #00a9ec;
	font-size: 19px;
	line-height: 1.2;
}

.child>div span {
	display: block;
	color: #fa4c06;
	margin-top: 33px;
}

.child__close {
	position: absolute;
	top: -14px;
	right: -14px;
	font-size: 35px;
	margin-top: 0 !important;
	cursor: pointer;
	opacity: .5;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.child__close:hover {
	opacity: 1;
}

.soci {
	float: left;
	padding: 50px 0 0 18px;
	position: relative;
	z-index: 9;
	-webkit-transition: padding .2s linear;
	transition: padding .2s linear;
}

.soci a {
	display: inline-block;
	width: 49px;
	height: 49px;
	background: url(../img/soci.png) no-repeat;
	background-size: 204% 100%;
	opacity: .7;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.soci a:hover {
	opacity: 1;
}

.soci .soci__ins {
	background-position: 100% 0;
	margin-left: 9px;
}

.soci .soci__ok {
	background: url(../img/icon_ok.png) no-repeat;
	background-position: center;
	margin-left: 9px;
	background-size: contain;
}

.nav-buttons {
	overflow: hidden;
	margin-top: 20px;
}

.nav-buttons a {
	position: relative;
	font-size: .89em;
	padding: 8px 18px;
	line-height: 1;
	text-decoration: none;
	color: #003594;
	background-color: #d3e6f5;
	border-radius: 5px;
	margin: 0 14px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.nav-buttons a:hover {
	color: #fff;
	background-color: #fa4c06;
}

.nav-buttons a:hover:before {
	border-left-color: #fa4c06;
	border-right-color: #fa4c06;
}

.nav-buttons a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.nav-buttons__left {
	float: left;
}

.nav-buttons__left:before {
	border-right: 16px solid #d3e6f5;
	left: -14px;
}

.nav-buttons__right {
	float: right;
}

.nav-buttons__right:before {
	border-left: 16px solid #d3e6f5;
	right: -14px;
}

.as-header {
	margin-top: -11px;
	position: relative;
}

.as-header__logo {
	display: block;
	width: 523px;
	height: 235px;
	background: url(../img/s_logo.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.as-header__content {
	padding-left: 439px;
	text-align: center;
}

.as-header__row1 {
	font-weight: 600;
	font-size: 2.22em;
	text-transform: uppercase;
	line-height: 1em;
}

.as-header__row1 a {
	text-transform: none;
	text-decoration: none;
	color: #133595;
	font-size: 1.2em;
	line-height: 1.6;
}

.as-header__row2 {
	font-size: 1.5em;
	line-height: 1.2;
}

.as-header__row2 span {
	font-weight: 600;
}

.as-list {
	display: block;
	overflow: hidden;
	margin-top: 98px;
	padding-bottom: 32px;
	border-bottom: 4px solid #133595;
}

.as-list__item {
	float: left;
	display: block;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	width: 25%;
}

.as-list__item:after {
	content: '';
	display: block;
	width: 4px;
	height: 310px;
	background-color: #133595;
	position: absolute;
	top: 4px;
}

.as-list__item:before {
	content: '';
	display: block;
	height: 129px;
}

.as-list__item--1 {
	width: 26%;
}

.as-list__item--2 {
	width: 24%;
	padding: 0px 35px;
}

.as-list__item--1:after {
	right: -20px;
}

.as-list__item--2:after {
	right: 7px;
}

.as-list__item--3:after {
	right: -17px;
}

.as-list__item--4:after {
	content: none;
}

.as-list__item--1:before {
	background: url(../img/s_ico1.png) center top no-repeat;
}

.as-list__item--2:before {
	background: url(../img/s_ico2.png) center top no-repeat;
}

.as-list__item--3:before {
	background: url(../img/s_ico3.png) center top no-repeat;
}

.as-list__item--4:before {
	background: url(../img/s_ico4.png) center top no-repeat;
}

.as-list__title {
	font-size: 2em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px 0 10px 0;
	color: #133595;
}

.as-list__item p {
	/*font-size: .99em;*/
	font-size: 18px;
}

.as-title {
	color: #133595;
	text-align: center;
	font-weight: 600;
	font-size: 2em;
	padding-top: 41px;
	line-height: 1.25;
}

.as-content {
	/*font-size: 1.3em;*/
	font-size: 18px;
	padding-top: 37px;
	line-height: 1.2;
}

.as-content p {
	padding-bottom: 1.3em;
}

.as-content a,
.as-content span {
	font-weight: 600;
	color: #6e7685;
	text-decoration: none;
}

.as-content a {
	display: inline-block;
}

.as-warning {
	border: 5px dashed #fa4c06;
	text-align: center;
	margin-top: 17px;
	/*font-size: 1.33em;*/
	font-size: 18px;
	padding: 14px 0;
	line-height: 1.4;
}

.as-warning span {
	color: #fa4c06;
	font-weight: 600;
	font-size: 1.5em;
	text-transform: uppercase;
}

.as-button {
	text-align: center;
	margin-top: 30px;
}

.as-button a {
	display: inline-block;
	background-color: #fa4c06;
	color: #fff;
	font-size: 2.6em;
	font-weight: 600;
	text-decoration: none;
	padding: 17px 74px 22px 74px;
	border-radius: 20px;
}

.school_slide {
	height: 528px;
	background: url(../files/schoole-slide-max.jpg) 50% 50% no-repeat;
	background-size: contain;
}

.school_slide1 {
	height: 528px;
	background: url(../files/AtopicApp-desc.jpg) 50% 50% no-repeat;
	background-size: contain;
}

.cream_everyday {
	height: 528px;
	background: url(../files/atopic-200-desk.png) 50% 50% no-repeat;
	background-size: contain;
}

.banner-concurs {
	background: url(../files/banner_concurs.jpg) 50% 50% no-repeat;
	background-size: contain;
	height: 510px;
}

.banner-concurs__content {
	padding: 139px 0 0 116px;
	font-size: 17px;
}

.banner-concurs__title {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.1;
	color: #133595;
}

.banner-concurs__title--bold {
	font-weight: 600;
	color: #fd5309;
	font-size: 2.7em;
}

.banner-concurs__content p {
	padding: 9px 0 0 0;
	font-size: .88em;
	line-height: 1;
}

.banner-concurs__rules {
	font-size: .68em;
	line-height: 4;
	color: #133595;
}

.banner-concurs__rules a {
	color: #fd5309;
	text-decoration: none;
}

.banner-concurs__buttons .button {
	padding: 0 29px;
	font-size: .7em;
}

.banner-concurs__buttons .button:first-child {
	margin-right: 13px;
}

/*main slider*/
.slide-item {
	max-width: 1220px;
	margin: 0 auto;
}

.slide-item .wrapper {
	display: flex;
	flex-wrap: nowrap;
	min-width: 300px;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

.sl-block-1,
.sl-block-2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 520px;

}

.sl-block-1 {
	padding-left: 90px;
	width: 530px;
}

.sl-block-1 .title {
	font-size: 51px;
	color: #003594;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	line-height: 1;
}

.sl-block-1 .text {
	padding-top: 20px;
	line-height: 26px;
	font-size: 18px;
}

.sl-block-1 .detail {
	padding-top: 30px;
}

.sl-block-1 .detail a {
	width: 134px;
}

.sl-block-1 .detail a.prop-val {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.sl-block-2 {}

.sl-block-2.only-image {
	margin-left: auto;
	margin-right: auto;
}

.sl-block-2 .img {
	display: inline-block;
	max-width: 500px;
}

.sl-block-2 img {
	width: 100%;
	max-height: 550px;
}


.owl-nav {}

.owl-prev,
.owl-next {
	width: 54px;
	height: 54px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 4px 0px rgb(0 0 0 / 70%);
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -27px;
}

.owl-prev:hover,
.owl-next:hover {
	background: #fa4c06 !important;
}

.owl-prev:hover>span,
.owl-next:hover>span {
	color: #fff;
}

.owl-prev>span,
.owl-next>span {
	font-weight: 200;
	height: 55px;
	line-height: 45px;
	font-size: 80px;
}

.owl-prev {
	left: 30px;
}

.owl-next {
	right: 30px;
}

.owl-carousel button.owl-dot {
	display: inline-block;
	vertical-align: top;
	background: #dbdcdd !important;
	width: 21px;
	height: 21px;
	margin: 0 7.5px;
	border-radius: 100%;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}

.owl-carousel .owl-dots {
	text-align: center;
	padding: 20px 0;
	height: 21px;
}

.owl-carousel button.owl-dot.active {
	background: #fa4c06 !important;
}

/*end of main slider*/


.invisible-h1 {
	font-size: 0px;
	position: absolute;
}


.note-wrap {
	padding-top: 1.3em;
}

.note-wrap p {
	margin-bottom: .8em;
}

.blue-block {
	background: #d3e6f5;
	padding: 20px;
	border-radius: 10px;
}

.art-img {
	max-width: 700px;
}

/* 2026 */
/* 
Удаляем все анимации и переходы для людей,
которые предпочитают их не использовать */


@media (prefers-reduced-motion: reduce) {

	*,
	::before,
	::after {
		-webkit-animation-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		-webkit-transition-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.fade {
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
	.fade {
		-webkit-transition: none;
		transition: none;
	}
}

.fade:not(.show) {
	opacity: 0;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
	.collapsing {
		-webkit-transition: none;
		transition: none;
	}
}

.collapsing.collapse-horizontal {
	width: 0;
	height: auto;
	-webkit-transition: width 0.35s ease;
	transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
	.collapsing.collapse-horizontal {
		-webkit-transition: none;
		transition: none;
	}
}


/* new header 2026 */


/**
  Чиним баг задержки смены цвета при взаимодействии с svg-элементами
 */
svg * {
	-webkit-transition-property: fill, stroke;
	transition-property: fill, stroke;
}


svg,
path {
	-webkit-transition: fill 0.2s linear, stroke 0.2s linear;
	transition: fill 0.2s linear, stroke 0.2s linear;
}

.icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.icon svg,
.icon img {
	width: 100%;
	height: 100%;
}

.icon svg,
.icon path {
	stroke: inherit;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.as_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	gap: 0.5rem;
	--icon-size: 1.225rem;
	background: var(--as-blue);
	color: var(--as-white);
	fill: var(--as-white);
	border-radius: 2rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	padding: 1rem 2rem;
}

.as_btn:hover {
	background: var(--as-blue-hover);
	fill: var(--as-white);
}

.as_btn:active {
	background: var(--as-blue-active);
	fill: var(--as-white);
}

.as_btn[disabled] {
	background: rgba(110, 118, 133, 0.7);
	cursor: unset;
}

.as_header__top {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.225rem;
}

.as_header__logo {
	margin-right: auto;
}

.as_logo {
	display: block;
	/* width: 5.9375rem; */
}

.as_logo img {
	/* width: 5.9375rem; */
	height: auto;
	max-width: 100%;
}

.as_header__buttons {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.555rem;
}

.as_header__buttons-item--mobile {
	display: none;
}

.as_header__btn {
	padding-top: 0.8375rem;
	padding-bottom: 0.8375rem;
}

.as_header__phone {
	gap: 0.70rem;
	padding-left: 1.4rem;
	padding-right: 1.4rem;
	font-weight: 500;
	font-family: var(--as-second-ff);
}

.as_header__phone:hover {
	color: var(--as-white);
}

.as_header__login {
	padding-left: 2.7rem;
	padding-right: 2.7rem;
}

.as_header__bottom {
	margin-top: .875rem;
}

.as_header .as_btn {
	font-size: .875rem;
	line-height: 1.3;
}

.as_link-icon__txt {
	font-size: .9rem;
}

.as_btn__icon {
	width: var(--icon-size);
	height: var(--icon-size);
}

.as_text-orange {
	color: var(--as-orange);
	fill: var(--as-orange);
}

.as_link-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	gap: 0.5rem;
	--icon-size: 1.1625rem;
}

.as_link-icon__icon {
	width: var(--icon-size);
	height: var(--icon-size);
}

.as_link-icon.as_text-orange:hover {
	color: var(--as-orange-hover);
	fill: var(--as-orange-hover);
}

.as_link-icon.as_text-orange:active {
	color: var(--as-orange-active);
	fill: var(--as-orange-active);
}

.as_btn-secondary {
	background: var(--as-orange);
}

.as_btn-secondary:hover {
	background: var(--as-orange-hover);
}

.as_btn-secondary:active {
	background: var(--as-orange-active);
}

.as_btn-light {
	background: var(--as-blue-light);
	color: var(--as-blue);
	fill: var(--as-blue);
}

.as_btn-white {
	background: var(--as-white);
	color: var(--as-blue);
}

.as_btn-white:hover {
	background: var(--as-white);
	color: var(--as-blue);
	opacity: 0.9;
}

.as_btn-social {
	--icon-size: 1.225rem;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border-radius: 50%;
}

.as_btn-outline {
	background: none;
	color: var(--as-blue);
	fill: var(--as-blue);
	position: relative;
}

.as_btn-outline::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 0.125rem solid var(--as-blue);
	border-radius: inherit;
	pointer-events: none;
}

.as_btn-outline:hover {
	background: var(--as-blue);
	color: var(--as-white);
	fill: var(--as-white);
}

.as_link-icon.as_text-orange:hover {
	color: var(--as-orange-hover);
	fill: var(--as-orange-hover);
}

.as_link-icon.as_text-orange:active {
	color: var(--as-orange-active);
	fill: var(--as-orange-active);
}

.as_open-menu {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	background: var(--as-orange);
	fill: var(--as-white);
}

.as_open-menu.active {
	background: var(--as-white);
	fill: var(--as-orange);
}

.as_open-menu.active .icon-close {
	display: block;
}

.as_open-menu.active .icon-burger {
	display: none;
}

.as_open-menu svg {
	width: 1.25rem;
	height: 1.25rem;
}

.as_open-menu .icon-close {
	display: none;
}

@media (max-width: 1024px) {


	.as_logo img {
		max-width: 85px;
	}

	.header.as_header {
		padding: 20px 0;
		overflow: hidden;
		overscroll-behavior: none;
	}


	.as_header__bottom,
	.as_header__contacts {
		display: none;
	}

	.as_header__buttons {
		gap: 9px;
	}

	.as_header__top {
		gap: 0.625rem;
	}

	.as_header__logo {
		margin-left: auto;

	}

	.as_header__social {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}


	.as_open-menu svg {
		width: 18px;
		height: 18px;
	}

	.as_open-menu,
	.as_header__login {
		width: 38px;
		height: 38px;
		border-radius: 8px;
		--icon-size: 18px;
		padding: 0;
	}



	.as_btn-social {
		--icon-size: 18px;
		width: 3.1rem;
		width: 38px;
		height: 38px;
	}

	.as_header__login .as_btn__txt {
		display: none;
	}

	.as_header__buttons-item--mobile {
		display: block;
	}
}

@media (max-width: 480px) {

	/* .as_open-menu,
	.as_header__login,
	.as_btn-social {
		width: 35px;
		height: 35px;
		--icon-size: 15px;

	} */

	.footer__container, .header__container {
		padding: 0 16px;
		max-width: unset !important;
	}

}

/* new header end 2026 */

/*Отзывы*/
.reviews .title-h2 .accent, 
.care .title-h2 .accent, 
.process .title-h2.accent, 
.consult .title-h2 .accent, 
.section-consult .title-h2 .accent {
	font-family: var(--as-second-ff);
}

.as_promo__title, 
.planLessons-item__title.h2, 
.as_advantages-card__title, 
.as_reviews-card__user, 
.as_lessons-intro__title.as_h2{
	font-family: var(--as-second-ff);
}

.as_lessons-intro__final-title.as_h4,
.as_lessons-necessarily__card-title.as_h4,
.as_section__title.as_h2,
.as_lessons-necessarily__card-head{
	font-family: var(--as-second-ff);
}

.planLessons-item__title.h2{
	font-size: 1.2em;
}

.planLessons-item__badge.badge{
	min-width: 82px;
}

.planTesting-item__title-txt{
	font-family: var(--as-second-ff);	
}

@media(max-width: 768px){
    .as_form-rating__list-icon.icon{
        width: 1.2em;
        height: 1.2em;
    }

	#addReviewModal .as_btn{
		font-size: 1.25em;
		line-height: 1.5em;
		padding: 1em 2em;
	}

}

@media(max-width: 481px){
	.as_benefits__list .as_benefits-card__title{
		font-size: 1.3em !important;
	}
}

/*Отзывы*/


.as_benefits-card__title{
	font-family: var(--as-second-ff);
}

.as_benefits__list .as_benefits-card__title{
	font-size: 1.3rem;
}

.needtime-subtitle.h1{
	font-family: var(--as-second-ff);
}




.as_lessons-intro__title.as_h2{
	font-size: 1.2em;
}

/* 13.07.26 */
.as_lessons-intro .as_lessons-intro__title.as_h2{
	font-size: 2.35rem;
}

#mandatory_lessons_title{
	font-size: 2.5rem;
}

.as_lessons-necessarily__card-title.as_h4{
	font-size: 1.15rem;
}

.as_advantages-card__title{
	font-size: 1.23rem !important;	
}

.as_advantages-card__txt {
    font-size: 0.9em;
}

.as_advantages-as_reviews-card__txt {
    font-size: 0.9em;
}

.as_reviews-card__txt{
	font-size: 0.9em;
}


@media(max-width: 481px){
	.as_lessons-intro .as_lessons-intro__title.as_h2{
		font-size: 1.6em;
	}

	.as_lessons-intro__final-title.as_h4{
		font-size: 1.3em;
	}

	.as_lessons-intro__progress-title{
		font-size: 0.9em;
	}

	#mandatory_lessons_title{
		font-size: 1.8em;
	}

	.as_lessons-necessarily__card-badge{
		padding: 0.45em;
		border-radius: 0.5em;
	}

	.as_lessons-necessarily__card-title.as_h4{
		font-size: 1.15em;
	}

	.as_intro__title.as_h1{
		font-size: 34px;
	}

	.as_intro__btn, .as_promo__btn{
		font-size: 20px !important;
	}

	.as_advantages-card__title{
		font-size: 1.23em !important;
	}
	
    .as_video{
        margin: 2.5em 0 !important;
    }
}