@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_Light.eot');
src: url('../fonts/Kaspersky_Sans_Display_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_Light.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_Light.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_Light.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_Light.svg#Kaspersky_Sans_Display_Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_Regular.eot');
src: url('../fonts/Kaspersky_Sans_Display_Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_Regular.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_Regular.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_Regular.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_Regular.svg#Kaspersky_Sans_Display_Regular') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_Medium.eot');
src: url('../fonts/Kaspersky_Sans_Display_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_Medium.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_Medium.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_Medium.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_Medium.svg#Kaspersky_Sans_Display_Regular') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_SemiBold.eot');
src: url('../fonts/Kaspersky_Sans_Display_SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_SemiBold.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_SemiBold.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_SemiBold.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_SemiBold.svg#Kaspersky_Sans_Display_SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_Bold.eot');
src: url('../fonts/Kaspersky_Sans_Display_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_Bold.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_Bold.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_Bold.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_Bold.svg#Kaspersky_Sans_Display_Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'KasperskySansDisplay';
src: url('../fonts/Kaspersky_Sans_Display_ExtraBold.eot');
src: url('../fonts/Kaspersky_Sans_Display_ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Kaspersky_Sans_Display_ExtraBold.woff2') format('woff2'), url('../fonts/Kaspersky_Sans_Display_ExtraBold.woff') format('woff'), url('../fonts/Kaspersky_Sans_Display_ExtraBold.ttf') format('truetype'), url('../fonts/Kaspersky_Sans_Display_ExtraBold.svg#Kaspersky_Sans_Display_ExtraBold') format('svg');
font-weight: 800;
font-style: normal;
font-display: swap;
}

html {
box-sizing: border-box;
scroll-behavior: smooth;
}

*{
scroll-behavior: smooth;
} 

*,
::before,
::after {
box-sizing: inherit;
}

*,
:focus {
outline: none;
outline: 0;
}

body {
font-family: 'KasperskySansDisplay';
font-size: 21px;
font-weight: 400;
padding: 0;
margin: 0;
}

a {
text-decoration: none;
}

header {
width: 100%;
margin: 0 auto;
padding: 0;
background-color: #fff;
height: 64px;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .5);
position: relative;
z-index: 999;
}

header .wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

header .logo {
height: 30px;
padding: 17px 0;
display: block;
float: left;
text-decoration: none;
}

header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}

header .menu li {
padding-right: 48px;
}

header .menu li:last-child {
padding-right: 0;
}

header li a {
display: block;
text-decoration: none;
font-size: 14px;
font-weight: normal;
color: #1d1d1b;
padding: 25px 0 21px 0;
}

header li a:hover,
header .menu-btn:hover {
color: #00a88e;
}

/* menu */

header .menu {
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
}

/* menu icon */

header .menu-icon {
cursor: pointer;
display: inline-block;
float: right;
padding: 31px 0;
position: relative;
user-select: none;
}

header .menu-icon .navicon {
background: #00a88e;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}

header .menu-icon .navicon:before,
header .menu-icon .navicon:after {
background: #00a88e;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

header .menu-icon .navicon:before {
top: 5px;
}

header .menu-icon .navicon:after {
top: -5px;
}

/* menu btn */

header .menu-btn {
display: none;
}

header .menu-btn:checked ~ .menu {
max-height: 306px;
}

header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}

header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}

header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}

header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}

#banner {
width: 100%;
margin: 0 auto;
height: 524px;
}

#banner .wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: row;
height: 524px;
}

#banner .wrapper .wrapper-extra {
width: 100%;
background: url(../images/banner-img.png) no-repeat;
background-position: top right;
height: 524px;
}

#banner .wrapper .wrapper-extra .banner-bl {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#banner .wrapper .banner-bl img {
width: 100%;
max-width: 450px;
padding: 0;
margin: 40px 0 52px 0;
}

#banner .wrapper .banner-bl h1 {
font-size: 72px;
font-weight: 500;
line-height: 72px;
color: #1d1d1b;
width: 100%;
max-width: 390px;
padding: 0;
margin: 55px 0 30px 0;
}

#banner .wrapper .banner-bl p {
font-size: 21px;
font-weight: 500;
line-height: 24px;
color: #1d1d1b;
width: 100%;
max-width: 390px;
padding: 0;
margin: 0;
}

