ol, p {
    padding: 0;
    margin: 0;
}
ul {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 23px;
    padding: 0;
}
ul li {
    margin-bottom: 13px;
}
h1 {
    margin-top: 0;
}
h2, h3 {
    font-family: 'Oswald', sans-serif;
    font-size:  57px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 23px 0;
    color: #000;
}
.h2-lager {
    font-size: 140%;
    line-height: 1.0;
}
.h2-like {
    font-family: 'Oswald', sans-serif;
    font-size:  57px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;   
}
.h1-text {
    font-family: 'Oswald', sans-serif;
    font-size:  40px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;     
}
h3 {
    font-size: 30px;
    line-height: 1.2;
}
.h3-like, .button-main {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;  
}
.button-main--small {
    font-size: 23px;
}
h4, .h4-like, .button-project {
    font-family: 'Oswald', sans-serif;
    font-size:  26px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;   
}
h4 {
    margin-bottom: 13px;
}
.h4-like a, a.h3-like {
    color: #ff4132;
    text-decoration: underline;
}
.h4-like a:hover, a.h3-like:hover {
    color: #e91100;
    text-decoration: underline;
}
.h4-like .sprite-24 {
    vertical-align: baseline;
}

h4 a, .content-text a, .content-text-italic a, .text-link-like, .direct-speech a {
    color: #ff4132;
    text-decoration: underline;
    cursor: pointer;
}
h4 a:hover, .content-text a:hover, .content-text-italic a:hover, .text-link-like:hover, .direct-speech a:hover {
    color: #e91100;
    text-decoration: underline
}

.content-text, .content-text-italic {
    font-family: 'Cuprum', sans-serif;
    font-size: 24px;
    line-height: 1.2;
}
.content-text-input {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
p.content-text, p.content-text-italic {
    margin-bottom: 23px;
}
.content-text-italic {
    font-style: italic;
}
.content-text--bold {
    font-weight: bold;
}
.content-text-italic--has-commas, .content-text-italic--has-left-commas, .content-text-italic--has-right-commas {
    position: relative;
}
.content-text-italic--has-commas:before, .content-text-italic--has-commas:after, .content-text-italic--has-left-commas:before, .content-text-italic--has-right-commas:after {
    position: relative;
    font-family: 'Cuprum', sans-serif;
    font-size: 36px;
    line-height: 28px;
}
.content-text-italic--has-commas:before, .content-text-italic--has-left-commas:before {
    content: '\00AB';
    left: -10px;
    margin-right: 10px;
}
.content-text-italic--has-commas:after, .content-text-italic--has-right-commas:after {
    content: '\00BB';
    right: -10px;
    margin-left: 10px;
}

.content-text-24, .content-text-24-link, .mdash-24 {
    margin-bottom: 23px;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.mdash-24 {
    position: relative;
}
.mdash-24:before {
    content: '\2014';
    position: absolute;
    left: -25px;
    top: 0;
}
.mdash-24--red, .mdash-24--red:before {
    color: #e25246;
}
.mdash-24--blue:before {
    top: -1px;
    content: '\271A';
    color: #46a5e5;
}
.mdash-24--blue{
    color: #46a5e5;
}
.content-text-24-link {
    cursor: pointer;
}
a.content-text-24, .content-text-24 a {
    margin-bottom: 0;
    color: #ff4132;
    text-decoration: underline;
}
.content-text-24-link {
    margin-bottom: 0;
    color: #ff4132;
    border-bottom: 1px dashed #ff4132;
}
a.content-text-24--blue, .content-text-24--blue a, .content-text-24-link--blue {
    color: #2d9feb;
}
.content-text-24-link--blue {
    border-bottom: 1px dashed #2d9feb;
}
a.content-text-24:hover, .content-text-24 a:hover {
    color: #e91100;
    text-decoration: underline
}
.content-text-24-link:hover {
    color: #e91100;
    border-bottom: 1px dashed #e91100; 
}
a.content-text-24--blue:hover, .content-text-24--blue a:hover {
    color: #47b5ff;
}
.content-text-24-link--blue:hover {
    color: #47b5ff;
    border-bottom: 1px dashed #47b5ff;   
}


.direct-speech {
    font-family: 'Cuprum', sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: italic;
    padding-left: 80px;
    margin-bottom: 33px;
    background: url(../img/typography-big-dash.png) no-repeat left 15px;
}
.text-inset {
    margin-left: 80px;
    border-left: 7px solid #000;
    padding-left: 40px;
}
.text-inset--gray-border {
      border-left: 7px solid #f1f1f1;  
}
.text-inset p.content-text {
    padding-right: 40px;
}
.text-inset p:last-child {
    margin-bottom: 0;
}
.text-inset p.outer-indent:last-child {
    margin-bottom: 80px;
}
.container-fluid .text-inset {
    margin-left: 40px;
}

.link-blue {
    color: #52769d!important;
}
.link-blue:hover {
    color: #638dbc!important;
}

.color-gray {
    color: #b1b1b1;
}
.color-red {
    color: #e21b1b;
}
.color-black, a.color-black {
    color: #000;
}

.h2-slogan {
    font-family: 'Oswald', sans-serif;
    font-size:  55px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #52769d;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 23px;
    margin-left: 40px;
    border-top: 7px solid #52769d;
    border-bottom: 7px solid #52769d;
}

.pseudo-red {
    display: inline-block;
    text-decoration: none!important;
    border-bottom: 1px dashed #ff4132;
}
.pseudo-red:hover {
    text-decoration: none!important;
    border-bottom: 1px dashed #e91100;
}

@media (max-width: 992px) {
    ul li {
        margin-bottom: 17px;
    }
    h2, .h2-like, .h2-slogan {
        font-size: 48px;
        line-height: 1.1;
    }
    h3, .h3-like, .button-main {
        font-size: 27px;
    }
    .button-main--small {
        font-size: 23px;
    }
    h4, .h4-like, .button-project {
        font-size: 20px;
    }
    .direct-speech {
        font-size: 24px;
        margin-bottom: 23px;
    }
    .content-text, .content-text-italic, .content-text-24, .content-text-24-link, .mdash-24 {
        font-size: 20px;
    }
    .text-inset {
        margin-left: 40px;
        padding-left: 30px;
    }
    .container-fluid .text-inset {
        margin-left: 0;
    }
}

@media (max-width: 540px) {
    .direct-speech {
        padding-left: 0;
        background: none!important;
    }
}

@media (max-width: 480px) {
    .text-inset {
        margin-left: 0;
    }
    .container-fluid .text-inset {
        margin-left: -40px;
    }
    h2, .h2-like, .h2-slogan {
        font-size: 33px;
        line-height: 1.1;
    }
    h3, .h3-like, .button-main {
        font-size: 23px;
    }
    h4, .h4-like, .button-project {
        font-size: 16px;
    }
    .direct-speech {
        font-size: 20px;
        margin-bottom: 23px;
    }
    .content-text, .content-text-italic, .content-text-24, .content-text-24-link, .mdash-24 {
        font-size: 19px;
    }
}