#vk_groups,
#vk_groups > iframe {
    width: 100%!important;
}

.fancybox-button svg path {
    fill: #fff!important;
}
.header-item-notify {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: top;
    border-radius: 50%;
    background-color: #ff2C00;
    position: absolute;
    top: .25rem;
    right: .25rem;
}

.swiper-slide a[data-fancybox] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

/** ---------------------------------------- geo */
.geo--img {
    background-image: url('/storage/app/media/design/geo-img.png');
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
}
.geo--img.orange {
    border: 0.25rem solid #ff2C00;
    border-color: linear-gradient(-225deg, #ff3d00, #ff2C00);
    border-radius: 100%;
}
.geo-point-main {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    background: #ff2C00;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.geo-point-shadow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin-top: -15px;
    margin-left: -15px;
    background: #ff2C00;
    border-radius: 50%;
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    outline: none;
    box-sizing: border-box;
}
/*
*/
@keyframes pulse {
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}
    50%,to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}
}

.img-vw2 {
    max-width: 100%;
}

/** ---------------------------------------- button */
.ui.button {
    border-radius: 30px;
}
.ui.white.button {
    background: #fff;
    color: rgba(0,0,0,.8);
}
.ui.white.button:hover {
    background: #000;
    color: #fff;
}
.ui.white.button:hover .icon,
.ui.white.button:hover span {
    color: #fff;
}
img[src*='https://vk.com/emoji/'] {
    width: 14px;
    height: 14px;
}
.ui.inverted.orange.button,
.ui.inverted.orange.buttons .button {
    box-shadow: 0 0 0 2px #ff3d00 inset!important;
    color: #ff2C00;
}
.ui.orange.button,
.ui.orange.buttons .button {
    background-color: #ff2C00;
}
.ui.orange.button *,
.ui.orange.buttons .button *{
    color: #fff;
}
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button:focus {
    background-color: #ff2C00;
}

.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:hover {
    background-color: #ff2C00;
}

/** ---------------------------------------- counters */
#layout-content section#counters {
    padding-top: 4rem!important;
    /*padding-bottom: 6rem;*/
    /*background-color: #f1f6f9;
    background-color: #f0f7fa;*/
}
#counters .ui.statistics {
    flex-wrap: nowrap;
}
#counters .ui.statistics .statistic {
    margin-bottom: 4rem;
}
#counters .ui.statistics .value {
    font-weight: 700;
    margin-bottom: 1rem;
}

#counters .ui.statistics .statistic>.value img {
    max-height: 4rem;
    vertical-align: middle;
}
#counters .ui.statistics .statistic>.label {
    text-transform: none;
    margin-left: 1rem;
    margin-right: 1rem;
    font-weight: 500;
    color: #001f31;
}
#counters .ui.statistics .statistic>.label p {
    line-height: 1.25;
    text-transform: none;
}
#counters span.value-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    line-height: 1.25;
}
#counters .statistics-desc h3 {
    text-align: center;
}
#counters .statistics-desc p {
    text-align: center;
    margin-bottom: 4rem;
    max-width: 500px;
    margin: 1rem auto 4rem;
    font-weight: 600;
}
@media (max-width: 991px) {
    #counters span.value-text {
        display: block;
        margin-top: 1rem;
    }
}
@media (max-width: 767px) {
    #counters .ui.statistics .value {
        margin-bottom: .25rem
    }
    #counters .ui.statistics .statistic {
        margin: 0 0 2.5rem!important;
        padding: 0;
    }
    #counters span.value-text {
        font-size: 1.0rem;
        display: block;
        margin-left: 0;
    }
    #counters .ui.statistics .statistic {
        width: 100%;
        text-align: center;
        margin: 0 0 .5rem!important;
    }
    #counters .ui.statistics .statistic > .label {
        text-align: left;
        display: block;
        margin-left: 0;
    }
}


/** ---------------------------------------- section form */
#form-inline {
    padding: 2rem 0 1rem !important;
    position: relative;
    padding: 10rem 0 10rem;
    /*box-shadow: inset 0 18px 18px 0 rgba(35,31,32,.06);
    background: url(/storage/app/media/design/bg1.svg) no-repeat 0 100%,
        url(/storage/app/media/design/bg1.svg) no-repeat 100% 0;*/
}
#form-inline + * {

}


/** ---------------------------------------- cars */
#cars h3,
#cars h3 + p {

}
#tabs-car .tab {
    border: 0;
    margin: 0;
    box-shadow: none;
    background: transparent;
}
#tabs-car .tab.segment {

}
#tabs-car .tabs-car--col-image {

}
#tabs-car .tabs-car--col-desc {

}
#tabs-car .tabs-car--content-image {
    max-width: 100%;
    max-height: 200px;
}
#tabs-car #tabs-car--menu {
    height: auto;
}
#tabs-car #tabs-car--menu a.item {
    display: inline-block;
    width: 10rem;
    border-radius: 1.2rem;
    box-shadow: 0 0 0 0.3rem transparent inset;
    background: transparent;
    max-width: 14rem;
    padding: 1.25rem .75rem;
    cursor: pointer;
}
#tabs-car #tabs-car--menu a.item {

}
#tabs-car #tabs-car--menu a.item:hover,
#tabs-car #tabs-car--menu a.item.active {
    box-shadow: 0 0 0 0.3rem #ff3d00 inset;
}
#tabs-car #tabs-car--menu .item-img {
    width: 100%;
    display: block;
}
#tabs-car #tabs-car--menu .item-desc {
    display: block;
    line-height: 1.35;
    text-align: center;
    padding: 0 1.4rem;
    margin: 1rem 0 0;
    font-weight: 500;
}
.tabs-car--content {

}
.tabs-car--content h4 {
    color: #ff2C00;
}
.car-options {
    background-color: #fff;
    border-radius: 5px;
    padding: 18px 21px 25px;
    min-width: 100%;
    box-shadow: 0 11px 54px 0 rgba(0,0,0,.1);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}