#banner .wrapper .banner-bl .bl {
display: flex;
flex-direction: row;
margin-top: 30px;
}

#banner .wrapper .banner-bl .bl .left-bl {
margin-right: 10px;
}

#banner .wrapper .banner-bl .bl .left-bl a {
display: block;
background: #00a88e;
border: 2px solid transparent;
padding: 12px 32px;
margin: 0 auto;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #fff;
width: 100%;
max-width: 160px;
text-align: center;
}

#banner .wrapper .banner-bl .bl .right-bl a {
display: block;
background: #fff;
border: 2px solid #00a88e;
padding: 12px 40px;
margin: 0 auto;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
line-height: 20px;
color: #00a88e;
width: 100%;
max-width: 160px;
text-align: center;
}

#banner .wrapper .banner-bl .bl .left-bl a:hover {
background: #23d1ae;
}

#banner .wrapper .banner-bl .bl .right-bl a:hover {
border: 2px solid #23d1ae;
color: #23d1ae;
}

/* o-meropriyatii */

#o-meropriyatii {
width: 100%;
margin: 100px auto 0 auto;
background: #f6fbfd;
}

#o-meropriyatii .wrapper {
margin: 0 auto;
padding: 78px 0 0 0;
}

#o-meropriyatii .wrapper h2 {
width: 100%;
max-width: 1200px;
font-size: 48px;
font-weight: 500;
line-height: 48px;
color: #1d1d1b;
padding: 0 0 55px 0;
margin: 0 auto;
text-align: center;
}

#o-meropriyatii .wrapper .top-bl {
background-image: url("../images/o-meropriyatii.png");
background-repeat: no-repeat;
background-size: contain;
}

#o-meropriyatii .wrapper .top-bl .top-bl-text {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#o-meropriyatii .wrapper .top-bl .top-bl-text .top-bl-in-text {
width: 100%;
max-width: 600px;
margin-left: auto;
}

#o-meropriyatii .wrapper .top-bl,
#o-meropriyatii .wrapper .middle-bl {
margin-bottom: 78px;
}

#o-meropriyatii .wrapper .middle-bl .org-bl img {
width: 100%;
}

#o-meropriyatii .wrapper .top-bl p {
font-size: 18px;
font-weight: 400;
color: #383f48;
line-height: 21px;
padding: 0 0 24px 0;
margin: 0;
}

#o-meropriyatii .wrapper .top-bl .bld {
font-size: 32px;
font-weight: 500;
line-height: 36px;
color: #1d1d1b;
}

#o-meropriyatii .wrapper .top-bl .last {
padding: 0;
}

#o-meropriyatii .wrapper .middle-bl {
background-image: url("../images/gradient-bg.png");
background-repeat: no-repeat;
}

#o-meropriyatii .wrapper .middle-bl .middle-bl-bg {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#o-meropriyatii .wrapper .middle-bl h2 {
font-size: 42px;
font-weight: 500;
color: #1d1d1b;
line-height: 42px;
padding: 0 0 25px 0;
margin: 0;
text-align: left;
}

#o-meropriyatii .wrapper .middle-bl .bl-one {
display: flex;
flex-direction: row;
}

#o-meropriyatii .wrapper .middle-bl .bl-one.extra {
margin-top: 15px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml,
#o-meropriyatii .wrapper .middle-bl .bl-last {
background: #fff;
padding: 16px;
border-radius: 16px;
}

