.history-wrap-slider {
    padding: 0 98px;
    position: relative;
}

/*.history-slider {
    padding: 0 20px;
}*/

.history-slider .swiper-zt {
    padding: 1px 0;
    z-index: 20;
    position: relative;
    background: #f9fafc;
}

.history-slider .swiper-zt .swiper-scroll-point .swiper-scrollbar-drag {
    height: 29px;
    background: none;
    cursor: pointer;
    position: relative;
}

.history-slider
.swiper-zt
.swiper-scroll-point
.swiper-scrollbar-drag:before {
    content: url("/img/slider-progress-icon.svg");
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%);
}

.history-slider .swiper-slide {
    padding: 83px 0 35px;
    min-height: 344px;
    box-sizing: border-box;
}

.history-slider .swiper-pagination {
    top: 0;
    left: 0;
    position: relative;
    margin: 13px 0 0;
}

.history-slider .swiper-pagination-point {
    width: 24px;
    height: 29px;
    left: -140px;
    margin: -30px 0 0;
    position: relative;
    background: url("/img/slider-progress-icon.svg") no-repeat 0 0;
}

.history-slider .swiper-pagination-progressbar {
    height: 4px;
    background-color: #cbcbcb;
}

.history-slider .swiper-pagination-progressbar-fill {
    background-color: #e9392c;
}

.history-dateB {
    float: left;
    margin: 18px 35px 0 0;
}

.history-infB {
    overflow: hidden;
    margin: 0 0 0 auto;
    max-width: 1064px;
}

.history-century {
    color: #555;
    padding: 0 7px 7px;
    border-bottom: 1px solid #a7a7a7;
}

.history-date {
    color: #161616;
    font: 70px/120% "PT Sans", sans-serif;
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.75);
}

.history-date span {
    font-size: 30px;
    line-height: 120%;
}

.history-pic {
    width: 168px;
    height: 168px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 34px 0 0;
}

.history-desc {
    overflow: hidden;
    padding: 22px 0 0;
}

.history-desc p {
    margin: 0;
}

.-history-bg {
    background: #f9fafc none no-repeat 0 50%;
}

.svetofor_frame {
    max-width: 100%;
}
.spk-column__title {
    color: #e9392c;
    font: 30px/1.1 "PT Sans", sans-serif;
    margin-top: 51px;
}
.spk-lights {
    display: flex;
    margin-top: 28px;
}
.green_g{
    background-color: #339933;
    width:30px;
    height:20px;
    display: block;
}
.yellow_g{
    background-color: #FFCC33;
    width:30px;
    height:20px;
    display: block;
}
.red_g{
    background-color: #CC0000;
    width:30px;
    height:20px;
    display: block;
}
.white_g{
    background-color: whitesmoke;
    width:30px;
    height:20px;
    display: block;
}
.spk-lights__item {
    flex: 1;
    margin-left: 6px;
    box-sizing: border-box;
}

.spk-lights__item:first-child {
    margin-left: 0;
}

.spk-lights__head {
    height: 58px;
    background: #fff;
    box-shadow: 0 0 0 1px #c7d4da inset;
    text-align: center;
    color: #161616;
    font: 20px/58px "PT Sans", sans-serif;
}

.spk-lights__group {
    display: flex;
    margin-top: 6px;
}

.spk-lights__group-item {
    background: #cecece;
    flex: 1;
    margin-left: 6px;
    height: 28px;
    color: #fff;
    text-align: center;
    font: 18px/28px "PT Sans", sans-serif;
}

.spk-lights__group-item:first-child {
    margin-left: 0;
}

.spk-lights__group-item--min {
    background: #e9392c;
}

.spk-lights__group-item--max {
    background: #00c946;
}
.spk-lights__group-item--middle {
    background: #fbbf27;
}
.spk-lights-sticker {
    margin: 32px 0 -5px;
}

.spk-lights-sticker__item {
    margin-top: 10px;
    color: #555;
    font: 18px/1.25 "PT Sans", sans-serif;
    box-sizing: border-box;
    padding-left: 70px;
}