.car-options-title {
    font-size: 1.75rem;
}
.car-options-check {
    position: absolute;
    z-index: 3;
    top: 0px;
    right: 0;
    left: 0;
    text-align: center;
    fill: #fff;
}
.car-options-check::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -18px;
    border-bottom: 18px solid #ecedef;
    border-left: 18px solid #ecedef;
    border-top: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.car-options-check i {
    -webkit-appearance: none;
    text-decoration: none;
    border: 0;
    padding: 0;
    background: #ff2C00;
    cursor: pointer;
    outline: 0;
    transition: all .3s;
    background-image: linear-gradient(-225deg, #ff3d00, #ff2C00);
    color: #fff;
    line-height: 48px;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: -14px;
    box-shadow: 0 5px 20px 0 rgba(247, 117, 82, 0.5);
    z-index: 999;
}
.car-options-check i img {
    width: 50%;
    height: 50%;
}
@media (max-width: 767px) {
    .tabs-car--img {
        display: none!important;
    }
    .car-options-title {
        font-size: 1.25rem;
    }
    #tabs-car #tabs-car--menu a.item {
        max-width: 100%;
        margin: 0;
    }
    #tabs-car #tabs-car--menu .item-desc {
        font-size: .85rem;
    }
    #tabs-car #tabs-car--menu .item-desc,
    .car-options-layout {
        padding-left: 0;
        padding-right: 0;
    }
    .car-options {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

/** ---------------------------------------- promo */
.ui.statistics.mini .statistic .promo--statistic-value {
    color: #fff!important;
    font-weight: 800;
    font-size: 1.75rem!important;
}
.item-button-gradient {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 125%;
    opacity: 1;
    z-index: 1;
    background-image: linear-gradient(to top, #ff3d00 0%, rgba(255, 61, 0, 0.85) 10%, rgba(255, 61, 0, 0.7) 20%, rgba(8, 8, 8, 0) 50%);
}
#swiper-promo .swiper-slide {
    max-width: 20rem;
}
.ui.red.label.label-promotion {
    margin: 1rem 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}
.ui.red.label.label-discount {
    margin: 1rem 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}
.ui.card.card--promo {
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: none;
    background-color: #ff2C00;
}
.ui.card.card--promo.card--promo-lg .item-button-gradient {
    height: 60%;
}
.ui.card.card--promo.card--promo-lg {
    width: auto;
    height: auto;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0, 0, 0, 0.15);
}
.ui.card.card--promo.card--promo-lg .image {
    height: auto;
}
.ui.card.card--promo.card--promo-lg > .content {
    height: auto;
    padding: 1rem 2rem 2rem;
}
.ui.card.card--promo.card--promo-lg .text-min p,
.ui.card.card--promo.card--promo-lg .text-min li {
    color: #fff!important;
    margin: 0 0 1rem;
}
.ui.card.card--promo::before {
    top: 0px;
    left: 0px;
    right: 0px;
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 1rem;
    bottom: 0;
    -webkit-box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0,0,0,.15);
    box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0,0,0,.15);
}
.ui.card.card--promo::after {
    left: 0;
    top: 0;
    right: 0;
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    bottom: 0;
    background-image: -webkit-linear-gradient(315deg, #ff3d00, #ff2C00);
    background-image: -o-linear-gradient(315deg, #ff3d00 0, #ff3d00 100%);
    background-image: linear-gradient(-225deg, #ff3d00, #ff2C00);
}
.ui.card.card--promo:hover::before {
    -webkit-box-shadow: 0 5px 35px rgba(255, 61, 0,.3), 0 5px 35px rgba(0,0,0,.3);
    box-shadow: 0 5px 35px rgba(255, 61, 0,.3), 0 5px 35px rgba(0,0,0,.3);
}
.ui.card.card--promo a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.ui.card.card--promo.card--promo-lg a {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
}
.ui.card.card--promo+.header {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0 .5rem;
    text-align: center;
}
.ui.card.card--promo .image {
    height: 10rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: transparent;
    margin-top: 0;
    max-width: 100%;
    right: 0%;
    left: 0;
}
.ui.card.card--promo .image img {
    height: auto;
}
.ui.card.card--promo .content {
    border: 0;
}
.ui.card.card--promo > .content {
    height: 8rem;
    padding: 1rem 0.5rem 1rem;
    position: relative;
}
.ui.card.card--promo > .content > .header {
    height: 5rem;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    font-size: 1.75rem;
}
.ui.card.card--promo .ui.statistics .label {
    font-weight: normal;
    font-size: .75rem;
    color: #fff;
}
.ui.card.card--promo .ui.statistics.mini {
    margin: 1rem 0 1rem;
    text-align: center;
}
.ui.card.card--promo .ui.statistics>.statistic {
    width: auto;
    font-weight: 800;
}
.ui.card.card--promo.card--promo-lg .ui.statistics > .statistic > .text.value {
    font-size: 2rem!important
}
.ui.card.card--promo.card--promo-lg .card--promo-lg-block-link {
    text-align: center;
}

.ui.card.card--promo .text-min p,
.text-min.text-min * {
    font-size: 1rem!important;
}

.promo-page-img {
    max-width: 100%;
    border-radius: 1rem;
    padding-right: 4rem;
}
.promo-page-desc p {
    word-break: break-all;
}

@media (max-width: 991px) {
    .promo-page-img {
        padding-right: 0;
    }
}

/** ---------------------------------------- review */
.ui.grid.review-all--cta {
    margin-top: 0rem;
}
.ui.grid.record-list {
    margin: 0;
}
.ui.grid.record-list .ui.card.card--review {
    width: 100%;
}
#swiper-review.swiper-container .swiper-button-prev::after,
#swiper-review.swiper-container .swiper-button-next::after {
    background-color: #ffe65a;
}
#swiper-review .swiper-slide {
    width: 260px;
}
.ui.card.card--review {
    -webkit-box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 18px rgba(14,21,47,.08);
    box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 18px rgba(14,21,47,.08);
}
.ui.card.card--review .content .header {
    font-size: .9rem;
    font-weight: 500;
}
.ui.card.card--review .date,
.ui.card.card--review .meta {
    font-size: .9rem;
}
.ui.card.card--review .content {
    border: 0!important;
}
.ui.card.card--review .content.review-text {
    margin: -2rem 0rem -1rem;
}
.ui.card.card--review .description {
    line-height: 1.25;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#swiper-review .ui.card .description {
    display: block;
    max-height: 5.5rem;
    height: 5.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ui.card.card--review .description p {
    font-size: .95rem!important;
    line-height: 1.25;
    margin: 0;
    display: inline;
}
#review .ui.container,
#swiper-review,
#swiper-review.swiper-container .swiper-button-prev,
#swiper-review.swiper-container .swiper-button-prev::after,
#swiper-review.swiper-container .swiper-button-next,
#swiper-review.swiper-container .swiper-button-next::after {
    background-color: inherit;
}

/** ---------------------------------------- school */
.statistics-school {

}
.ui.large.statistics .statistic > .text.value.statistics-school-val {
    min-height: 2rem;
    line-height: 1.5;
    text-align: left;
}
.ui.large.statistics .statistic > .text.value.statistics-school-val.date {
    text-transform: none;
    color: #ff2C00;
}
.ui.card.card--promo-lg .ui.large.statistics .statistic > .text.value.statistics-school-val.date {
    color: #fff;
}

.ui.large.statistics .statistic > .text.value.statistics-school-val .min {
    font-size: 50%;
}
.ui.large.statistics .statistic > .text.value.statistics-school-val+.label {
    font-size: 0.8rem;
    text-align: left;
}

/** ---------------------------------------- contact */
.ui.statistics.statistics-contact {

}
.ui.statistics.statistics-contact .statistic {
    width: 100%;
}
.ui.statistics.statistics-contact .statistic .label {
    text-align: left;
    color: #ff2C00;
}
.ui.statistics.statistics-contact .statistic .label i.icon {
    color: #ff2C00;
}
.ui.statistics.statistics-contact .statistic .text.value {
    text-align: left!important;
    font-size: 1.5rem!important;
    line-height: 1.5;
    text-transform: none;
}

/** ---------------------------------------- instruktor */
#instruktor {
    /*margin: 3rem 0 4rem;*/
}
#instruktor h3 {
    margin-top: 3rem;
}
.ui.card.card--instruktor {
    background: transparent;
    border: 0;
    box-shadow: none;
}
#instruktor--info {
    padding-right: 5rem;
}
.swiper-wrapper {
    padding: 1.25rem 0 1.25rem;
}
#swiper-instruktor .swiper-slide {
    max-width: 15rem;
}
.ui.card.card--instruktor .icon {
    margin-right: .25rem;
    color: #ff2C00;
}