#o-meropriyatii .wrapper .middle-bl .bl-last {
margin-top: 15px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.zv {
width: 100%;
max-width: 351px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.gdit {
width: 100%;
max-width: 380px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.msip {
width: 100%;
max-width: 409px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.mm {
width: 100%;
max-width: 392px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.eo {
width: 100%;
max-width: 340px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.m {
width: 100%;
max-width: 310px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.pp {
width: 100%;
max-width: 320px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.gp {
width: 100%;
max-width: 272px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.vszs {
width: 100%;
max-width: 450px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-last {
width: 100%;
max-width: 742px;
height: 100px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml.add {
margin-right: 15px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .icon-bl,
#o-meropriyatii .wrapper .middle-bl .bl-last .icon-bl {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl,
#o-meropriyatii .wrapper .middle-bl .bl-last .text-bl {
display: inline-block;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl .title,
#o-meropriyatii .wrapper .middle-bl .bl-last .text-bl .title {
font-size: 21px;
font-weight: 600;
line-height: 24px;
color: #1d1d1b;
margin: 0;
padding: 0 0 5px 0;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl p,
#o-meropriyatii .wrapper .middle-bl .bl-last p {
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: #383f48;
margin: 0;
padding: 0;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl .gdit-text {
width: 100%;
max-width: 300px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl .pp-text {
width: 100%;
max-width: 220px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl .gp-text {
width: 100%;
max-width: 140px;
}

#o-meropriyatii .wrapper .middle-bl .bl-one .bl-sml .text-bl .vszs-text {
width: 100%;
max-width: 325px;
}

#o-meropriyatii .wrapper .middle-bl .info-bl {
width: 100%;
max-width: 550px;
margin-left: auto;
padding-top: 78px;
}

#o-meropriyatii .wrapper .middle-bl .info-bl p {
font-size: 21px;
font-weight: 400;
line-height: 24px;
color: #1d1d1b;
padding: 0;
margin: 0;
}

#o-meropriyatii .wrapper .middle-bl .info-bl .icon-bl {
display: flex;
flex-direction: row;
margin: 30px 0 90px 0;
}

#o-meropriyatii .wrapper .middle-bl .info-bl .icon-bl .icon-bl-sml.add {
margin-right: 25px;
}

#o-meropriyatii .wrapper .middle-bl .org-bl img {
display: block;
margin: 25px 0 60px 0;
}

#o-meropriyatii .wrapper .info-bl .part-bl .part-txt {
font-size: 24px;
font-weight: 500;
line-height: 24px;
color: #1d1d1b;
padding: 0 0 30px 0;
margin: 0;
text-align: right;
}

#o-meropriyatii .wrapper .info-bl .part-bl .lg-bl {
display: flex;
flex-direction: row;
justify-content: end;
}

#o-meropriyatii .wrapper .info-bl .part-bl .lg-bl.extra {
margin-top: 30px;
}

#o-meropriyatii .wrapper .info-bl .part-bl .lg-bl .img-bl {
box-shadow: 0 0 10px 2px rgba(85, 85, 110, 0.1);
border-radius: 16px;
height: 80px;
}

#o-meropriyatii .wrapper .info-bl .part-bl .lg-bl .img-bl.extra {
margin-right: 20px;
}

#o-meropriyatii .wrapper .extra-bl {
background-image: url("../images/gradient-bg.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
padding-bottom: 100px;
}

#o-meropriyatii .wrapper .extra-bl .bl-dt {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 300px;
}

#o-meropriyatii .wrapper .extra-bl h2 {
font-size: 48px;
font-weight: 500;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0 auto;
line-height: 48px;
text-align: center;
}

.vospominan {
box-sizing: content-box;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}

.indentity {
margin: 0!important
}

figure.testimonial {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
padding: 0;
text-align: left;
box-shadow: none !important;
}

figure.testimonial * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

#o-meropriyatii .wrapper .extra-bl .small-bl {
width: 100%;
max-width: 340px;
height: 900px;
border-radius: 16px;
border-bottom: 12px solid #29ccb1;
}