.spk-lights-sticker__item:first-child {
    margin-top: 0;
}

.spk-lights-sticker__icon {
    background: #cecece;
    width: 40px;
    height: 20px;
    float: left;
    margin: 1px 0 0 -70px;
}

.spk-lights-sticker__icon--max {
    background: #00c946;
}

.spk-lights-sticker__icon--middle {
    background: #fbbf27;
}

.spk-lights-sticker__icon--min {
    background: #e9392c;
}

.spk-lights__group-item--not {
    background: #ffffff;
    box-shadow: 0 0 0 1px #c7d4da inset;
    color: #000000;
}

.together-title {
    color: #e9392c;
    font: 30px/1.3 "PT Sans", sans-serif;
}

.together-title-small {
    color: #2d2d2d;
    font: 20px/1.3 "PT Sans", sans-serif;
    margin-top: 18px;
}

.together-box {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 100, 143, 0.23);
    margin-top: 30px;
    box-sizing: border-box;
    padding: 50px 0;
    border-radius: 28px;
}

.together-box__elem {
    display: flex;
}

.together-box__elem-item {
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    padding: 0 50px;
    color: #161616;
    font: 18px/1.25 "PT Sans", sans-serif;
}

.together-box__elem-icon {
    width: 67px;
    height: 67px;
    box-shadow: 0 0 0 2px #e9392c inset;
    border-radius: 100%;
    margin: 0 auto 22px;
    position: relative;
}

.together-box__elem-icon svg {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    fill: #e9392c;
}

.together-box__elem-line {
    margin: auto;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    margin-right: 96px;
    width: 141px;
    height: 1px;
    background: #a4a4a4;
}

.together-box__elem-line:before,
.together-box__elem-line:after {
    content: "";
    height: 8px;
    width: 1px;
    background: #a4a4a4;
    position: absolute;
    right: 0;
}

.together-box__elem-line:before {
    bottom: 100%;
    transform: rotate(-47deg);
    transform-origin: bottom right;
}

.together-box__elem-line:after {
    top: 100%;
    transform: rotate(47deg);
    transform-origin: top right;
}

.together-box__elem-line span {
    text-align: center;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    font: 20px/1 "PT Sans", sans-serif;
    margin-bottom: 6px;
    color: #a4a4a4;
}

.together-box__txt {
    margin-top: 50px;
    color: #161616;
    font: bold 20px/1.3 "PT Sans", sans-serif;
    padding: 0 50px;
}

/*.together-half {
  display: flex;
}*/

.together-half__row {
    display: flex;
}

.together-half__item {
    flex: 1;
    margin-left: 40px;
}

.together-half__item:first-child {
    margin-left: 0;
}

.together-half__item .spk-together {
    width: 100%;
}

.together-half__title {
    color: #161616;
    font: bold 20px/1 "PT Sans", sans-serif;
    margin-top: 43px;
}

.together-info {
    color: #838383;
    font: 20px/1.3 "PT Sans", sans-serif;
    margin-top: 70px;
}

@media screen and (max-width: 1660px) {
    .together-box__elem-item {
        padding: 0 25px;
    }

    .together-box__elem-line {
        margin-right: 42px;
    }
}
.country-flagB {
    margin: 45px 0;
    text-align: center;
}

.country-flagB img {
    height: auto;
    display: block;
    max-width: 100%;
}

.country-flagB-item {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    cursor: pointer;
    margin: 0 9px;
    display: inline-block;
    transition: opacity 0.4s ease-out 0s;
}

