.title-light {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 64px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}

.text-light {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}

.btn-orange-simple {
    padding: 10px 30px;
    background: #FF7900;
    border-radius: 5px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid #FFFFFF;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

    .btn-orange-simple:hover {
        border: 1px solid #FF7900;
        background: #FFFFFF;
        color: #FF7900;
    }

.btn-white-o {
    padding: 10px 30px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

    .btn-white-o:hover {
        border: 1px solid #FF7900;
        color: #FF7900;
    }

.note-caption {
    font-size: 10px;
    vertical-align: top;
}

#case-navy {
    background: url('/images/bg-case-navy.png') center center no-repeat;
    background-size: cover;
}

.text-large {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
}

.text-middle {
    font-size: 18px;
    line-height: 24px;
}

ol.instr-list {
    padding-left: 0;
    counter-reset: item;
}

    ol.instr-list li {
        display: block;
    }

        ol.instr-list li:not(.instr-list-item-none):before {
            content: counters(item, ".") " ";
            counter-increment: item;
            font-weight: bold;
        }

        ol.instr-list.text-orange li:before {
            font-weight: normal;
        }

.small-caption {
    font-family: DIN Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}

.text-lighter {
    color: rgba(218, 218, 218, 0.4);
}

.bg-dioxidin {
    background: url(/images/drugs/dioxidin/bg.png) right -50% center no-repeat;
    background-size: contain;
}

.bg-fenazepam {
    background: url(/images/drugs/fenazepam/bg-indications.png) top center no-repeat;
    background-size: cover;
}

.bg-pantokaltsin {
    background: url(/images/drugs/pantokaltsin/bg-indications.png) top center no-repeat;
    background-size: cover;
}

    .bg-pantokaltsin .main-image {
        background: url(/images/drugs/pantokaltsin/Pantokaltsin.png) top center no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
        margin-top: 50px;
    }

#grammidin_say_no {
    position: relative;
    background: url('/images/drugs/grammidin/main-slider-bg 1.png') center center no-repeat;
    background-size: cover;
}

#grammidin_polosa_top {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}

#grammidin_polosa_bottom {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
}

#green-tab {
    display: block;
    background: url('/images/drugs/grammidin/gray_indicator.png') bottom center no-repeat;
    background-size: contain;
}

    #green-tab.active {
        -webkit-animation: arising_green 700ms forwards;
        -moz-animation: arising_green 700ms forwards;
        -o-animation: arising_green 700ms forwards;
        animation: arising_green 700ms forwards;
    }

#yellow-tab {
    display: block;
    background: url('/images/drugs/grammidin/gray_indicator.png') bottom center no-repeat;
    background-size: contain;
}

    #yellow-tab.active {
        -webkit-animation: arising_yellow 700ms forwards;
        -moz-animation: arising_yellow 700ms forwards;
        -o-animation: arising_yellow 700ms forwards;
        animation: arising_yellow 700ms forwards;
    }

#red-tab {
    display: block;
    background: url('/images/drugs/grammidin/gray_indicator.png') bottom center no-repeat;
    background-size: contain;
}

    #red-tab.active {
        -webkit-animation: arising_red 700ms forwards;
        -moz-animation: arising_red 700ms forwards;
        -o-animation: arising_red 700ms forwards;
        animation: arising_red 700ms forwards;
    }


@-webkit-keyframes arising_green {
    100% {
        background: url('/images/drugs/grammidin/green_indicator.png') bottom center no-repeat;
        background-size: contain;
    }
}

@-webkit-keyframes arising_yellow {
    100% {
        background: url('/images/drugs/grammidin/yellow_indicator.png') bottom center no-repeat;
        background-size: contain;
    }
}

@-webkit-keyframes arising_red {
    100% {
        background: url('/images/drugs/grammidin/red_indicator.png') bottom center no-repeat;
        background-size: contain;
    }
}

.text-darkgreen {
    color: #1f6e5a;
}

.text-green {
    color: #4C9C2E;
}

.text-yellow {
    color: #E59F07;
}

.text-red {
    color: #ED1C24;
}

.green-gradient {
    background: linear-gradient(180deg, #1F6E59 0%, #2FA77C 100%);
}

.orange-image-bg {
    background: url('/images/drugs/orliks/bg_component 1.png') center center no-repeat;
    background-size: cover;
}