#o-meropriyatii .wrapper .extra-bl .small-bl {
background: #fff;
padding: 25px;
box-shadow: 0 0 10px 2px rgba(85, 85, 110, 0.1);
margin: 10px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .icon {
margin-bottom: 45px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .title p {
font-size: 32px;
font-weight: 500;
line-height: 36px;
color: #1d1d1b;
padding: 0;
margin: 0;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .desc {
margin: 45px 0 25px 0;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .desc p {
font-size: 21px;
font-weight: 400;
color: #1d1d1b;
line-height: 24px;
padding: 0;
margin: 0;
text-align: left;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .sp {
margin-right: 10px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags {
display: flex;
flex-direction: row;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags.add {
flex-wrap: wrap;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .unt {
margin: 0 0 10px 0;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .unt.last {
margin: 0;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .extra {
margin-top: 10px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .add {
margin: 0 10px 10px 0;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags a {
display: block;
background: #effaff;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: rgba(56, 63, 72, 0.7);
padding: 0;
margin: 0;
letter-spacing: 1.6px;
border-radius: 24px;
padding: 8px 16px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .etp {
display: block;
background: #effaff;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: rgba(56, 63, 72, 0.7);
letter-spacing: 1.6px;
padding: 8px 16px;
width: 85px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags p {
background: #effaff;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: rgba(56, 63, 72, 0.7);
padding: 0;
margin: 0;
letter-spacing: 1.6px;
border-radius: 24px;
padding: 8px 16px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .sp1 {
width: 150px;
}

#o-meropriyatii .wrapper .extra-bl .small-bl .tags .extra {
margin-right: 10px;
}

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.select {
overflow: hidden;
margin: 0;
position: relative;
height: auto;
max-height: calc(40px * 8); /* max 8 element in list */
/*   transition: 0.2s; */
}

.collapsed {
max-height: 40px;
/*   transition: 0.2s; */
}

.collapsed.extra {
margin-bottom: 3px;
}

.option, .shown {
width: 100%;
height: auto;
line-height: 40px;
cursor: pointer;
}

.option.frst {
margin-top: 10px;
}

.option.last {
margin-bottom: 20px;
}

#container{
display: flex;
align-items: center;
flex-direction: column;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track, 
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}

.slick-track:before, 
.slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-btn.slick-hidden {
display: none;
}

.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 40%;
display: block;
width: 20px;
height: 20px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}

.slick-prev:hover:before, 
.slick-prev:focus:before, 
.slick-next:hover:before, 
.slick-next:focus:before {
opacity: 1;
}

.slick-prev:before, 
.slick-next:before {
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #29CCB1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
left: -30px;
}

.slick-prev:before {
content: "";
}

.slick-next {
right: -30px;
}

.slick-next:before {
content: "";
}

#o-meropriyatii .add-text {
font-size: 21px;
font-weight: 400;
line-height: 24px;
color: #1d1d1b;
padding: 0;
margin: 50px auto 0 auto;
width: 100%;
max-width: 1200px;
text-align: center;
}

#o-meropriyatii .add-text  span {
font-size: 24px;
font-weight: 600;
line-height: 27px;
}

#o-meropriyatii .btn {
width: 100%;
max-width: 1200px;
margin: 50px auto 0 auto;
}

#o-meropriyatii .btn a {
display: block;
background: #00a88e;
border: 2px solid transparent;
padding: 12px 32px;
margin: 0 auto;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #fff;
width: 100%;
max-width: 200px;
text-align: center;
letter-spacing: 0;
}

#o-meropriyatii .btn a:hover {
background: #23d1ae;
}

/* registraciya */

#registraciya {
width: 100%;
margin: 100px auto 0 auto;
background-image: url("../images/gradient-bg-reg.png");
background-repeat: no-repeat;
background-size: contain;
background-position: top;
}

#registraciya .wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
}

#registraciya .wrapper h2 {
font-size: 48px;
font-weight: 500;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0 auto;
text-align: center;
}

#registraciya .wrapper .bl {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
}

#registraciya .wrapper .bl.extra {
margin-top: 15px;
}

#registraciya .wrapper .bl .bl-sm {
background: #fff;
border-radius: 16px;
height: 135px;
padding: 32px 32px 32px 24px;
}

#registraciya .wrapper .bl .bl-sm.extra {
margin-right: 15px;
}

#registraciya .wrapper .bl .bl-sm .icon {
display: inline-block;
vertical-align: top;	
margin-right: 20px;
}

#registraciya .wrapper .bl .bl-sm .bl-text {
display: inline-block;
}

#registraciya .wrapper .bl .bl-sm .bl-text.extra {
width: 220px;
}

#registraciya .wrapper .bl .bl-sm .bl-text .bl-lnk a {
font-size: 24px;
font-weight: 600;
line-height: 27px;
color: #1d1d1b;
padding: 0;
margin: 0;
}

#registraciya .wrapper .bl .bl-sm .bl-text .bl-lnk a span {
display: inline-block;
vertical-align: top;
background: url(../images/icon-arrow-bg.png) no-repeat;
width: 21px;
height: 16px;
margin: 7px 0 0 10px;
}