.ui.card.card--instruktor .image {
    position: relative;
    text-align: center;
    padding: .5rem;
    margin: 1rem 1.5rem 0;
    border-radius: 100%!important;
    background: linear-gradient(-225deg, #ff3d00, #ff2C00);
}
.ui.card.card--instruktor.v2 .image {
    position: relative;
    text-align: center;
    padding: .5rem;
    margin: 1rem 1.5rem 0;
    border-radius: 0!important;
    background: linear-gradient(-225deg, #ff3d00, #ff2C00);
}
.ui.card.card--instruktor .content {
    border: 0;
}
.ui.card.card--instruktor > .content > .header {
    font-size: 1rem;
    text-align: center;
    height: 3rem;
}
.ui.card.card--instruktor > .content .ui.list {
    text-align: left;
    font-weight: 500;
}
.ui.card.card--instruktor .ui.list>.item>i.icon {
    vertical-align: middle;
    color: #5294F7;
}
@media (max-width: 767px) {
    .ui.card.card--promo.card--promo-lg .item-button-gradient {
        height: 25%!important;
    }
    #instruktor--info {
        padding-right: 1rem;
    }
    #instruktor h3 {
        margin-top: 0;
    }
}

/** ---------------------------------------- docs */
#docs {

}
#docs h3,
#docs h2 {
    text-align: center;
}
#swiper-docs {
}
#swiper-docs2 .swiper-wrapper,
#swiper-docs .swiper-wrapper {
    justify-content: center;
}
#swiper-docs2 .swiper-slide,
#swiper-docs .swiper-slide {
    max-width: 8rem;

}
#swiper-docs2 .card--doc,
#swiper-docs .card--doc {
    position: relative;
    border: 0;
    -webkit-box-shadow: 0 8px 14px rgba(14, 21, 47, 0.1), 0 2px 18px rgba(14, 21, 47, 0.08);
    box-shadow: 0 8px 14px rgba(14, 21, 47, 0.1), 0 2px 18px rgba(14, 21, 47, 0.08);
}
#swiper-docs2 .card--doc a[data-fancybox],
#swiper-docs .card--doc a[data-fancybox] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.link-view--doc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
#swiper-docs2 .content,
#swiper-docs .content {
    border: 0;
}
#swiper-docs2 .image--doc,
#swiper-docs .image--doc {
    padding: .25rem;
    position: relative;
    background: #fff;
    border-radius: 4px!important;
}
#swiper-docs2 .image--doc .meta,
#swiper-docs .image--doc .meta {
    position: absolute;
    top: .75rem;
    left: .75rem;
}
#swiper-docs2 .image--doc img,
#swiper-docs .image--doc img {
    max-width: 100%;
    border-radius: 4px;
}
@media (max-width: 767px) {
    #swiper-docs2 .swiper-wrapper,
    #swiper-docs .swiper-wrapper {
        justify-content: start;
    }
}