.country-flagB-item:hover,
.country-flagB-item.-active {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.country-descB {
    position: relative;
}

.country-align {
    max-width: 790px;
    margin: 0 0 0 auto;
}

.country-cont {
    top: -40000px;
    left: -40000px;
    padding: 24px 0;
    min-height: 500px;
    position: absolute;
    box-sizing: border-box;
    display: flex;
}

.country-cont.-active {
    position: static;
}

.country-cont p {
    margin: 0;
}

.country-cont ul li {
    margin: 20px 0;
}

.country .-uk {
    background: url("/img/flag/flag-uk.png") no-repeat center;
    background-size: contain;
}

.country .-usa {
    background: url("/img/flag/flag_usa.png") no-repeat center;
    background-size: contain;
}

.country .-ger {
    background: url("/img/flag/flag-german.png") no-repeat center;
    background-size: contain;
}

.country .-fra {
    background: url("/img/flag/flag-france.png") no-repeat center;
    background-size: contain;
}

.country .-swi {
    background: url("/img/flag/flag-sw.png") no-repeat center;
    background-size: contain;
}

.country .-Czech {
    background: url("/img/flag/flag_Czech.png") no-repeat center;
    background-size: contain;
}

.country .-Netherlands {
    background: url("/img/flag/flag_Netherlands.png") no-repeat center;
    background-size: contain;
}

.country .-Sweden {
    background: url("/img/flag/flag_Sweden.png") no-repeat center;
    background-size: contain;
}

.country .-Israel {
    background: url("/img/flag/flag_Israel.png") no-repeat center;
    background-size: contain;
}

.country .-Japan {
    background: url("/img/flag/flag_Japan.png") no-repeat center;
    background-size: contain;
}

.country .-China {
    background: url("/img/flag/flag_China.png") no-repeat center;
    background-size: contain;
}

.country-flagB-item {
    width: 58px;
    height: 38px;
}
.country-align_left,
.country-align_right {
    width: 50%;
    height: 500px;
}
@media screen and (max-width: 980px) {
    .country-align_left {
        position: absolute;
        height: 360px;
        width: 100%;
    }
    .country-align_right {
        width: 100%;
    }
    .country-cont.-active {
        position: static;
        display: inline-block;
    }
}

.codecs-row,
.codecs-item {
    margin: 30px 0;
}

.codecs-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.codecs-row .codecs-item:first-of-type {
    margin-top: 0;
}

.codecs-row .codecs-item:last-of-type {
    margin-bottom: 0;
}

.codecs-quote {
    width: 23%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
}

.codecs-quote-wrap {
    width: 100%;
    box-sizing: border-box;
}

.codecs-col-big {
    width: 77%;
    box-sizing: border-box;
}

.codecs-item {
    width: 100%;
    display: table;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 98, 142, 0.23);
}

.codecs-item-col {
    display: table-cell;
    padding: 18px 25px 18px 0;
}

.codecs-item-col-numb {
    width: 68px;
    padding-left: 7px;
    display: table-cell;
    text-align: center;
    color: #e9392c;
    font-size: 36px;
    line-height: 120%;
    vertical-align: middle;
}

.codecs .-rightQ .codecs-col-big {
    padding-right: 30px;
}

.codecs .-leftQ .codecs-col-big {
    padding-left: 30px;
}

.-bgColor-1 {
    background-color: #d2462f;
}

.-bgColor-2 {
    background-color: #38a2ec;
}

.-bgColor-3 {
    background-color: #e09b16;
}

.-bgColor-4 {
    background-color: #25c1d3;
}

.-bgColor-5 {
    background-color: #6abe3c;
}

.-bgColor-6 {
    background-color: #3756b1;
}

.-bgColor-7 {
    background-color: #9f3d89;
}

.-bgColor-8 {
    background-color: #d86e27;
}

.child-img {
    margin: 96px 0 0;
}

.child {
    zoom: 1;
}

.child:before,
.child:after {
    content: "";
    display: table;
}

.child:after {
    clear: both;
}

.child-bnr {
    margin: 61px 0 0;
}

.child-bnr img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 0 10px rgba(0, 98, 142, 0.23);
}

.child-slider {
    max-width: 874px;
    margin: 131px auto 0;
}

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

.child-slider .swiper-container {
    box-shadow: 0 0 10px rgba(0, 98, 142, 0.23);
}

.child-slider .swiper-button-prev {
    left: 30px;
}

.child-slider .swiper-button-next {
    right: 30px;
}

.child-slider .swiper-pagination {
    float: left;
    position: static;
}

.child-slider .swiper-pagination-bullet {
    color: #00648f;
    width: auto;
    height: auto;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    margin-left: 10px;
    background-color: transparent;
}

