@font-face {
    font-family: 'BarnaulGroteskItal';
    src: url('/css/BarnaulGrotesk-Ital.ttf')  format('truetype')
}
@font-face {
    font-family: 'BarnaulGroteskReg';
    src: url('/css/BarnaulGrotesk-Reg.ttf')  format('truetype')
}
.quote-v4-side{
    position: relative;
    width: 99%;
    height: 5px;
    padding-bottom: 20px;
}
.quote-v4-separator {
    border-top: 1px solid #d9d9d9;
    margin: 26px 0;
    clear: both;
}
.quote-v4-side .number{
    display: block;
    float: left;
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
    color: #4e4e4e;
    position: absolute;
    top: -40px;
}
.quote-v4-side .progressbar{
    height: 5px;
    background: #e1e1e1;
    display: block;
    margin-left: 60px;
}
.quote-v4-side .line{
    height: 5px;
    background: #78b23d;
}
.quote-v4-content{
    width: 80%;
    display: block;
    padding-left: 60px;
}
.quote-v4-h{
    display: block;
    padding-top: 10px;
    font-size: 18px;
    font-family:BarnaulGroteskReg;
    color: #1f1f1f;
    padding-bottom: 14px;
}
.quote-v4-answers{
    margin-left: 60px;
    display: none;
    width: 80%;
    font: normal 12px/16px NokiaSansS60;
    font-style: italic;
    color: #4c4c4c;
}
.quote-v4-answers i{
    color: #f38a65;
}
.Quites{
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}
.toggleQuotes{
    cursor: pointer;
    padding-right: 20px;
    background: url("/vis/charts/v3/q-arrow.png") no-repeat;
    background-position: right 4px;
    font-family: BarnaulGroteskItal;
    font-size: 15px;
    font-style: italic;
    color: #6c6c6c;
    position: relative;
    right: 0;
}
.toggleQuotes.quote_up{
    background-position: right -13px;
}