/** ---------------------------------------- block teaching */
.ui.statistics .statistic>.text.value+.label {
    text-align: left;
    line-height: 1.25;
}
.statistics-geo strong {
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
}

@media(max-width: 767px) {
    .ui.statistics.statistics-geo .statistic {
        margin-left: 0!important;
    }
}

/** ---------------------------------------- tabs gallery */
#tabs-teach {

}
#tabs-teach--menu2.ui.secondary.menu,
#tabs-teach--menu.ui.secondary.menu {
    height: auto;
    margin: 1rem 0 0;
}
#tabs-teach--menu2.ui.secondary.menu a.item:first-child,
#tabs-teach--menu.ui.secondary.menu a.item:first-child {
    margin-left: 0;
}
#tabs-teach--menu2.ui.secondary.menu a.item,
#tabs-teach--menu.ui.secondary.menu a.item {
    border-radius: 2rem;
    background: #e5e5e5;
    font-weight: 500;
}
#tabs-teach--menu2.ui.secondary.menu a.item.active,
#tabs-teach--menu2.ui.secondary.menu a.item:hover,
#tabs-teach--menu.ui.secondary.menu a.item.active,
#tabs-teach--menu.ui.secondary.menu a.item:hover {
    background: #ff2C00;
    color: #fff;
}
#tabs-teach2 .ui.tab.segment,
#tabs-teach .ui.tab.segment {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
#tabs-teach {

}

/** ---------------------------------------- gallery */
.swiper-gallery--min {

}
.swiper-gallery--min .swiper-slide {
    width: 10rem;
}
.swiper-gallery--min .swiper-slide .ui.card.card--image {
    margin: 0!important;
}
#swiper-pupil .swiper-slide:hover .ui.card.card--image {
    width: 10rem;
}
.swiper-gallery--min .ui.card.card--image img {
    max-width: 100%;
}
.swiper-gallery--min .ui.card.card--image a[data-fancybox] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
}

/** ---------------------------------------- pupil */
#docs {

}

#swiper-pupil {
}
#swiper-pupil .swiper-wrapper {

}
#swiper-pupil .swiper-slide {
    max-width: 6rem;
}
#swiper-pupil .card--pupil {
    width: 6rem;
    height: 6rem;
    border-radius: 300px!important;
    position: relative;
    border: 0;
    -webkit-box-shadow: 0 8px 14px rgba(14, 21, 47, 0.1), 0 2px 18px rgba(14, 21, 47, 0.08);
    box-shadow: 0 8px 14px rgba(14, 21, 47, 0.1), 0 2px 18px rgba(14, 21, 47, 0.08);
}
.link-view--pupil {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
#swiper-pupil .content {
    border: 0;
}
#swiper-pupil .image--doc {
    padding: .25rem;
    position: relative;
    background: #fff;
    border-radius: inherit!important;
}
#swiper-pupil .image--doc .meta {
    position: absolute;
    top: .75rem;
    left: .75rem;
}
#swiper-pupil .image--doc img {
    max-width: 100%;
    border-radius: 300px;
}
@media (max-width: 767px) {
    #swiper-pupil .swiper-wrapper {
        justify-content: start;
    }
}

/** ---------------------------------------- course */
#course {
    /*margin: 3rem 0 4rem;*/
}
#course h3 {
    margin-top: 5rem;
}
#swiper-course {
}
#swiper-installment {
    margin-left: 2rem;
    margin-right: 2rem;
}
#swiper-installment .swiper-slide {
    max-width: 18rem;
}
#swiper-installment .swiper-slide {
    margin-left: 1rem;
}

