@charset "UTF-8";

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.blog__title_c,
.blog__quote_c {
    display: none;
}

.blog_category .blog__title_c.blogClassTitle_c {
    margin: 0;
    color: #ff0026;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 1.5em;
}

.blog_category span.wrapQoutesL {
    display: none;
}

.blog_category span.wrapQoutesR {
    display: none;
}

.blog_category .blog__quote_c {
    text-transform: uppercase;
    color: #666;
    display: block;
}

.youtubeFull p {
    text-align: justify;
}

div#erconts,
div#ercontsTr,
div#ercontsC {
    padding-bottom: 5%;
    font-weight: 700;
}

input#submit_ostaninForm,
input#submit_trenningForm,
input#submit_contactForm {
    width: 135px;
    font-size: 14px;
    height: 33px;
    border: 3px solid #000;
    color: #ff0126;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    padding-top: 1px;
}

input#submit_ostaninForm:hover,
input#submit_trenningForm:hover,
input#submit_contactForm:hover {
    border-color: #ff0126;
    background: #ff0126;
    color: #fff;
}

@media screen and (min-width: 20em) {
    .publication__title {
        margin-left: 0;
        padding-bottom: 3%;
        font-weight: 700;
        text-transform: uppercase;
    }
}

@media (min-width: 1200px) {
    .study .inheading .inlogoHeading {
        top: 153px;
    }
}