.child-slider .swiper-pagination-bullet:first-of-type {
    margin-left: 0;
}

.child-slider .swiper-pagination-bullet-active {
    color: #e9392c;
}

.child-slider-pag {
    zoom: 1;
    font-size: 20px;
    margin: 23px 0 0;
    line-height: 120%;
}

.child-slider-pag:before,
.child-slider-pag:after {
    content: "";
    display: table;
}

.child-slider-pag:after {
    clear: both;
}

.child-slider-download {
    float: right;
}

.child-img {
    float: left;
    width: 402px;
    z-index: 1;
    margin: 69px 0 0;
    position: relative;
}

.child-img img {
    display: block;
    position: absolute;
}

.child-babl {
    margin: 0 0 0 400px;
    position: relative;
    border-radius: 18px;
    padding: 55px 97px 70px;
    border: 1px solid #b7cfd7;
    background-color: #f8fafc;
    box-shadow: 0 0 10px rgba(0, 98, 142, 0.23);
}

.child-babl::before {
    left: -52px;
    bottom: 155px;
    width: 52px;
    height: 89px;
    content: " ";
    display: block;
    position: absolute;
    background: url("/img/shild-babl.png") no-repeat 0 0;
}

.child-babl h2,
.child-babl .h2,
.child-babl .-red {
    color: #e9392c;
}

.child-babl h2,
.child-babl .h2 {
    font-size: 46px;
    line-height: 120%;
}
.child-slider-pag .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: initial;
}
.arrow-top-pages {
    width: 60px;
    height: 60px;
    background: var(--color-primary);
    position: fixed;
    bottom: 90px;
    right: 23px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transform: scale(0);
    transition: background 0.2s linear;
}

.arrow-top-pages:hover {
    background: var(--color-primary-dark);
}

.arrow-top-pages svg {
    width: 15px;
    height: 35px;
    fill: #fff;
    margin: auto;
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    right: 0;
    transform: rotate(-90deg);
}

.groups {
    zoom: 1;
    margin: 49px 0 62px;
    padding: 40px 0;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 100, 143, 0.23);
}

.groups:before,
.groups:after {
    content: "";
    display: table;
}

.groups:after {
    clear: both;
}

.groups-item {
    width: 25%;
    float: left;
    padding: 5px 0 17px;
    box-sizing: border-box;
    border-left: 1px solid #cbcbcb;
}

.groups-item:nth-of-type(1) {
    border-left: none;
}

.groups-item:nth-of-type(2n) .groups-h {
    color: #00648f;
}

.groups-h,
.groups-desc {
    line-height: 120%;
}

.groups-h {
    color: #e9392c;
    font-size: 70px;
    margin: 0 0 8px;
}

.groups-desc {
    color: #00648f;
    font-size: 20px;
}

.component {
    margin: 77px 0 94px;
}

.component h2,
.component .h2 {
    color: #e9392c;
}

.component p {
    margin: 23px 0;
}

.component-loupe {
    float: left;
    margin: 0 57px 0 0;
    padding: 40px 53px 68px 72px;
    box-sizing: border-box;
    background: url("/img/magnifier.svg") no-repeat 0 0;
}

.component-row {
    zoom: 1;
    position: relative;
}

.component-row:before,
.component-row:after {
    content: "";
    display: table;
}

.component-row:after {
    clear: both;
}

/*.component-row::before {
    height: 10px;
    display: block;
    position: absolute;
    background: url("/img/component-line.png") repeat 0 0;
}*/

.component-row:nth-of-type(2n) {
    text-align: right;
}

.component-row:nth-of-type(2n) .component-pic {
    float: right;
    margin: 0 0 0 133px;
}

.component-pic {
    float: left;
    overflow: hidden;
    border-radius: 50%;
}

.component-pic img {
    max-width: 100%;
    display: block;
    height: auto;
}

.component-pic.-round {
    border: 14px solid #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.26);
}

.component-desc {
    overflow: hidden;
}

.component .position-1 {
    margin: 0 0 36px;
}