#swiper-course .swiper-slide,
#swiper-course-cert .swiper-slide{
    max-width: 16.5rem;
}
.ui.card.card--course {
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: none;
    background-color: #ff7700;
    background-image: -webkit-linear-gradient(315deg, #ff3d00, #ff2C00);
    background-image: -o-linear-gradient(315deg, #ff3d00 0, #ff3d00 100%);
    background-image: linear-gradient(-225deg, #ff3d00, #ff2C00);
}
.ui.card.card--course.promo {
    background:transparent!important;
}
.ui.card.card--course.promo .ui.mini.statistics .statistic>.value {
    text-align:left!important;
    font-size: 1.25rem!important;
}
.ui.card.card--course.promo:before {
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}
.ui.card.card--course.promo .image {
    border-radius: 1.0rem!important;
    overflow: hidden;
}
.extra.content.promo {
    margin: 1rem 0;
    padding: 0 0 1rem;
}
.content.promo .ui.two.statistics {
    padding: 0;
}

.card--installment-content.swiper--animate {
    padding: 2rem 1.5rem 0 !important;
}
.ui.card.card--installment>.content>.header {
    text-align:center;
    text-transform: uppercase;
    padding: 1rem 0 0;
}
.ui.card.card--installment>.content>.header span {
    font-size: 200%;
}
.ui.card.card--installment {
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    box-shadow: none;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 2px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 2px 12px rgba(0, 0, 0, 0.15);
}
.ui.card.card--installment>.image {
    background:transparent;
    width: 25%;
    margin: 0 auto 1rem;
}

@media (max-width: 767px ){
    .ui.card.card--installment,
    .ui.card.card--course {
        width: 100%;
    }
}
.ui.card.card--course::before {
    top: 0px;
    left: 0px;
    right: 0px;
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 1rem;
    bottom: 0;
    -webkit-box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0,0,0,.15);
    box-shadow: 0 2px 20px rgba(255, 61, 0, 0.2), 0 2px 20px rgba(0,0,0,.15);
}
.ui.card.card--course::after {
    left: 0;
    top: 0;
    right: 0;
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    bottom: 0;
    background-image: -webkit-linear-gradient(315deg, #ff3d00, #ff2C00);
    background-image: -o-linear-gradient(315deg, #ff3d00 0, #ff3d00 100%);
    background-image: linear-gradient(-225deg, #ff3d00, #ff2C00);
}
.ui.card.card--course:hover::before {
    -webkit-box-shadow: 0 5px 35px rgba(255, 61, 0,.3), 0 5px 35px rgba(0,0,0,.3);
    box-shadow: 0 5px 35px rgba(255, 61, 0,.3), 0 5px 35px rgba(0,0,0,.3);
}
.ui.card.card--course a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.ui.card.card--course+.header {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0 .5rem;
    text-align: center;
}
.ui.card.card--course .image {
    position: relative;
    text-align: center;
    background: transparent;
    margin-top: 0;
    max-width: 100%;
    right: 0%;
    left: 0;
}
.ui.card.card--course .content {
    border: 0;
}
.ui.card.card--course > .content {
    height: 4rem;
    padding: 1rem 0.5rem 0;
}
.ui.card.card--course.card--cert > .content {
    height: 0;
}
.ui.card.card--course.card--cert + .header {
    text-align: left;
    font-size: 1.15rem;
}
.ui.card.card--course > .content > .header {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    font-size: 1.15rem;
}
.ui.card.card--course .ui.statistics .label {
    font-weight: normal;
    font-size: .75rem;
    color: #fff;
}
.ui.statistics .course--statistic {

}
.ui.statistics.course--statistic .label.label--line-through {
    text-decoration: line-through;
}
.ui.mini.statistics .statistic> .course--statistic-value.value {
    position: relative;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    font-size: 1.25rem!important;
}
.ui.card.card--installment .installment--btn {
    width: auto;
    margin: 0 auto 1rem;
}
.ui.card.card--installment .instellment-image {
    margin: 0 auto;
    position: relative;
    width: 20%;
    left: 0rem;
}
.ui.statistics.installment--statistic .installment--statistic-value.value {
    position: relative;
    font-weight: 600;
    color: rgba(0,0,0,.87);
    text-transform: none;
    font-size: 1.75rem!important;
}
.ui.statistics.installment--statistic .installment--statistic-value.value span {
    font-size: 50%;
}
.ui.statistics.installment--statistic .statistic {
    min-width: 40%;
    margin: 0 0 1em;
    max-width: 45%;
    flex-wrap: wrap;
    padding: 0 .5rem;
}
.ui.statistics.installment--statistic .label {
    color: #666;
    font-size: 75%;
}
.ui.statistics.installment--statistic .label span {
    font-size: 75%;
    color: #666;
}
.ui.statistics.installment--statistic .statistic.installment--head .value,
.ui.statistics.installment--statistic .statistic.installment--head .label {
    color: #ff2C00;
    font-weight: 800;
    text-align: center;
}
.ui.statistics.installment--statistic .statistic.installment--head {
    max-width: 100%;
    width: 100%;
}

.ui.statistics.installment--statistic .statistic.installment--head .label {
    font-size: 115%;
}

.ui.statistics .course--statistic-value2.value {
    position: relative;
    font-weight: 600;
    text-transform: none;
}
.ui.statistics .course--statistic-value2.value span {
    font-size: 65%;
}
.ui.statistics .course--statistic-value.value span {
    font-size: 65%;
    color: #fafafa;
}
.ui.statistics .course--statistic-value.value span.price-plan {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
}

.ui.card.card--course .extra.content {
    border: 0!important;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    padding: 0 .5rem .75rem;
}
.ui.card.card--course .extra.content .ui.two.statistics {
    padding-bottom: 0;
}
.ui.card.card--course .header.price-old {
}
.ui.card.card--course .header.price {
    font-size: 1.5rem;
    text-align: center;
}

.ui.card.card--course .ui.list>.item>i.icon {
    vertical-align: middle;
    color: #5294F7;
}

.column.card--course-content {
    margin-bottom: 1rem;
    padding: .5rem!important;
}
.column.card--course-content > .header {
    font-weight: bold;
    font-size: 1.25rem;
}
.ui.grid.card--course-list {
    margin: -1rem -0.5rem;
}
.ui.statistics.statistics-course {
    margin-bottom: 1rem;
}

.ui.statistics.statistics-course > .statistic {
    margin-bottom: 2rem!important;
}
@media(max-width: 767px) {
    #swiper-installment {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .ui.statistics.installment--statistic .installment--statistic-value.value {
        font-size: 1.75rem!important;
    }

    .swiper-slide .ui.card.card--course > .content > .header {
        font-size: 1.25rem;
    }
    .card--course-list .ui.mini.statistics .course--statistic-value.value {
        font-size: 1.75rem!important;
    }
    .swiper-slide .ui.statistics .statistic,
    .card--course-list .ui.statistics .statistic {
        margin: 0 0em 1em!important;
    }
    .ui.card.card--course > .content > .header {
        font-size: 1.5rem;
    }
    .ui.statistics .course--statistic-value.value {

    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .head--course {
        background-position-x: -25%!important;
    }
}


/** ---------------------------------------- course item */
.ui.statistics.statistics-course .statistic .text.value {

}
.ui.statistics.statistics-course .statistic > .text.value {
    color: #001f31;
    min-height: 2rem;
    line-height: 1.5;
    text-align: left;
    font-size: 2rem!important;
}

.ui.statistics.statistics-course .statistic > .text.value .min {
    font-size: 50%;
    color: #ff2C00;
}
.ui.statistics.statistics-course .statistic > .text.value+.label {
    font-size: 0.8rem;
    text-align: left;
}
.ui.statistics.statistics-course .statistic > .text.value.title {
    font-size: .9rem!important;
    line-height: 1;
    min-height: 1rem;
}
.ui.statistics.statistics-course .statistic > .text.value.title.old {
    text-decoration: line-through;
    color: #ff2C00;
}

/** ---------------------------------------- video */
#swiper-video {
}
#swiper-video .swiper-slide {
    max-width: 15rem;
}
.ui.card.card--video {
    width: 15rem;
}
.ui.card.card--video a[data-fancybox] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.ui.card.card--video .content .header {
    padding-bottom: 0;
}
.ui.card.card--video .ui.embed>.icon:before {
    font-size: 4rem;
}
.ui.card.card--video .description {
    display: block;
    max-height: 2.5rem;
    height: 2.5rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.ui.card.card--video .description:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.ui.card.card--video .meta.source {
    font-size:.9rem;
}

.ui.card.card--video .ui.list>.item>i.icon {

}
#swiper-video .swiper-slide:hover .ui.card {
    -webkit-box-shadow: 0 8px 14px rgba(255, 111, 0, 0.1), 0 2px 18px rgba(255, 111, 0, 0.08);
    box-shadow: 0 8px 14px rgba(255, 111, 0, 0.1), 0 2px 18px rgba(255, 111, 0, 0.08);
}
@media (max-width: 767px) {
    .ui.card.card--video a[data-fancybox] {
        display: none;
    }
}

/** ---------------------------------------- faq */
#swiper-faq {
    max-width: 100%;
}
#swiper-faq > .swiper-container {
    height: 20rem;
    padding: 0;
}
#swiper-faq > .swiper-container .swiper-slide {
    height: auto;
}