@media (min-width: 992px) {
    .youtubeFull.row.halfWidth h2 {
        height: 120px;
        padding: 3%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .headerIN {
        bottom: unset;
        display: block;
        position: absolute;
        left: 0;
        top: 182px;
        fill: #f0f0f0;
        transform: translateY(-50%) translateX(-25%);
    }
}

.home .wrapQoutesR {
    position: relative;
    left: 25px;
}

.home .wrapQoutes {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.modalForm__direct a {
    color: #000 !important;
    font-size: 15px !important;
    padding-top: 1%;
}

.carousel-inner:after {
    content: "";
    display: table;
    clear: both
}

html {
    background: transparent;
    box-sizing: border-box
}

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

body,
html {
    padding: 0;
    margin: 0;
    height: 100%;
    font-size: 16px
}

body {
    color: #242424;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff
}

.sg-body,
body,
button,
input,
select,
textarea {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

button {
    border-radius: 0;
    cursor: pointer
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
li,
main,
nav,
section {
    display: block;
    padding: 0;
    margin: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.container,
.study .headSection {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.study .headSection {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

@media (min-width:576px) {

    .container,
    .study .headSection {
        padding-right: 15px;
        padding-left: 15px;
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .study .headSection {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .study .headSection {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .study .headSection {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.flex_lt,
.header__social,
.publication__bottomNavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.casePopup,
.contactHome__follow,
.flex_lc,
.header__social a,
.headerSign {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.detail__list .controlNav {
    justify-content: flex-end
}

.detail__list .controlNav,
.studyProgram__viewAll {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.studyProgram__viewAll {
    justify-content: center
}

.btn,
.casePopup__image,
.coverPlayer,
.flex_cc,
.home8__frameBlock,
.owl-dots,
.studyProgram__image {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.blog__head,
.blogPreview__category,
.blogPreview__content,
.blogPreview__fullStory figure,
.blogPreview__head,
.caseFull,
.caseFull__left ul,
.detail__task figure,
.header .col-12,
.publication.about nav ul,
.publication .blogPreview__category,
.publication__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.blogPreview__fullStory figure {
    flex-wrap: nowrap;
}

.carouselBanner__content,
.flex_sbc,
.footer__contact,
.footer__top nav,
.studyProgram {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.contactForm__direct,
.modalForm__direct {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end
}

.blogPreview__fullStory ol li:before,
.blogPreview__fullStory ul li:before,
.btnSquare:before,
.caseFull h1:before,
.caseFull h2:before,
.casesHome__btnShowCase:before,
.contactHome__follow.lineBottom:before,
.detail__totalPart_right:before,
.hoverE1:before,
.publication.intro.study h3:before,
.publication__next a:before,
.youtubeFull .wrapper:after,
.youtubeFull li:before {
    content: "";
    position: absolute
}

body {
    font-family: GothamPro;
    font-weight: 400;
    color: #151513;
    line-height: 1.3;
    position: relative;
    width: 100%
}

a,
button {
    background: none;
    border: none;
    outline: none;
    transition: all .2s ease .02s
}

a {
    text-decoration: none;
    color: #151513
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: GothamPro;
    margin-top: 0;
    margin-bottom: .8em;
    font-weight: normal;
}

h1 {
    line-height: 1.2em;
    font-size: 16px
}

@media screen and (min-width:20em) {
    h1 {
        font-size: calc(16px + 18 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    h1 {
        font-size: 34px
    }
}

@media (min-width:576px) {
    h1 {
        line-height: 1.3em
    }
}

h2,
h3 {
    line-height: 1.2;
}

h2 {
    font-size: 18px
}

@media screen and (min-width:20em) {
    h2 {
        font-size: calc(18px + 16 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    h2 {
        font-size: 34px
    }
}

h3 {
    font-size: 15px
}

@media screen and (min-width:20em) {
    h3 {
        font-size: calc(15px + 13 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    h3 {
        font-size: 28px
    }
}

h4,
h5,
h6 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 1.2em
}

@media screen and (min-width:20em) {

    h4,
    h5,
    h6 {
        font-size: calc(14px + 6 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    h4,
    h5,
    h6 {
        font-size: 20px
    }
}

a,
li,
p {
    font-size: 14px;
}

@media (min-width:768px) {

    a,
    li,
    p {
        font-size: 14px;
    }
}

@media (min-width:1200px) {

    a,
    li,
    p {
        font-size: 16px;
    }
}

p {
    margin-top: 0
}

em,
i {
    font-weight: 400
}

hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e4e4e4
}

fieldset,
legend {
    padding: 0;
    margin: 0;
    border: none;
    display: block;
    line-height: inherit
}

.borderT {
    padding-top: 20px;
    border-top: 1px solid #e4e4e4;
    margin-top: 10px
}

@media screen and (min-width:20em) {
    .borderT {
        padding-top: calc(20px + 35 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .borderT {
        padding-top: 55px
    }
}

@media screen and (min-width:20em) {
    .borderT {
        margin-top: calc(10px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .borderT {
        margin-top: 20px
    }
}

.publication .borderT {
    padding-top: 10px
}

@media screen and (min-width:20em) {
    .publication .borderT {
        padding-top: calc(10px + 30 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .publication .borderT {
        padding-top: 40px
    }
}

@media (min-width:1200px) {
    .publication .borderT {
        padding-top: 55px
    }
}

.borderB {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4
}

@media screen and (min-width:20em) {
    .borderB {
        padding-bottom: calc(20px + 40 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .borderB {
        padding-bottom: 60px
    }
}

.borderB .blogPreview {
    margin-bottom: 0
}

.borderTB {
    padding: 15px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

@media screen and (min-width:20em) {
    .borderTB {
        margin-top: calc(10px + 10 * ((100vw - 320px) / 880));
        margin-bottom: calc(10px + 10 * ((100vw - 320px) / 880))
    }
}

.header+div .borderTB {
    margin-top: calc(120px + 10 * ((100vw - 320px) / 880))
}

@media screen and (min-width:75em) {
    .borderTB {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .borderTB {
        padding: 30px 0
    }
}

@media (min-width:992px) {
    .borderTB {
        padding: 40px 0
    }
}

@media (min-width:1200px) {
    .borderTB {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media screen and (min-width:1200px) and (min-width:20em) {
    .borderTB {
        padding-top: calc(15px + 45 * ((100vw - 320px) / 880));
        padding-bottom: calc(15px + 45 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:1200px) and (min-width:75em) {
    .borderTB {
        padding-top: 60px;
        padding-bottom: 50px
    }
}

@media (min-width:1200px) {
    .publication .borderTB {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media screen and (min-width:1200px) and (min-width:20em) {
    .publication .borderTB {
        padding-top: calc(15px + 25 * ((100vw - 320px) / 880));
        padding-bottom: calc(15px + 25 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:1200px) and (min-width:75em) {
    .publication .borderTB {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.bgGray {
    background: #e4e4e4
}

.bgRed {
    background: #ff0126;
    color: #fff
}

.hoverE1 {
    position: relative
}

.hoverE1:before {
    left: 0;
    right: 100%;
    bottom: -4px;
    height: 1px;
    background: #000;
    opacity: 0;
    transition: all .3s ease .05s
}

.hoverE1:hover:before {
    right: 0;
    background: #ff0126;
    opacity: 1
}

.hoverE1.hoverE1var2:before {
    left: 50%;
    right: 50%
}

.hoverE1.hoverE1var2:hover:before {
    left: 0;
    right: 0
}

.carousel-item {
    overflow: hidden
}

.modal-backdrop {
    background: #fff
}

.boulit ul {
    margin-left: 15px
}

.boulit li {
    position: relative
}

.boulit li:before {
    position: absolute;
    display: block;
    content: "";
    width: .5em;
    height: .5em;
    border-radius: 50%;
    background: #000;
    left: -15px;
    top: 7px
}

.boulit.boulitRed li:before {
    background: red
}

.boulit.boulitWhite li:before {
    background: #fff
}

.boulit.boulitNoPad ul {
    margin-left: 0
}

.programBySteps ul,
.programBySteps ul li {
    background: #777;
    color: #fff;
    text-align: center
}

.programBySteps ul {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    position: relative
}

.programBySteps ul:after {
    position: absolute;
    display: block;
    margin: auto;
    content: "";
    width: 50px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    bottom: -25px;
    right: 0;
    background: url(../img/arrowdown.png) 0 0 no-repeat;
    background-size: 50px 33px;
    z-index: 2
}

.programBySteps ul:last-child:after {
    display: none
}

.programBySteps ul li:not(:first-child) {
    flex: 1;
    border: 1px solid hsla(0, 0%, 100%, .4);
    padding: 15px 0;
    font-weight: 400;
    margin: 5px;
    padding: 5px
}

.programBySteps ul li strong {
    display: block;
    margin-bottom: 4px;
    font-weight: 700
}

.programBySteps ul li:first-child {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    flex: 1 100%;
    line-height: 1.3em
}

@media (min-width:768px) {
    .programBySteps ul li:not(:first-child) {
        margin: 10px
    }

    .programBySteps ul {
        padding: 15px;
        margin-bottom: 15px
    }

    .programBySteps ul li:first-child {
        font-size: 26px;
        margin-bottom: 20px
    }
}

.blog__quote p {
    margin-bottom: 0 !important
}

.nopadXS {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:576px) {
    .header {
        padding-bottom: 12px !important
    }
}

@media (max-width:768px) {
    .youtubeHeading .blog__title br {
        display: none
    }

    .youtubeHeading .blog__title {
        margin-left: 0 !important;
        padding-bottom: 3%;
        font-weight: bold;
        text-transform: uppercase;
    }

    .contacts .blog__quote,
    .youtubeHeading .blog__title {
        width: 100%;
        flex: auto !important;
        max-width: none !important;
    }

    .header+div .borderTB {
        margin-top: 62px
    }
}

.detail__list #carouselProgramDetail ul {
    padding-left: 0 !important
}

.detail__list #carouselProgramDetail ul li:first-child {
    margin-left: 0 !important
}

.detail__list #carouselProgramDetail .controlNav {
    display: none !important
}

@media (min-width:576px) {
    .nopadXS {
        padding: 0 15px
    }
}

.caseFull h1,
.caseFull h2,
.publication.intro.study h3 {
    padding-left: 12px;
    position: relative
}

@media screen and (min-width:20em) {

    .caseFull h1,
    .caseFull h2,
    .publication.intro.study h3 {
        padding-left: calc(12px + 18 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .caseFull h1,
    .caseFull h2,
    .publication.intro.study h3 {
        padding-left: 30px
    }
}

.caseFull h1:before,
.caseFull h2:before,
.publication.intro.study h3:before {
    left: 0;
    top: 4%;
    bottom: 4%;
    width: 1px;
    background: #ff0126
}

.detail__list .controlNav .carousel-control.right svg.arrowSliderR,
.showMD {
    display: none !important
}

@media (min-width:768px) {

    .detail__list .controlNav .carousel-control.right svg.arrowSliderR,
    .showMD {
        display: flex !important
    }
}

.detail__list .controlNav .carousel-control.left,
.showLG {
    display: none
}

@media (min-width:992px) {

    .detail__list .controlNav .carousel-control.left,
    .showLG {
        display: flex
    }
}

@media (min-width:768px) {
    .hideMD {
        display: none !important
    }
}

.logoInScale svg {
    width: 174px;
    height: 130px;
    position: relative;
    top: 1px;
    left: -1px
}

@media (min-width:576px) {
    .logoInScale svg {
        width: 110px;
        height: 80px
    }
}

@media (min-width:768px) {
    .logoInScale svg {
        width: 115px;
        height: 80px
    }
}

@media (min-width:992px) {
    .logoInScale svg {
        width: 120px;
        height: 85px
    }
}

@media (min-width:1200px) {
    .logoInScale svg {
        width: 175px;
        height: 130px
    }
}

.detail__period .wrapper,
.detail__total {
    padding-top: 17px;
    padding-bottom: 17px
}

@media screen and (min-width:20em) {

    .detail__period .wrapper,
    .detail__total {
        padding-top: calc(17px + 28 * ((100vw - 320px) / 880));
        padding-bottom: calc(17px + 28 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .detail__period .wrapper,
    .detail__total {
        padding-top: 45px;
        padding-bottom: 30px
    }
}

.detail__target,
.detail__task,
.fix_grid {
    padding-top: 17px;
    padding-bottom: 17px
}

@media screen and (min-width:20em) {

    .detail__target,
    .detail__task,
    .fix_grid {
        padding-top: calc(17px + 43 * ((100vw - 320px) / 880));
        padding-bottom: calc(17px + 43 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .detail__target,
    .detail__task,
    .fix_grid {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.detail__list,
.detail__period .wrapper {
    margin-bottom: 17px
}

@media screen and (min-width:20em) {

    .detail__list,
    .detail__period .wrapper {
        margin-bottom: calc(17px + 28 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .detail__list,
    .detail__period .wrapper {
        margin-bottom: 45px
    }
}

article.detail+footer {
    margin-top: 0
}

.deskMenu {
    display: none
}

.activeHilight .active a {
    color: #ff0026
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 4;
    padding-bottom: 12px
}

.bgrgba {
    margin-top: -20px;
    background: hsla(0, 0%, 100%, .8)
}

.textBlockIN {
    color: red;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5em;
    position: absolute;
    left: 90px;
    bottom: 25px
}

.headerIN {
    position: absolute;
    bottom: unset;
}

.headerIN .icon.in {
    font-size: 110px;
    fill: #f0f0f0
}

.bgrgba .header__logo {
    bottom: -12px
}

.contacts .blog__quote {
    flex: 0 0 73%;
    max-width: 73%
}

.header__logo a {
    display: block;
    width: 113px;
    height: 34px
}

@media screen and (min-width:576px) {
    .bgrgba .header__logo {
        position: relative;
        bottom: -35px
    }

    .bgrgba {
        margin-top: -40px
    }
}

@media screen and (min-width:768px) {
    .contacts .contactHome h5 {
        font-size: 18px;
        font-weight: 400;
        max-width: 28%;
        margin-top: 1.3em;
        margin-bottom: 2em
    }
}

@media screen and (min-width:20em) {
    .header {
        padding-bottom: 20px
    }

    .header+div .borderTB {
        padding-top: 30px !important;
        position: relative;
        top: 10px
    }
}

.header+div .borderTB {
    padding-top: 15px !important;
    top: auto
}

.bgrgba .header__buttonMenu {
    top: 27px
}

@media screen and (min-width:768px) {
    .bgrgba .header__buttonMenu {
        top: -10px
    }
}

@media screen and (min-width:75em) {
    .textBlockIN {
        font-size: 16px;
        line-height: 1.6em;
        left: 100px;
        bottom: 43px
    }

    .headerIN {
        left: -50px;
        bottom: 70px
    }

    .headerIN .icon.in {
        font-size: 145px
    }

    .bgrgba .header__buttonMenu {
        top: 17px
    }

    .bgrgba .header__logo {
        bottom: -65px
    }

    .bgrgba {
        margin-top: -80px
    }

    .header+div .borderTB {
        top: auto;
        border-top: 0 !important;
        padding-top: 30px !important;
        padding-right: 15%
    }

    .header+div .borderTB p {
        position: relative
    }

    .header__buttonMenu {
        display: none
    }

    .deskMenu {
        display: block
    }

    .forcefull {
        min-width: 100%
    }

    .deskMenu ul {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative;
        margin: 0;
    }

    .deskMenu li {
        align-items: flex-end;
        position: relative;
        padding: 1em 0;
        padding-right: 1em;
        line-height: 1;
        margin-right: 1em
    }

    .deskMenu ul li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

    /* .deskMenu li:after {
        display: block;
        content: "";
        position: absolute;
        bottom: -3px;
        top: 0;
        right: 0;
        width: 1px;
        background: #b1b1b1
    }
    .deskMenu ul li:last-child:after {
        display: none
    } */
    .home .deskMenu a,
    .deskMenu.white_menu_items a {
        color: #fff;
    }

    .deskMenu a {
        font-weight: 500;
        color: #000;
        position: relative;
        line-height: 1em;
        font-size: 14px;
        outline: none;
        padding-bottom: 2px;
        border-bottom: 2px solid transparent;
    }

    .deskMenu .active a:after {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: #b1b1b1
    }

    .header {
        padding-bottom: 30px
    }
}

.fade {
    transition: opacity .15s linear
}

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

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

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

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

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

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

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

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

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

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 4;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.publication.blog .borderT {
    padding-top: 50px
}

@media (min-width:576px) {
    .publication.blog .borderT {
        padding-top: 30px
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

.quotGraph p,
.quotGraph p b {
    position: relative
}

.quotGraph p {
    font-size: 12px;
    margin-bottom: 0
}

.inheading .inlogoHeading {
    display: none
}

@media (max-width:572px) {
    .publication .blogPreview__category {
        display: none
    }

    .wrapQoutesL img,
    .wrapQoutesR img {
        max-width: 8px !important
    }

    .wrapQoutesL img {
        margin-left: 0 !important;
        margin-left: -100% !important;
        margin-bottom: 7px !important
    }

    .wrapQoutesR img {
        margin-right: 0 !important;
        margin-left: 100% !important;
        margin-top: 17px !important
    }
}

@media (min-width:992px) {
    .npost__text {
        padding-left: 100px;
    }

    .nfpost__content>* {
        padding-left: 100px;
    }

    .bio_content .entry-content>* {
        padding-left: 100px;
    }

    .bio_content .entry-content p img {
        margin-left: -100px !important;
    }

    .bio_content .entry-content p:last-child img {
        margin-left: 0 !important;
    }

    .nfpost__content p:last-child img {
        margin-left: 0 !important;
    }

    .bio_content .entry-content p:last-child {
        padding: 0;
    }

    .inheading .inlogoHeading {
        display: block;
        position: absolute;
        left: 0;
        top: 182px;
        fill: #f0f0f0;
        transform: translateY(-50%) translateX(-25%)
    }

    .study .inheading .inlogoHeading {
        left: 0;
    }

    .header+div .borderTB {
        min-height: 130px
    }

    .inheading .inlogoHeading svg,
    .headerIN .icon.in {
        font-size: 90px
    }

    .wrapQoutesL img {
        margin-bottom: -5px
    }

    .quotGraph p {
        font-size: 28px
    }

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .inheading .inlogoHeading {
        transform: translateY(-30%) translateX(-25%)
    }

    .blog .inheading .inlogoHeading,
    .programm .inheading .inlogoHeading,
    .youtubeHeading .inheading .inlogoHeading {
        transform: translateY(-50%) translateX(-25%)
    }

    .inheading .inlogoHeading svg,
    .headerIN .icon.in {
        font-size: 145px
    }

    .publication.blog .borderT {
        border-top: 0 !important
    }

    .modal-xl {
        max-width: 1140px
    }
}

.icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: inherit;
    stroke: inherit
}

.icon.arrow {
    font-size: 21.06px;
    width: 1.93305em
}

.icon.arrowSliderL,
.icon.arrowSliderR {
    font-size: 156.7px;
    width: .49789em
}

.icon.arrowSliderRsmall {
    font-size: 63.5px;
    width: .50457em
}

.icon.icon_fb_new {
    font-size: 20.17px;
    width: .89291em
}

.icon.icon_i_new {
    font-size: 20.72px;
    width: .63755em
}

.icon.icon_in_new {
    font-size: 19.27px;
    width: 1.90919em
}

.icon.in {
    font-size: 284.54px;
    width: 1.36888em
}

.footer__contact.hideMD li {
    flex: auto;
    max-width: 100%
}

@media (min-width:350px) {
    .footer__contact.hideMD li {
        min-width: 40%
    }
}

.footer__contact.hideMD li:nth-child(2),
.footer__contact.hideMD li:nth-child(4) {
    display: flex;
    justify-content: flex-end;
    padding-left: 0
}

.footer .footer__contact.hideMD li .icon_i_new {
    margin-left: -2px
}

.footer .footer__contact.hideMD li .icon.icon_fb_new {
    margin-left: -4px
}

.logoInScale .icon.in {
    width: 120px;
    height: 90px
}

.btn {
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    padding: 0 10px;
    padding-top: 1px
}

.btn.default {
    height: 28px;
    padding-top: 1px;
    border: 3px solid #ff0126;
    color: #ff0126;
    width: 94px;
    font-size: 10px
}

@media (min-width:576px) {
    .btn.default {
        width: 120px;
        font-size: 14px;
        height: 33px
    }
}

@media (min-width:768px) {
    .btn.default {
        width: 135px
    }
}

.btn.big {
    height: 30px;
    padding-top: 1px;
    font-size: 10px;
    width: 160px;
    border: 3px solid #ff0126;
    color: #ff0126
}

@media (min-width:576px) {
    .btn.big {
        height: 30px;
        width: 155px;
        font-size: 12px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .btn.big {
        height: calc(30px + 22 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .btn.big {
        height: 52px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .btn.big {
        width: calc(155px + 115 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .btn.big {
        width: 270px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .btn.big {
        font-size: calc(12px + 6 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .btn.big {
        font-size: 18px
    }
}

.btn.brdBlack {
    border-color: #000
}

.btn.brdBlack:hover {
    border-color: #ff0126;
    background: #ff0126;
    color: #fff
}

@media (min-width:768px) {
    .logoInScale .icon.in {
        width: 310px;
        height: 230px
    }

    .btn.brdBlack {
        border-width: 4px
    }
}

.btn.bgWhiteB {
    background: #fff;
    border-color: #000;
    color: #ff0026
}

.btn.bgWhiteB:hover {
    background: #000;
    border-color: #000;
    color: #ffffff
}

.btn.bgRed {
    background: #ff0126;
    color: #fff
}

.btn.bgRed:hover {
    background: #fff;
    border-color: #ff637b;
    color: #ff0126
}

.btn.bgWhite {
    background: #fff;
    border-color: #ff0026;
    color: #ff0026
}

.btn.bgWhite:hover {
    background: #ff0026;
    border-color: #ffffff;
    color: #ffffff
}

.modalForm {
    padding: 15px;
    background: #f2f2f2;
    border: 1px solid #666;
    font-weight: 400
}

@media screen and (min-width:20em) {
    .modalForm {
        padding: calc(15px + 65 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .modalForm {
        padding: 80px
    }
}

.modalForm__head {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 12px
}

@media screen and (min-width:20em) {
    .modalForm__head {
        font-size: calc(18px + 12 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .modalForm__head {
        font-size: 30px
    }
}

@media screen and (min-width:20em) {
    .modalForm__head {
        margin-bottom: calc(12px + 18 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .modalForm__head {
        margin-bottom: 30px
    }
}

.modalForm__description {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.2em
}

.contacts h4 {
    margin-top: .5em;
    margin-bottom: 1.2em
}

@media screen and (min-width:20em) {
    .contacts h4 {
        margin-top: .5em;
        margin-bottom: 1.2em
    }

    .modalForm__description {
        font-size: calc(12px + 8 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contacts h4 {
        margin-top: -.2em;
        font-size: 24px;
        margin-bottom: 1.5em
    }

    .modalForm__description {
        font-size: 20px
    }
}

@media screen and (min-width:20em) {
    .modalForm__description {
        margin-bottom: calc(15px + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .modalForm__description {
        margin-bottom: 35px
    }
}

.modalForm__title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700
}

@media screen and (min-width:20em) {
    .modalForm__title {
        font-size: calc(13px + 1 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .modalForm__title {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .modalForm__title {
        margin-bottom: 15px
    }
}

.contactForm legend,
.modalForm legend {
    margin-bottom: 8px;
    width: 100%
}

@media (min-width:768px) {

    .contactForm legend,
    .modalForm legend {
        margin-bottom: 15px;
        width: 70%
    }

    .contacts .contactForm legend,
    .modalForm legend {
        margin-bottom: 15px;
        width: 100%
    }

    .contacts .contactForm legend.formPopup__email,
    .contacts .contactForm legend.formPopup__phone {
        width: 65%
    }
}

.formPopup__select option.active {
    color: red
}

.contactForm textarea#ostaninForm_msg {
    border: 1px solid #b0b0b0;
    background: #f2f2f2
}

.contactForm input,
.contactForm textarea,

.contactForm input,
.contactForm select,
.contactForm textarea {
    font-size: 12px;
    color: #000;
    width: 100%;
    max-width: 600px;
    height: 36px;
    padding-left: 15px;
    border: 1px solid #b0b0b0;
    background: #f2f2f2
}

.modalForm select {
    padding-left: 8px
}

@media (min-width:768px) {

    .contactForm input,
    .contactForm textarea,
    .modalForm input,
    .modalForm select,
    .modalForm textarea {
        height: 40px;
        padding-left: 15px
    }

    .modalForm select {
        padding-left: 12px
    }
}

.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder,
.modalForm input::-webkit-input-placeholder,
.modalForm textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: #b0b0b0;
    opacity: 1
}

.contactForm input:-moz-placeholder,
.contactForm input::-moz-placeholder,
.contactForm textarea:-moz-placeholder,
.contactForm textarea::-moz-placeholder,
.modalForm input:-moz-placeholder,
.modalForm input::-moz-placeholder,
.modalForm textarea:-moz-placeholder,
.modalForm textarea::-moz-placeholder {
    font-size: 12px;
    color: #b0b0b0;
    opacity: 1
}

.contactForm input:-ms-input-placeholder,
.contactForm textarea:-ms-input-placeholder,
.modalForm input:-ms-input-placeholder,
.modalForm textarea:-ms-input-placeholder {
    font-size: 12px;
    color: #b0b0b0;
    opacity: 1
}

.contactForm textarea,
.modalForm textarea {
    padding-top: 10px;
    resize: none;
    height: 100px
}

@media (min-width:768px) {

    .contactForm textarea,
    .modalForm textarea {
        height: 170px
    }
}

.contactForm button.default,
.modalForm button.default {
    margin-top: 5px;
    margin-bottom: 5px
}

@media (min-width:992px) {

    .contactForm button.default,
    .modalForm button.default {
        margin-top: 20px
    }
}

@media (min-width:768px) {

    .contactForm__direct,
    .modalForm__direct {
        display: block
    }
}

.contactForm__direct a,
.contactForm__direct p,
.modalForm__direct a,
.modalForm__direct p {
    font-size: 12px;
    color: #666;
    display: block
}

@media (max-width:767.98px) {

    .contactForm__direct a,
    .modalForm__direct a {
        flex: 0 0 50%;
        max-width: 50%
    }

    .contactForm__direct a:nth-child(2),
    .modalForm__direct a:nth-child(2) {
        text-align: right;
        margin-top: 4px
    }

    .contactForm__direct a:hover,
    .modalForm__direct a:hover {
        text-decoration: underline
    }
}

.contactForm__direct p,
.modalForm__direct p {
    font-size: 10px;
    margin-bottom: 10px;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {

    .contactForm__direct p,
    .modalForm__direct p {
        margin-bottom: 16px;
        font-size: 12px
    }
}

.trening__section--clients .owl-nav {
    text-align: center;
}

.trening__section--clients .owl-next span,
.trening__section--clients .owl-prev span {
    font-size: 42px;
    padding: 0 15px;
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 90%
    }
}

@media (min-width:992px) {
    .modal-dialog {
        max-width: 1000px
    }
}

.headerSign,
.study header .headSection,
header .container,
header .study .headSection {
    position: relative
}

.headerSign {
    color: #666;
    margin-left: 12px;
    top: -3px
}

@media screen and (min-width:380px) {
    .headerSign {
        margin-left: 20px
    }
}

@media (min-width:576px) {
    .headerSign {
        top: -3px
    }
}

@media (min-width:992px) {
    .headerSign {
        top: -2px;
        align-items: flex-start;
        margin-left: 0
    }
}

.headerSign__top {
    font-size: 8px;
    line-height: 1em
}

@media screen and (min-width:340px) {
    .headerSign__top {
        font-size: 9px
    }
}

@media screen and (min-width:360px) {
    .headerSign__top {
        font-size: 10px
    }
}

@media (min-width:576px) {
    .headerSign__top {
        font-size: 12px
    }
}

@media (min-width:768px) {
    .headerSign__top {
        padding-right: 15px
    }
}

.headerSign__bottom {
    line-height: 1em;
    font-size: 9px;
    color: #ff0126;
    align-self: flex-end
}

@media screen and (min-width:340px) {
    .headerSign__bottom {
        font-size: 10px;
        font-size: 11px
    }
}

@media (min-width:576px) {
    .headerSign__bottom {
        font-size: 14px;
        margin-left: auto
    }
}

@media (min-width:768px) {
    .headerSign__bottom {
        font-size: 18px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .headerSign__bottom {
        font-size: 20px;
        margin-top: -10px
    }
}

@media (min-width:1200px) {
    .headerSign__bottom {
        position: relative;
        top: -20px;
        padding-left: 0
    }
}

.header {
    transition: all .5s ease .1s
}

.header .col-12 {
    align-items: stretch;
    flex-wrap: nowrap;
    margin-top: 18px
}

.header__logo {
    position: relative;
    bottom: -3px
}

.deskMenu {
    margin-left: auto
}

.headerText {
    display: flex;
    flex: 1 auto;
    justify-content: space-between
}

.headerText__top {
    font-size: 12px;
    color: #666;
    padding-left: 93px
}

.headerText__bottom {
    font-size: 14px;
    color: #222221;
    margin-top: -7px;
    margin-right: -22px
}

@media (min-width:768px) {
    .header .col-12 {
        margin-top: 25px
    }
}

@media (min-width:992px) {
    .header .col-12 {
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .header .col-12 {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .header__logo {
        width: 20%
    }
}

@media (min-width:1200px) {
    .header__logo {
        width: 15%
    }
}

.header__logo img {
    width: 100px;
    height: auto
}

@media (min-width:576px) {
    .header__logo img {
        width: 115px
    }
}

@media (min-width:768px) {
    .header__logo img {
        width: 130px
    }
}

.header nav {
    position: relative;
    z-index: 2;
    transition: all .3s ease .05s;
    background: #f2f2f2;
    margin: 12px -15px -16px;
    max-height: 0
}

.header-main nav.collapsing,
.header-main nav.show {
    max-height: 600px
}

.header-main nav ul {
    padding: 20px 15px
}

.header-main nav li {
    margin-bottom: 17px
}

.header-main nav li:last-child {
    margin-bottom: 0
}

.header-main nav li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder
}

@media screen and (min-width:20em) {
    .header-main nav li a {
        font-size: calc(14px + 3 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .header__buttonMenu {
        top: 30px
    }

    .header-main nav li a {
        font-size: 17px
    }
}

.header-main nav li a:hover {
    color: #ff0126
}

@media (min-width:576px) {
    .header-main nav {
        border: 1px solid #666;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: 280px
    }

    .header-main nav ul {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 15px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .header-main nav ul {
        padding-top: calc(25px + 35 * ((100vw - 320px) / 880));
        padding-bottom: calc(25px + 35 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .header-main nav ul {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .header-main nav ul {
        padding-left: calc(15px + 45 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .header-main nav ul {
        padding-left: 60px
    }
}

@media (min-width:576px) and (min-width:992px) {
    .header-main nav {
        width: 345px;
        right: -30px
    }
}

.header__social {
    margin-top: 35px
}

@media screen and (min-width:20em) {
    .header__social {
        margin-top: calc(35px + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .header__social {
        margin-top: 55px
    }
}

.header__social a {
    margin-bottom: 18px;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 12px
}

@media screen and (min-width:20em) {
    .header__social a {
        margin-bottom: calc(18px + 4 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .header nav {
        display: none
    }

    .header__social a {
        margin-bottom: 22px
    }
}

@media screen and (min-width:20em) {
    .header__social a {
        font-size: calc(12px + 3 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .header__social a {
        font-size: 15px
    }
}

.header__social a:last-child {
    margin-bottom: 0
}

.header__social a:hover svg {
    fill: #ff0126
}

.header__social svg {
    margin-right: 10px;
    position: relative;
    top: -1px;
    transition: all .2s ease .02s
}

.header__social svg.socFb {
    width: 11px;
    height: 13px
}

.header__social svg.socTg {
    width: 11px;
    height: 12px
}

.btnSquare {
    border: 2px solid #000;
    width: 25px;
    height: 25px;
    z-index: 2;
    top: 0;
    transition: all .2s ease .02s;
    position: relative;
    border-radius: 3px;
}

.btnSquare:before {
    width: 20px;
    height: 1px;
    background: #ff0126;
    transform: rotate(-45deg);
    top: 9px;
    right: 0;
    transition: all .2s ease .02s
}

.btnSquare:hover {
    border-color: #ff0126;
    background: #ff0126
}

.btnSquare:hover:before {
    background: #fff;
    transform: rotate(0);
    width: 14px;
    right: 3px
}

@media (min-width:768px) {
    .btnSquare[aria-expanded=true] {
        top: -8px
    }
}

@media (min-width:1200px) {
    .btnSquare[aria-expanded=true] {
        top: -12px
    }
}

@media (min-width:768px) {
    .btnSquare {
        width: 30px;
        height: 30px;
        position: relative
    }

    .btnSquare:before {
        width: 25px;
        height: 1px;
        top: 11px
    }

    .btnSquare:hover:before {
        width: 18px;
        top: 12px
    }
}

.footer {
    background: #151513;
    color: #fff;
    margin-top: 20px
}

@media screen and (min-width:20em) {
    .footer {
        margin-top: calc(20px + 17 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .footer {
        margin-top: 37px
    }
}

.footer .icon_i_new {
    margin-right: 2px;
    margin-left: 3px
}

.footer__bottom {
    padding-top: 20px;
    padding-bottom: 15px
}

@media screen and (min-width:20em) {
    .footer__bottom {
        padding-top: calc(20px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .footer__bottom {
        padding-top: 30px
    }
}

@media screen and (min-width:20em) {
    .footer__bottom {
        padding-bottom: calc(15px + 31 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .footer__bottom {
        padding-bottom: 46px
    }
}

@media (min-width:768px) {
    .footer__bottom {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (min-width:768px) {
    .footer__bottom .col-12 {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start
    }
}

.footer__top {
    background: #e6e6e6;
    position: relative
}

.footer__top .col-12 {
    background: url(../img/bg_in.svg) 15px top no-repeat;
    background-size: auto 100%;
    padding-top: 40px
}

@media (min-width:992px) {
    .footer__top .col-12 {
        padding-top: 50px
    }
}

@media (min-width:768px) {
    .footer__top .col-12 {
        padding-top: 35px
    }
}

.footer__top nav {
    margin-bottom: 25px
}

@media (min-width:1200px) {
    .footer__top nav {
        margin-bottom: 60px;
        justify-content: flex-start
    }
}

.footer__top nav a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase
}

.footer__top nav a:hover {
    color: #000
}

@media (min-width:1200px) {
    .footer__top nav a {
        justify-content: flex-start;
        font-size: 14px;
        margin-right: 80px
    }
}

.footer__top .inGrayL {
    position: absolute;
    bottom: 0;
    left: 0
}

.footer__top .inGrayL svg {
    fill: #dadada
}

.footer__warning {
    padding-bottom: 65px;
    padding-left: 35px
}

@media (min-width:1200px) {
    .footer__warning {
        padding-left: 0
    }
}

.footer__warning p {
    font-size: 10px;
    color: #000
}

.footer__contact {
    margin-bottom: 10px
}

.footer__contact li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px
}

.footer__contact li:nth-child(2),
.footer__contact li:nth-child(4) {
    padding-left: 25px
}

.footer__contact a {
    color: #fff;
    font-size: 11px
}

@media (min-width:576px) {
    .footer__contact a {
        font-size: 12px
    }
}

@media (min-width:768px) {
    .footer__contact a {
        font-size: 14px
    }
}

.footer__contact svg {
    width: 9px;
    height: 10px;
    fill: #fff
}

.footer__terms {
    color: #919090;
    font-size: 10px;
    line-height: 1.3em
}

@media screen and (min-width:20em) {
    .footer__terms {
        font-size: calc(10px + 1 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .footer__terms {
        font-size: 11px
    }
}

@media (min-width:576px) {
    .footer__terms {
        line-height: 1.4em
    }
}

.footer__terms span {
    display: block
}

.footer__terms.copyright {
    margin-top: 8px
}

@media (min-width:768px) {
    .footer__terms.copyright {
        margin-top: 0
    }

    .footer .allTermsGroup {
        margin-left: 65px;
        display: flex
    }

    .footer .allTermsGroup span {
        order: 2
    }

    .footer .allTermsGroup .copyright {
        order: 0;
        margin-right: 40px
    }
}

@media (min-width:768px) and (min-width:1200px) {
    .footer .allTermsGroup .copyright {
        margin-right: 80px
    }
}

.footer__logo {
    width: 115px;
    margin-bottom: 20px;
    height: auto
}

@media screen and (min-width:20em) {
    .footer__logo {
        width: calc(115px + 49 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .footer__logo {
        width: 164px
    }
}

@media (min-width:768px) {
    .footer__logo {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .footer__logo {
        left: 20%
    }
}

.footer svg {
    fill: #fff;
    top: 1px
}

.blog__quote,
.footer svg {
    position: relative
}

.wrapQoutes {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.wrapQoutes img {
    height: auto
}

.wrapQoutesL {
    position: absolute;
    left: 0;
    top: 0
}

.wrapQoutesR {
    position: absolute;
    right: 0;
    bottom: 0
}

.wrapQoutesL img {
    transform: translateY(-45%) translateX(-35%)
}

.wrapQoutesR img {
    transform: scaleY(-1) scaleX(-1) translateY(-35%) translateX(-20%)
}

.homeSection .wrapQoutesL img {
    transform: translateY(-20%) translateX(-30%)
}

.homeSection .wrapQoutesR img {
    transform: scaleY(-1) scaleX(-1) translateY(-15%) translateX(90%)
}

.blogPreview__title .wrapQoutesL img {
    transform: translateY(-90%) translateX(-30%)
}

.blogPreview__title .wrapQoutesR img {
    transform: scaleY(-1) scaleX(-1) translateY(-40%) translateX(-20%)
}

.abs_popup+input,
.abs_popup+textarea {
    border-color: #ff0126
}

@media (min-width:576px) {
    .blogPreview {
        margin-bottom: 50px;
        margin-top: 10px
    }
}

@media (min-width:576px) and (min-width:576px) {
    .blogPreview {
        margin-bottom: 0
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .blogPreview {
        margin-top: calc(10px + 30 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .blogPreview {
        margin-top: 40px
    }
}

@media (min-width:576px) and (min-width:1200px) {
    .blogPreview {
        margin-bottom: 30px
    }
}

.rel {
    position: relative
}

.quoteBlock {
    font-size: 13px;
    line-height: 1.3em
}

.header__social2 a {
    font-size: 14px;
    margin-right: 0
}

.header__social2 a:first-child {
    margin-right: 8px
}

.quoteBlock p {
    margin-bottom: 0 !important
}

@media screen and (min-width:20em) {
    .quoteBlock {
        font-size: calc(13px + 8 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .quoteBlock {
        font-size: 21px
    }
}

@media (min-width:992px) {
    .quoteBlock {
        padding-left: 20%
    }
}

@media (min-width:1200px) {
    .quoteBlock {
        padding-left: 23%
    }

    .quoteBlock.borderTB {
        margin-top: 16px;
        padding-top: 55px;
        font-size: 18px
    }
}

@media (min-width:1200px) and (min-width:1200px) {

    .quoteBlock.borderTB,
    .quoteBlock.borderTB p {
        font-size: 20px;
        line-height: 1.5em
    }
}

@media (min-width:992px) {
    .home1 .quoteBlock {
        padding-left: 20%
    }
}

@media (min-width:1200px) {
    .home1 .quoteBlock {
        padding-left: 23%
    }
}

@media (max-width:767.98px) {
    .home1 .blogPreview {
        margin-top: 15px
    }
}

.headSection,
.headSectionBlog {
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    white-space: nowrap
}

@media screen and (min-width:20em) {

    .headSection,
    .headSectionBlog {
        font-size: calc(16px + 13 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .headSection,
    .headSectionBlog {
        font-size: 29px
    }
}

@media (min-width:768px) {

    .headSection,
    .headSectionBlog {
        font-weight: 700
    }
}

.headSection.videoPrev__head,
.headSectionBlog.videoPrev__head {
    font-weight: 400
}

.headSection.videoPrev__head strong,
.headSectionBlog.videoPrev__head strong {
    font-weight: 700
}

.blogPreview {
    margin-top: 24px;
    margin-bottom: 24px
}

@media screen and (min-width:20em) {
    .blogPreview {
        margin-top: calc(24px + 36 * ((100vw - 320px) / 880));
        margin-bottom: calc(24px + 36 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width:992px) {
    .blogPreview {
        margin-top: 25px;
        margin-top: 55px
    }
}

@media (min-width:1200px) {
    .blogPreview {
        margin-bottom: 10px
    }
}

.blogPreview .headSectionBlog {
    font-size: 14px
}

@media screen and (min-width:20em) {
    .blogPreview .headSectionBlog {
        font-size: calc(16px + 13 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview .headSectionBlog {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .blogPreview .headSectionBlog {
        font-weight: 400
    }
}

.blogPreview__opinion .date {
    color: #b2b2b2;
    margin-right: -15px;
    display: inline;
    font-size: 12px
}

@media screen and (min-width:480px) {
    .blogPreview__opinion .date {
        font-size: 16px
    }
}

.blogPreview__content {
    flex-wrap: nowrap
}

@media (min-width:992px) {
    .blogPreview__content {
        flex-wrap: wrap
    }

    .pr_detail_content>* {
        padding-left: 100px;
    }

    .pr_detail_content>p:last-child {
        padding-left: 0;
    }
}

@media (min-width:1200px) {
    .blogPreview__content {
        flex-wrap: nowrap
    }
}

.blogPreview__head {
    margin-bottom: 25px;
    line-height: 1.3em
}

@media screen and (min-width:20em) {
    .blogPreview__head {
        margin-bottom: calc(25px + 35 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview__head {
        margin-bottom: 60px
    }
}

.blogPreview__category {
    flex: 0 0 35%;
    max-width: 35%;
    position: relative;
    top: -5px
}

@media screen and (min-width:380px) {
    .blogPreview__category {
        flex: 0 0 30%;
        max-width: 30%
    }
}

@media (min-width:576px) {
    .blogPreview__category {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:992px) {
    .blogPreview__category {
        margin: 0;
        flex: 0 0 15%;
        max-width: 15%;
        top: auto;
        margin-right: 0
    }
}

.blogPreview__category a {
    color: #ff0126;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

@media screen and (min-width:20em) {
    .blogPreview__category a {
        font-size: calc(12px + 2 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview__category a {
        font-size: 14px
    }
}

.blogPreview__category a:hover {
    color: #000
}

.blogPreview__title,
.blogPreview h1 {
    font-size: 16px;
    padding-left: 10px;
    position: relative;
    top: -5px;
    border-left: 1px solid #ff0126;
    font-weight: 700;
    line-height: 1.1em;
    flex: 0 0 65%;
    max-width: 65%
}

@media screen and (min-width:20em) {

    .blogPreview__title,
    .blogPreview h1 {
        font-size: calc(12px + 18 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .blogPreview__title,
    .blogPreview h1 {
        font-size: 34px
    }
}

@media screen and (min-width:20em) {

    .blogPreview__title,
    .blogPreview h1 {
        padding-left: calc(10px + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .blogPreview__title,
    .blogPreview h1 {
        padding-left: 30px
    }
}

@media screen and (min-width:380px) {

    .blogPreview__title,
    .blogPreview h1 {
        flex: 0 0 70%;
        max-width: 70%
    }
}

@media (min-width:576px) {

    .blogPreview__title,
    .blogPreview h1 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:992px) {

    .blogPreview__title,
    .blogPreview h1 {
        margin: 0;
        margin-bottom: 45px;
        top: auto;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (min-width:1200px) {

    .blogPreview__title,
    .blogPreview h1 {
        flex: 0 0 48%;
        max-width: 48%;
        padding-right: 2%
    }
}

@media (min-width:992px) {

    .blogPreview__title.forceMargin,
    .blogPreview h1.forceMargin {
        margin-left: 0;
        flex: auto;
        max-width: none;
        margin-bottom: 30px
    }
}

@media screen and (min-width:992px) and (min-width:20em) {

    .blogPreview__title.forceMargin,
    .blogPreview h1.forceMargin {
        margin-left: calc(0px + 150 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:992px) and (min-width:75em) {

    .blogPreview__title.forceMargin,
    .blogPreview h1.forceMargin {
        margin-left: 150px
    }
}

.blogPreview__link {
    margin-top: 15px;
    position: relative;
    top: 4px
}

.blogPreview__link a {
    color: #b2b2b2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400
}

.blogPreview__link a:hover {
    color: #ff0126
}

.blogPreview__short {
    color: #666;
    margin-left: 35px;
    font-size: 16px
}

@media (min-width:992px) {
    .blogPreview__short {
        margin-left: auto;
        display: block;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (min-width:992px) and (min-width:1200px) {
    .blogPreview__short {
        flex: 0 0 40%;
        max-width: 40%
    }
}

.blogPreview__all {
    position: absolute;
    left: 6px;
    bottom: 20px;
    white-space: nowrap
}

@media (min-width:768px) {
    .blogPreview__all {
        position: relative;
        left: auto;
        bottom: 5px
    }
}

.blogPreview__all a {
    padding: 6px 10px;
    border: 1px solid #fff;
    color: gray;
    font-size: 12px;
    transition: all .5s ease .05s
}

@media screen and (min-width:20em) {
    .blogPreview__all a {
        font-size: calc(12px + 4 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview__all a {
        font-size: 16px
    }
}

.blogPreview__all a:hover {
    color: #ff0126;
    border-color: #ff0126
}

.home2 {
    overflow: hidden;
    position: relative
}

.home2 .container-fluid,
.home2 .container-fluid .col-12 {
    padding: 0
}

.home2 .logoInScale {
    pointer-events: none
}

@media (min-width:1200px) {
    .home2 .logoInScale svg {
        margin-left: 8px
    }
}

.home2 img {
    height: 180px;
    width: auto
}

@media screen and (min-width:20em) {
    .home2 img {
        height: calc(180px + 300 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home2 img {
        height: 480px
    }
}

@media (min-width:992px) {
    .home2 img {
        width: 100%;
        height: auto;
        max-height: 480px;
        position: relative;
        z-index: 0
    }
}

@media (min-width:992px) {

    .home2 .container,
    .home2 .study .headSection,
    .study .home2 .headSection {
        position: relative;
        z-index: 1
    }
}

.home2 .logoInScale {
    opacity: .6;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2
}

.carouselBanner__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 15px
}

.carouselBanner h2,
.carouselBanner p {
    font-weight: 300;
    color: #fff;
    margin: 0;
    pointer-events: none
}

.carouselBanner h2 {
    width: 100%;
    margin-left: 20px;
    bottom: -20px;
    position: relative;
    font-size: 28px
}

@media screen and (min-width:20em) {
    .carouselBanner h2 {
        font-size: calc(28px + 62 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .carouselBanner h2 {
        font-size: 90px
    }
}

@media (min-width:576px) {
    .carouselBanner h2 {
        margin-left: 20px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .carouselBanner h2 {
        margin-left: calc(20px + 55 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .carouselBanner h2 {
        margin-left: 75px
    }
}

@media (min-width:992px) {
    .carouselBanner h2 {
        margin-bottom: 0;
        position: relative;
        top: 80px;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .carouselBanner h2 {
        top: 80px
    }
}

@media screen and (min-width:1200px) and (min-width:20em) {
    .carouselBanner h2 {
        top: calc(80px + 25 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:1200px) and (min-width:75em) {
    .carouselBanner h2 {
        top: 105px
    }
}

.carouselBanner h2 span {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    left: 3px;
    top: -30px;
    position: absolute
}

@media screen and (min-width:20em) {
    .carouselBanner h2 span {
        font-size: calc(14px + 14 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .carouselBanner h2 span {
        font-size: 28px
    }
}

@media screen and (min-width:20em) {
    .carouselBanner h2 span {
        left: calc(3px + 2 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .carouselBanner h2 span {
        left: 5px
    }
}

@media screen and (min-width:20em) {
    .carouselBanner h2 span {
        top: calc(-30px + -40 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .carouselBanner h2 span {
        top: -70px
    }
}

.carouselBanner__text {
    margin-left: auto;
    margin-top: -30px;
    margin-right: 35px
}

.type2 .carouselBanner__text {
    top: 0;
    font-size: 26px;
    bottom: auto;
    margin-left: 0;
    margin-left: auto;
    margin-top: -60px;
    margin-right: 35px
}

.type2 .carouselBanner h2 {
    bottom: auto;
    margin-left: 30px;
    text-align: left;
    top: 15px;
    margin-right: 0
}

@media (min-width:576px) {
    .type2 .carouselBanner__text {
        top: 0
    }

    .carouselBanner__text {
        margin-right: 35px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .carouselBanner__text {
        margin-right: calc(35px + 365 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .carouselBanner__text {
        margin-right: 400px
    }
}

@media (min-width:768px) {
    .type2 .carouselBanner__text {
        top: 70px;
        font-size: 26px;
        bottom: auto;
        margin-left: 0;
        margin-right: 0
    }

    .type2 .carouselBanner h2 {
        bottom: -100px;
        margin-left: auto;
        text-align: right;
        top: auto;
        margin-right: 200px
    }
}

@media (min-width:992px) {

    .type2 .carouselBanner__text b,
    .type2 .carouselBanner__text strong {
        font-size: 18px
    }

    .type2 .carouselBanner h2 {
        bottom: -220px
    }

    .type2 .carouselBanner h2 span {
        top: -170px
    }

    .carouselBanner__text {
        margin-top: 0;
        position: relative;
        bottom: -80px;
        top: auto;
        margin-right: 170px
    }
}

@media (min-width:1200px) {
    .type2 .carouselBanner__text b {
        font-size: 66px
    }

    .carouselBanner__text {
        margin-top: 0;
        bottom: -80px
    }
}

@media screen and (min-width:1200px) and (min-width:20em) {
    .carouselBanner__text {
        bottom: calc(-80px + -40 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:1200px) and (min-width:75em) {
    .carouselBanner__text {
        bottom: -120px
    }
}

.carouselBanner__text b,
.carouselBanner__text li,
.carouselBanner__text p,
.carouselBanner__text strong {
    margin: 0;
    color: #fff;
    font-size: 16px
}

.carouselBanner__text b,
.carouselBanner__text strong {
    font-style: 14px
}

@media screen and (min-width:20em) {

    .carouselBanner__text b,
    .carouselBanner__text li,
    .carouselBanner__text p,
    .carouselBanner__text strong {
        font-size: calc(16px + 30 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {

    .carouselBanner__text b,
    .carouselBanner__text li,
    .carouselBanner__text strong {
        font-size: 46px
    }

    .carouselBanner__text p {
        font-size: 90px
    }
}

@media (min-width:992px) {

    .carouselBanner__text li,
    .carouselBanner__text p {
        line-height: 1.2em;
        color: #fff
    }
}

.slide .story_icons {
    right: 30px
}

.blogPreview__opinion.headSection {
    font-weight: 400
}

.blogPreview__opinion .subtitle {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #ff0126;
    margin-top: 5px
}

@media screen and (min-width:20em) {
    .blogPreview__opinion .subtitle {
        font-size: calc(12px + 4 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .blogPreview__opinion .subtitle {
        font-size: 16px
    }
}

@media (max-width:991.98px) {
    .home3 .blogPreview__title {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.casesHome {
    padding-top: 20px;
    padding-bottom: 20px
}


.casesHome__head {
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (min-width:20em) {
    .casesHome__head {
        margin-bottom: calc(10px + 38 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casesHome__head {
        margin-bottom: 48px
    }
}

@media screen and (min-width:20em) {
    .casesHome__head {
        font-size: calc(16px + 13 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width:75em) {
    .casesHome__head {
        font-size: 29px
    }
}


@media screen and (min-width:20em) {
    .casesHome__title {
        font-size: calc(12px + 6 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casesHome__title {
        font-size: 18px
    }
}

@media screen and (min-width:20em) {
    .casesHome__title {
        padding-bottom: calc(1px + 9 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casesHome__title {
        padding-bottom: 10px
    }
}

@media (min-width:992px) {
    .casesHome__title {
        height: 45px
    }
}

.casesHome__title.caseName {
    padding-bottom: 5px;
    display: flex;
    align-items: flex-end
}

.casesHome__preview {
    padding-bottom: 10px
}

.casesHome__preview img {
    margin-bottom: -3px;
    transition: all .2s ease .02s
}

@media (min-width:768px) {
    .casesHome__preview {
        display: flex;
        flex-direction: column
    }
}

.casesHome__btnShowCase {
    background: #fff;
    position: relative;
    border: 1px solid #eee;
}

.casesHome__btnShowCase:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
    opacity: 0;
    z-index: 1;
    transition: all .2s ease .02s
}

.casesHome__btnShowCase .caseNameHidden {
    opacity: 0;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

@media screen and (min-width:20em) {
    .casesHome__btnShowCase .caseNameHidden {
        font-size: calc(14px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casesHome__btnShowCase .caseNameHidden {
        font-size: 24px
    }
}

.casesHome__btnShowCase:hover {
    cursor: pointer
}

.casesHome__btnShowCase:hover img {
    opacity: .4;
    z-index: 0
}

.casesHome__btnShowCase:hover:before {
    opacity: 1;
    position: absolute;
    top: 8%;
    right: 8%;
    bottom: 8%;
    left: 8%
}

.casesHome__btnShowCase:hover .caseNameHidden {
    transition: all .3s ease .05s;
    opacity: 1;
    z-index: 1;
    color: #fff
}

.casePopup {
    background: #f1f1f1;
    border: 1px solid #6d6b6c;
    position: relative;
    z-index: 1;
    padding: 15px
}

@media screen and (min-width:20em) {
    .casePopup {
        padding: calc(15px + 55 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup {
        padding: 70px
    }
}

.casePopup__title {
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase
}

@media screen and (min-width:20em) {
    .casePopup__title {
        font-size: calc(18px + 18 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup__title {
        font-size: 36px
    }
}

@media screen and (min-width:20em) {
    .casePopup__title {
        margin-bottom: calc(15px + 45 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup__title {
        margin-bottom: 60px
    }
}

.casePopup__intro {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.1em
}

@media screen and (min-width:20em) {
    .casePopup__intro {
        font-size: calc(14px + 14 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup__intro {
        font-size: 28px
    }
}

@media screen and (min-width:20em) {
    .casePopup__intro {
        margin-bottom: calc(20px + 50 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup__intro {
        margin-bottom: 70px
    }
}

.casePopup__image {
    margin-bottom: 20px
}

@media screen and (min-width:20em) {
    .casePopup__image {
        margin-bottom: calc(20px + 45 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .casePopup__image {
        margin-bottom: 65px
    }
}

.casePopup__image img {
    max-width: 80%
}

.casePopup__detail p {
    color: #666
}

.casePopup__detail p:last-child {
    margin-bottom: 0
}

.closeCase {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    pointer-events: all
}

@media (min-width:768px) {
    .closeCase {
        top: -50px;
        right: -50px;
    }
}

.home5 {
    background: #ff0126;
    color: #fff;
    padding-top: 30px;
    overflow: hidden
}

@media (min-width:576px) {
    .home5 {
        padding-top: 40px
    }
}

@media (min-width:768px) {
    .home5 {
        padding-top: 55px
    }
}

@media (min-width:992px) {
    .home5 {
        padding-top: 95px
    }
}

@media (min-width:1200px) {
    .home5 {
        padding-top: 130px
    }
}

.home5.borderB {
    padding-bottom: 0
}

.home5__inText {
    display: none
}

.home5__bannerQuote {
    font-weight: 700;
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 1.1em
}

@media screen and (min-width:20em) {
    .home5__bannerQuote {
        padding-bottom: calc(30px + 30 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home5__bannerQuote {
        padding-bottom: 60px
    }
}

@media screen and (min-width:20em) {
    .home5__bannerQuote {
        font-size: calc(18px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home5__bannerQuote {
        font-size: 28px
    }
}

.home5__bannerQuote:before {
    display: block;
    position: absolute;
    content: "IN";
    color: #000;
    z-index: 4;
    font-weight: 300;
    font-size: 16px;
    top: -20px;
    left: -15px
}

@media (min-width:768px) {
    .home5__bannerQuote:before {
        font-size: 28px;
        top: -60px;
        left: 60px
    }
}

@media (min-width:992px) {
    .home5__bannerQuote {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:992px) and (min-width:20em) {
    .home5__bannerQuote {
        padding-left: calc(0px + 240 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:992px) and (min-width:75em) {
    .home5__bannerQuote {
        padding-left: 240px
    }
}

@media screen and (min-width:992px) and (min-width:20em) {
    .home5__bannerQuote {
        padding-right: calc(0px + 180 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:992px) and (min-width:75em) {
    .home5__bannerQuote {
        padding-right: 180px
    }
}

.home5__inLogo {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden
}

.home5__inLogo svg {
    fill: #fff
}

@media (min-width:992px) {
    .home5 {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    .contXL {
        width: 1140px;
        margin: auto;
        position: relative;
        left: 50% !important;
        margin-left: -560px
    }
}

.studyPrev {
    margin: 15px 0
}

@media (min-width:576px) {
    .studyPrev {
        margin-top: 20px;
        margin-bottom: 35px
    }
}

@media screen and (min-width:576px) and (min-width:20em) {
    .studyPrev {
        margin-top: calc(20px + 35 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {
    .studyPrev {
        margin-top: 55px
    }
}

@media (min-width:576px) and (min-width:768px) {
    .studyPrev {
        margin-bottom: 30px
    }
}

@media (min-width:576px) and (min-width:992px) {
    .studyPrev {
        margin-bottom: 25px
    }
}

.studyPrev__subHead {
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 5px
}

@media screen and (min-width:20em) {
    .studyPrev__subHead {
        font-size: calc(10px + 6 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyPrev__subHead {
        font-size: 16px
    }
}

@media screen and (min-width:20em) {
    .studyPrev__subHead {
        margin-top: calc(5px + 5 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyPrev__subHead {
        margin-top: 10px
    }
}

@media (min-width:768px) {
    .studyPrev__subHead {
        font-weight: 500
    }
}

.editRel>* {
    left: auto !important;
    top: auto !important;
    right: auto !important;
    margin: auto !important;
    margin-left: -60px !important;
    margin-top: 95px !important
}

.studyProgram__wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 15px
}

.editRel {
    z-index: 2
}

.editRel,
.studyProgram {
    position: relative
}

.studyProgram__head {
    display: none
}

.studyProgram__head,
.studyProgram__title {
    position: absolute;
    color: #fff;
    right: 15px;
    left: 25px;
    z-index: 2
}

.studyProgram__wrapper:nth-child(2) .studyProgram__title,
.studyProgram__wrapper:nth-child(odd) .studyProgram__title {
    padding-right: 10px;
    left: 15px
}

.studyProgram__wrapper:first-child .studyProgram__title {
    padding-right: 0 !important;
    left: 25px !important
}

@media (min-width:576px) {

    .studyProgram__head,
    .studyProgram__title {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        left: 15px
    }
}

.studyProgram__wrapper {
    padding: 7px !important;
    margin: 0 !important;
}

@media screen and (min-width:576px) and (min-width:20em) {

    .studyProgram__head,
    .studyProgram__title {
        padding-right: calc(10px + 10 * ((100vw - 320px) / 880));
        padding-left: calc(10px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:576px) and (min-width:75em) {

    .studyProgram__head,
    .studyProgram__title {
        padding-right: 20px;
        padding-left: 20px
    }
}

.studyProgram__head {
    line-height: 1em;
    font-size: 10px;
    top: 10px
}

.footmt0 {
    margin-top: 0
}

@media screen and (min-width:20em) {
    .studyProgram__head {
        top: calc(10px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyProgram__wrapper {
        margin-bottom: 30px
    }

    .studyProgram__head {
        top: 20px
    }
}

.studyProgram__title {
    font-size: 11px;
    top: 10px;
    font-weight: 700;
    line-height: 1.3em
}

@media screen and (min-width:20em) {
    .studyProgram__title {
        font-size: calc(11px + 22 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyProgram__title {
        top: 40px;
        font-size: 34px
    }
}

@media screen and (min-width:20em) {
    .studyProgram__title {
        top: calc(40px + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyProgram__title {
        top: 40px
    }
}

@media (min-width:992px) {
    .studyProgram__title {
        font-size: 24px
    }
}

@media (min-width:1200px) {
    .studyProgram__title {
        font-size: 28px;
        line-height: 1.2em
    }
}

.studyProgram__image {
    background: #000;
    overflow: hidden
}

.studyProgram img {
    width: 100%;
    height: auto;
    transition: all .3s ease .05s;
    opacity: .8
}

.studyProgram__wrapper:nth-child(2n) {
    padding-right: 7px;
    padding-left: 15px
}

.studyProgram__wrapper:first-child {
    padding-right: 7px;
    padding-left: 15px
}

.studyProgram__wrapper:nth-child(2),
.studyProgram__wrapper:nth-child(odd) {
    padding-left: 7px;
    padding-right: 15px
}

@media (min-width:576px) {

    .studyProgram__wrapper:first-child,
    .studyProgram__wrapper:nth-child(2n) {
        padding-right: 15px
    }

    .studyProgram__wrapper:nth-child(2),
    .studyProgram__wrapper:nth-child(odd) {
        padding-left: 7px
    }
}

.studyProgram__wrapper:nth-child(3) {
    display: block;
}

@media (min-width:992px) {
    .studyProgram__wrapper:nth-child(3) {
        display: block
    }
}

.studyProgram__wrapper:hover img {
    opacity: .5;
    transform: scale(1.4) rotate(-10deg)
}

.studyProgram__viewAll {
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:20em) {
    .studyProgram__viewAll {
        margin-top: calc(12px + 28 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .studyProgram__viewAll {
        margin-top: 40px
    }
}

.studyProgram__viewAll a {
    color: #666;
    font-size: 12px;
    text-align: center
}

.studyProgram__viewAll a svg {
    margin-bottom: 20px;
    fill: #666
}

.studyProgram__viewAll a:hover,
.studyProgram__viewAll a:hover svg {
    fill: #ff0126;
    color: #ff0126
}

.studyProgram__viewAll .btnLetter span:nth-child(2) {
    display: none
}

@media (min-width:768px) {
    .studyProgram__viewAll .btnLetter span:nth-child(2) {
        display: block;
        margin-left: 7px
    }
}

.home8 {
    margin-top: 20px;
    padding-top: 15px
}

@media screen and (min-width:20em) {
    .home8 {
        padding-top: calc(15px + 45 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home8 {
        padding-top: 60px
    }
}

@media (min-width:576px) {
    .home8 {
        margin-top: 26px
    }
}

@media (min-width:768px) {
    .home8 {
        margin-top: 35px
    }
}

@media (min-width:992px) {
    .home8 {
        margin-top: 20px
    }
}

@media screen and (min-width:992px) and (min-width:20em) {
    .home8 {
        margin-top: calc(20px + 48 * ((100vw - 320px) / 880))
    }
}

.home8 .container-fluid {
    padding: 0
}

.home8__frameBlock {
    height: 180px;
    background: #555;
    color: #fff
}

@media screen and (min-width:20em) {
    .home8__frameBlock {
        height: calc(180px + 360 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home8__frameBlock {
        height: 540px
    }
}

.videoPrev__head {
    margin-bottom: 12px
}

@media screen and (min-width:20em) {
    .videoPrev__head {
        margin-bottom: calc(12px + 38 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .videoPrev__head {
        margin-bottom: 50px
    }
}

.home8a {
    padding-top: 15px;
    margin-top: -10px;
    margin-bottom: 20px
}

@media screen and (min-width:20em) {
    .home8a {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home8a {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    .home8a {
        padding-top: 180px;
        margin-top: -160px
    }
}

@media (min-width:992px) {
    .home8a {
        padding-top: 200px;
        margin-top: -190px
    }
}

@media (min-width:1200px) {
    .home8a {
        padding-top: 220px;
        margin-top: -210px
    }
}

.infoBlockRed {
    color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.3em
}

@media screen and (min-width:20em) {
    .infoBlockRed {
        padding-top: calc(20px + 30 * ((100vw - 320px) / 880));
        padding-bottom: calc(20px + 30 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .infoBlockRed {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.infoBlockRed.channelInfo {
    padding-top: 40px
}

@media screen and (min-width:480px) {
    .infoBlockRed.channelInfo {
        padding-left: 7%;
        padding-right: 7%
    }
}

@media (min-width:768px) {
    .infoBlockRed {
        padding-left: 10%;
        padding-right: 10%;
        line-height: 1.5em
    }
}

.infoBlockRed__title {
    font-weight: 700;
    line-height: 1.2em;
    font-size: 14px;
    margin-bottom: 10px
}

@media screen and (min-width:20em) {
    .infoBlockRed__title {
        font-size: calc(14px + 13 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .infoBlockRed__title {
        font-size: 27px
    }
}

@media screen and (min-width:20em) {
    .infoBlockRed__title {
        margin-bottom: calc(10px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .infoBlockRed__title {
        margin-bottom: 20px
    }
}

.infoBlockRed p {
    font-size: 12px;
    line-height: 1.3em;
    margin-bottom: 0
}

@media screen and (min-width:20em) {
    .infoBlockRed p {
        font-size: calc(12px + 2 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .infoBlockRed p {
        font-size: 14px
    }
}

@media (min-width:576px) {
    .infoBlockRed p {
        line-height: 1.4em
    }
}

.infoBlockRed p:last-child {
    margin-bottom: 0
}

.infoBlockRed__showAll {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:20em) {
    .infoBlockRed__showAll {
        margin-top: calc(15px + 15 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .infoBlockRed__showAll {
        margin-top: 30px
    }
}

@media (max-width:991.98px) {
    .home9 .blogPreview__title {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.blogPreview__title:hover {
    cursor: pointer
}

.blogPreview__title:hover a {
    color: #ff0126
}

.home3 .blogPreview__title:hover {
    cursor: text
}

.layer0 {
    z-index: 0
}

.layer0,
.layer1 {
    position: relative
}

.layer1 {
    z-index: 1
}

.contactHome__subtitle {
    margin-bottom: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 12px;
    font-size: 14px
}

@media screen and (min-width:20em) {
    .contactHome__subtitle {
        margin-bottom: calc(14px + 3 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__subtitle {
        margin-bottom: 17px
    }
}

@media (min-width:768px) {
    .contactHome__subtitle {
        margin-top: 12px
    }
}

@media screen and (min-width:768px) and (min-width:20em) {
    .contactHome__subtitle {
        margin-top: calc(12px + 48 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:768px) and (min-width:75em) {
    .contactHome__subtitle {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    .contactHome__subtitle {
        margin-bottom: 25px
    }
}

.contactHome__follow {
    margin-bottom: 15px
}

@media screen and (min-width:20em) {
    .contactHome__follow {
        margin-bottom: calc(15px + 15 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__follow {
        margin-bottom: 30px
    }
}

.contactHome__follow.m0 {
    margin: 0
}

.contactHome__follow.lineBottom {
    margin-bottom: 30px;
    position: relative
}

.contactHome__follow.lineBottom:before {
    left: 0;
    bottom: -25px;
    width: 50%;
    border-bottom: 1px solid #e4e4e4
}

@media (min-width:768px) {
    .contactHome__follow.lineBottom:before {
        display: none
    }
}

.contactHome__follow__sectionBorderBottom {
    padding-bottom: 20px
}

@media (min-width:768px) {
    .contactHome__follow.borderB {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .contactHome__follow.borderB.homeFooterBtn {
        margin-top: 30px
    }
}

.contactHome__icon {
    margin-right: 25px
}

@media (min-width:768px) {
    .contactHome__icon {
        margin-right: 40px
    }
}

.contactHome__icon.in {
    position: relative;
    align-self: flex-start
}

.contactHome__icon.in svg {
    width: 15px;
    height: 12px;
    width: 27px;
    height: 15px
}

@media screen and (min-width:20em) {
    .contactHome__icon.in svg {
        width: calc(27px + 10 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__icon.in svg {
        width: 37px
    }
}

@media screen and (min-width:20em) {
    .contactHome__icon.in svg {
        height: calc(15px + 5 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__icon.in svg {
        height: 20px
    }
}

.contactHome__icon.in .dots {
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    right: -9px;
    top: -2px
}

@media screen and (min-width:20em) {
    .contactHome__icon.in .dots {
        font-size: calc(20px + 16 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__icon.in .dots {
        font-size: 36px
    }
}

@media screen and (min-width:20em) {
    .contactHome__icon.in .dots {
        top: calc(-2px + -1 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .contactHome__icon.in .dots {
        top: -3px
    }
}

@media (min-width:992px) {
    .contactHome__icon.in .dots {
        top: -2px
    }
}

.contactHome__icon .icon_i_new {
    margin-right: 4px
}

.contactHome__icon .icon_in_new {
    margin-right: -10px
}

@media (min-width:768px) {
    .contactHome .homeFooterForm {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 36px;
        border-top: 1px solid #e4e4e4;
        margin-top: 36px
    }
}

@media (min-width:768px) {
    .contactHome .homeFooterForm .contactHome__title {
        flex: 0 0 51.5%;
        max-width: 51.5%
    }
}

@media (min-width:992px) {
    .contactHome .homeFooterForm .contactHome__title {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
}

@media (min-width:1200px) {
    .contactHome .homeFooterForm .contactHome__title {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (min-width:576px) {
    .contactHome .homeFooterForm .contactHome__subtitle {
        margin-top: 20px
    }
}

@media (min-width:768px) {
    .contactHome .homeFooterForm .contactHome__subtitle {
        margin-top: 0
    }
}

.contactHome .otherWayTitle,
.contactHome a {
    color: #666;
    font-size: 12px;
    display: block
}

@media (min-width:992px) {

    .contactHome .otherWayTitle,
    .contactHome a {
        font-size: 14px
    }
}

.contactHome a:hover {
    text-decoration: underline
}

.contactHome__link.call .otherWayTitle,
.contactHome__link.call a {
    margin-bottom: 20px
}

@media (min-width:992px) {

    .contactHome__link.call .otherWayTitle,
    .contactHome__link.call a {
        margin-bottom: 15px
    }
}

.socSize svg.socFb {
    width: 11px;
    height: 13px
}

@media screen and (min-width:20em) {
    .socSize svg.socFb {
        width: calc(11px + 6 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .socSize svg.socFb {
        width: 17px
    }
}

@media screen and (min-width:20em) {
    .socSize svg.socFb {
        height: calc(13px + 9 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .socSize svg.socFb {
        height: 22px
    }
}

.socSize svg.socTg {
    width: 11px;
    height: 12px
}

@media screen and (min-width:20em) {
    .socSize svg.socTg {
        width: calc(11px + 8 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .socSize svg.socTg {
        width: 19px
    }
}

@media screen and (min-width:20em) {
    .socSize svg.socTg {
        height: calc(12px + 8 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .socSize svg.socTg {
        height: 20px
    }
}

@media (min-width:768px) {
    .mdLayout .borderColumn {
        border-right: 1px solid #e4e4e4;
        padding-right: 0
    }

    .mdLayout .contactHome__subtitle {
        margin-top: 0
    }

    .mdLayout .contactHome__title {
        margin-bottom: 40px
    }

    .mdLayout .paddingColumn {
        padding-left: 70px
    }

    .mdLayout .contactHome__icon {
        margin-right: 20px
    }
}

@media (min-width:992px) {
    .mdLayout .contactHome__title {
        margin-bottom: 90px
    }

    .mdLayout .paddingColumn {
        padding-left: 70px
    }

    .mdLayout .contactHome__icon {
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .mdLayout .col-xl-4.borderColumn {
        max-width: 28%
    }
}

.owl-dots {
    z-index: 4;
    height: 5px;
    position: relative;
    top: 15px
}

.owl-dots button {
    opacity: .3;
    margin-left: 2px;
    margin-right: 2px
}

.owl-dots button.active {
    opacity: .6
}

.owl-dots span {
    width: 10px;
    height: 10px;
    display: block;
    background: #000;
    border-radius: 50%
}

.darkTheme .detail__reference,
.darkTheme .study.intro,
.darkTheme header {
    background: #4d4d4d;
    color: #fff !important
}

.darkTheme .headerSign__top {
    color: #828081
}

.darkTheme .study.intro.publication.study.intro .blogPreview__content,
.darkTheme .study.intro.publication.study.intro .borderTB {
    border-color: #666
}

.darkTheme .study.intro.publication.study.intro .publication__subtitle {
    color: #222
}

.blockConttWrapp {
    background: #151513;
    max-height: 560px;
    margin-bottom: 10px
}

.home8 .coverPlayer {
    height: 180px
}

@media screen and (min-width:20em) {
    .home8 .coverPlayer {
        height: calc(180px + 370 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .home8 .coverPlayer {
        height: 550px
    }
}

.coverPlayer {
    background: #151513;
    position: relative
}

.coverPlayer__playerBtn {
    width: 76px;
    height: 76px;
    background: url(../img/yt_play.png) 0 0 no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
    transition: all .2s ease .02s
}


.coverPlayer__playerBtn:hover {
    cursor: pointer;
    opacity: .6
}

.coverPlayer__logoCorner {
    width: 26px;
    height: 26px;
    background: url(../img/coverLogo1.svg) 0 0 no-repeat;
    background-size: auto 26px;
    top: 15px;
    left: 15px;
    position: absolute
}

@media screen and (min-width:20em) {
    .coverPlayer__logoCorner {
        top: calc(15px + 15 * ((100vw - 320px) / 880));
        left: calc(15px + 15 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .coverPlayer__logoCorner {
        top: 30px;
        left: 30px
    }
}

.coverPlayer__logoCenter {
    width: 70%;
    min-height: 40%;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin-top: 35px;
    background: url(../img/coverLogo2.svg) right 0 no-repeat;
    z-index: 0
}

@media screen and (min-width:20em) {
    .coverPlayer__logoCenter {
        margin-top: calc(35px + 55 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .coverPlayer__logoCenter {
        margin-top: 90px
    }
}

.coverPlayer__videoTitle {
    color: #333;
    padding-left: 50px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 700;
    margin-bottom: 20%
}

@media screen and (min-width:20em) {
    .coverPlayer__videoTitle {
        font-size: calc(14px + 22 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .coverPlayer__videoTitle {
        font-size: 36px
    }
}

@media screen and (min-width:20em) {
    .coverPlayer__videoTitle {
        margin-bottom: calc(20% + 20 * ((100vw - 320px) / 880))
    }
}

@media screen and (min-width:75em) {
    .coverPlayer__videoTitle {
        margin-bottom: 40%
    }
}

@media (min-width:768px) {
    .coverPlayer__videoTitle {
        padding-right: 30px;
        padding-left: 80px
    }

    .coverPlayer__logoCorner {
        width: 153px;
        height: 45px;
        background-size: 100% auto
    }
}

@media (min-width:992px) {
    .coverPlayer__videoTitle {
        padding-left: 105px
    }

    .coverPlayer__logoCorner {
        width: 216px;
        height: 64px
    }

    .coverPlayer__logoCenter {
        width: 70%
    }
}

@media (min-width:1200px) {
    .coverPlayer__videoTitle {
        margin-bottom: 25%
    }

    .coverPlayer__logoCenter {
        margin-top: 70px
    }
}

.halfWidth .coverPlayer {
    height: 300px;
}

@media screen and (min-width: 20em) {
    .halfWidth .coverPlayer {
        height: calc(180px + 300 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .halfWidth .coverPlayer {
        height: 480px;
    }
}

.halfWidth .coverPlayer__videoTitle {
    margin-bottom: 28%;
}

@media (min-width: 576px) {
    .halfWidth .coverPlayer__videoTitle {
        margin-bottom: 25%;
        padding-right: 35px;
    }
}

@media (min-width: 768px) {
    .halfWidth .coverPlayer__videoTitle {
        margin-bottom: 20%;
        padding-right: 35px;
        padding-left: 80px;
        font-size: 24px;
    }

    .halfWidth .coverPlayer__logoCenter {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {
    .halfWidth .coverPlayer {
        height: 180px;
    }
}

@media screen and (min-width: 992px) and (min-width: 20em) {
    .halfWidth .coverPlayer {
        height: calc(180px + 120 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 992px) and (min-width: 75em) {
    .halfWidth .coverPlayer {
        height: 300px;
    }
}

@media (min-width: 992px) {
    .halfWidth .coverPlayer__videoTitle {
        margin-bottom: 14%;
        padding-right: 35px;
        padding-left: 80px;
        font-size: 24px;
    }

    .halfWidth .coverPlayer__logoCorner {
        width: 153px;
        height: 45px;
    }

    .halfWidth .coverPlayer__logoCenter {
        margin-top: 65px;
    }
}

@media (min-width: 1200px) {
    .halfWidth .coverPlayer__videoTitle {
        margin-bottom: 12%;
        padding-right: 20px;
        padding-left: 60px;
    }
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.videoContainer {
    position: relative;
    overflow: hidden;
}

.videoContainer.resp {
    padding-top: 56.25%;
}

.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.caseFull h2 {
    font-size: 18px;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .caseFull h2 {
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: .8em;
    }
}

@media (min-width: 768px) {
    .hidden-md {
        display: none;
    }

    .caseFull h2 {
        font-size: 26px;
        margin-top: 32px;
    }
}

@media (min-width: 992px) {
    .caseFull h2 {
        font-size: 30px;
        margin-bottom: .7em;
    }
}

@media (min-width: 1200px) {
    .caseFull h2 {
        font-size: 34px;
        margin-top: 40px;
        margin-bottom: .8em;
    }
}

.blog .quoteBlock {
    padding-left: 0;
}

@media (min-width: 768px) {
    .blog__quote {
        flex: 0 0 73%;
        max-width: 73%;
    }
}




.blog__list {
    margin-top: 5px;
}

@media screen and (min-width: 20em) {
    .blog__list {
        margin-top: calc(5px + 7 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__list {
        margin-top: 12px;
    }
}

.blog__list .col-12:last-child .blogPreview {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog__list #dle-content {
    padding-left: 15px;
    padding-right: 15px;
}

.blog .blogPreview {
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E4E4E4;
}

@media screen and (min-width: 20em) {
    .blog .blogPreview {
        margin-top: calc(15px + 18 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .blogPreview {
        margin-top: 33px;
    }
}

@media screen and (min-width: 20em) {
    .blog .blogPreview {
        padding-bottom: calc(15px + 18 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .blogPreview {
        padding-bottom: 33px;
    }
}

@media screen and (min-width: 20em) {
    .blog .blogPreview {
        margin-bottom: calc(15px + 18 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .blogPreview {
        margin-bottom: 33px;
    }
}

.blog .blogPreview__postDate {
    font-size: 12px;
    color: #b1b1b1;
    position: relative;
    top: -15px;
}

@media screen and (min-width: 20em) {
    .blog .blogPreview__postDate {
        font-size: calc(12px + 6 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .blogPreview__postDate {
        font-size: 18px;
    }
}

@media screen and (min-width: 20em) {
    .blog .blogPreview__postDate {
        top: calc(-15px + -15 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .blogPreview__postDate {
        top: -30px;
    }
}

.blog .blogPreview__title {
    margin-left: 10px;
}

.publication__head {
    flex-wrap: nowrap;
}

@media (min-width: 992px) {
    .publication__head .publication__return {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 18px;
        top: 1px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .publication__head .publication__return {}
}

.publication__title {
    order: 1;
    margin-left: auto;
    line-height: 1em;
    flex: auto;
    position: relative;
    top: 5px;
}

@media (min-width: 992px) {
    .publication__title {
        flex: 0 0 20%;
        max-width: 20%;
        order: 0;
        margin-left: 0;
        font-weight: bold;
        font-size: 30px;
        position: relative;
        top: 3px;
    }
}

@media (min-width: 1200px) {
    .publication__title {
        flex: 0 0 23%;
        max-width: 23%;
        font-size: 18px;
        top: 0;
    }
}

@media screen and (min-width: 1200px) and (min-width: 20em) {
    .publication__title {
        font-size: calc(18px + 20 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 1200px) and (min-width: 75em) {
    .publication__title {
        font-size: 28px;
    }
}

.publication h1 {
    order: 0;
    padding-right: 10px;
    flex: auto;
    max-width: none;
}

@media (min-width: 576px) {
    .publication h1 {
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .publication h1 {
        flex: 0 0 80%;
        max-width: 80%;
        order: 1;
    }
}

@media (min-width: 1200px) {
    .publication h1 {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.publication__return, .publication__next {
    line-height: 1.3em;
}

@media (min-width: 992px) {
    .publication__return, .publication__next {
        line-height: 1.2em;
    }
}

.publication__return a, .publication__next a {
    text-transform: uppercase;
    color: #000000;
    line-height: inherit;
}

.publication__return a:hover, .publication__next a:hover {
    color: #ff0126;
}

.publication__return, .publication__return a, .publication__next, .publication__next a {
    font-size: 8px;
}

@media (min-width: 992px) {
    .publication__return, .publication__return a, .publication__next, .publication__next a {
        font-size: 11px;
        font-weight: 400;
    }
}

@media (min-width: 1200px) {
    .publication__return, .publication__return a, .publication__next, .publication__next a {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .publication__return {
        position: relative;
        top: 1px;
    }
}

.publication__next {
    margin-left: 25px;
}

.publication__next a {
    font-size: 10px;
    position: relative;
}

.publication__next a:before {
    left: -5px;
    top: 1px;
    bottom: 1px;
    width: 1px;
    background: #000000;
}

.publication__bottomNavi {
    position: relative;
    bottom: -7px;
}

@media (min-width: 992px) {
    .publication__bottomNavi {
        margin-top: 20px;
    }
}

.publication__bottomNavi .publication__return, .publication__bottomNavi .publication__next {
    position: relative;
    position: relative;
    top: -1px;
}

.publication__bottomNavi .publication__return a, .publication__bottomNavi .publication__next a {
    font-size: 10px;
}

@media (min-width: 992px) {
    .publication__bottomNavi .publication__return a, .publication__bottomNavi .publication__next a {
        font-size: 12px;
    }
}

.publication__bottomNavi .publication__next {
    top: auto;
}

.publication__bottomNavi .publication__next a {
    font-size: 12px;
}

@media (min-width: 576px) {
    .publication__bottomNavi .publication__next a {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .publication__bottomNavi .publication__next a {
        font-size: 14px;
    }
}

.publication .blogPreview {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.publication .blogPreview__category {
    margin-top: -8px;
    margin-bottom: 8px;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 10px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

@media (min-width: 768px) {
    .publication .blogPreview__category {
        padding: 14px 0;
    }
}

@media (min-width: 992px) {
    .publication .blogPreview__category {
        border: 0;
        padding: 0;
        flex: auto;
        max-width: none;
        margin: 0;
        flex-direction: column;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .publication .blogPreview__category {
        flex: 0 0 23%;
        max-width: 23%;
    }
}

.publication .blogPreview__content {
    display: block;
}

@media (min-width: 992px) {
    .publication .blogPreview__content {
        display: flex;
    }
}

.publication .blogPreview__postDate {
    top: auto;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .publication .blogPreview__postDate {
        padding-bottom: 8px;
    }
}

@media (min-width: 1200px) {
    .publication .blogPreview__postDate {
        padding-bottom: 15px;
    }
}

.blogPreview__fullStory {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .blogPreview__fullStory {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory {
        flex: 0 0 77%;
        max-width: 77%;
    }
}

.blogPreview__fullStory img {
    max-width: 100%;
    margin-bottom: 12px;
    margin-top: 7px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory img {
        /* margin-top: 12px;
          margin-bottom: 24px;  */
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory img {
        /* margin-bottom: 26px;
          margin-top: 15px; */
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory img {
        /* margin-bottom: 40px;
          margin-top: 22px;  */
    }
}

.blogPreview__fullStory p, .blogPreview__fullStory li {
    color: #403c3c;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory p, .blogPreview__fullStory li {
        color: #656565;
        margin-bottom: 15px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory p, .blogPreview__fullStory li {
        margin-bottom: 23px;
    }
}

.blogPreview__fullStory p a, .blogPreview__fullStory li a {
    text-decoration: underline;
}

.blogPreview__fullStory ul, .blogPreview__fullStory ol {
    margin: 15px 0;
    padding-left: 14px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory ul, .blogPreview__fullStory ol {
        margin: 25px 0;
        padding-left: 16px;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory ul, .blogPreview__fullStory ol {
        padding-left: 18px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory ul, .blogPreview__fullStory ol {
        padding-left: 20px;
    }
}

.blogPreview__fullStory ul li, .blogPreview__fullStory ol li {
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory ul li, .blogPreview__fullStory ol li {
        margin-bottom: 12px;
    }
}

.blogPreview__fullStory ul li {
    position: relative;
}

.blogPreview__fullStory ul li:before {
    content: "—";
    left: -14px;
    top: 0px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory ul li:before {
        left: -16px;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory ul li:before {
        left: -18px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory ul li:before {
        left: -20px;
    }
}

.blogPreview__fullStory ol {
    counter-reset: myCounter;
}

.blogPreview__fullStory ol li {
    position: relative;
}

.blogPreview__fullStory ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    display: block;
    left: -18px;
    font-weight: 500;
    padding: 4px;
    top: -4px;
    color: #ff0126;
}

@media (min-width: 1200px) {
    .blogPreview__fullStory ol li:before {
        left: -22px;
    }
}

.blogPreview__fullStory figure {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 20em) {
    .blogPreview__fullStory figure {
        margin-top: calc(15px + 25 * ((100vw - 320px) / 880));
        margin-bottom: calc(15px + 25 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blogPreview__fullStory figure {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 1450px) {
    .blogPreview__fullStory figure {
        width: 115%;
    }
}

.blogPreview__fullStory figure img {
    height: auto;
    margin-top: 1px;
    margin-bottom: 9px;
}

@media (min-width: 576px) {
    .blogPreview__fullStory figure img {
        flex: 0 0 35%;
        max-width: 35%;
        margin-top: 3px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory figure img {
        flex: 0 0 40%;
        max-width: 40%;
        margin-top: 2px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory figure img {
        flex: 0 0 44%;
        max-width: 44%;
        margin-top: 5px;
        margin-bottom: 11px;
    }
}

.blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4em;
    color: #656565;
}

@media (min-width: 576px) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        flex: 0 0 65%;
        max-width: 65%;
        padding-left: 10px;
    }
}

@media screen and (min-width: 576px) and (min-width: 20em) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        padding-left: calc(10px + 35 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 576px) and (min-width: 75em) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        padding-left: 45px;
    }
}

@media (min-width: 768px) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        font-size: 14px;
        line-height: 1.6em;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory figcaption, .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        flex: 0 0 56%;
        max-width: 56%;
        font-size: 16px;
    }
}

.blogPreview__fullStory sub, .blogPreview__fullStory sup {
    padding: 0;
    margin-bottom: 10px;
    display: block;
    position: relative;
    top: -6px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        top: -14px;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        top: -16px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory sub, .blogPreview__fullStory sup {
        top: -25px;
    }
}

.blogPreview__fullStory sub+img, .blogPreview__fullStory sup+img {
    margin-top: 2px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .blogPreview__fullStory sub+img, .blogPreview__fullStory sup+img {
        margin-top: 5px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory sub+img, .blogPreview__fullStory sup+img {
        margin-top: 10px;
    }
}

.blogPreview__fullStory sub+h2, .blogPreview__fullStory sub h3, .blogPreview__fullStory sup+h2, .blogPreview__fullStory sup h3, .blogPreview__fullStory img+h2, .blogPreview__fullStory img h3 {
    margin-top: 7px;
}

@media (min-width: 576px) {
    .blogPreview__fullStory sub+h2, .blogPreview__fullStory sub h3, .blogPreview__fullStory sup+h2, .blogPreview__fullStory sup h3, .blogPreview__fullStory img+h2, .blogPreview__fullStory img h3 {
        margin-top: 12px;
    }
}

.blogPreview__fullStory h2+figure, .blogPreview__fullStory img+figure {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .blogPreview__fullStory h2+figure, .blogPreview__fullStory img+figure {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory h2+figure, .blogPreview__fullStory img+figure {
        margin-top: 35px;
    }
}

@media (min-width: 1200px) {
    .blogPreview__fullStory h2+figure, .blogPreview__fullStory img+figure {
        margin-top: 40px;
    }
}

@media (min-width: 576px) {
    .blogPreview__fullStory figure+h2 {
        margin-top: 25px;
    }
}

@media (min-width: 768px) {
    .blogPreview__fullStory figure+h2 {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .blogPreview__fullStory figure+h2 {
        margin-top: 45px;
    }
}

@media (min-width: 1200px) {
    .about .publication__head.borderTB {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.publication.about .blogPreview__category {
    border-top: 0;
}

.about .publication__head {
    flex-wrap: wrap;
}

.publication.about h1 {
    color: #808080;
    margin-bottom: 0;
    font-weight: 400;
    padding-left: 0;
    font-size: 16px;
}

@media screen and (min-width: 20em) {
    .publication.about h1 {
        font-size: calc(16px + 5 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .publication.about h1 {
        font-size: 21px;
    }
}

.publication.about h1:before {
    display: none;
}

@media (min-width: 1200px) {
    .publication.about h1 {
        padding-right: 15%;
    }

    .publication.about h1:before {
        display: none;
    }
}

.publication.about nav {
    width: 100%;
}

.publication.about nav ul {
    margin-bottom: 12px;
}

@media screen and (min-width: 20em) {
    .publication.about nav ul {
        margin-bottom: calc(12px + 8 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .publication.about nav ul {
        margin-bottom: 20px;
    }
}

@media (min-width: 576px) {
    .publication.about nav ul {
        margin-top: -10px;
    }
}

@media (min-width: 768px) {
    .publication.about nav ul {
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .publication.about nav ul {
        display: block;
        margin-top: 2px;
    }
}

@media (min-width: 768px) {
    .publication.about nav li {
        margin-bottom: 15px;
    }
}

.publication.about nav li.active a {
    color: #ff0126;
}

.publication.about nav a {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

@media (min-width: 1200px) {
    .about .publication__head {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) {
    .publication.about nav a {
        font-size: 14px;
    }
}

.publication.about nav a:before {
    background: #000000;
}

.publication .bannerBottomAboout {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .publication .bannerBottomAboout {
        margin-top: 20px;
    }
}

.publication .bannerBottomAboout img {
    max-width: 100%;
}

.blog .blog__list .blogPreview__postDate {
    top: -5px;
}

.blog__headingReturn {
    position: absolute;
    top: 7px;
    right: 15px;
}

@media screen and (min-width: 20em) {
    .blog__headingReturn {
        top: calc(7px + 28 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingReturn {
        top: 35px;
    }
}

.blog__headingReturn .col-12 {
    position: relative;
}

.blog__headingReturn a {
    color: #808080;
    font-size: 12px;
}

@media screen and (min-width: 20em) {
    .blog__headingReturn a {
        font-size: calc(12px + 4 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingReturn a {
        font-size: 16px;
    }
}

.blog__headingReturn a:hover {
    color: #ff0126;
}

.blog__headingText {
    text-transform: uppercase;
    color: #fc0025;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 5px;
}

@media screen and (min-width: 20em) {
    .blog__headingText {
        font-size: calc(16px + 11 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingText {
        font-size: 27px;
    }
}

@media screen and (min-width: 20em) {
    .blog__headingText {
        padding-top: calc(7px + 33 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingText {
        padding-top: 40px;
    }
}

@media screen and (min-width: 20em) {
    .blog__headingText {
        padding-bottom: calc(5px + 10 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingText {
        padding-bottom: 15px;
    }
}

.blog__headingText span {
    color: #7f7f7f;
    font-size: 12px;
    display: block;
    font-weight: bold;
    margin-top: 5px;
}

@media screen and (min-width: 20em) {
    .blog__headingText span {
        font-size: calc(12px + 9 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingText span {
        font-size: 21px;
    }
}

@media screen and (min-width: 20em) {
    .blog__headingText span {
        margin-top: calc(5px + 5 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog__headingText span {
        margin-top: 10px;
    }
}

.study h1 {
    font-size: 16px;
    font-weight: 500;
}

@media screen and (min-width: 20em) {
    .study h1 {
        font-size: calc(16px + 12 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .study h1 {
        font-size: 28px;
    }
}

@media (max-width: 991.98px) {
    .study .borderTB {
        margin-bottom: -10px;
    }
}

.study+footer {
    margin-top: 0;
}

.study .quoteBlock {
    padding-left: 0;
}

.study.publication .blogPreview {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .study.publication .blogPreview {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .study.publication .blogPreview {
        margin-top: 30px;
    }
}

.study.publication .blogPreview__category {
    border: 0;
    padding-bottom: 5px;
}

.study.publication .blogPreview__category {
    flex: 0 0 15%;
    max-width: 15%;
}

.study.publication .blogPreview__fullStory {
    flex: 0 0 85%;
    max-width: 85%;
}

.study .publication__title {
    flex: 0 0 27%;
    max-width: 27%;
}

@media (max-width: 991.98px) {
    .study .publication__title {
        text-align: right;
    }
}

.study .publication__quote {
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 15px;
    color: #808080;
}

.study .bgGray {
    padding-top: 20px;
    padding-bottom: 0;
    border: 1px solid #ffffff;
}

@media screen and (min-width: 20em) {
    .study .bgGray {
        padding-bottom: 20px;
        padding-top: calc(20px + 65 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .study .bgGray {
        padding-top: 85px;
    }
}

@media screen and (min-width: 20em) {
    .study .bgGray {
        padding-bottom: calc(20px + 30 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .study .bgGray {
        padding-bottom: 50px;
    }
}

.study .bgGray:last-child {
    border: 0;
}

.study .headSection {
    margin-bottom: 15px;
    font-weight: bold;
}

@media screen and (min-width: 20em) {
    .study .headSection {
        margin-bottom: calc(15px + 25 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .study .headSection {
        margin-bottom: 40px;
    }
}

.study .headSection span {
    font-weight: 400;
}

@media (min-width: 992px) {
    .study .infoBlockRed {
        padding-top: 50px;
    }
}

.intro .publication__title {
    text-align: left;
}

.intro .publication__title, .intro .publication__subtitle {
    flex: 0 0 100%;
    max-width: 100%;
}

.publication__subtitle {
    color: #808080;
    font-size: 12px;
    margin-bottom: 3px;
}

@media screen and (min-width: 20em) {
    .publication__subtitle {
        font-size: calc(12px + 7 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .publication__subtitle {
        font-size: 19px;
    }
}

.publication.intro.study h1 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: .4em;
    text-transform: uppercase;
}

@media screen and (min-width: 20em) {
    .publication.intro.study h1 {
        font-size: calc(18px + 22 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .publication.intro.study h1 {
        font-size: 40px;
    }
}

@media (min-width: 1200px) {
    .publication.intro.study h1 {
        margin-top: -10px;
    }
}

.publication.intro.study h3 {
    font-weight: 500;
}

.intro .publication__head {
    display: block;
}

@media (min-width: 768px) {
    .publication.study.intro .blogPreview {
        margin-top: 17px;
        margin-bottom: 35px;
    }
}

.publication.study.intro .blogPreview__fullStory {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .publication.study.intro .blogPreview__fullStory {
        flex: 0 0 81%;
        max-width: 81%;
    }
}

.publication.study.intro .blogPreview__fullStory h3 {
    margin-bottom: 1.3em;
}

@media (min-width: 1200px) {
    .publication.study.intro .blogPreview__fullStory h3 {
        margin-bottom: 50px;
    }
}

.publication.study.intro .blogPreview__category {
    margin-bottom: 0;
    flex: 0 0 19%;
    max-width: 19%;
}

.publication.study.intro .blogPreview__content {
    border-bottom: 1px solid #E4E4E4;
}

@media (min-width: 1200px) {
    .publication.study.intro .blogPreview__content {
        padding-top: 15px;
        margin-bottom: 45px;
        padding-right: 25%;
    }
}

.detail h2, .detail__list ul li:first-child {
    font-weight: normal;
    font-size: 16px;
}

@media screen and (min-width: 20em) {
    .detail h2, .detail__list ul li:first-child {
        font-size: calc(16px + 12 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .detail h2, .detail__list ul li:first-child {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
    .detail h2, .detail__list ul li:first-child {
        text-transform: uppercase;
    }
}

.detail__reference {
    padding-bottom: 17px;
}

@media screen and (min-width: 20em) {
    .detail__reference {
        padding-bottom: calc(17px + 28 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .detail__reference {
        padding-bottom: 45px;
    }
}

.detail p, .detail li {
    margin-bottom: 8px;
}

@media (min-width: 1200px) {
    .detail p, .detail li {
        font-size: 14px;
    }
}

.detail p:last-child, .detail li:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .detail p, .detail li {
        margin-bottom: 15px;
    }
}

.detail p strong, .detail p b, .detail li strong, .detail li b {
    font-weight: 700;
}

.detail p i, .detail li i {
    font-weight: 400;
    font-style: normal;
}

.detail__target .col-12 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.detail__target p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-left: 15px;
}

@media screen and (min-width: 20em) {
    .detail__target p {
        font-size: calc(14px + 14 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .detail__target p {
        font-size: 28px;
    }
}

@media screen and (min-width: 20em) {
    .detail__target p {
        padding-left: calc(15px + 75 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .detail__target p {
        padding-left: 90px;
    }
}

@media (min-width: 576px) {
    .detail__target p {
        position: relative;
        top: -1px;
    }
}

@media (min-width: 768px) {
    .detail__target p {
        top: -2px;
    }
}

@media (min-width: 1200px) {
    .detail__target p {
        padding-right: 25%;
        top: -3px;
    }
}

@media (min-width: 992px) {
    .detail__target h2 {
        position: relative;
        top: 4px;
    }
}

@media (min-width: 1200px) {
    .detail__reference p {
        padding-right: 25%;
    }
}

.detail__task h2 {
    font-weight: 400;
}

@media (min-width: 992px) {
    .detail__task h2 {
        margin-bottom: 1.5em;
    }
}

.detail__task h2 span {
    font-weight: 700;
}

.detail__task figure {
    flex-wrap: nowrap;
}

.detail__task figure li {
    font-weight: 500;
}

@media (min-width: 768px) {
    .detail__task figure li {
        font-weight: 700;
    }
}

@media (min-width: 992px) {
    .detail__task figure {
        justify-content: flex-start;
    }

    .detail__task figure figcaption {
        order: 1;
    }
}

.detail__imageTarget {
    padding-left: 10px;
}

@media (max-width: 991.98px) {
    .detail__imageTarget img {
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .detail__imageTarget {
        padding-left: 0;
        order: 0;
        flex: 0 0 260px;
        max-width: 260px;
    }
}

.detail__period .wrapper {
    border-bottom: 1px solid #E4E4E4;
}

.detail__task.detail_wh {
    padding-top: 0;
}

.detail__period p {
    color: #676767;
}

@media (min-width: 992px) {
    .detail__list ul {
        padding-left: 260px;
    }
}

.detail__list ul li {}

@media (min-width: 768px) {
    .detail__list ul li {
        padding-right: 75px;
    }
}

@media (min-width: 992px) {
    .detail__list ul li {
        padding-right: 0;
    }
}

.detail__list ul li:first-child {
    padding-right: 35px;
    margin-bottom: 17px;
}

@media (min-width: 992px) {
    .detail__list ul li:first-child {
        padding-right: 0;
        margin-bottom: 30px;
        margin-left: -260px;
    }
}

.detail__list .controlNav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

@media (min-width: 768px) {
    .detail__list .controlNav {
        justify-content: space-between;
        align-items: center;
    }

    .detail__list .controlNav svg.arrowSliderRsmall {
        display: none;
    }
}

.detail__list .controlNav svg {
    fill: #B3B3B3;
    transition: all 0.2s 0.02s ease;
}

.detail__list .controlNav a:hover svg {
    fill: #ff0126;
}

.detail__list .controlNav .carousel-control {
    pointer-events: all;
}

.detail__list .controlNav .carousel-control.right {
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .detail__list .controlNav .carousel-control svg {
        width: 22px;
        height: 44px;
        margin-top: 3px;
    }
}

.detail__total {
    background: #4d4d4d;
    color: #ffffff;
}

.detail__total h2 {
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .detail__total h2 {
        margin-bottom: 10px;
        font-weight: normal;
    }
}

@media (min-width: 1200px) {
    .detail__total h2 {
        margin-top: 45px;
    }
}

.detail__total h2 h3 {
    opacity: .7;
    margin-top: 20px;
}

.detail__total h4 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .detail__total h4 {
        font-size: 14px;
    }
}

.detail__total p {
    margin-bottom: .2em;
}

.detail__totalPart_left {
    padding-bottom: 45px;
}

.detail__totalPart_left:nth-child(2n+1) {
    padding-right: 45px;
}

.detail__totalPart_left ul+p {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .detail__totalPart_left {
        flex: 0 0 540px;
        max-width: 540px;
    }
}

.detail__totalPart_right {
    position: relative;
}

.detail__totalPart_right:before {
    top: 8px;
    bottom: 4px;
    left: 75px;
    width: 1px;
    background: #ffffff;
    opacity: .5;
}

@media (max-width: 1199.98px) {
    .detail__totalPart_right:before {
        display: none;
    }
}

@media (min-width: 1200px) {
    .detail__totalPart_right {
        padding-left: 140px;
    }
}

.detail__totalPart_right h3 {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .detail__totalPart_right h3 {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .detail__totalWrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .detail__totalWrapper {
        margin-bottom: 35px;
        margin-top: 30px;
    }
}

.detail+footer {
    margin-top: 0;
}

.blog .casesHome {
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (min-width: 20em) {
    .blog .casesHome {
        padding-top: calc(0 + 35 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .casesHome {
        padding-top: 35px;
    }
}

@media screen and (min-width: 20em) {
    .blog .casesHome {
        padding-bottom: calc(0 + 56 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .blog .casesHome {
        padding-bottom: 56px;
    }
}

.caseFull {
    margin-top: 0px;
}

@media screen and (min-width: 20em) {
    .caseFull {
        margin-top: calc(0px + 10 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull {
        margin-top: 10px;
    }
}

.caseFull__left {
    width: 100%;
    order: 1;
}

.caseFull__left ul {
    margin-right: -15px;
}

@media (min-width: 576px) {
    .caseFull__left {
        flex: 0 0 23%;
        max-width: 23%;
    }

    .caseFull__left ul {
        display: block;
        margin-top: 25px;
    }
}

.caseFull__left li {
    padding-bottom: 7px;
    padding-right: 15px;
}

@media screen and (min-width: 20em) {
    .caseFull__left li {
        padding-bottom: calc(7px + 3 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull__left li {
        padding-bottom: 10px;
    }
}

.caseFull__left li a {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
}

@media screen and (min-width: 20em) {
    .caseFull__left li a {
        font-size: calc(12px + 4 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull__left li a {
        font-size: 14px;
    }
}

.caseFull__left li a:hover {
    color: #666666;
}

.caseFull__left li.active a {
    color: #ff0126;
}

.caseFull h3 {
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (min-width: 20em) {
    .caseFull h3 {
        font-size: calc(14px + 4 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull h3 {
        font-size: 18px;
    }
}

@media screen and (min-width: 20em) {
    .caseFull h3 {
        padding-top: calc(5px + 15 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull h3 {
        padding-top: 20px;
    }
}

@media screen and (min-width: 20em) {
    .caseFull h3 {
        padding-bottom: calc(5px + 35 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull h3 {
        padding-bottom: 40px;
    }
}

.caseFull__right {
    width: 100%;
    order: 0;
    position: relative;
}

@media (min-width: 576px) {
    .caseFull__right {
        flex: 0 0 77%;
        max-width: 77%;
        padding-left: 10px;
        order: 1;
    }
}

.caseFull__right h2 {
    margin-top: 25px;
    margin-bottom: 7px;
}

.caseFull__returnLink {
    position: absolute;
    top: 0;
    right: 15px;
}

@media screen and (min-width: 20em) {
    .caseFull__returnLink {
        top: calc(0 + 35 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull__returnLink {
        top: 35px;
    }
}

.caseFull__returnLink a {
    color: #808080;
    font-size: 12px;
}

@media screen and (min-width: 20em) {
    .caseFull__returnLink a {
        font-size: calc(12px + 4 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull__returnLink a {
        font-size: 16px;
    }
}

.caseFull__returnLink a:hover {
    color: #ff0126;
}

.caseFull article img {
    max-width: 100%;
    margin-bottom: 15px;
}

@media screen and (min-width: 20em) {
    .caseFull article img {
        margin-bottom: calc(15px + 10 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .caseFull article img {
        margin-bottom: 25px;
    }
}

.caseFull article img {
    max-width: 70%;
    padding-right: 10%;
    background-color: #ff0026;
    margin-bottom: 15px;
}


.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-bottom: 10px;
}

@media screen and (min-width: 20em) {
    .resp-container {
        margin-bottom: calc(10px + 10 * ((100vw - 320px) / 880));
    }
}

@media screen and (min-width: 75em) {
    .resp-container {
        margin-bottom: 20px;
    }
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.youtubeFull ul {
    margin-left: 10px;
}

@media (min-width: 576px) {
    .youtubeFull {
        padding-left: 23%;
    }
}

@media (min-width: 992px) {
    .youtubeFull {
        padding-left: 0;
    }
}

.youtubeFull p, .youtubeFull li {
    font-size: 12px;
    color: #656565;
}

.youtubeFull p:last-child, .youtubeFull li:last-child {
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .youtubeFull p, .youtubeFull li {
        font-weight: 700;
    }
}

.youtubeFull li {
    position: relative;
}

.youtubeFull li:before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -10px;
    top: 6px;
    background: #ff0126;
}

.youtubeFull .wrapper {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 12px;
    position: relative;
}

.youtubeFull .wrapper:after {
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #E4E4E4;
}

.youtubeFull .col-lg-6:last-child .wrapper {
    padding-bottom: 0;
    margin-bottom: 0;
}

.youtubeFull .col-lg-6:last-child .wrapper:after {
    display: none;
}

@media (max-width: 768px) {
    .casesBlock .col-lg-3:nth-child(odd) {
        padding-right: 9px;
    }

    .casesBlock .col-lg-3:nth-child(even) {
        padding-left: 9px;
    }
}

@media (min-width: 992px) {
    .youtubeFull .col-lg-6:nth-last-child(-n+2) .wrapper {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .youtubeFull .col-lg-6:nth-last-child(-n+2) .wrapper:after {
        display: none;
    }

    .youtubeFull .col-lg-6:nth-child(odd) .wrapper:after {
        right: -15px;
    }

    .youtubeFull .col-lg-6:nth-child(even) .wrapper:after {
        left: -15px;
    }
}

.youtubeFull .casesBlock a {
    line-height: 0em;
}

.youtubeHeading .blog__title {
    font-size: 12px;
    padding-top: 3px;
}

@media (min-width: 576px) {
    .youtubeHeading .blog__title {
        font-size: 20px;
        padding-top: 0;
    }
}

@media (min-width: 768px) {
    .youtubeHeading .blog__title {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .youtubeHeading .blog__title {
        font-size: 28px;
    }
}

.blog__quote p b {
    position: relative;
}

.youtubeHeading h2 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
    min-height: 35px;
}

@media (min-width: 768px) {
    .youtubeHeading h2 {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .youtubeHeading h2 {
        font-size: 24px;
        margin-bottom: 35px;
    }
}

@media (min-width: 992px) {
    .youtubeHeadingMargin.col-12 {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .youtubeHeadingMargin.col-12 {
        margin-bottom: 35px;
    }
}

.caseAllView {
    flex-direction: column;
}

.cursor:hover {
    cursor: pointer;
}

.custom_navi .owl-next {
    right: 0;
    position: absolute;
}

.custom_navi .owl-prev {
    left: 0;
    position: absolute;
}

.custom_navi .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.custom_navi .owl-nav span {
    height: 30px;
    display: inline-block;
    line-height: 28px;
    width: 30px;
    box-sizing: content-box;
    padding: 0;
    background-color: rgb(221 221 221 / 50%);
    font-size: 42px;
}

.arrow_img {
    width: 32px;
}

.thanks-item__wrap {
    max-width: 80%;
    margin: 0 auto;
}

.thanks_carousel_wrap {
    padding-top: 40px;
}

.btn_black_bb {
    border: 1px solid #000 !important;
    box-shadow: 2px 2px 3px 0px #6d6d6d;
}