#registraciya .wrapper .bl .bl-sm .bl-text .bl-lnk a:hover span {
background: url(../images/icon-arrow-bg.png) no-repeat;
-webkit-transform: translate(5px,0);
-moz-transform: translate(5px,0);
-o-transform: translate(5px,0);
}

#registraciya .wrapper .bl .bl-sm .bl-text p {
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: #383f48;
margin: 5px 0 0 0;
padding: 0;
}

#registraciya .wrapper .bl .bl-sm .bl-text .bl-txt-one {
width: 100%;
max-width: 400px;
}

#registraciya .wrapper .bl .bl-sm .bl-text .bl-txt-two {
width: 100%;
max-width: 250px;
}

#registraciya .wrapper .bl-opl {
background: #fff;
width: 100%;
max-width: 946px;
height: 424px;
margin: 100px auto 0 auto;
border-radius: 16px;
box-shadow: 0 0 40px 4px rgba(85, 85, 110, 0.1);
display: flex;
flex-direction: row;
}

#registraciya .wrapper .bl-opl .bl-left-sm {
width: 571px;
padding: 40px;
}

#registraciya .wrapper .bl-opl .bl-right-sm {
width: 375px;
}

#registraciya .wrapper .bl-opl .bl-left-sm .bl-title .title {
font-size: 36px;
font-weight: 500;
line-height: 40px;
color: #1d1d1b;
margin: 0 0 20px 0;
padding: 0;
}

#registraciya .wrapper .bl-opl .bl-left-sm .bl-title p {
font-size: 21px;
font-weight: 400;
line-height: 24px;
color: #666;
padding: 0;
margin: 0;
}

#registraciya .wrapper .bl-opl .bl-left-sm .bl-add {
display: flex;
flex-direction: row;
}

#registraciya .wrapper .bl-opl .bl-left-sm .btn {
margin-top: 35px;
}

#registraciya .wrapper .bl-opl .bl-left-sm .btn a {
display: block;
background: #00a88e;
border: 2px solid transparent;
padding: 12px 32px;
margin: 0;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #fff;
width: 100%;
max-width: 180px;
text-align: center;
}

#registraciya .wrapper .bl-opl .bl-left-sm .btn a:hover {
background: #23d1ae;
}

#registraciya .wrapper .bl-opl .bl-left-sm .btn.btn-wide a {
    max-width:380px;
}

#registraciya .wrapper .bl-opl .bl-left-sm .extra-info p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #666;
padding: 0;
margin-top: -26px;
}

.saryhfda {
position: relative;
cursor: pointer;
height: 70px;
margin: 48px 0 0 40px;
}

.saryhfda .title p {
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #00a88e;
margin: 30px 0 0 0;
padding: 0;
}

.saryhfda .title p span {
display: inline-block;
vertical-align: top;
background: url(../images/icon-unt.png) no-repeat;
width: 14px;
height: 8px;
margin: 9px 0 0 6px;
}

.saryhfda .title p:hover span {
background: url(../images/icon-unt.png) no-repeat;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
}

.tukoidsa {
display: none;
margin-left: 0;
padding: 10px 20px;
margin: 0 0 0 10px;
background: #fff;
border-radius: 16px;
box-shadow: 0 0 10px 2px rgba(85, 85, 110, 0.1);
width: 265px;
height: 100px;
}

.tukoidsa .bg-bl .bl-lnk {
padding-bottom: 15px;
}

.tukoidsa a {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #666;
}

.tukoidsa a span {
display: inline-block;
vertical-align: top;
background: url(../images/icon-arrow-bg.png) no-repeat;
width: 21px;
height: 16px;
margin-top: 7px;
}

.tukoidsa .bl-lnk.extra a span {
margin-left: 85px;
}

.tukoidsa .bl-lnk a span {
margin-left: 114px;
}

.tukoidsa a:hover span {
background: url(../images/icon-arrow-bg.png) no-repeat;
-webkit-transform: translate(5px,0);
-moz-transform: translate(5px,0);
-o-transform: translate(5px,0);
}

.saryhfda:hover .tukoidsa {
display: block;
position: absolute;
top: 35px;
z-index: 9999;
}