.ui.grid.faq-question {
    margin: 0 0 !important;
}
.ui.grid.faq-reply {
    margin: 0 0 1rem !important;
    padding-top: 0;
}
.ui.grid.faq-reply > .column {
    width: auto;
    padding: 0;
}
.faq-avatar {
    position: relative;
    width: 2.5rem!important;
    height: 2.5rem;
    background: url(/storage/app/media/design/logo.circle.min.png) no-repeat center;
    background-size: cover;
}
.faq-list {
    border-radius: 2rem;
}
.ui.grid.widget-faq-list {
    margin: 0!important;
}
.faq-all--cta {
    margin: 0 0 1rem!important;
    padding-top: 1rem!important;
    border-top: 1px solid #f3f3f6;
    box-shadow: 1px -20px 20px -15px rgba(0, 0, 0, 0.13);
}
.faq-question-content {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding: 1.25rem;
    max-width: 500px;
    clear: both;
    border-radius: 1rem 1rem 0 1rem;
    color: #fff;
    /*background: linear-gradient(-225deg, #ff3d00, #ff2C00);*/
    background: #ff2C00;

}
.faq-reply-content {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: 1.25rem;
    line-height: 1.5;
    clear: both;
    float: left;
    border-radius: 0 1rem 1rem 1rem;
    background-color: #f2f4f5;
    max-width: 528px;
    color: #000;
    min-width: 75%;
    -webkit-box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 18px rgba(14,21,47,.08);
    box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 18px rgba(14,21,47,.08);
}
#layout-content .faq-reply-content *,
#layout-content .faq-reply-content p,
#layout-content .faq-reply-content p li {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .25rem;
    padding: 0;
    line-height: 1.5;
    clear: both;
    float: left;
    color: #000;
}
#layout-content .faq-reply-content a {
    color: #ff2C00!important;
}
#layout-content .faq-reply-content ol,
#layout-content .faq-reply-content ul {
    margin: 0 1rem 1rem 1.25rem;
}