.component .position-1::before {
    top: 416px;
    left: 424px;
    width: 752px;
    content: " ";
    transform: rotate(17deg);
}

.component .position-1 .component-desc {
    padding: 62px 0 0;
}

.component .position-2 {
    margin: 0 0 60px;
}

.component .position-2::before {
    top: 326px;
    right: 426px;
    width: 800px;
    content: " ";
    transform: rotate(-17deg);
}

.component .position-2 .component-pic {
    margin: 0 140px 0 133px;
}

.component .position-2 .component-desc {
    padding: 30px 0 0;
}

.component .position-3 {
    margin: 0 0 158px;
}

.component .position-3::before {
    top: 359px;
    left: 367px;
    width: 847px;
    content: " ";
    transform: rotate(18deg);
}

.component .position-3 .component-pic {
    margin: 0 120px 0 88px;
}

.component .position-3 .component-desc {
    padding: 40px 0 0;
}

.component .position-4 .component-pic {
    margin-top: 9px;
    margin-right: 142px;
}

.reviews__left,
.reviews__right {
    background: #fff;
    margin-top: 40px;
    box-shadow: 0 0 10px rgba(0, 100, 143, 0.23);
    box-sizing: border-box;
    padding: 0 30px;
    min-height: 305px;
    display: flex;
    justify-content: space-between;
}

.reviews__left {
    margin-right: 385px;
}

.reviews__right {
    margin-left: 385px;
}

.reviews__photo {
    width: 244px;
    height: 244px;
    background: #f9fafc;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 0 8px #ebf1f5;
    margin: 30px 0;
}

.reviews__head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c7d4da;
    align-items: flex-end;
    margin-top: 20px;
    padding-bottom: 12px;
}

.reviews__name {
    font: 30px/1.1 "PT Sans", sans-serif;
    color: #161616;
}

.reviews__status {
    color: #e9392c;
    font: 16px/1 "PT Sans", sans-serif;
    margin-bottom: 4px;
    position: relative;
}

.reviews__status svg {
    margin: auto;
    position: absolute;
    top: -9px;
    left: -27px;
    width: 20px;
    height: 28px;
    fill: #e9392c;
}

.reviews__region {
    color: #838383;
    font: 14px/1 "PT Sans", sans-serif;
    margin-top: 8px;
}

.reviews__txt {
    color: #00648f;
    font: 19px/1.4 "PT Sans", sans-serif;
    margin-top: 23px;
    box-sizing: border-box;
    padding-left: 63px;
    position: relative;
    padding-bottom: 25px;
}

.reviews__txt svg {
    margin: auto;
    width: 41px;
    height: 32px;
    fill: #00648f;
    position: absolute;
    top: 0;
    left: 0;
}

.reviews__content {
    width: calc(100% - 274px);
}

.maps__sticker {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.maps__sticker-box {
    width: 323px;
    background: #fff;
    box-sizing: border-box;
    padding: 34px 15px 36px;
    border-radius: 24px;
}

.maps__sticker-box-title {
    text-align: left;
    font: bold 18px/1 "PT Sans", sans-serif;
    color: #555;
}

.maps__sticker-box-row {
    margin-top: 35px;
}

.maps__sticker-box-item {
    color: #555;
    font: 16px/1.2 "PT Sans", sans-serif;
    margin-top: 34px;
    box-sizing: border-box;
    padding-left: 83px;
    position: relative;
}

.maps__sticker-box-item:first-child {
    margin-top: 0;
}

.maps__sticker-icon {
    width: 26px;
    height: 54px;
    position: absolute;
    top: -5px;
    left: 34px;
}

.maps__sticker-icon--one {
    background: url("/img/img_map_reserve/light-critical-little-blood.svg") no-repeat;
}

.maps__sticker-icon--two {
    background: url("/img/img_map_reserve/light-little-blood.svg") no-repeat;
}

.maps__sticker-icon--three {
    background: url("/img/img_map_reserve/light-enough-blood.svg") no-repeat;
}

.maps__sticker-icon--none {
    background: url("/img/img_map_reserve/light-none-blood.svg") no-repeat;
}