#registraciya .wrapper .bl-opl .bl-right-sm img {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}

/* raspisanie */

#raspisanie {
width: 100%;
margin: 100px auto 0 auto;
}

#raspisanie .wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

#raspisanie .wrapper h2 {
font-size: 48px;
font-weight: 500;
line-height: 48px;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0;
text-align: center;
}

/* Базовый контейнер табов */

.tabs {
min-width: 320px;
max-width: 994px;
padding: 0px;
margin: 0 auto;
}

.tabs  .bl-emp {
display: inline-block;
width: 100%;
max-width: 255px;
}

/* Стили секций с содержанием */

.tabs>section {
display: none;
padding: 40px 0 0 0;
background: #fff;
border-top: 1px solid #ededed;
}

.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;

 /* прикрутим анимацию */
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Прячем чекбоксы */

.tabs>input {
display: none;
position: absolute;
}

/* Стили переключателей вкладок (табов) */

.tabs>label {
display: inline-block;
margin: 0 0 -1px;
padding: 20px 30px;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: center;
color: #1d1d1b;
}

/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
color: #1d1d1b;
cursor: pointer;
}

/* Стили для активной вкладки */

.tabs>input:checked+label {
color: #1d1d1b;
border-bottom: 4px solid #23d1ae;
background: #fff;
}

/* Активация секций с помощью псевдокласса :checked */

#tab1:checked~#content-tab1, 
#tab2:checked~#content-tab2 {
display: block;
}

#content-tab1 .rasp-bl,
#content-tab2 .rasp-bl {
margin: 0 0 55px 0;
}

#content-tab1 .rasp-bl .time,
#content-tab1 .rasp-bl .mdl,
#content-tab1 .rasp-bl .desc,
#content-tab2 .rasp-bl .time,
#content-tab2 .rasp-bl .mdl,
#content-tab2 .rasp-bl .desc {
display: inline-block;
vertical-align: top;
}

#content-tab1 .rasp-bl .time,
#content-tab2 .rasp-bl .time {
font-size: 28px;
font-weight: 400;
line-height: 32px;
color: #1d1d1b;
padding: 11px 0;
margin: 0;
width: 85px;
}

#content-tab1 .rasp-bl .time.extra,
#content-tab2 .rasp-bl .time.extra {
padding: 0;
}

#content-tab1 .rasp-bl .mdl.extra::before,
#content-tab2 .rasp-bl .mdl.extra::before {
content: '';
width: 6px;
height: 55px;
background: #bde0f5;
display: block;
position: relative;
}

#content-tab1 .rasp-bl .mdl::before,
#content-tab2 .rasp-bl .mdl::before {
content: '';
width: 6px;
height: 55px;
background: #23d1ae;
display: block;
position: relative;
}

#content-tab1 .rasp-bl .desc,
#content-tab2 .rasp-bl .desc {
font-size: 28px;
font-weight: 400;
line-height: 32px;
color: #1d1d1b;
padding: 11px 0;
margin: 0 0 0 20px;
}

#content-tab1 .rasp-bl .desc.extra,
#content-tab2 .rasp-bl .desc.extra {
width: 80%;
padding: 0;
}

/* shema-proezda */

#shema-proezda {
width: 100%;
margin: 100px auto 0 auto;
}

#shema-proezda .wrapper {
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
background-image: url("../images/gradient-bg-reg.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

#shema-proezda .wrapper h2 {
font-size: 48px;
font-weight: 500;
line-height: 48px;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0 auto;
text-align: center;
}

#shema-proezda .wrapper .bl-sp {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#shema-proezda .wrapper .bl {
display: flex;
flex-direction: row;
justify-content: space-between;
}

#shema-proezda .wrapper .bl .left-bl,
#shema-proezda .wrapper .bl .right-bl {
width: 100%;
max-width: 580px;
}

#shema-proezda .wrapper .bl .left-bl .img,
#shema-proezda .wrapper .bl .right-bl .img {
height: 461px;
}

#shema-proezda .wrapper .bl .left-bl img,
#shema-proezda .wrapper .bl .right-bl img {
border-top-right-radius: 16px;
border-top-left-radius: 16px;
}