.faq-content {
    max-width: 80%;
    padding: 0 1rem !important;
}
@media(max-width: 767px) {

    .faq-avatar {
        max-width: 15%;
    }
    .faq-reply-content {
        background-color: #f2f4f5;
    }
}
@media(min-width: 992px) {
    .ui.grid.widget-faq-list {
        /*max-height: 350px;
        overflow-y: scroll;*/
    }
}

/** ---------------------------------------- form */
.modals.dimmer .ui.scrolling.modal {
    border-radius: 2rem;
}
#form-inline--modal.ui.modal>.content {
    background: transparent;
}
.form--callback {
    position: relative;
    border-radius: .75rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    overflow: hidden;
}
.form--callback > .content {
    margin-top: 3rem;
}
.form--callback .so-form-wrap {
    max-width: 25rem;
    padding: 2rem 0 0;
    margin-left: auto;
    margin-right: auto;
}

.form--callback .meta {
    font-size: .85rem;
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: all .5s ease-in-out .2s;
}
button[type='submit'] {
    margin-bottom: 3rem;
}

.form--feedback {

}

.form-group {
    padding: 0 0 .75rem;
}
.form-group > * {
    display: block;
    font-weight: 500;
}
.form-group > label {
    font-size: 1.15rem;
    padding-bottom: .5rem;
    color: #657884;
    text-align: left;
}

.form-group > input[type=email],
.form-group > input[type=number],
.form-group > input[type=password],
.form-group > input[type=tel],
.form-group > input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-group > input,
.form-group > textarea,
.form-group > select {
    border-radius: .75rem;
    position: relative;
    color: #38454c;
    width: 100%;
    padding: 0 15px;
    outline: 0;
    border: 2px solid #eceff1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out,color .2s ease-in-out;
    transition: border-color .2s ease-in-out,color .2s ease-in-out;
    font-family: inherit;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: .05rem;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

.form-group > input:hover,
.form-group > textarea:hover,
.form-group > select:hover {
    border: 2px solid #dae1e6;
}
.form-group > input:focus,
.form-group > textarea:focus,
.form-group > select:focus {
    border-color: #ff3d00;
}
.form-250 button[type="submit"] {
    margin-top: 1rem;
    width: 100%;
}

.form-group > div[data-validate-for] {

}

@media(max-width: 767px) {
    #form-inline {
        padding-top: 1rem!important;
    }
    .form-group > label {
        font-size: 1rem;
    }
    .form-250 button[type="submit"] {
        margin-top: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.15rem!important;
    }
    .form--callback {
        padding: 0 2.5rem!important;
    }
    .form--callback .meta {
        font-size: 0.85rem;
        color: #cbcaca;
        opacity: 1;
    }
    #form-inline--modal {
        bottom: 0;
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        min-width: 100%;
        width: auto;
    }
    #form-inline--modal .content {
        display: block !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        margin-top: 1.5rem;
    }
    .dimmed.dimmable>.ui.visible.dimmer,
    .ui.active.dimmer {
        padding-bottom: 0;
    }
}
/** ---------------------------------------- obuchenie */
.list-counter {

}
.list-counter.ui.statistics {
    flex-wrap: nowrap;
}
.list-counter.ui.statistics .statistic {
    margin-bottom: 2.5rem;
}
.list-counter.ui.statistics.vertical .statistic {
    margin-bottom: 2rem;
}
.list-counter.ui.statistics .value {
    font-weight: 700;
    margin-bottom: 1rem;
}

.list-counter.ui.statistics .statistic>.value img {
    max-height: 4rem;
    vertical-align: middle;
}
.list-counter.ui.statistics .statistic>.label {
    text-transform: none;
    margin-left: 1rem;
    margin-right: 1rem;
    font-weight: 500;
    color: #001f31;
}
.list-counter.ui.statistics .statistic>.label p {
    line-height: 1.25;
    text-transform: none;
}
.list-counter.ui.statistics span.value-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    line-height: 1.25;
}
.list-counter.ui.statistics .statistics-desc p {
    text-align: center;
    margin-bottom: 4rem;
    max-width: 500px;
    margin: 0 auto 4rem;
    font-weight: 600;
}
.list-counter.ui.statistics .statistic.left .value,
.list-counter.ui.statistics .statistic.left .label {
    text-align: left;
}
@media (max-width: 991px) {
    .list-counter.ui.statistics span.value-text {
        display: block;
        margin-top: 1rem;
    }
}
@media (max-width: 767px) {
    .list-counter.ui.statistics .statistic {
        margin: 0 0 2.5rem!important;
        padding: 0;
    }
    .list-counter.ui.statistics .value.text {
        text-align: left;
    }
    .list-counter.ui.statistics span.value-text {
        font-size: 1.0rem;
        display: block;
        margin-left: 0;
    }
    .list-counter.ui.statistics .statistic {
        width: 100%;
        text-align: center;
    }
    .list-counter.ui.statistics .statistic > .label {
        text-align: center;
        margin-left: 0;
    }
}
/** ---------------------------------------- schedule */
.ui.statistic.statistic-schedule,
.ui.statistic.statistic-schedule + .ui.statistic.statistic-schedule {
    margin: 0 0 1.5rem;
    width: auto;
    display: block;
    background: #fff;
    border-radius: 2rem;
    padding: 1rem 1rem;
    float: left;
    box-shadow: 0 11px 54px 0 rgba(0, 0, 0, 0.1);
    min-width: 65%;
}
.ui.statistic.statistic-schedule .value.text {
    font-size: 1.25rem!important;
    text-align: left;
    margin-bottom: .25rem;
}
.ui.statistic.statistic-schedule .value.text > img {
    display: inline-block;
}
.ui.statistic.statistic-schedule .value.text > .value.text {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: top;
    margin-top: .25rem;
}
.ui.statistic.statistic-schedule .value.text span.orange {
    color: #ff2C00;
    display: block;
    font-size: 1.0rem;
}
.ui.statistic.statistic-schedule .value.text+.label {
    text-align: left;
    margin-left: 0rem;
}
.ui.statistic.statistic-schedule .value.text+.label span {
    color: #38454c;
    display: block;
    text-transform: none;
}
.ui.statistic.statistic-schedule .value.text+.label .schedule-time {
    display: block;
    margin-top: .5rem;
}
.ui.statistic.statistic-schedule .value.text+.label .schedule-time .time {
    display: inline-block;
    background: #eee;
    color: #000;
    border-radius: .5rem;
    padding: .25rem .5rem;
    text-transform: none;
    margin-right: .5rem;
}
.ui.statistic.statistic-schedule .value.text + .label span.free-place {
    color: #ff2C00;

}
/** ---------------------------------------- footer */
.footer-insta {
    position: relative;
    margin-top: 1rem;
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}
.footer-insta .ui.container,
.footer-insta .ui.grid {
    margin-bottom: 0;
}
.footer-insta-link {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.column.icon-insta {
    padding-right: 0!important;
}
.footer-insta p {
    color: #fff;
    font-weight: 500;
    margin-bottom: .25rem;
    font-size: 1.15rem;
    line-height: 2rem;
    display: inline;
}
.footer-insta .column.insta-text {
    padding-bottom: 1rem!important;
}
.footer-insta i.icon {
    font-size: 2rem;
    line-height: 0.9;
    color: #fff;
    float: right;
}
.footer-insta:hover p,
.footer-insta:hover i.icon {
    color: #001f31;
}
p.copy {
    margin-bottom: 1rem;
}
#layout-footer {
    padding-top: 4rem;
}
.copyright--bottom {
    margin-bottom: 1rem;
}
.ui.grid.b-cta--bottom {
    margin-bottom: 5rem;
    text-align: center;
}
.widget-cta h2 {
    font-size: 2.25rem;
    margin-bottom: 2rem;
    text-align: center;
}
.widget-cta p {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 2rem;
}
.widget-cta p span {
    display: block;
}
.cta-form--bottom {

}
.menu-social--gorizont {
    justify-content: center;
}
.cta-contact--bottom i.icon {
    font-size: 2.25rem;
}
@media (max-width: 767px) {
    .footer-insta .column.insta-text {
        text-align: center;
    }
    .footer-insta i.icon {
        font-size: 2rem;
        line-height: 1.25;
    }
    .footer-insta p {
        margin: 0;
        font-size: .85rem;
        line-height: 1;
    }
    .footer-insta .insta-text {

    }
    .ui.grid.b-cta--bottom {
        margin-bottom: 1.5rem;
    }
}
/** ---------------------------------------- obuchenie list */
.numeric-list {

}
.numeric-list ol {
    list-style: none;
    margin: 0;
    padding: 0 0 0 6rem;
    counter-reset: counter;
    position: relative;
}
.numeric-list ol:before{
    content: "";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #eee;
}
.numeric-list ol li {
    counter-increment: counter;
    position: relative;
    margin-bottom: 2.5rem!important;
}
.numeric-list ol li strong {
    text-transform: uppercase;
    color: #ff2C00;
}

.numeric-list ol li:before {
    content: counter(counter);
    position: absolute;
    left: -6rem;
    top: -0.5rem;
    width: 48px;
    height: 48px;
    border: 2px solid #ff2C00;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #231f20;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}
.numeric-list ol li:last-child:after {

}
.numeric-list ol li p span {
    font-size: 1rem;
}
.numeric-list ol li {

}

/*webp*/
#layout-content picture.main-img-1 {
    position: absolute;
    left: 0;
    bottom: -3.5rem;
}

#layout-content picture.main-img-1 img {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    max-height: 100%;
    max-width: 100%;
}
@media only screen and (max-width: 767px){
    #layout-content picture.main-img-1 {
        max-width: 80%!important;
        bottom: -2.5rem!important;
    }
}
@media only screen and (max-width: 991px) {
    #layout-content picture.main-img-1 {
        max-width: 50%;
    }
}
@media only screen and (min-width: 1440px){
    #layout-content picture.main-img-1 {
        right: auto;
        left: 0;
    }
}
@media only screen and (max-height: 420px) {
    #layout-content picture.main-img-1 {
        max-width: 50%!important;
    }
}
#layout-content picture.main-img-1 {
    z-index: 9999;
}