#shema-proezda .wrapper .bl .left-bl .txt,
#shema-proezda .wrapper .bl .right-bl .txt {
background: #fff;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 30px;
}

#shema-proezda .wrapper .bl .left-bl .txt .title,
#shema-proezda .wrapper .bl .right-bl .txt .title {
font-size: 28px;
font-weight: 500;
line-height: 32px;
color: #1d1d1b;
margin: 0;
padding: 0 0 10px 0;
}

#shema-proezda .wrapper .bl .left-bl .txt p,
#shema-proezda .wrapper .bl .right-bl .txt p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #666;
padding: 0 0 25px 0;
margin: 0;
}

#shema-proezda .wrapper .bl .left-bl .txt a,
#shema-proezda .wrapper .bl .right-bl .txt a {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: #00a88e;
line-height: 24px;
padding: 0;
margin: 0;
}

#shema-proezda .wrapper .bl .left-bl .txt a span,
#shema-proezda .wrapper .bl .right-bl .txt a span {
display: inline-block;
vertical-align: top;
background: url(../images/icon-arrow-sp.png) no-repeat;
width: 14px;
height: 10px;
margin: 9px 0 0 5px;
}

#shema-proezda .wrapper .bl .left-bl .txt a:hover,
#shema-proezda .wrapper .bl .right-bl .txt a:hover {
color: #23d1ae;
}

#shema-proezda .wrapper .bl .left-bl .txt a:hover span,
#shema-proezda .wrapper .bl .right-bl .txt a:hover span {
background: url(../images/icon-arrow-sp.png) no-repeat;
-webkit-transform: translate(5px,0);
-moz-transform: translate(5px,0);
-o-transform: translate(5px,0);
}

/* video */

#video {
width: 100%;
margin: 0 auto;
}

#video .wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

#video .wrapper h2 {
font-size: 48px;
font-weight: 500;
line-height: 48px;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0;
text-align: center;
}

/* Базовый контейнер табов */

.tabs1 {
width: 100%;
max-width: 1200px;
padding: 0px;
margin: 0 auto;
height: 680px;
}

.tabs1 .tabs1-emp {
display: inline-block;
width: 410px;
}

.tabs1 .title {
display: inline-block;
}

.tabs1 .title p {
font-size: 24px;
font-weight: 500;
line-height: 18px;
color: #1d1d1b;
margin: 0;
padding: 0;	
}

/* Стили секций с содержанием */

.tabs1>section {
display: none;
padding: 0;
background: #fff;
border: none;
}

.tabs1>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
/* прикрутим анимацию */
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Прячем чекбоксы */

.tabs1>input {
display: none;
position: absolute;
}

/* Стили переключателей вкладок (табов) */

.tabs1>label {
display: inline-block;
margin: 0 0 -1px;
background: #f8f8f8;
font-size: 18px;
font-weight: 600;
line-height: 21px;
color: #999;
padding: 9px 19px;
text-align: center;
border: none;
border-radius: 20px;
margin-left: 15px;
}

/* Изменения стиля переключателей вкладок при наведении */
 
.tabs1>label:hover {
cursor: pointer;
}

/* Стили для активной вкладки */

.tabs1>input:checked+label {
background: #29ccb1;
font-size: 18px;
font-weight: 600;
line-height: 21px;
color: #fff;
border: none;
border-radius: 20px;
padding: 9px 19px;
}

/* Активация секций с помощью псевдокласса :checked */
#tabvd:checked~#content-tabvd, 
#tabvd1:checked~#content-tabvd1,
#tabvd2:checked~#content-tabvd2 {
display: block;
}

#content-tabvd,
#content-tabvd1,
#content-tabvd2 {
margin-top: 50px;
}

.slider,
.slider1,
.slider2 {
margin: 0 auto;
max-width: 984px;
height: auto;
}

.slide_viewer{
padding: 0 0 56.25% 0;
height:0;
overflow: hidden;
position: relative;
}

.slide_group,
.slide_group1,
.slide_group2 {
height: 100%;
position: relative;
width: 100%;
}

.slide,
.slide1,
.slide2 {
display: none;
height: 100%;
position: absolute;
width: 100%;
}

.slide:first-child,
.slide1:first-child,
.slide2:first-child {
display: block;
}

.slide_buttons,
.slide_buttons1,
.slide_buttons2 {
left: 0;
position: absolute;
right: 0;
text-align: center;
margin-top: -130px;
z-index: 999;
}

a.slide_btn {
color: rgba(29, 54, 83, 0.3);
font-size: 60px;
margin: 0 5px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.slide_btn.active, 
.slide_btn:hover {
color: #29ccb1;
cursor: pointer;
}

.directional_nav {
height: 340px;
margin: 0 auto;
max-width: 740px;
position: relative;
top: -340px;
}

.previous_btn,
.previous_btn1,
.previous_btn2 {
bottom: 0;
right: 900px;
margin: auto;
position: absolute;
top: 0;
bottom: 350px;
}

.next_btn,
.next_btn1,
.next_btn2 {
bottom: 0;
margin: auto;
position: absolute;
left: 900px;
top: 0;
bottom: 350px;
}

.previous_btn, 
.next_btn,
.previous_btn1, 
.next_btn1,
.previous_btn2, 
.next_btn2 {
cursor: pointer;
height: 65px;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
width: 65px;
}

object {
width: 984px;
height: 430px;
}

@media only screen and (max-width: 767px) {
	
.previous_btn,
.previous_btn1,
.previous_btn2 {
left: 50px;
}

.next_btn,
.next_btn1,
.next_btn2 {
right: 50px;
}
}

/* foto */

#foto {
width: 100%;
margin: 0 auto;
}

#foto .wrapper {
width: 100%;
max-width: 1200px;
margin: -28px auto 0 auto;
padding: 0;
}

#foto .wrapper h2 {
font-size: 48px;
font-weight: 500;
line-height: 48px;
color: #1d1d1b;
padding: 0 0 50px 0;
margin: 0;
text-align: center;
}

#foto .wrapper .bl-ft {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0 auto 50px auto;
}

#foto .wrapper .bl-ft .left-bl,
#foto .wrapper .bl-ft .middle-bl {
margin-right: 24px;
}

#foto .wrapper .bl-ft .right-bl .bottom-bl {
margin-top: 20px;
}

#foto .wrapper .bl .btn a {
margin-left: auto;
}

#foto .wrapper .bl .btn a {
display: block;
background: #fff;
border: 2px solid #00a88e;
padding: 16px 24px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #00a88e;
width: 100%;
max-width: 153px;
margin: 0 auto;
}

#foto .wrapper .bl .btn a:hover {
border: 2px solid #23d1ae;
color: #23d1ae;
}

/* footer */

footer {
width: 100%;
height: 80px;
padding: 25px 0;
background: #fff;
margin-top: 100px;
}

footer .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}

footer .wrapper .footer-left {
width: 13%;
}

footer .wrapper .footer-middle {
width: 75%;
}

footer .wrapper .footer-right {
width: 12%;
}

footer .wrapper .footer-middle {
display: flex;
flex-direction: row;
}

footer .wrapper .footer-middle .bl-txt {
margin: 0 10px 0 25px;
}

footer .wrapper .footer-middle .bl-txt,
footer .wrapper .footer-middle .bl-lnk {
padding: 10px 0;
}

footer .wrapper .footer-middle .bl-txt,
footer .wrapper .footer-middle .bl-lnk a {
display: inline-block;
vertical-align: top;
}

footer .wrapper .footer-middle .bl-txt p {
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: rgba(42, 53, 65, 0.6);
margin: 0;
padding: 2px 0 0 0;
}

footer .wrapper .footer-middle .bl-lnk a {
font-size: 12px;
font-weight: 600;
line-height: 14px;
color: #00a88e;
} 

footer .wrapper .footer-middle .bl-lnk a {
margin-right: 10px;
}

footer .wrapper .footer-middle .bl-lnk a:last-child {
margin-right: 0;
}

footer .wrapper .footer-middle .bl-lnk a span {
font-size: 16px;
color: rgba(42, 53, 65, 0.6);
margin-right: 5px;
}

footer .wrapper .footer-right a {
margin-right: 10px;
}

footer .wrapper .footer-right a:last-child {
margin-right: 0;
}

footer .wrapper .footer-right a img {
padding: 3px 0;
}