﻿@import url(//hello.myfonts.net/count/33b73a);

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: CocoFY-Regular;
    src: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/fonts/33B73A_0_0.0d02407.eot);
    src: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/fonts/33B73A_0_0.0d02407.eot?#iefix) format("embedded-opentype"),url(/modules/Teva.BirthcontrolForMe/Client/patient-static/fonts/33B73A_0_0.cb653e0.woff2) format("woff2"),url(/modules/Teva.BirthcontrolForMe/Client/patient-static/fonts/33B73A_0_0.68df9c6.woff) format("woff"),url(/modules/Teva.BirthcontrolForMe/Client/patient-static/fonts/33B73A_0_0.f41f0b0.ttf) format("truetype")
}

@font-face {
    font-family: 'TevaSans Regular';
    src: url('../fonts/TevaSans-Regular.eot');
    src: url('../fonts/TevaSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TevaSans-Regular.woff2') format('woff2'), url('../fonts/TevaSans-Regular.woff') format('woff'), url('../fonts/TevaSans-Regular.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TevaSans Light';
    src: url('../fonts/TevaSans-Light.eot');
    src: url('../fonts/TevaSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TevaSans-Light.woff2') format('woff2'), url('../fonts/TevaSans-Light.woff') format('woff'), url('../fonts/TevaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TevaSans Bold';
    src: url('../fonts/TevaSans-Bold.eot');
    src: url('../fonts/TevaSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TevaSans-Bold.woff2') format('woff2'), url('../fonts/TevaSans-Bold.woff') format('woff'), url('../fonts/TevaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "TevaSans LightItalic";
    src: url('../fonts/TevaSans-LightItalic.eot');
    src: url('../fonts/TevaSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TevaSans-LightItalic.woff2') format('woff2'), url('../fonts/TevaSans-Bold.woff') format('woff'), url('../fonts/TevaSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "TevaSans BoldItalic";
    src: url('../fonts/TevaSans-BoldItalic.eot');
    src: url('../fonts/TevaSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TevaSans-BoldItalic.woff2') format('woff2'), url('../fonts/TevaSans-BoldItalic.woff') format('woff'), url('../fonts/TevaSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */ .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated.hinge {
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        animation-duration: .75s
    }

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes flipOutToLeftY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(-90deg);
        opacity: 0
    }
}

.flipOutToLeftY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutToLeftY
}

.animated.flipOutToLeftY {
    animation-duration: .75s
}

.animated.animation-delay-100 {
    animation-delay: .1s
}

.animated.animation-delay-200 {
    animation-delay: .2s
}

.animated.animation-delay-300 {
    animation-delay: .3s
}

.animated.animation-delay-400 {
    animation-delay: .4s
}

.animated.animation-delay-500 {
    animation-delay: .5s
}

.animated.animation-delay-600 {
    animation-delay: .6s
}

.animated.animation-delay-700 {
    animation-delay: .7s
}

.animated.animation-delay-800 {
    animation-delay: .8s
}

.animated.animation-delay-900 {
    animation-delay: .9s
}

.animated.animation-delay-1000 {
    animation-delay: 1s
}

.animated.animation-duration-100 {
    animation-duration: .1s
}

.animated.animation-duration-200 {
    animation-duration: .2s
}

.animated.animation-duration-300 {
    animation-duration: .3s
}

.animated.animation-duration-400 {
    animation-duration: .4s
}

.animated.animation-duration-500 {
    animation-duration: .5s
}

.animated.animation-duration-600 {
    animation-duration: .6s
}

.animated.animation-duration-700 {
    animation-duration: .7s
}

.animated.animation-duration-800 {
    animation-duration: .8s
}

.animated.animation-duration-900 {
    animation-duration: .9s
}

.animated.animation-duration-1000 {
    animation-duration: 1s
}

.animated.animation-duration-1100 {
    animation-duration: 1.1s
}

.animated.animation-duration-1200 {
    animation-duration: 1.2s
}

.animated.animation-duration-1300 {
    animation-duration: 1.3s
}

.animated.animation-duration-1400 {
    animation-duration: 1.4s
}

.animated.animation-duration-1500 {
    animation-duration: 1.5s
}

.animated.animation-duration-1600 {
    animation-duration: 1.6s
}

.animated.animation-duration-1700 {
    animation-duration: 1.7s
}

.animated.animation-duration-1800 {
    animation-duration: 1.8s
}

.animated.animation-duration-1900 {
    animation-duration: 1.9s
}

.animated.animation-duration-2000 {
    animation-duration: 2s
}

body {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #565861;
    font-size: 18px;
    line-height: normal;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    position: relative
}

@media only screen and (max-width:1023px) {
    body {
        overflow-y: auto
    }
}

@media only screen and (max-width:700px) {
    body, html {
        -webkit-overflow-scrolling: touch !important
    }

    .lockScroll {
        overflow: unset !important
    }
}

@media only screen and (max-width:1000px) {
    #app {
        padding-bottom: 230px;
        padding-top: 74px;
        height: 100%;
        position: relative;
        min-height: 100vh;
        box-sizing: border-box
    }
}

@media only screen and (max-width:700px) {
    #app {
        padding: 80px 0 48px;
        height: auto;
        min-height: 100%
    }
}

@media only screen and (max-width:1000px) {
    #app.compare-open {
        padding-bottom: 0
    }
}

@media only screen and (max-width:700px) {
    #app.compare-open {
        padding-top: 0
    }
}

#app.menu-open {
    -webkit-backface-visibility: hidden
}

.main-wrapper {
    width: calc(100% - 271px - 30px);
    margin-right: 200px;
    box-sizing: border-box;
    position: absolute;
    text-align: left;
    margin-top: 85px;
    border-radius: 4px;
    height: calc(100vh - 60px - 125px);
    overflow: hidden;
    z-index: 9
}

@media only screen and (max-width:1370px) {
    .main-wrapper {
        margin-left: 15px;
        max-height: calc(100vh - 60px - 96px)
    }
}

@media only screen and (max-width:1280px) {
    .main-wrapper {
        margin-top: 126px;
        height: calc(100vh - 60px - 72px - 100px)
    }
}

@media only screen and (max-width:1000px) {
    .main-wrapper {
        width: calc(100% - 90px - 34px);
        overflow-y: auto;
        height: auto;
        position: relative;
        max-height: 100%;
        margin-top: 0
    }
}

@media only screen and (max-width:700px) {
    .main-wrapper {
        width: calc(100% - 30px)
    }
}

.main-wrapper__homepage {
    width: 100%
}

@media only screen and (max-width:1000px) {
    .main-wrapper__homepage {
        width: calc(100% - 90px - 34px);
        height: 100%
    }
}

@media only screen and (max-width:700px) {
    .main-wrapper__homepage {
        width: calc(100% - 30px)
    }
}

.content-scroller {
    width: 75%;
    height: 100%;
    border-radius: 4px;
    margin-left: 20%
}

@media only screen and (max-width:1470px) {
    .content-scroller {
        width: 80%
    }
}

@media only screen and (max-width:1370px) {
    .content-scroller {
        width: calc(100% - 200px);
        float: right;
        max-width: 866px;
        max-height: calc(100vh - 60px - 96px);
        margin-left: auto
    }
}

@media only screen and (max-width:1280px) {
    .content-scroller {
        margin-left: auto;
        width: 100%;
        float: none
    }
}

@media only screen and (max-width:1024px) {
    .content-scroller {
        max-height: calc(100vh - 60px - 230px)
    }
}

@media only screen and (max-width:1000px) {
    .content-scroller {
        height: auto;
        max-height: 100%
    }
}

.content-wrapp {
    background: #fff;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    min-width: calc(17px + 100%);
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 60px - 96px);
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1000px) {
    .content-wrapp {
        height: auto !important;
        max-height: 100%;
        min-width: 100%
    }
}

.screentest .content-wrapp {
    height: auto
}

.content {
    width: 810px;
    max-width: 95%;
    margin: 0 auto;
    padding: 0 32px 0 15px;
    box-sizing: border-box;
    position: relative
}

@media only screen and (max-width:1000px) {
    .content {
        max-width: 90%;
        padding: 20px 35px 20px 20px;
        margin-left: auto;
        margin-right: auto;
        overflow: -webkit-paged-x
    }
}

@media only screen and (max-width:700px) {
    .content {
        max-width: 88%;
        padding: 10px;
        overflow: auto
    }
}

@media only screen and (max-width:484px) {
    .content {
        max-width: 86%;
        padding: 5px;
        overflow: auto
    }
}

@media only screen and (max-width:484px) {
    .content {
        overflow: visible
    }
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

sup {
    vertical-align: 7px;
    line-height: 0;
    font-size: 60%
}

.home-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:700px) {
    .home-page {
        position: relative
    }
}

.home-page__wrapper {
    position: absolute;
    top: 60px;
    left: 0;
    right: 271px;
    bottom: 0
}

@media only screen and (max-width:1000px) {
    .home-page__wrapper {
        position: relative;
        height: auto;
        top: 300px;
        margin-bottom: 70px
    }
}

@media only screen and (max-width:700px) {
    .home-page__wrapper {
        top: 0;
        right: 0;
        margin-bottom: 30px
    }
}

.text-in-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1000px) {
    .text-in-line {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

        .text-in-line > span {
            padding: 0 10px
        }
}

@media only screen and (max-width:1000px) and (max-width:700px) {
    .text-in-line > span {
        margin-bottom: 3px;
        padding: 0 5px
    }
}

.btn-prof {
    position: absolute;
    left: 20px;
    top: 60px;
    width: 100px;
    padding: 5px;
    z-index: 10;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 1px;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    text-transform: uppercase;
    color: #565861;
    text-decoration: none;
    text-align: center;
    opacity: .75;
    background-image: linear-gradient(180deg,#e9e9e9,hsla(0,0%,100%,0));
    background-size: 100% 15px;
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background .3s
}

.btn-prof--hide {
    opacity: 0
}

@media only screen and (max-width:1000px) {
    .btn-prof--hide {
        display: none
    }
}

@media only screen and (min-width:1000px) {
    .btn-prof:hover {
        background-color: #f0f0f0
    }
}

@media only screen and (max-width:1000px) {
    .btn-prof {
        top: calc(100% - 46px);
        left: calc(50% - 80px);
        border-radius: 5px 5px 0 0
    }

    .in.screentest .btn-prof {
        top: calc(100% - 62px)
    }
}



@media only screen and (max-width:700px) {
    .btn-prof.btn-prof-top {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .btn-prof--compare {
        top: calc(100% - 80px);
        left: calc(50% - 50px)
    }

    .compare-page--main-page .btn-prof--compare {
        top: calc(100% - 94px);
        left: calc(50% - 50px)
    }

    .in.screentest .btn-prof--compare {
        bottom: auto;
        top: calc(100% - 94px)
    }
}

@media only screen and (max-width:1000px) {
    .btn-prof--compare {
        left: calc(50% - 50px)
    }
}

.modal-bg {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    display: none
}

#modals, .modal-bg {
    position: absolute;
    left: 0
}

#modals {
    top: 60px;
    z-index: 15;
    width: calc(100% - 271px);
    height: calc(100% - 60px);
    overflow: hidden;
    pointer-events: none
}

    #modals > div {
        pointer-events: auto
    }

@media only screen and (max-width:1000px) {
    #modals {
        width: calc(100% - 80px);
        height: auto;
        padding-bottom: 10px;
        position: relative;
        top: -30px
    }

        #modals.modal-first-page {
            top: 0
        }
}

@media only screen and (max-width:700px) {
    #modals {
        width: 100%;
        position: relative;
        height: auto;
        top: -30px
    }

        #modals.modal-first-page {
            position: absolute;
            top: 53px
        }

            #modals.modal-first-page .methods-modal {
                margin-bottom: 160px
            }
}

#modals.compareModal {
    width: 100%
}

@media only screen and (max-width:1024px) {
    #modals.compareModal {
        min-height: 100vh
    }
}

@media only screen and (max-width:1000px) {
    #modals.compareModal {
        top: 0;
        padding-bottom: 0
    }
}

.italic {
    font-style: italic
}

.bold {
    font-weight: 700
}

.href-inherit {
    color: inherit
}

.main-content--hide {
    height: 0
}

.ball {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #6a97af;
    opacity: 0
}

.page-theme--quiz .ball {
    background: #e1aa98
}

.page-theme--explore-index .ball, .page-theme--explore .ball {
    background: #81c19e
}

button {
    border: none;
    outline: none
}

.breadcrumbs {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
    display: block
}

@media only screen and (max-width:1000px) {
    .breadcrumbs {
        display: none
    }
}

.breadcrumbs-item {
    list-style-type: none;
    padding: 0 10px 0 0;
    margin: 0 4px 0 0;
    float: left;
    position: relative;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 20px
}

    .breadcrumbs-item:after {
        content: "/";
        position: absolute;
        right: 0;
        top: 0;
        color: #c7c7c7
    }

    .breadcrumbs-item:last-child .breadcrumbs-link {
        color: #565861;
        cursor: default
    }

@media only screen and (min-width:1000px) {
    .breadcrumbs-item:last-child .breadcrumbs-link:hover {
        text-decoration: none
    }
}

.breadcrumbs-item:last-child:after {
    display: none
}

.article-content .breadcrumbs-link, .breadcrumbs-link {
    text-decoration: none;
    color: #c7c7c7;
    font-size: 12px;
    line-height: 15px;
    cursor: pointer
}

@media only screen and (min-width:1000px) {
    .article-content .breadcrumbs-link:hover, .breadcrumbs-link:hover {
        text-decoration: underline
    }
}

.explore .breadcrumbs-item:after {
    color: #85d3a3
}

.filter .breadcrumbs-item:after {
    color: #8ba7f4
}

.quiz .breadcrumbs-item:after {
    color: #f1c9c8
}

.discuss .breadcrumbs-item:after {
    color: #d2b9b5
}

.vb > .vb-dragger {
    z-index: 5;
    width: 7px;
    right: 6px
}

    .vb > .vb-dragger > .vb-dragger-styler {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: rotate3d(0,0,0,0);
        transition: background-color .1s ease-out,margin .1s ease-out,height .1s ease-out;
        background-color: hsla(227,4%,52%,.3);
        opacity: .6;
        margin: 5px 0 5px 5px;
        border-radius: 20px;
        height: calc(100% - 10px);
        display: block;
        width: 4px
    }

    .vb.vb-dragging > .vb-dragger .vb-dragger-styler, .vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler, .vb > .vb-dragger:hover > .vb-dragger-styler {
        background-color: #808289
    }

.compare-menu .vb > .vb-dragger > .vb-dragger-styler {
    height: calc(100% - 5px)
}

.isCollapsed .vb > .vb-dragger {
    right: 3px
}

    .isCollapsed .vb > .vb-dragger > .vb-dragger-styler {
        height: calc(100% - 50px)
    }

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: visible;
    margin: 0;
    padding: 40px 0 0
}

    .slick-list, .slick-list:focus {
        outline: none
    }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
            outline: none
        }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li, .slick-dots li button {
            width: 20px;
            height: 20px;
            cursor: pointer
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                padding: 5px;
                color: transparent;
                border: 0;
                background: transparent;
                outline: none
            }

                .slick-dots li button:focus, .slick-dots li button:hover {
                    outline: none
                }

                .slick-dots li button:before {
                    font-family: slick;
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 10px;
                    height: 10px;
                    background: #fff;
                    border: 1px solid #67bd7e;
                    content: "";
                    text-align: center;
                    border-radius: 50%;
                    -webkit-font-smoothing: antialiased
                }

            .slick-dots li.slick-active button:before {
                background: #67bd7e
            }

button:focus {
    outline: none
}

button::-moz-focus-inner {
    border: 0
}

.compare-page {
    padding: 20px 20px 0 0;
    background: linear-gradient(45deg,#597464,#a38a89 50%,#72718b);
    min-height: calc(100vh - 60px);
    box-sizing: border-box;
    z-index: 1;
    position: absolute;
    top: 0;
    overflow-y: auto
}

.compare-page-scrollbar {
    height: 100%;
    width: 100%
}

@media only screen and (max-width:750px) {
    .compare-page {
        padding: 20px 10px 0
    }
}

.compare-page sup {
    vertical-align: 2px;
    line-height: 0
}

@media only screen and (max-width:1000px) {
    .compare-page {
        height: auto !important;
        width: 100%;
        position: relative
    }
}

.compare-page .footer-logo {
    left: calc(50% - 38px)
}

.page-theme--discuss .compare-page {
    background: #9c9bbd;
    background: linear-gradient(45deg,#6a8f7b,#b19594 50%,#8b87a7)
}

.page-theme--discuss .compare-dropdown__item--title, .page-theme--discuss .fill-star {
    color: #9c9bbd
}

.page-theme--discuss .compare-ico__yes {
    background-color: #9c9bbd
}

.page-theme--quiz .compare-page {
    background: #e1aa98;
    background: linear-gradient(45deg,#e3b6ad,#e8b5a7 50%,#e0a896)
}

.page-theme--quiz .compare-dropdown__item--title, .page-theme--quiz .fill-star {
    color: #e1aa98
}

.page-theme--quiz .compare-ico__yes {
    background-color: #e1aa98
}

.page-theme--filter .compare-page {
    background: #6a97af;
    background: linear-gradient(45deg,#769ec8,#7cadcb 50%,#769ec8)
}

.page-theme--filter .compare-dropdown__item--title, .page-theme--filter .fill-star {
    color: #6a97af
}

.page-theme--filter .compare-ico__yes {
    background-color: #6a97af
}

.page-theme--explore-index .compare-page, .page-theme--explore .compare-page {
    background: #81c19e;
    background: linear-gradient(45deg,#74c28e,#73bf8f 50%,#69be7f)
}

.page-theme--explore-index .compare-dropdown__item--title, .page-theme--explore-index .fill-star, .page-theme--explore .compare-dropdown__item--title, .page-theme--explore .fill-star {
    color: #81c19e
}

.page-theme--explore-index .compare-ico__yes, .page-theme--explore .compare-ico__yes {
    background-color: #81c19e
}

.compare-wrapper {
    overflow: hidden;
    width: calc(100% - 137px);
    max-width: 1772px;
    margin-left: 110px;
    position: relative;
    border-radius: 5px;
    padding-bottom: 70px
}

@media only screen and (max-width:1023px) {
    .compare-wrapper {
        width: 660px
    }
}

@media only screen and (max-width:1000px) {
    .compare-wrapper {
        margin-left: 20px;
        width: 645px
    }
}

@media only screen and (max-width:750px) {
    .compare-wrapper {
        width: auto;
        margin-left: 0
    }
}

@media only screen and (max-width:700px) {
    .compare-wrapper {
        margin-top: 60px
    }
}

.compare-wrapper__table {
    width: 100%;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:750px) {
    .compare-wrapper__table {
        background: #fff;
        background: linear-gradient(90deg,#fff,#fff 50%,#f8f8f8 0,#f8f8f8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f8f8f8",GradientType=1)
    }
}

.compare-table {
    width: calc(100% - 0px);
    border-spacing: 0;
    border-collapse: collapse
}

    .compare-table th {
        padding-right: 25px;
        width: 145px;
        box-sizing: border-box
    }

    .compare-table td {
        width: calc(100% - 142px);
        background: #fff;
        padding: 0 0 0 20px;
        font-size: 12px;
        line-height: 15px;
        font-family: Proxima N W01 Reg;
        overflow: hidden;
        box-sizing: border-box;
        color: #565861
    }

@media only screen and (max-width:750px) {
    .compare-table td {
        background: none
    }
}

.compare-title-table td {
    border-radius: 5px 0 0
}

@media only screen and (max-width:750px) {
    .compare-title-table td {
        padding-left: 0
    }
}

.compare-title-table .compare-item {
    border-bottom: 0;
    height: 100%;
    padding-top: 20px;
    min-height: 100%
}

.compare-title-table .compare-table__title {
    border-bottom: none;
    box-sizing: border-box;
    width: 142px;
    vertical-align: top;
    height: 100%;
    min-height: 100%
}

.compare-title-table .compare-item__text {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 18px;
    line-height: 22px;
    width: auto;
    float: left;
    padding-left: 45px;
    padding-right: 18px
}

@media only screen and (max-width:750px) {
    .compare-title-table .compare-item__text {
        font-size: 13px;
        line-height: 16px;
        padding-left: 35px
    }
}

.compare-title-table .compare-item__icon {
    width: 35px;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    left: 9px
}

    .compare-title-table .compare-item__icon span {
        display: block;
        text-align: center;
        padding-top: 20px
    }

.compare-title-table .compare-item__close {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMTQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ29tcGFyZS1Db3B5LTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM5LjAwMDAwMCwgLTEwNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM5LjAwMDAwMCwgMTA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgc3Ryb2tlPSIjNTY1ODYyIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguNTAwMDAwLCA4LjUwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTguNTAwMDAwLCAtOC41MDAwMDApICIgY3g9IjguNSIgY3k9IjguNSIgcj0iNy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi4xMTExMTExLDEyIEw1LDUiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlPSIjNkQ2Rjc3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDEyIEwxMiw1IiBpZD0iUGF0aC00LUNvcHkiIHN0cm9rZT0iIzZENkY3NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 21px;
    right: 0;
    cursor: pointer
}

@media only screen and (max-width:750px) {
    .compare-title-table .compare-item__close {
        transform: scale(.75);
        right: 10px;
        top: 22px
    }
}

@media only screen and (max-width:750px) {
    .compare-title-table th {
        display: none
    }
}

.compare-main-table {
    height: 100%;
    position: relative
}

    .compare-main-table tbody, .compare-main-table th, .compare-main-table tr {
        height: 100%
    }

    .compare-main-table th {
        padding-right: 25px;
        box-sizing: border-box;
        vertical-align: top;
        height: 100%;
        display: block;
        width: 167px
    }

@media only screen and (max-width:750px) {
    .compare-main-table th {
        width: 100%;
        text-align: center;
        display: block
    }
}

.compare-main-table td {
    vertical-align: bottom;
    height: 100%;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (max-width:750px) {
    .compare-main-table td {
        display: block;
        padding-left: 0
    }
}

.compare-main-table .compare-item__text {
    letter-spacing: .9px
}

.compare-scroll-box {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.compare-table__title {
    border-bottom: 1px dashed;
    padding: 15px 0;
    width: 142px;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    font-size: 12px;
    line-height: 14px;
    font-family: Proxima N W01 Reg;
    color: #fff;
    text-align: left;
    letter-spacing: 1px;
    display: inline-block;
    position: relative
}

@media only screen and (max-width:750px) {
    .compare-table__title {
        width: calc(100vw - 90px);
        text-align: center;
        border-bottom: 0;
        color: #565861;
        overflow: hidden;
        margin-left: 35px;
        display: block
    }

        .compare-table__title span {
            position: relative;
            display: inline-block
        }

            .compare-table__title span:before {
                left: calc(-300% - 5px)
            }

            .compare-table__title span:after, .compare-table__title span:before {
                content: "";
                position: absolute;
                height: 0;
                border-bottom: 1px dashed;
                top: calc(50% - 1px);
                width: 300%
            }

            .compare-table__title span:after {
                right: calc(-300% - 5px)
            }
}

.compare-main-table:last-child .compare-item, .compare-main-table:last-child .compare-table__title {
    border-bottom: 0
}

.compare-item-list {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.compare-item {
    width: 19vw;
    max-width: 368px;
    border-bottom: 1px dashed;
    padding: 14px 0 14px 10px;
    margin-right: 33px;
    box-sizing: border-box;
    text-align: left;
    position: relative
}

@media only screen and (max-width:1857px) {
    .compare-item {
        width: 18.7vw;
        min-width: 18.7vw
    }
}

@media only screen and (max-width:1713px) {
    .compare-item {
        width: 18.3vw;
        min-width: 18.3vw
    }
}

@media only screen and (max-width:1607px) {
    .compare-item {
        width: 18vw;
        min-width: 18vw
    }
}

@media only screen and (max-width:1560px) {
    .compare-item {
        width: 17.5vw;
        min-width: 17.5vw
    }
}

@media only screen and (max-width:1475px) {
    .compare-item {
        width: 17vw;
        min-width: 17vw
    }
}

@media only screen and (max-width:1400px) {
    .compare-item {
        width: 16.5vw;
        min-width: 16.5vw
    }
}

@media only screen and (max-width:1366px) {
    .compare-item {
        width: 227px;
        min-width: 227px
    }
}

@media only screen and (max-width:1345px) {
    .compare-item {
        width: 23vw;
        min-width: 23vw
    }
}

@media only screen and (max-width:1330px) {
    .compare-item {
        width: 22.5vw;
        min-width: 22.5vw
    }
}

@media only screen and (max-width:1265px) {
    .compare-item {
        width: 22vw;
        min-width: 22vw
    }
}

@media only screen and (max-width:1215px) {
    .compare-item {
        width: 21.5vw;
        min-width: 21.5vw
    }
}

@media only screen and (max-width:1160px) {
    .compare-item {
        width: 21vw;
        min-width: 21vw
    }
}

@media only screen and (max-width:1085px) {
    .compare-item {
        width: 20vw;
        min-width: 20vw
    }
}

@media only screen and (max-width:1050px) {
    .compare-item {
        width: 19.5vw;
        min-width: 19.5vw
    }
}

@media only screen and (max-width:1024px) {
    .compare-item {
        width: 205px;
        min-width: 205px
    }
}

@media only screen and (max-width:750px) {
    .compare-item {
        min-width: calc(50vw - 8px);
        max-width: calc(50vw - 8px);
        width: calc(50vw - 8px);
        padding: 10px;
        margin-right: 0;
        border-bottom: 0
    }
}

.compare-item__text {
    width: 100%
}

@media only screen and (max-width:750px) {
    .compare-item__text {
        width: 100%
    }
}

.compare-item__wrapp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0
}

@media only screen and (max-width:750px) {
    .compare-item__wrapp {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.compare-arrow {
    background: rgba(0,0,0,.3);
    text-align: center;
    line-height: 58px;
    border-radius: 50% 0 0 50%;
    cursor: pointer;
    transition: background .3s;
    height: 58px
}

    .compare-arrow span {
        display: inline-block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ29tcGFyZS1Db3B5LTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzExLjAwMDAwMCwgLTQ2Ny4wMDAwMDApIiBmaWxsPSIjRjdGN0Y2Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODguMDAwMDAwLCAxNTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwOS4wMDAwMDAsIDI5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibm91bl82MTMxODRfY2MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDU3NDc4MywxLjUyNTMzMzMzIEw4LjcwNTU2NTIyLDAgTDAuMzU5MTMwNDM1LDcuMDA1NjI5NjMgQzAuMTMwODY5NTY1LDcuMTk2NDQ0NDQgMCw3LjQ3NTU1NTU2IDAsNy43NjgyOTYzIEMwLDguMDYxMDM3MDQgMC4xMzA4Njk1NjUsOC4zNDAxNDgxNSAwLjM1OTEzMDQzNSw4LjUzMjE0ODE1IEw4LjcwNjE3MzkxLDE1LjUzNjU5MjYgTDEwLjA1ODA4NywxNC4wMTAwNzQxIEwzLjgxOTU2NTIyLDguNzc2Mjk2MyBMMjcuNTAwMjYwOSw4Ljc3NjI5NjMgTDI3LjUwMDI2MDksNi43NjE0ODE0OCBMMy44MTk1NjUyMiw2Ljc2MTQ4MTQ4IEwxMC4wNTc0NzgzLDEuNTI1MzMzMzMgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy43NTAxMzAsIDcuNzY4Mjk2KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy43NTAxMzAsIC03Ljc2ODI5NikgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
        width: 28px;
        height: 16px;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 14px)
    }

    .compare-arrow:hover {
        background: rgba(0,0,0,.5)
    }

.compare-arrow-wrapper {
    position: absolute;
    top: calc(50% - 26px);
    width: 49px;
    height: 58px;
    z-index: 9;
    overflow: hidden
}

.compare-arrow-wrapper--left {
    transform: rotateY(180deg);
    left: 167px
}

@media only screen and (max-width:750px) {
    .compare-arrow-wrapper--left {
        left: 0
    }
}

.compare-arrow-wrapper--right {
    right: 0
}

@media only screen and (max-width:750px) {
    .compare-arrow-wrapper {
        position: fixed;
        top: calc(50vh - 30px)
    }
}

.compare-ref {
    margin-left: 167px;
    text-align: left;
    font-size: 9px;
    line-height: 11px;
    color: #000;
    background: #fff;
    border-radius: 0 0 5px 5px;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    padding: 20px 30px 30px;
    margin-top: -1px
}

@media only screen and (max-width:750px) {
    .compare-ref {
        margin-left: 0;
        padding-left: 10px
    }
}

.compare-ref sup {
    font-size: 100%;
    vertical-align: 3px
}

.page-theme--explore-index .compare-item__icon svg g, .page-theme--explore-index .compare-item__icon svg path, .page-theme--explore .compare-item__icon svg g, .page-theme--explore .compare-item__icon svg path {
    stroke: #81c19e
}

.page-theme--filter .compare-item__icon svg g, .page-theme--filter .compare-item__icon svg path {
    stroke: #6a97af
}

.page-theme--quiz .compare-item__icon svg g, .page-theme--quiz .compare-item__icon svg path {
    stroke: #e1aa98
}

.compare-page .footer {
    bottom: 0;
    right: 30px;
    left: 50%;
    max-width: 900px;
    position: relative;
    margin-top: 50px;
    padding-bottom: 50px
}

    .compare-page .footer p {
        text-align: center
    }

@media only screen and (max-width:1250px) {
    .compare-page .footer {
        left: 100px;
        transform: translateX(0)
    }
}

@media only screen and (max-width:1065px) {
    .compare-page .footer {
        max-width: 770px;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .compare-page .footer {
        margin: 50px auto 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:700px) {
    .compare-page .footer {
        left: 0;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:700px) {
    .compare-page--main-page .footer {
        padding-bottom: 80px
    }
}

.compare-dropdown {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: -1px;
    font-size: 12px;
    cursor: pointer
}

.compare-dropdown__item {
    background: #fff;
    color: #565862;
    box-sizing: border-box;
    min-width: 142px;
    padding: 16px 10px;
    position: relative;
    z-index: 99;
    float: left;
    width: auto;
    text-align: left;
    box-shadow: #3b3e56;
    max-width: 370px
}

.compare-dropdown__item--title {
    border-radius: 4px 0 4px 4px;
    z-index: 999;
    width: 145px
}

.compare-dropdown__item--text {
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 7px 14px 0 hsla(0,0%,9%,.33);
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 140px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    min-width: 175px
}

.compare-dropdown__bg {
    opacity: 0;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .3s
}

.compare-dropdown__bg--active {
    z-index: 99;
    opacity: .3
}

.compare-table__title {
    overflow: visible
}

.compare-dropdown {
    width: auto
}

.fill-star {
    font-size: 8px;
    line-height: 15px;
    color: #565862;
    position: relative;
    top: -2px
}

.compare-ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d8d8d8;
    text-align: center;
    line-height: 13px;
    position: relative;
    top: 2px;
    box-sizing: border-box
}

.compare-ico__yes {
    line-height: 12px;
    background-color: #565862;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IkNvbXBhcmUtQ29weS03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQxLjAwMDAwMCwgLTM3OS4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzOC4wMDAwMDAsIDM3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMCI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTciIHBvaW50cz0iNCA2LjUgNi41IDkuNSAxMC41IDQiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50%
}

.compare-ico__no {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDcgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IkNvbXBhcmUtQ29weS03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQxLjAwMDAwMCwgLTQwNi4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzOC4wMDAwMDAsIDM3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjQ0NDQ0NDQ0LDggTDEsMSIgaWQ9IlBhdGgtNC1Db3B5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNDY1MjgwMTcxLDggTDUuMTk4MDMzNTYsMC42Nzc4NTY0NDUiIGlkPSJQYXRoLTQtQ29weSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: 3px
}

.compare-item__wrapp .compare-ico {
    margin-right: 30px
}

.compare-item__stars {
    float: left;
    width: 35px;
    margin-right: 10px;
    height: 100%
}

    .compare-item__stars span {
        display: inline-block;
        width: 9px;
        height: 8px
    }

.compare-item__stars--1 span:first-child svg path, .compare-item__stars--2 span:nth-child(-n+2) svg path, .compare-item__stars--3 span svg path {
    fill: #565861;
    stroke: #565861
}

.page-theme--explore-index .compare-item__stars--1 span:first-child svg path, .page-theme--explore-index .compare-item__stars--2 span:nth-child(-n+2) svg path, .page-theme--explore-index .compare-item__stars--3 span svg path, .page-theme--explore .compare-item__stars--1 span:first-child svg path, .page-theme--explore .compare-item__stars--2 span:nth-child(-n+2) svg path, .page-theme--explore .compare-item__stars--3 span svg path {
    fill: #81c19e;
    stroke: #81c19e
}

.page-theme--filter .compare-item__stars--1 span:first-child svg path, .page-theme--filter .compare-item__stars--2 span:nth-child(-n+2) svg path, .page-theme--filter .compare-item__stars--3 span svg path {
    fill: #6a97af;
    stroke: #6a97af
}

.page-theme--quiz .compare-item__stars--1 span:first-child svg path, .page-theme--quiz .compare-item__stars--2 span:nth-child(-n+2) svg path, .page-theme--quiz .compare-item__stars--3 span svg path {
    fill: #e1aa98;
    stroke: #e1aa98
}

.page-theme--discuss .compare-item__stars--1 span:first-child svg path, .page-theme--discuss .compare-item__stars--2 span:nth-child(-n+2) svg path, .page-theme--discuss .compare-item__stars--3 span svg path {
    fill: #9c9bbd;
    stroke: #9c9bbd
}

.footer {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 150px);
    transform: translateX(-50%);
    padding-left: 120px;
    font-size: 9px;
    line-height: 11px;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    z-index: 1;
    color: #fff;
    max-width: 952px
}

    .footer .text-in-line, .footer p {
        max-width: 830px
    }

    .footer p {
        text-align: center;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 16px
    }

@media only screen and (max-width:1200px) {
    .footer {
        box-sizing: border-box;
        width: calc(100% - 288px);
        padding-left: 85px;
        left: 10px;
        transform: translateX(0);
        z-index: 9
    }
}

@media only screen and (max-width:1000px) {
    .footer {
        bottom: 70px;
        width: 570px;
        padding-left: 0;
        left: calc(50% - 20px);
        box-sizing: border-box;
        transform: translateX(-50%);
        padding-top: 45px
    }
}

@media only screen and (max-width:700px) {
    .footer {
        width: 100%;
        left: 50%;
        position: relative;
        bottom: 0;
        margin-top: 20px;
        padding: 50px 12px 0
    }
}

@media only screen and (max-width:1000px) {
    .footer--hide {
        display: none
    }
}

.footer-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 77px;
    height: 33px;
    background: url(../img/teva-logo.png) no-repeat 50%/100% auto;
}

@media only screen and (max-width:1000px) {
    .footer-logo {
        top: 0;
        left: calc(50% - 50px)
    }
}

@media only screen and (max-width:700px) {
    .footer-logo {
        left: calc(50% - 38px)
    }
}

.footer-nav {
    padding: 0;
    list-style: none;
    width: 95%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:700px) {
    .footer-nav {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        flex-direction: column;
    }
}

.footer-nav__item {
    width: 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}

.footer-nav__item:nth-child(5)  {
    padding-left: 20px;
}

@media only screen and (max-width:700px) {
    .footer-nav__item {
        width: auto
    }
}

.footer-nav__item-text {
    text-decoration: none;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.38px;
    text-align: center;
    display: flex; 
    align-items: center;
    gap: 5px;
}

.footer-nav__item-text img {
    width: 20px;
    height: auto;
}

@media only screen and (min-width:1000px) {
    .footer-nav__item-text:hover {
        text-decoration: underline
    }
}

@media only screen and (max-width:700px) {
    .footer-nav__item-text {
        letter-spacing: .5px
    }
}

.footer-link {
    color: inherit;
    text-decoration: none
}

@media only screen and (min-width:1000px) {
    .footer-link:hover {
        text-decoration: underline
    }
}

@media only screen and (max-width:700px) {
    .footer-link {
        padding: 0 5px
    }
}

.footer-btn {
    display: none;
    margin-top: 30px;
    text-align: center
}

@media only screen and (max-width:700px) {
    .footer-btn {
        display: block
    }

        .footer-btn .btn-prof {
            position: relative;
            top: 0;
            bottom: 0;
            left: 0
        }
}

.compare-menu {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 271px;
    background-color: #fff;
    z-index: 99;
    text-align: left;
    transition: width .5s ease-in-out;
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width:1000px) {
    .compare-menu {
        right: -191px;
        transition: all .3s ease
    }
}

@media only screen and (max-width:700px) {
    .compare-menu {
        right: auto;
        -webkit-transform: translateZ(0)
    }
}

@media only screen and (min-width:1024px) {
    .compare-menu:before {
        content: "";
        position: absolute;
        top: 58px;
        left: -6px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDYgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDQuMSAoNDE0NTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlBhdGggNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb21wYXJlLUNvcHktNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTYwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNNzcuNTY3MTM4Nyw2NS40MzI4NjEzIEM3Ny41NjcxMzg3LDY1LjQzMjg2MTMgODIuNDMyODYxMyw2NC4yNzE0NDYyIDgyLjQzMjg2MTMsNTkuNDMyODYxMyBMODIuNDMyODYxMyw2NS40MzI4NjEzIEw3Ny41NjcxMzg3LDY1LjQzMjg2MTMgWiIgaWQ9IlBhdGgtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA2Mi40MzI4NjEpIHNjYWxlKC0xLCAxKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC04MC4wMDAwMDAsIC02Mi40MzI4NjEpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
        width: 5px;
        height: 7px;
        transform: rotate(100deg)
    }
}

.compare-menu.isCollapsed {
    top: 0;
    height: 100vh;
    width: 77px
}

    .compare-menu.isCollapsed:after {
        content: "";
        position: absolute;
        top: 60px;
        right: -5px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDYgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDQuMSAoNDE0NTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlBhdGggNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb21wYXJlLUNvcHktNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTYwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNNzcuNTY3MTM4Nyw2NS40MzI4NjEzIEM3Ny41NjcxMzg3LDY1LjQzMjg2MTMgODIuNDMyODYxMyw2NC4yNzE0NDYyIDgyLjQzMjg2MTMsNTkuNDMyODYxMyBMODIuNDMyODYxMyw2NS40MzI4NjEzIEw3Ny41NjcxMzg3LDY1LjQzMjg2MTMgWiIgaWQ9IlBhdGgtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA2Mi40MzI4NjEpIHNjYWxlKC0xLCAxKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC04MC4wMDAwMDAsIC02Mi40MzI4NjEpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
        width: 5px;
        height: 7px
    }

@media only screen and (max-width:1024px) {
    .compare-menu.isCollapsed:after {
        display: none
    }
}

.compare-menu.isCollapsed .compare-menu-content {
    height: calc(100vh - 60px - 100px);
    padding-bottom: 0
}

    .compare-menu.isCollapsed .compare-menu-content:before {
        content: "";
        position: absolute;
        background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0));
        top: 0;
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 5
    }

    .compare-menu.isCollapsed .compare-menu-content:after {
        content: "";
        position: absolute;
        background: linear-gradient(0deg,#fff 30%,hsla(0,0%,100%,0));
        bottom: 35px;
        left: 0;
        width: 100%;
        height: 15px;
        z-index: 5
    }

.compare-menu.isCollapsed .compare-menu-content__item {
    padding-left: 15px
}

@media only screen and (min-width:700px) {
    .compare-menu.isCollapsed .compare-menu-top {
        padding: 14px 15px;
        height: 100px;
        position: relative
    }
}

.compare-menu.isCollapsed .compare-menu-top__number:before {
    display: none
}

@media only screen and (min-width:700px) {
    .compare-menu.isCollapsed .compare-menu-top__close-ico {
        top: 74px;
        right: 29px
    }
}

@media only screen and (min-width:700px) and (max-width:1000px) {
    .compare-menu.isCollapsed .compare-menu-top__close-ico {
        top: 76px;
        right: 0;
        left: 25px
    }
}

.compare-menu.isCollapsed .compare-menu-content__item:first-child .compare-menu__ico:before {
    display: none
}

@media only screen and (max-width:1000px) {
    .compare-menu.isCollapsed {
        width: 271px
    }
}

@media only screen and (min-width:700px) {
    .compare-menu.isCollapsed .compare-menu-content-scrollbar {
        height: calc(100vh - 100px)
    }

    .compare-menu.isCollapsed .button.button-compare {
        width: 45px;
        height: 45px;
        line-height: 1;
        padding: 0
    }
}

@media only screen and (max-width:1000px) {
    .compare-menu--close {
        right: -191px
    }

        .compare-menu--close .button.button-compare {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI1OHB4IiB2aWV3Qm94PSIwIDAgNDcgNTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgODwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxjaXJjbGUgaWQ9InBhdGgtMSIgY3g9IjIzIiBjeT0iMjIiIHI9IjIyIj48L2NpcmNsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJCaXJ0aC1Db250cm9sLVBpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MDMuMDAwMDAwLCAtMTIxMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMC4wMDAwMDAsIDIwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzaWRlLWJhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcxLjAwMDAwMCwgMTI1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAwLjAwMDAwMCkiIGlkPSJHcm91cC04Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCA4ODcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy45ODY2MDUyMiw1Ny4xNDA2MDg3IEM1LjQzNTYwNTIyLDU3LjE0MDYwODcgNi4yMTg2MDUyMiw1Ni4zMDM2MDg3IDYuNjA1NjA1MjIsNTUuNTI5NjA4NyBMNS4yNzM2MDUyMiw1NC44OTk2MDg3IEM1LjA3NTYwNTIyLDU1LjM3NjYwODcgNC41NjI2MDUyMiw1NS43NzI2MDg3IDMuOTg2NjA1MjIsNTUuNzcyNjA4NyBDMy4wMDU2MDUyMiw1NS43NzI2MDg3IDIuMzEyNjA1MjIsNTUuMDE2NjA4NyAyLjMxMjYwNTIyLDU0LjAzNTYwODcgQzIuMzEyNjA1MjIsNTMuMDU0NjA4NyAzLjAwNTYwNTIyLDUyLjI5ODYwODcgMy45ODY2MDUyMiw1Mi4yOTg2MDg3IEM0LjU2MjYwNTIyLDUyLjI5ODYwODcgNS4wNzU2MDUyMiw1Mi42OTQ2MDg3IDUuMjczNjA1MjIsNTMuMTcxNjA4NyBMNi42MDU2MDUyMiw1Mi41NDE2MDg3IEM2LjIwOTYwNTIyLDUxLjc0OTYwODcgNS40MzU2MDUyMiw1MC45MzA2MDg3IDMuOTg2NjA1MjIsNTAuOTMwNjA4NyBDMi4xNDE2MDUyMiw1MC45MzA2MDg3IDAuNzM3NjA1MjI1LDUyLjE4MTYwODcgMC43Mzc2MDUyMjUsNTQuMDM1NjA4NyBDMC43Mzc2MDUyMjUsNTUuODgwNjA4NyAyLjE0MTYwNTIyLDU3LjE0MDYwODcgMy45ODY2MDUyMiw1Ny4xNDA2MDg3IFogTTEwLjY1MjI4OTQsNTcuMTQwNjA4NyBDOC44MTYyODk0NSw1Ny4xNDA2MDg3IDcuNDM5Mjg5NDUsNTUuODYyNjA4NyA3LjQzOTI4OTQ1LDU0LjAzNTYwODcgQzcuNDM5Mjg5NDUsNTIuMjA4NjA4NyA4LjgxNjI4OTQ1LDUwLjkzMDYwODcgMTAuNjUyMjg5NCw1MC45MzA2MDg3IEMxMi40ODgyODk0LDUwLjkzMDYwODcgMTMuODU2Mjg5NCw1Mi4yMDg2MDg3IDEzLjg1NjI4OTQsNTQuMDM1NjA4NyBDMTMuODU2Mjg5NCw1NS44NjI2MDg3IDEyLjQ4ODI4OTQsNTcuMTQwNjA4NyAxMC42NTIyODk0LDU3LjE0MDYwODcgWiBNMTAuNjUyMjg5NCw1NS43NzI2MDg3IEMxMS42NDIyODk0LDU1Ljc3MjYwODcgMTIuMjgxMjg5NCw1NS4wMDc2MDg3IDEyLjI4MTI4OTQsNTQuMDM1NjA4NyBDMTIuMjgxMjg5NCw1My4wNTQ2MDg3IDExLjY0MjI4OTQsNTIuMjk4NjA4NyAxMC42NTIyODk0LDUyLjI5ODYwODcgQzkuNjUzMjg5NDUsNTIuMjk4NjA4NyA5LjAxNDI4OTQ1LDUzLjA1NDYwODcgOS4wMTQyODk0NSw1NC4wMzU2MDg3IEM5LjAxNDI4OTQ1LDU1LjAwNzYwODcgOS42NTMyODk0NSw1NS43NzI2MDg3IDEwLjY1MjI4OTQsNTUuNzcyNjA4NyBaIE0yMS45MjU5NzM3LDU3LjAzMjYwODcgTDIxLjkyNTk3MzcsNTEuMDI5NjA4NyBMMTkuNzc0OTczNyw1MS4wMjk2MDg3IEwxOC41MTQ5NzM3LDU0LjI4NzYwODcgTDE3LjI2Mzk3MzcsNTEuMDI5NjA4NyBMMTUuMTEyOTczNyw1MS4wMjk2MDg3IEwxNS4xMTI5NzM3LDU3LjAzMjYwODcgTDE2LjY2MDk3MzcsNTcuMDMyNjA4NyBMMTYuNjYwOTczNyw1My4xMjY2MDg3IEwxOC4xNzI5NzM3LDU3LjAzMjYwODcgTDE4Ljg1Njk3MzcsNTcuMDMyNjA4NyBMMjAuMzc3OTczNyw1My4xMjY2MDg3IEwyMC4zNzc5NzM3LDU3LjAzMjYwODcgTDIxLjkyNTk3MzcsNTcuMDMyNjA4NyBaIE0yNS4wMjc2NTc5LDU3LjAzMjYwODcgTDIzLjQ3OTY1NzksNTcuMDMyNjA4NyBMMjMuNDc5NjU3OSw1MS4wMjk2MDg3IEwyNi40ODU2NTc5LDUxLjAyOTYwODcgQzI3LjgzNTY1NzksNTEuMDI5NjA4NyAyOC41NzM2NTc5LDUxLjkzODYwODcgMjguNTczNjU3OSw1My4wMjc2MDg3IEMyOC41NzM2NTc5LDU0LjEwNzYwODcgMjcuODM1NjU3OSw1NS4wMTY2MDg3IDI2LjQ4NTY1NzksNTUuMDE2NjA4NyBMMjUuMDI3NjU3OSw1NS4wMTY2MDg3IEwyNS4wMjc2NTc5LDU3LjAzMjYwODcgWiBNMjYuMjc4NjU3OSw1My42NjY2MDg3IEMyNi42OTI2NTc5LDUzLjY2NjYwODcgMjYuOTk4NjU3OSw1My40MzI2MDg3IDI2Ljk5ODY1NzksNTMuMDI3NjA4NyBDMjYuOTk4NjU3OSw1Mi42MTM2MDg3IDI2LjY5MjY1NzksNTIuMzc5NjA4NyAyNi4yNzg2NTc5LDUyLjM3OTYwODcgTDI1LjAyNzY1NzksNTIuMzc5NjA4NyBMMjUuMDI3NjU3OSw1My42NjY2MDg3IEwyNi4yNzg2NTc5LDUzLjY2NjYwODcgWiBNMzQuOTI0MzQyMSw1Ny4wMzI2MDg3IEwzMy4xNjkzNDIxLDU3LjAzMjYwODcgTDMyLjg3MjM0MjEsNTYuMTY4NjA4NyBMMzAuNTA1MzQyMSw1Ni4xNjg2MDg3IEwzMC4yMDgzNDIxLDU3LjAzMjYwODcgTDI4LjQ1MzM0MjEsNTcuMDMyNjA4NyBMMzAuNzEyMzQyMSw1MS4wMjk2MDg3IEwzMi42NTYzNDIxLDUxLjAyOTYwODcgTDM0LjkyNDM0MjEsNTcuMDMyNjA4NyBaIE0zMi40NDkzNDIxLDU0LjgxODYwODcgTDMxLjY4NDM0MjEsNTIuNTU5NjA4NyBMMzAuOTE5MzQyMSw1NC44MTg2MDg3IEwzMi40NDkzNDIxLDU0LjgxODYwODcgWiBNNDAuOTYwMDI2Myw1Ny4wMzI2MDg3IEwzOS4xODcwMjYzLDU3LjAzMjYwODcgTDM4LjE3OTAyNjMsNTUuMDE2NjA4NyBMMzcuMzg3MDI2Myw1NS4wMTY2MDg3IEwzNy4zODcwMjYzLDU3LjAzMjYwODcgTDM1LjgzOTAyNjMsNTcuMDMyNjA4NyBMMzUuODM5MDI2Myw1MS4wMjk2MDg3IEwzOC44NDUwMjYzLDUxLjAyOTYwODcgQzQwLjE3NzAyNjMsNTEuMDI5NjA4NyA0MC45MzMwMjYzLDUxLjkxMTYwODcgNDAuOTMzMDI2Myw1My4wMjc2MDg3IEM0MC45MzMwMjYzLDU0LjA3MTYwODcgNDAuMjk0MDI2Myw1NC42Mjk2MDg3IDM5LjczNjAyNjMsNTQuODI3NjA4NyBMNDAuOTYwMDI2Myw1Ny4wMzI2MDg3IFogTTM4LjYxMTAyNjMsNTMuNjY2NjA4NyBDMzkuMDE2MDI2Myw1My42NjY2MDg3IDM5LjM1ODAyNjMsNTMuNDQxNjA4NyAzOS4zNTgwMjYzLDUzLjAxODYwODcgQzM5LjM1ODAyNjMsNTIuNjEzNjA4NyAzOS4wMTYwMjYzLDUyLjM3OTYwODcgMzguNjExMDI2Myw1Mi4zNzk2MDg3IEwzNy4zODcwMjYzLDUyLjM3OTYwODcgTDM3LjM4NzAyNjMsNTMuNjY2NjA4NyBMMzguNjExMDI2Myw1My42NjY2MDg3IFogTTQ2LjY2MjcxMDYsNTcuMDMyNjA4NyBMNDYuNjYyNzEwNiw1NS42ODI2MDg3IEw0My44MDk3MTA2LDU1LjY4MjYwODcgTDQzLjgwOTcxMDYsNTQuNjY1NjA4NyBMNDYuNTk5NzEwNiw1NC42NjU2MDg3IEw0Ni41OTk3MTA2LDUzLjMxNTYwODcgTDQzLjgwOTcxMDYsNTMuMzE1NjA4NyBMNDMuODA5NzEwNiw1Mi4zNzk2MDg3IEw0Ni42NjI3MTA2LDUyLjM3OTYwODcgTDQ2LjY2MjcxMDYsNTEuMDI5NjA4NyBMNDIuMjYxNzEwNiw1MS4wMjk2MDg3IEw0Mi4yNjE3MTA2LDU3LjAzMjYwODcgTDQ2LjY2MjcxMDYsNTcuMDMyNjA4NyBaIiBpZD0iY29tcGFyZSIgZmlsbD0iIzU2NTg2MiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik92YWwtQ29weS0yIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiM1NjU4NjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBzdHJva2U9IiM1NjU4NjIiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjIzIiBjeT0iMjIiIHI9IjIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMy4wMDAwMDApIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlN0cm9rZS0xIiBzdHJva2Utd2lkdGg9IjEuNTMzMzMzMzMiIHBvaW50cz0iOC45MTg4ODg4OSAxOC41Njg0IDMuNjMxNjYyODdlLTE1IDExLjQ4ODMzMzMgMy4xODgzMTExMSA3LjUxNTIgOC4zNTY2NjY2NyAxMS42MTg0NjY3IDE4Ljk1MzUzMzMgMCAyMi43Mzg4MjIyIDMuNDE0OTgzMzMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlN0cm9rZS0zIiBzdHJva2Utd2lkdGg9IjAuNTExMTExMTExIiBwb2ludHM9IjIxLjQ5MzUgMi4yOTEzMTI1IDguNzkyMzg4ODkgMTYuMDY4MTYyNSAxLjE3MDcgMTAuMDI5MTYyNSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
            width: 48px;
            height: 60px;
            border: none;
            margin: 0 0 0 20px;
            border-radius: 0;
            background-size: cover;
            transition: none
        }

            .compare-menu--close .button-compare--hover, .compare-menu--close .button-compare__text, .compare-menu--close .button.button-compare:after {
                display: none
            }
}

@media only screen and (max-width:700px) {
    .compare-menu {
        right: -100%
    }
}

@media only screen and (max-width:1000px) {
    .compare-menu--open {
        right: 0;
        box-shadow: 0 2px 30px 0 rgba(86,88,98,.5)
    }
}

@media only screen and (max-width:700px) {
    .compare-menu--open {
        right: 0
    }
}

.compare-menu-wrapp {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media only screen and (max-width:1000px) {
    .compare-menu-toggle {
        position: absolute;
        width: 26px;
        height: 56px;
        top: calc(50% - 13px);
        left: -13px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSI1NnB4IiB2aWV3Qm94PSIwIDAgMjYgNTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZHJhZ2dlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRpY2xlLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NzEuMDAwMDAwLCAtNTcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAwLjAwMDAwMCwgMjAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9InNpZGUtYmFyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzEuMDAwMDAwLCA3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZHJhZ2dlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI5OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjU2IiByeD0iNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM1NjU4NjIiIHg9IjciIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIzNiIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yLUNvcHkiIGZpbGw9IiM1NjU4NjIiIHg9IjEyIiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iMzYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMi1Db3B5LTIiIGZpbGw9IiM1NjU4NjIiIHg9IjE3IiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iMzYiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        border-radius: 4px;
        z-index: 9
    }

    .screentest .compare-menu-toggle {
        top: 499px
    }
}

@media only screen and (max-width:700px) {
    .compare-menu-toggle {
        display: none
    }
}

.compare-menu-top {
    height: 60px;
    padding: 0 21px;
    box-sizing: border-box;
    padding-top: 14px
}

.compare-menu-top__close-ico {
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgNzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWxrLVdpdGgtWW91ci1Qcm92aWRlci1Db3B5LTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzI4LjAwMDAwMCwgLTI3LjAwMDAwMCkiIHN0cm9rZT0iIzNCM0Y1NyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzI4LjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjAwMDAwMCwgMTEuMDAwMDAwKSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTEuMDAwMDAwLCAtMTEuMDAwMDAwKSAiIGN4PSIxMSIgY3k9IjExIiByPSIxMCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNjczMjAyNiwxNS41Mjk0MTE4IEw2LjQ3MDU4ODI0LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi40NzA1ODgyNCwxNS41Mjk0MTE4IEwxNS41Mjk0MTE4LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    background-size: cover;
    top: 22px;
    right: 16px;
    transition: opacity .3s;
    transition: top,right .3s ease-in-out
}

    .compare-menu-top__close-ico:hover {
        opacity: .7
    }

@media only screen and (max-width:700px) {
    .compare-menu-top__close-ico {
        right: 50px
    }

        .compare-menu-top__close-ico:after {
            content: "Reset";
            font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
            font-size: 12px;
            position: relative;
            top: -4px;
            left: 27px
        }
}

.compare-menu-top__number {
    float: left;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    font-size: 30px;
    margin-right: 13px;
    color: #fff
}

    .compare-menu-top__number:before {
        display: none
    }

.compare-menu-top__title {
    float: left;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    padding-top: 3px
}

.compare-menu__ico {
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
    position: relative;
    min-width: 45px;
    transition: all .3s ease-in
}

    .compare-menu__ico:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 0;
        top: -24px;
        left: 50%;
        transform: translateX(-50%);
        background: inherit
    }

.compare-menu__ico--active {
    background: #565862;
    border: none
}

    .compare-menu__ico--active:before {
        animation: animate-ico-line;
        animation-duration: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }

    .compare-menu__ico--active svg g {
        stroke: #fff
    }

    .compare-menu__ico--active .ico-border {
        display: none
    }

    .compare-menu__ico--active + div {
        opacity: 1
    }

.compare-menu__ico:hover .ico-border {
    transform: rotate(70deg)
}

@keyframes animate-ico-line {
    0% {
        height: 0
    }

    to {
        height: 25px
    }
}

.ico-border {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: -1px;
    right: 0;
    background: transparent;
    border-radius: 50%;
    border: 1px dashed #808289;
    transition: all .8s;
    width: 45px;
    height: 45px
}

.compare-menu-content {
    padding: 21px 30px 0 0;
    text-align: left;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    min-width: calc(16px + 100%);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

    .compare-menu-content > div {
        margin-bottom: 100px
    }

@media only screen and (min-width:1000px) {
    .screentest .compare-menu-content {
        height: auto !important
    }
}

.compare-menu-content .slide-list-item {
    transition: all .5s
}

.compare-menu-content .slide-list-move {
    transition: transform .25s ease-out
}

.compare-menu-content-scrollbar {
    width: 100%;
    height: calc(100vh - 60px);
    position: relative;
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width:1000px) {
    .compare-menu-content-scrollbar {
        height: calc(100vh - 90px)
    }
}

.compare-menu-content-scrollbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0));
    z-index: 10
}

.screentest .compare-menu-content-scrollbar {
    height: auto;
    max-height: calc(100vh - 60px);
    padding-bottom: 81px;
    box-sizing: border-box
}

@media only screen and (max-width:1000px) {
    .compare-menu-content ul {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:700px) {
    .compare-menu-content {
        height: calc(100% - 150px) !important;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-overflow-scrolling: touch
    }

    .screentest .compare-menu-content {
        height: calc(100% - 114px) !important
    }
}

.compare-menu-content__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 21px;
    color: #565862;
    padding-left: 21px;
    padding-bottom: 2px;
    position: relative;
    border-radius: 0 30px 30px 0;
    text-decoration: none;
    margin-right: 4px;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-overflow-scrolling: touch
}

    .compare-menu-content__item:last-child .compare-menu__ico:after {
        display: none
    }

@media only screen and (max-width:700px) {
    .compare-menu-content__item {
        -webkit-transform: translateZ(0);
        -webkit-overflow-scrolling: touch
    }
}

.compare-menu-content__item-icon {
    margin-right: 23px;
    cursor: pointer
}

    .compare-menu-content__item-icon span {
        display: inline-block;
        width: 45px;
        height: 45px;
        position: relative;
        border-radius: 50%
    }

        .compare-menu-content__item-icon span svg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

            .compare-menu-content__item-icon span svg p {
                transition: all .3s
            }

.compare-menu-content__item-title {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    opacity: .75;
    transition: all .3s;
    cursor: pointer;
    max-width: 165px;
    min-width: 150px
}

    .compare-menu-content__item-title:hover {
        opacity: 1
    }

.compare-button-wrapp {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 10px 0 20px
}

    .compare-button-wrapp:before {
        content: "";
        position: absolute;
        background: #fff;
        background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);
        width: 100%;
        height: 10px;
        top: -10px
    }

@media only screen and (max-width:1000px) {
    .compare-button-wrapp {
        padding-bottom: 40px
    }

    .screentest .compare-button-wrapp {
        padding-bottom: 15px;
        top: 891px
    }
}

@media only screen and (max-width:700px) {
    .compare-button-wrapp {
        padding-bottom: 120px
    }

    .screentest .compare-button-wrapp {
        padding-bottom: 0;
        top: calc(100% - 121px)
    }
}

@media only screen and (max-width:400px) and (max-height:900px) {
    .compare-button-wrapp {
        padding-bottom: 137px
    }
}

@media only screen and (max-width:350px) {
    .compare-button-wrapp {
        padding-bottom: 120px
    }
}

.button.button-compare {
    text-transform: uppercase;
    display: block;
    width: calc(100% - 42px);
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: #565861;
    font-size: 14px;
    border-radius: 50px;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    padding: 15px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 9;
    background: transparent;
    height: 46px;
    transition: all .4s;
    cursor: pointer
}

    .button.button-compare:hover {
        color: #fff
    }

        .button.button-compare:hover .button-compare--hover {
            transform: translateX(0)
        }

.button-compare__text {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    letter-spacing: 3px
}

.button-compare--hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #565861;
    z-index: 1;
    width: 100%;
    transform: translateX(-100%);
    transition: all .4s ease-in-out;
    border: 2px solid inherit
}

.compare-menu-content__item--active {
    background: #3b3f57;
    border-radius: 0 30px 30px 0;
    position: relative
}

    .compare-menu-content__item--active:before {
        top: -6px;
        left: 1px;
        transform: rotate(272deg)
    }

    .compare-menu-content__item--active:after, .compare-menu-content__item--active:before {
        content: "";
        position: absolute;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDUgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDQuMSAoNDE0NTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlBhdGggNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwOTUuMDAwMDAwLCAtMTMyLjAwMDAwMCkiIGZpbGw9IiMzQjNFNTYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NS4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljg2NTcyMjcsNjAuMjAyMTQ4NCBDMjQuODY1NzIyNyw2MC4yMDIxNDg0IDIwLDU5LjAwMTYwMzYgMjAsNTQgTDIwLDYwLjIwMjE0ODQgTDI0Ljg2NTcyMjcsNjAuMjAyMTQ4NCBaIiBpZD0iUGF0aC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi40MzI4NjEsIDU3LjEwMTA3NCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjIuNDMyODYxLCAtNTcuMTAxMDc0KSAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
        width: 5px;
        height: 8px
    }

    .compare-menu-content__item--active:after {
        bottom: -8px;
        left: 0
    }

    .compare-menu-content__item--active .compare-menu-content__item-title {
        opacity: 1;
        color: #fff
    }

    .compare-menu-content__item--active .compare-menu__ico {
        border: none
    }

        .compare-menu-content__item--active .compare-menu__ico svg g {
            stroke: #fff
        }

    .compare-menu-content__item--active .ico-border {
        display: none
    }

.page-theme--explore-index .button-compare:hover, .page-theme--explore .button-compare:hover {
    border-color: #81c19e
}

.page-theme--explore-index .button-compare--hover, .page-theme--explore-index .compare-menu-content__item--active, .page-theme--explore-index .compare-menu__ico--active, .page-theme--explore .button-compare--hover, .page-theme--explore .compare-menu-content__item--active, .page-theme--explore .compare-menu__ico--active {
    background: #81c19e
}

@media only screen and (min-width:1000px) {
    .page-theme--explore-index .compare-menu__ico--active:hover, .page-theme--explore .compare-menu__ico--active:hover {
        background: #79a88f
    }
}

.page-theme--filter .button-compare:hover {
    border-color: #6a97af
}

.page-theme--filter .button-compare--hover, .page-theme--filter .compare-menu-content__item--active, .page-theme--filter .compare-menu__ico--active {
    background: #6a97af
}

@media only screen and (min-width:1000px) {
    .page-theme--filter .compare-menu__ico--active:hover {
        background: #5a7f94
    }
}

.page-theme--quiz .button-compare:hover {
    border-color: #e1aa98
}

.page-theme--quiz .button-compare--hover, .page-theme--quiz .compare-menu-content__item--active, .page-theme--quiz .compare-menu__ico--active {
    background: #e1aa98
}

@media only screen and (min-width:1000px) {
    .page-theme--quiz .compare-menu__ico--active:hover {
        background: #cda395
    }
}

.page-theme--discuss .button-compare:hover {
    border-color: #9c9bbd
}

.page-theme--discuss .button-compare--hover, .page-theme--discuss .compare-menu-content__item--active, .page-theme--discuss .compare-menu__ico--active {
    background: #9c9bbd
}

@media only screen and (min-width:1000px) {
    .page-theme--discuss .compare-menu__ico--active:hover {
        background: #8584a8
    }
}

.page-theme--methods .button-compare:hover {
    border-color: #3b3f57
}

.page-theme--methods .button-compare--hover, .page-theme--methods .compare-menu-content__item--active, .page-theme--methods .compare-menu__ico--active {
    background: #3b3f57
}

@media only screen and (min-width:1000px) {
    .page-theme--methods .compare-menu__ico--active:hover {
        background: #2e313f
    }
}

.compare-menu-content--active-mode .compare-menu-content__item-icon span {
    background: #e7e7e7;
    border: 2px solid #fff;
    box-sizing: border-box
}

    .compare-menu-content--active-mode .compare-menu-content__item-icon span svg {
        opacity: 0
    }

    .compare-menu-content--active-mode .compare-menu-content__item-icon span:after {
        content: "";
        position: absolute;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTcgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAxMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTY3JlZW5zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJQaW5rX2hvbWUtQ29weS02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIwNS4wMDAwMDAsIC0xODguMDAwMDAwKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiMzQjNFNTYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA1OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJQcm9tbyI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik92YWwiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaVN0b2NrLTQ5ODc0ODc0MC0rLU92YWwtTWFzayI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU0lERUJBUiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA5NS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU0lERUJBUiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgOTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MS4wMDAwMDAsIDIyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEzIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNSwwLjUgTDcuNSwxNC4wMDkyNTYxIiBpZD0iUGF0aC0yIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4yNTQ2MjgsNy4yNTQ2MjgwNCBMMC43NDUzNzE5NTcsNy4yNTQ2MjgwNCIgaWQ9IlBhdGgtMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
        width: 15px;
        height: 15px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-size: cover
    }

.compare-menu-content--active-mode .compare-menu__ico--active span {
    background: none;
    border: none
}

    .compare-menu-content--active-mode .compare-menu__ico--active span:after {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTggMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoIDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU2NyZWVucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iUGlua19ob21lLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMzQuMDAwMDAwLCAtMjM2LjAwMDAwMCkiIHN0cm9rZS13aWR0aD0iMi42MDAwMDAxNCIgc3Ryb2tlPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTIiIHBvaW50cz0iMTEzNiAyNDMuNzQxNzYgMTE0MS42MjA0NCAyNTEgMTE1MCAyMzgiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
        width: 14px;
        height: 13px;
        background-size: cover
    }

.compare-menu-content--active-mode .compare-menu-content__item:hover .compare-menu__ico--active span:after {
    width: 15px;
    height: 3px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNyAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF0aCAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlNjcmVlbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTMwLjAwMDAwMCwgLTU2NS4wMDAwMDApIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDY4LjAwMDAwMCwgNjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4LjAwMDAwMCwgNDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjI1NDYyOCw3LjI1NDYyODA0IEwwLjc0NTM3MTk1Nyw3LjI1NDYyODA0IiBpZD0iUGF0aC0yIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat
}

.compare-button-wrapp--active-mode .button-compare {
    background: #565861;
    color: #fff
}

.button-compare--active:before {
    content: "";
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCA5IDE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF0aCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlNjcmVlbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODIuMDAwMDAwLCAtNDY5LjAwMDAwMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9ImJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA0NTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgcG9pbnRzPSIyMDMgMTYgMjEwIDIzLjQ1NzE0MjkgMjAzIDMwLjUiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    width: 7px;
    height: 14px;
    background-size: cover;
    right: 25px;
    top: 16px;
    z-index: 99;
    transition: right .3s
}

@media only screen and (max-width:1000px) {
    .button-compare--active:before {
        display: none
    }
}

.button-compare--active:hover:before, .isCollapsed .button-compare--active:before {
    right: 20px
}

.compare-shadow {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(86,88,98,.9);
    z-index: 98;
    overflow: hidden
}

.close-btn-compare {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZS1TY3JlZW4tKGNvbXBhcmUtdGFwLTQpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEyLjAwMDAwMCwgLTExNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMC4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLUNvcHktNiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIGN4PSIyMiIgY3k9IjIyIiByPSIyMSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgMjIuMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC0yMi4wMDAwMDAsIC0yMi4wMDAwMDApIHRyYW5zbGF0ZSgxMi4wMDAwMDAsIDEyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTktQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDEwLjAwMDAwMCkgcm90YXRlKC0zMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTEwLjAwMDAwMCwgLTEwLjAwMDAwMCkgIiB4PSItMiIgeT0iOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtOS1Db3B5LTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuMDAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC0zMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTEwLjAwMDAwMCwgLTEwLjAwMDAwMCkgIiB4PSItMiIgeT0iOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat;
    background-size: cover;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 15px;
    left: 10px
}

.quiz-info {
    font-family: Proxima N W01 Reg;
    font-size: 10px;
    color: #808289;
    text-align: center;
    margin-bottom: 3px;
    line-height: 10px
}

.tooltip {
    display: block !important;
    z-index: 10000
}

.tooltip-compare .tooltip {
    left: 350px !important;
    width: 353px
}

.tooltip .tooltip-inner {
    color: #fff;
    padding: 5px 10px 4px;
    background: rgba(56,62,86,.61);
    box-shadow: 0 8px 13px 0 rgba(0,0,0,.31);
    border-radius: 4px;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

    .tooltip[x-placement^=top] .tooltip-arrow {
        border-width: 5px 5px 0;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        bottom: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0
    }

.tooltip[x-placement^=bottom] {
    margin-top: 3px
}

    .tooltip[x-placement^=bottom] .tooltip-arrow {
        border-width: 0 5px 5px;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        top: -3px;
        margin-top: 0;
        margin-bottom: 0;
        left: 100%
    }

.tooltip[x-placement^=right] {
    margin-left: 5px
}

    .tooltip[x-placement^=right] .tooltip-arrow {
        border-width: 5px 5px 5px 0;
        border-left-color: transparent !important;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        left: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0
    }

.tooltip[x-placement^=left] {
    margin-right: 5px
}

    .tooltip[x-placement^=left] .tooltip-arrow {
        border-width: 5px 0 5px 5px;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        right: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0
    }

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.button-compare__plus {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTEgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb21wYXJlLUNvcHktMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDEuMDAwMDAwLCAtODU3LjAwMDAwMCkiIGZpbGw9IiM1NjU4NjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2Ny4wMDAwMDAsIDEzMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlNJREVCQVIiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA1My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYWdlcyIgcG9pbnRzPSI0NC43MDQgNjczLjU3NiA0NC43MDQgNjcxLjY4IDQwLjQwOCA2NzEuNjggNDAuNDA4IDY2NyAzOC4zMiA2NjcgMzguMzIgNjcxLjY4IDM0IDY3MS42OCAzNCA2NzMuNTc2IDM4LjMyIDY3My41NzYgMzguMzIgNjc4LjQ0OCA0MC40MDggNjc4LjQ0OCA0MC40MDggNjczLjU3NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 11px;
    height: 12px
}

.compare-menu-content__table, .compare-menu-content__table .compare-menu-content__item-icon {
    cursor: default
}

.compare-menu-content__item:not(.selected):hover .compare-menu-content__item-icon span {
    background: hsla(0,0%,100%,0)
}

    .compare-menu-content__item:not(.selected):hover .compare-menu-content__item-icon span:after {
        opacity: 0
    }

    .compare-menu-content__item:not(.selected):hover .compare-menu-content__item-icon span svg {
        opacity: 1
    }

@media only screen and (max-width:1000px) {
    .compare-menu-content > div {
        margin-bottom: 130px
    }
}

@media only screen and (max-width:700px) {
    .compare-menu-content > div {
        margin-bottom: 45px
    }
}

.methods-modal-parent {
    position: relative;
    top: 40px;
    margin: 0 auto;
    height: calc(100vh - 60px - 160px);
    width: 75%
}

@media only screen and (max-width:1470px) {
    .methods-modal-parent {
        width: 80%
    }
}

@media only screen and (max-width:1370px) {
    .methods-modal-parent {
        width: calc(100% - 90px)
    }
}

@media only screen and (max-width:1190px) {
    .methods-modal-parent {
        top: 65px;
        height: calc(100vh - 60px - 170px)
    }
}

@media only screen and (max-width:1024px) {
    .methods-modal-parent {
        height: calc(100vh - 60px - 230px)
    }
}

@media only screen and (max-width:1000px) {
    .methods-modal-parent {
        height: auto;
        top: 19px;
        width: calc(100% - 40px)
    }
}

@media only screen and (max-width:700px) {
    .methods-modal-parent {
        width: calc(100% - 30px)
    }
}

.methods-modal-scroller {
    height: 100%
}

.methods-modal {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    box-shadow: 18px -20px 35px 0 rgba(0,0,0,.3)
}

@media only screen and (max-width:1000px) {
    .methods-modal {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:700px) {
    .methods-modal {
        box-shadow: 18px -8px 35px 0 rgba(0,0,0,.3)
    }
}

.methods-modal .content {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
}

.methods-modal__close-ico {
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgNzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWxrLVdpdGgtWW91ci1Qcm92aWRlci1Db3B5LTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzI4LjAwMDAwMCwgLTI3LjAwMDAwMCkiIHN0cm9rZT0iIzNCM0Y1NyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzI4LjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjAwMDAwMCwgMTEuMDAwMDAwKSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTEuMDAwMDAwLCAtMTEuMDAwMDAwKSAiIGN4PSIxMSIgY3k9IjExIiByPSIxMCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNjczMjAyNiwxNS41Mjk0MTE4IEw2LjQ3MDU4ODI0LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi40NzA1ODgyNCwxNS41Mjk0MTE4IEwxNS41Mjk0MTE4LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    background-size: cover;
    top: 22px;
    right: 16px;
    transition: all .3s;
    z-index: 5
}

    .methods-modal__close-ico:hover {
        opacity: .7
    }

.methods-modal-wrapper {
    height: 100%;
    padding-right: 17px;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {
    .methods-modal-wrapper {
        min-width: calc(100% + 17px)
    }
}

.methods-modal-wrapper p {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 30px
}

.methods-modal-wrapper p, .methods-modal-wrapper ul li {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    color: #565861;
    letter-spacing: .42px
}

.methods-modal-wrapper .modal-text--style-1 {
    font-family: "TevaSans Bold"
}

.methods-modal-wrapper .modal-text--style-2 {
    font-family: "TevaSans LightItalic";
    font-size: 18px
}

@media only screen and (max-width:700px) {
    .methods-modal-wrapper {
        padding-right: 0
    }
}

.modal-scroll-block {
    padding: 0 40px;
    max-width: 866px;
    margin: 0 auto
}

@media only screen and (max-width:1000px) {
    .modal-scroll-block {
        height: auto;
        padding: 0 40px 0 20px;
        box-sizing: border-box
    }
}

@media only screen and (max-width:700px) {
    .modal-scroll-block {
        padding: 0 10px
    }
}

ul {
    display: block
}

.modal-title-block {
    margin-top: 22px
}

@media only screen and (max-width:1000px) {
    .modal-title-block {
        margin-top: 30px
    }
}

@media only screen and (max-width:700px) {
    .modal-title-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: center;
        align-items: center
    }
}

.modal-title {
    width: calc(100% - 250px);
    float: left;
    margin-right: 30px;
    margin-bottom: 58px;
    padding-top: 10px
}

@media only screen and (max-width:1024px) {
    .modal-title {
        width: calc(100% - 200px)
    }
}

@media only screen and (max-width:1000px) {
    .modal-title {
        width: calc(100% - 180px);
        margin-right: 10px;
        margin-bottom: 18px
    }
}

@media only screen and (max-width:700px) {
    .modal-title {
        width: 100%;
        margin-right: 0
    }
}

.modal-title__h1 {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 60px;
    color: #565861;
    letter-spacing: .4px;
    line-height: 1.05em
}

@media only screen and (max-width:1024px) {
    .modal-title__h1 {
        font-size: 50px
    }
}

@media only screen and (max-width:700px) {
    .modal-title__h1 {
        font-size: 41px
    }
}

.modal-title__h1--italic {
    font-style: italic;
    font-size: 50px
}

@media only screen and (max-width:1024px) {
    .modal-title__h1--italic {
        font-size: 40px
    }
}

@media only screen and (max-width:700px) {
    .modal-title__h1--italic {
        font-size: 40px
    }
}

.modal-title__subtitle {
    font-family: "TevaSans LightItalic";
    font-size: 16px;
    color: #565861;
    letter-spacing: .56px;
    line-height: 23px
}

.modal-title-image {
    border-radius: 50%;
    width: 190px;
    float: left;
    height: 190px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDE2MCAxNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI4MCIgY3k9IjgwIiByPSI3MCIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjYsIDE2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cjwvc3ZnPg==) 50%/110% auto
}

    .modal-title-image img {
        display: block;
        width: 100%;
        height: auto
    }

@media only screen and (max-width:1024px) {
    .modal-title-image {
        width: 160px;
        height: 160px
    }
}

@media only screen and (max-width:1000px) {
    .modal-title-image {
        width: 146px;
        height: 146px
    }
}

.modal-h2 {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 48px;
    color: #565861;
    letter-spacing: 1.53px;
    line-height: 1.188em;
    margin-bottom: 32px
}

@media only screen and (max-width:1024px) {
    .modal-h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:700px) {
    .modal-h2 {
        font-size: 35px;
        letter-spacing: 0
    }
}

.modal-media {
    margin-bottom: 58px;
    clear: both
}

@media only screen and (max-width:1000px) {
    .modal-media {
        margin-bottom: 18px
    }
}

.modal-media-object {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1000px) {
    .modal-media-object {
        margin-bottom: 28px
    }
}

@media only screen and (max-width:700px) {
    .modal-media-object {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:700px) {
    .modal-media__item {
        margin-bottom: 20px
    }
}

.modal-media__item--light {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
}

.button {
    display: block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: #565861;
    font-size: 14px;
    border-radius: 50px;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    padding: 15px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 9;
    background: transparent;
    height: 46px;
    transition: color .4s;
    cursor: pointer;
    margin-bottom: 30px
}

@media only screen and (min-width:1000px) {
    .button:hover .button--hover {
        transform: translateX(0)
    }
}

.button:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #565861;
    border-radius: 40px
}

.button__text {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 14px;
    color: #565861;
    letter-spacing: 3.38px;
    text-transform: uppercase
}

.button--hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #565861;
    z-index: 1;
    width: 100%;
    transform: translateX(-100%);
    transition: all .4s ease-in-out;
    border: 2px solid inherit
}

.modal-button {
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 14px;
    color: #565861;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 46px;
    padding: 0
}

    .modal-button:hover {
        background: #565861;
        color: #fff
    }

@media only screen and (max-width:700px) {
    .modal-button {
        height: auto;
        line-height: 1.64em;
        padding: 16px 36px
    }
}

.modal-button-discus {
    max-width: 440px
}

@media only screen and (max-width:700px) {
    .modal-button-discus {
        padding: 10px
    }
}

.modal-list-2columns li {
    float: left;
    max-width: 272px;
    padding-left: 15px;
    position: relative;
    margin-right: 40px;
    margin-bottom: 30px
}

    .modal-list-2columns li:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #3b3f57
    }

    .modal-list-2columns li ul {
        display: block;
        margin-top: 30px
    }

        .modal-list-2columns li ul li {
            width: 100%
        }

            .modal-list-2columns li ul li:before {
                content: "";
                position: absolute;
                top: 11px;
                left: 0;
                width: 3px;
                height: 3px;
                border-radius: 50%;
                background: #fff;
                border: 1px solid #3b3f57
            }

.modal-list-3columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .modal-list-3columns li {
        float: left;
        width: 215px;
        padding-left: 15px;
        position: relative;
        margin-right: 25px;
        box-sizing: border-box;
        margin-bottom: 30px
    }

        .modal-list-3columns li:before {
            content: "";
            position: absolute;
            top: 11px;
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #3b3f57
        }

        .modal-list-3columns li ul {
            display: block;
            margin-top: 30px
        }

            .modal-list-3columns li ul li {
                width: 100%
            }

                .modal-list-3columns li ul li:before {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: 0;
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background: #fff;
                    border: 1px solid #3b3f57
                }

.modal-reference {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 9px;
    color: #565861;
    letter-spacing: .5px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 70px
}

    .modal-reference sup {
        vertical-align: 3px
    }

    .modal-reference p {
        font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
        font-size: 9px;
        color: #000;
        letter-spacing: .5px;
        text-align: left;
        margin-bottom: 2px;
        line-height: 1
    }

@media only screen and (max-width:700px) {
    .modal-reference {
        margin-top: 46px
    }
}

.facts-list li {
    width: 235px;
    list-style-type: none;
    position: relative;
    padding-left: 33px
}

    .facts-list li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjYgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5sYW1wXzI0cHggY29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2My4wMDAwMDAsIC05MjcuMDAwMDAwKSIgc3Ryb2tlPSIjM0IzRjU3Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjQuMDAwMDAwLCA5MjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTUiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsYW1wXzI0cHgiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibGFtcCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuMzUxMTY1Nyw3LjM4OTU0NDEyIEMxOS4zNTExNjU3LDMuMzQ4MDczNTMgMTUuOTUwMDM5MiwwLjA4NDY5MTE3NjUgMTEuNzk4MDUyNiwwLjE5MzY2MTc2NSBDNy45Nzk1MjEzNSwwLjI5NDIyMDU4OCA0LjgyOTQ2MjQ0LDMuMzE5MDE0NzEgNC42NTY0ODc0MSw3LjA1NTU1ODgyIEM0LjYwMjYwMzUzLDguMjI0MDI5NDEgNC44MzM5NTI3Niw5LjMzNDE5MTE4IDUuMjg3MDg0ODgsMTAuMzI1ODIzNSBDNS41MTk0MTAyNywxMC44MzQ1NDQxIDUuNzYwNzE2MywxMS4zMzkwNTg4IDUuOTc4MDA4ODYsMTEuODUzODk3MSBMOS44NzY5NzU0OCwyMS4wODI1NTg4IEwxMi4wMDAxMTcxLDIxLjA4MjU1ODggTDE0LjEyMzI1ODgsMjEuMDgyNTU4OCBMMTguMDI1MTUzOSwxMS44NDYyNSBDMTguMjQxMDc5OCwxMS4zMzQ2NjE4IDE4LjQ4MDgyNCwxMC44MzMyMDU5IDE4LjcxMTk3OCwxMC4zMjc5MjY1IEMxOS4xMjIzNTQ0LDkuNDMwNzM1MjkgMTkuMzUxMTY1Nyw4LjQzNjQyNjQ3IDE5LjM1MTE2NTcsNy4zODk1NDQxMiBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZS13aWR0aD0iMS41NDgzODcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuMDg2NTc0OCwyMS4wODI1NTg4IEwxNC4wODY1NzQ4LDIzLjYyNzY5MTIgQzE0LjA4NjU3NDgsMjQuNzU2MDE0NyAxMy4xNTIzOTI1LDI1LjY3MDc5NDEgMTEuOTk5OTQxNCwyNS42NzA3OTQxIEMxMC44NDc2ODU2LDI1LjY3MDc5NDEgOS45MTM1MDMyOCwyNC43NTYwMTQ3IDkuOTEzNTAzMjgsMjMuNjI3NjkxMiBMOS45MTM1MDMyOCwyMS4wODI1NTg4IiBpZD0iU3Ryb2tlLTMiIHN0cm9rZS13aWR0aD0iMS41NDgzODcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNjE0NzQwMiw4LjQwNjY2MDI5IEMxNi42MTQ3NDAyLDUuNjA4NjAxNDcgMTQuMjk4NTE0NywzLjM0MDQ4MzgyIDExLjQ0MTEwNzcsMy4zNDA0ODM4MiIgaWQ9IlN0cm9rZS0xMyIgc3Ryb2tlLXdpZHRoPSIwLjc3NDE5MzU0OCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjkyMDEwNTAyLDMuNzA4ODQyNjUgQzEuOTUwNjM1MTgsNS42ODY3NTQ0MSA3LjgwOTI1NjM5ZS0wNSw5LjAyMTgyNzk0IDcuODA5MjU2MzllLTA1LDEyLjgwMzY4MDkgQzcuODA5MjU2MzllLTA1LDE4LjE3OTE4MDkgMy45NDE0MDk5MywyMi42NTA2MDc0IDkuMTQ4MDM2NTgsMjMuNjA1MTUxNSIgaWQ9IlN0cm9rZS0yMSIgc3Ryb2tlLXdpZHRoPSIxLjE2MTI5MDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEuMTYxMjkwMzIyNTgwNjQ1LDUuODA2NDUxNjEyOTAzMjI2Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0Ljg1MDg3MDEsMjMuNjA1MzgwOSBDMjAuMDU4MDgyNSwyMi42NTEyMTkxIDI0LDE4LjE3OTYwMTUgMjQsMTIuODAzNzE5MSBDMjQsOS4wODQ5NTQ0MSAyMi4xMTIzMDc0LDUuNzk5OTY5MTIgMTkuMjI2Mzk2NiwzLjgxMDc3Nzk0IiBpZD0iU3Ryb2tlLTIzIiBzdHJva2Utd2lkdGg9IjEuMTYxMjkwMzIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMS4xNjEyOTAzMjI1ODA2NDUsNS44MDY0NTE2MTI5MDMyMjYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
        width: 26px;
        height: 28px
    }

.facts-item--bold {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.facts-item--light {
    font-family: "TevaSans LightItalic"
}

.pros-block {
    width: 50%;
    float: left;
    max-width: 295px;
    margin-right: 10%
}

    .pros-block ul li {
        font-size: 16px;
        padding-left: 28px;
        position: relative;
        margin-bottom: 18px
    }

        .pros-block ul li:before {
            content: "";
            position: absolute;
            top: 6px;
            left: 0;
            width: 17px;
            height: 18px
        }

        .pros-block ul li ul {
            margin-top: 18px
        }

            .pros-block ul li ul li {
                position: relative;
                padding-left: 17px;
                font-size: 16px;
                line-height: 23px
            }

                .pros-block ul li ul li:before {
                    content: "";
                    position: absolute;
                    border-radius: 50%;
                    width: 5px;
                    height: 5px;
                    top: 11px;
                    left: 2px
                }

@media only screen and (max-width:1000px) {
    .pros-block {
        max-width: 280px;
        margin-right: 15px
    }
}

@media only screen and (max-width:700px) {
    .pros-block {
        width: 100%
    }
}

.modal-minus-list li:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0NDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxMi4wMDAwMDAsIC0yNjE3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA4OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC01NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI3LjAwMDAwMCwgMjQ2OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCA1OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTM3Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZWxsaXBzZSBpZD0iT3ZhbC1Db3B5LTciIGZpbGw9IiNENDg2ODQiIGN4PSI4LjUiIGN5PSI4LjUwNDA2Njk5IiByeD0iOC41IiByeT0iOC41MDQwNjY5OSI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuNSw4LjUgTDMuNSw4LjUiIGlkPSJQYXRoLTQtQ29weS02IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.modal-minus-list li li:before {
    background: #d48684
}

.modal-plus-list li:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA1MzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0Ni4wMDAwMDAsIC0yNjE3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA4OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC01NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI3LjAwMDAwMCwgMjQ2OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCA1OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBmaWxsPSIjOTJDQkIzIiBjeD0iOC41IiBjeT0iOC41MDQwNjY5OSIgcng9IjguNSIgcnk9IjguNTA0MDY2OTkiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy41LDguNSBMMy40NTAxMjQzOCw4LjUiIGlkPSJMaW5lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjUsMTMuNSBMOC41LDMuNDUwMTI0MzgiIGlkPSJMaW5lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.modal-plus-list li li:before {
    background: #92cbb3
}

.effect-percent {
    width: 84px;
    height: 87px;
    position: relative;
    margin-right: 20px
}

    .effect-percent span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 18px;
        color: #3b3f57
    }

@media only screen and (max-width:700px) {
    .effect-percent {
        margin-right: 0
    }
}

.effect-percent--99 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAxMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0Mi4wMDAwMDAsIC0zNzEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDg4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyOC4wMDAwMDAsIDI4Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS41MDg0NzUpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02Ny40NzY3MTcyLDE1Ljk4NjM2MSBDNjAuMjk2MDU4Miw4Ljc3MjgzNTU5IDUwLjUzMzYwNjEsNC4zMDc3NTA4NSAzOS40NzgwMDQ2LDQuMzA3NzUwODUgQzI4LjU2ODA4ODksNC4zMDc3NTA4NSAxOC44MTE2NDQ0LDguNzcyODM1NTkgMTEuNjI3OTgxNiwxNS45ODYzNjEgQzQuNDUxODI4MzUsMjMuMDUwNTQ3NSAwLjAwMDE1MDE5MTU3OCwzMi45OTg5MzczIDAuMDAwMTUwMTkxNTc4LDQzLjk1ODAwNTEgQzAuMDAwMTUwMTkxNTc4LDU0LjkxNTU2NDQgNC40NTE4MjgzNSw2NC44NjM5NTQyIDExLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTguODExNjQ0NCw3OS4yODY0Nzk3IDI4LjU2ODA4ODksODMuNzUzMDcyOSAzOS40NzgwMDQ2LDgzLjc1MzA3MjkgQzUwLjUzMzYwNjEsODMuNzUzMDcyOSA2MC4yOTYwNTgyLDc5LjI4NjQ3OTcgNjcuNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NC42NTI4NzA1LDY0Ljg2Mzk1NDIgNzkuMTA0NTQ4Nyw1NC45MTU1NjQ0IDc5LjEwNDU0ODcsNDMuOTU4MDA1MSBDNzkuMTA0NTQ4NywzMi45OTg5MzczIDc0LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2Ny40NzY3MTcyLDE1Ljk4NjM2MSBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTkuMjY2MDQ0NCwyNC4yMzEzODE0IEM1NC4xOTcwNzg5LDE5LjEzNzI2MjcgNDcuMzA0Nzg3NywxNS45ODYwNTkzIDM5LjUwMDgzMzcsMTUuOTg2MDU5MyBDMzEuNzk3NTA4LDE1Ljk4NjA1OTMgMjQuOTA4MjIwNywxOS4xMzcyNjI3IDE5LjgzNzc1MzMsMjQuMjMxMzgxNCBDMTQuNzcxNzkxNiwyOS4yMTgzOTgzIDExLjYyODI4MiwzNi4yNDE4NTU5IDExLjYyODI4Miw0My45Nzg4MjIgQzExLjYyODI4Miw1MS43MTQyNzk3IDE0Ljc3MTc5MTYsNTguNzM3NzM3MyAxOS44Mzc3NTMzLDYzLjgyNzMzMDUgQzI0LjkwODIyMDcsNjguOTE5OTQwNyAzMS43OTc1MDgsNzIuMDc0MTYxIDM5LjUwMDgzMzcsNzIuMDc0MTYxIEM0Ny4zMDQ3ODc3LDcyLjA3NDE2MSA1NC4xOTcwNzg5LDY4LjkxOTk0MDcgNTkuMjY2MDQ0NCw2My44MjczMzA1IEM2NC4zMzM1MDgsNTguNzM3NzM3MyA2Ny40NzU1MTU3LDUxLjcxNDI3OTcgNjcuNDc1NTE1Nyw0My45Nzg4MjIgQzY3LjQ3NTUxNTcsMzYuMjQxODU1OSA2NC4zMzM1MDgsMjkuMjE4Mzk4MyA1OS4yNjYwNDQ0LDI0LjIzMTM4MTQgWiIgaWQ9IlN0cm9rZS0zIiBzdHJva2U9IiMzQjNGNTciIHN0cm9rZS13aWR0aD0iMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjA0OTgwODQsMjAuOTMwMDg0NyBMMzkuMDQ5ODA4NCwwIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNi4wNDU5NzcsMjAuOTMwMDg0NyBMMzYuMDQ1OTc3LDAiIGlkPSJTdHJva2UtNS1Db3B5IiBzdHJva2U9IiMzQjNGNTciIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzkuNTUxNTk4NSw0LjMwOTI1OTMyIEwzOS41NTE1OTg1LDE0Ljg3MDA4OTggQzQ3LjI3NDQ0OSwxNC44ODgxOTE1IDU0LjU0ODIyNjgsMTcuOTMyMjkzMiA2MC4wNDIyMzQ1LDIzLjQ1MTgwMTcgQzY1LjU4MTI5OTYsMjguOTA0OTM3MyA2OC41OTExMzg3LDM2LjE2MDcgNjguNTkxMTM4Nyw0My45NTgwMDUxIEM2OC41OTExMzg3LDUxLjczNTcgNjUuNTU1NzY3LDU5LjA2ODM5NDkgNjAuMDQyMjM0NSw2NC42MDYwMDUxIEM1NC41Mjg3MDE5LDcwLjE0MzYxNTMgNDcuMjI2Mzg3Nyw3My4xOTM3NTA4IDM5LjQ3ODAwNDYsNzMuMTkzNzUwOCBDMzEuODI3MjQ2LDczLjE5Mzc1MDggMjQuNTc1OTk2OSw3MC4xNDIxMDY4IDE5LjA2MjQ2NDQsNjQuNjA0NDk2NiBDMTMuNTUwNDMzNyw1OS4wNjgzOTQ5IDEwLjUxMzU2MDIsNTEuNzM1NyAxMC41MTM1NjAyLDQzLjk1ODAwNTEgQzEwLjUxMzU2MDIsMzYuMTYwNyAxMy41MjE4OTczLDI4LjkwNDkzNzMgMTguOTg3MzY4NiwyMy41MjcyMjU0IEMyMS4zMDkzMzAzLDIxLjE5NTEyMzcgMjMuODU1MDc3NCwxOS4zNzc0MTE5IDI2LjU4ODU2NCwxNy45ODUwODk4IEwyMS4wMzI5Nzc4LDguOTU4Mzc3OTcgQzE3LjU2OTU2MDIsMTAuODI1ODY5NSAxNC40MDM1MjE4LDEzLjE5NzE5MTUgMTEuNjI3OTgxNiwxNS45ODYzNjEgQzQuNDUxODI4MzUsMjMuMDUwNTQ3NSAwLjAwMDE1MDE5MTU3OCwzMi45OTg5MzczIDAuMDAwMTUwMTkxNTc4LDQzLjk1ODAwNTEgQzAuMDAwMTUwMTkxNTc4LDU0LjkxNTU2NDQgNC40NTE4MjgzNSw2NC44NjM5NTQyIDExLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTguODExNjQ0NCw3OS4yODY0Nzk3IDI4LjU2ODA4ODksODMuNzUzMDcyOSAzOS40NzgwMDQ2LDgzLjc1MzA3MjkgQzUwLjUzMzYwNjEsODMuNzUzMDcyOSA2MC4yOTYwNTgyLDc5LjI4NjQ3OTcgNjcuNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NC42NTI4NzA1LDY0Ljg2Mzk1NDIgNzkuMTA0NTQ4Nyw1NC45MTU1NjQ0IDc5LjEwNDU0ODcsNDMuOTU4MDA1MSBDNzkuMTA0NTQ4NywzMi45OTg5MzczIDc0LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2Ny40NzY3MTcyLDE1Ljk4NjM2MSBDNjAuMzExMDc3NCw4Ljc4OTQyODgxIDUwLjU3NTY1OTgsNC4zMjczNjEwMiAzOS41NTE1OTg1LDQuMzA5MjU5MzIgWiIgaWQ9IkZpbGwtMTAiIGZpbGw9IiMzQjNGNTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIGZpbGw9IiMzQjNGNTciIHBvaW50cz0iMjYuMDU4NzUwOSAxOC45MTM3NTIyIDIxLjMyODk2MzEgMTAuMDUxODMyMyAzMy4xMTE0NDc5IDUuMzUxODQzODggMzUuMjgwMzUyIDUuNDQzOTEzODYgMzUuNTQyNTI3MiAxNC42Nzc0MjgyIDMyLjYxNTMzMTcgMTYuMjY1ODE5NSAyNy4wOTc1NTE1IDE5LjA0NzA2OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.effect-percent--98 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1ldGhvZF9hbGwtQ29weS05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDA2LjAwMDAwMCwgLTU1MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjcuMDAwMDAwLCAxOTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDEuMDAwMDAwLCAzNTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5LjA0OTgwOCwgMC43ODYwNjYpIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS41MDg0NzUpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY3LjQ3NjcxNzIsMTUuOTg2MzYxIEM2MC4yOTYwNTgyLDguNzcyODM1NTkgNTAuNTMzNjA2MSw0LjMwNzc1MDg1IDM5LjQ3ODAwNDYsNC4zMDc3NTA4NSBDMjguNTY4MDg4OSw0LjMwNzc1MDg1IDE4LjgxMTY0NDQsOC43NzI4MzU1OSAxMS42Mjc5ODE2LDE1Ljk4NjM2MSBDNC40NTE4MjgzNSwyMy4wNTA1NDc1IDAuMDAwMTUwMTkxNTc4LDMyLjk5ODkzNzMgMC4wMDAxNTAxOTE1NzgsNDMuOTU4MDA1MSBDMC4wMDAxNTAxOTE1NzgsNTQuOTE1NTY0NCA0LjQ1MTgyODM1LDY0Ljg2Mzk1NDIgMTEuNjI3OTgxNiw3Mi4wNzI5NTQyIEMxOC44MTE2NDQ0LDc5LjI4NjQ3OTcgMjguNTY4MDg4OSw4My43NTMwNzI5IDM5LjQ3ODAwNDYsODMuNzUzMDcyOSBDNTAuNTMzNjA2MSw4My43NTMwNzI5IDYwLjI5NjA1ODIsNzkuMjg2NDc5NyA2Ny40NzY3MTcyLDcyLjA3Mjk1NDIgQzc0LjY1Mjg3MDUsNjQuODYzOTU0MiA3OS4xMDQ1NDg3LDU0LjkxNTU2NDQgNzkuMTA0NTQ4Nyw0My45NTgwMDUxIEM3OS4xMDQ1NDg3LDMyLjk5ODkzNzMgNzQuNjUyODcwNSwyMy4wNTA1NDc1IDY3LjQ3NjcxNzIsMTUuOTg2MzYxIFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5LjI2NjA0NDQsMjQuMjMxMzgxNCBDNTQuMTk3MDc4OSwxOS4xMzcyNjI3IDQ3LjMwNDc4NzcsMTUuOTg2MDU5MyAzOS41MDA4MzM3LDE1Ljk4NjA1OTMgQzMxLjc5NzUwOCwxNS45ODYwNTkzIDI0LjkwODIyMDcsMTkuMTM3MjYyNyAxOS44Mzc3NTMzLDI0LjIzMTM4MTQgQzE0Ljc3MTc5MTYsMjkuMjE4Mzk4MyAxMS42MjgyODIsMzYuMjQxODU1OSAxMS42MjgyODIsNDMuOTc4ODIyIEMxMS42MjgyODIsNTEuNzE0Mjc5NyAxNC43NzE3OTE2LDU4LjczNzczNzMgMTkuODM3NzUzMyw2My44MjczMzA1IEMyNC45MDgyMjA3LDY4LjkxOTk0MDcgMzEuNzk3NTA4LDcyLjA3NDE2MSAzOS41MDA4MzM3LDcyLjA3NDE2MSBDNDcuMzA0Nzg3Nyw3Mi4wNzQxNjEgNTQuMTk3MDc4OSw2OC45MTk5NDA3IDU5LjI2NjA0NDQsNjMuODI3MzMwNSBDNjQuMzMzNTA4LDU4LjczNzczNzMgNjcuNDc1NTE1Nyw1MS43MTQyNzk3IDY3LjQ3NTUxNTcsNDMuOTc4ODIyIEM2Ny40NzU1MTU3LDM2LjI0MTg1NTkgNjQuMzMzNTA4LDI5LjIxODM5ODMgNTkuMjY2MDQ0NCwyNC4yMzEzODE0IFoiIGlkPSJTdHJva2UtMyIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjA0OTgwODQsMjAuOTMwMDg0NyBMMzkuMDQ5ODA4NCwtNS44MjY0NTA0M2UtMTMiIGlkPSJTdHJva2UtNSIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjEuNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzMuMTQzOTg1NiwyMS45NTEyNTI2IEwzMC45NTYxOTYsMS4xMzU4MjUwNyIgaWQ9IlN0cm9rZS01LUNvcHkiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjU1MTU5ODUsNC4zMDkyNTkzMiBMMzkuNTUxNTk4NSwxNC44NzAwODk4IEM0Ny4yNzQ0NDksMTQuODg4MTkxNSA1NC41NDgyMjY4LDE3LjkzMjI5MzIgNjAuMDQyMjM0NSwyMy40NTE4MDE3IEM2NS41ODEyOTk2LDI4LjkwNDkzNzMgNjguNTkxMTM4NywzNi4xNjA3IDY4LjU5MTEzODcsNDMuOTU4MDA1MSBDNjguNTkxMTM4Nyw1MS43MzU3IDY1LjU1NTc2Nyw1OS4wNjgzOTQ5IDYwLjA0MjIzNDUsNjQuNjA2MDA1MSBDNTQuNTI4NzAxOSw3MC4xNDM2MTUzIDQ3LjIyNjM4NzcsNzMuMTkzNzUwOCAzOS40NzgwMDQ2LDczLjE5Mzc1MDggQzMxLjgyNzI0Niw3My4xOTM3NTA4IDI0LjU3NTk5NjksNzAuMTQyMTA2OCAxOS4wNjI0NjQ0LDY0LjYwNDQ5NjYgQzEzLjU1MDQzMzcsNTkuMDY4Mzk0OSAxMC41MTM1NjAyLDUxLjczNTcgMTAuNTEzNTYwMiw0My45NTgwMDUxIEMxMC41MTM1NjAyLDM2LjE2MDcgMTMuNTIxODk3MywyOC45MDQ5MzczIDE4Ljk4NzM2ODYsMjMuNTI3MjI1NCBDMjEuMzA5MzMwMywyMS4xOTUxMjM3IDIzLjg1NTA3NzQsMTkuMzc3NDExOSAyNi41ODg1NjQsMTcuOTg1MDg5OCBMMjEuMDMyOTc3OCw4Ljk1ODM3Nzk3IEMxNy41Njk1NjAyLDEwLjgyNTg2OTUgMTQuNDAzNTIxOCwxMy4xOTcxOTE1IDExLjYyNzk4MTYsMTUuOTg2MzYxIEM0LjQ1MTgyODM1LDIzLjA1MDU0NzUgMC4wMDAxNTAxOTE1NzgsMzIuOTk4OTM3MyAwLjAwMDE1MDE5MTU3OCw0My45NTgwMDUxIEMwLjAwMDE1MDE5MTU3OCw1NC45MTU1NjQ0IDQuNDUxODI4MzUsNjQuODYzOTU0MiAxMS42Mjc5ODE2LDcyLjA3Mjk1NDIgQzE4LjgxMTY0NDQsNzkuMjg2NDc5NyAyOC41NjgwODg5LDgzLjc1MzA3MjkgMzkuNDc4MDA0Niw4My43NTMwNzI5IEM1MC41MzM2MDYxLDgzLjc1MzA3MjkgNjAuMjk2MDU4Miw3OS4yODY0Nzk3IDY3LjQ3NjcxNzIsNzIuMDcyOTU0MiBDNzQuNjUyODcwNSw2NC44NjM5NTQyIDc5LjEwNDU0ODcsNTQuOTE1NTY0NCA3OS4xMDQ1NDg3LDQzLjk1ODAwNTEgQzc5LjEwNDU0ODcsMzIuOTk4OTM3MyA3NC42NTI4NzA1LDIzLjA1MDU0NzUgNjcuNDc2NzE3MiwxNS45ODYzNjEgQzYwLjMxMTA3NzQsOC43ODk0Mjg4MSA1MC41NzU2NTk4LDQuMzI3MzYxMDIgMzkuNTUxNTk4NSw0LjMwOTI1OTMyIFoiIGlkPSJGaWxsLTEwIiBmaWxsPSIjM0IzRjU3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIGZpbGw9IiMzQjNGNTciIHBvaW50cz0iMjYuMDU4NzUwOSAxOC45MTM3NTIyIDIxLjMyODk2MzEgMTAuMDUxODMyMyAzMS41IDUuNDQzOTEzODYgMzIuNjE1MzMxNyAxNi4yNjU4MTk1IDI3LjA5NzU1MTUgMTkuMDQ3MDY5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.effect-percent--96 {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNjQwIDY0MCIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiPjxkZWZzPjxwYXRoIGQ9Ik00MS40OCA0LjgyQzMwLjU3IDQuODIgMjAuODEgOS4yOCAxMy42MyAxNi40OUM2LjQ1IDIzLjU2IDIgMzMuNTEgMiA0NC40N0MyIDU1LjQyIDYuNDUgNjUuMzcgMTMuNjMgNzIuNThDMjAuODEgNzkuNzkgMzAuNTcgODQuMjYgNDEuNDggODQuMjZDNTIuNTMgODQuMjYgNjIuMyA3OS43OSA2OS40OCA3Mi41OEM3Ni42NSA2NS4zNyA4MS4xIDU1LjQyIDgxLjEgNDQuNDdDODEuMSAzMy41MSA3Ni42NSAyMy41NiA2OS40OCAxNi40OUM2Mi4zIDkuMjggNTIuNTMgNC44MiA0MS40OCA0LjgyWiIgaWQ9ImIzMEZYSlRyTUYiPjwvcGF0aD48cGF0aCBkPSJNNDEuNSAxNi40OUMzMy44IDE2LjQ5IDI2LjkxIDE5LjY1IDIxLjg0IDI0Ljc0QzE2Ljc3IDI5LjczIDEzLjYzIDM2Ljc1IDEzLjYzIDQ0LjQ5QzEzLjYzIDUyLjIyIDE2Ljc3IDU5LjI1IDIxLjg0IDY0LjM0QzI2LjkxIDY5LjQzIDMzLjggNzIuNTggNDEuNSA3Mi41OEM0OS4zIDcyLjU4IDU2LjIgNjkuNDMgNjEuMjcgNjQuMzRDNjYuMzMgNTkuMjUgNjkuNDggNTIuMjIgNjkuNDggNDQuNDlDNjkuNDggMzYuNzUgNjYuMzMgMjkuNzMgNjEuMjcgMjQuNzRDNTYuMiAxOS42NSA0OS4zIDE2LjQ5IDQxLjUgMTYuNDlaIiBpZD0iYjJWN0o4b1kzTCI+PC9wYXRoPjxwYXRoIGQ9Ik00MS4wNSAyMS40NEw0MS4wNSAwLjUxIiBpZD0iYTh3UzZZYTZ6Ij48L3BhdGg+PHBhdGggZD0iTTM0LjAxIDIyLjM3TDI4LjI0IDIuMjUiIGlkPSJhaDZDeVlneGgiPjwvcGF0aD48cGF0aCBkPSJNNDEuMzMgMTUuMzJDNDkuMDEgMTUuMzQgNTYuMjQgMTguMzYgNjEuNyAyMy44NUM2Ny4yMSAyOS4yOCA3MC4yMSAzNi40OSA3MC4yMSA0NC4yNEM3MC4yMSA1MS45OCA2Ny4xOSA1OS4yNyA2MS43IDY0Ljc4QzU2LjIyIDcwLjI4IDQ4Ljk2IDczLjMyIDQxLjI2IDczLjMyQzMzLjY1IDczLjMyIDI2LjQ0IDcwLjI4IDIwLjk2IDY0Ljc4QzE1LjQ3IDU5LjI3IDEyLjQ1IDUxLjk4IDEyLjQ1IDQ0LjI0QzEyLjQ1IDM2LjQ5IDE1LjQ1IDI5LjI4IDIwLjg4IDIzLjkzQzIzLjE5IDIxLjYxIDI1LjcyIDE5LjggMjguNDQgMTguNDJDMjcuODkgMTcuNTIgMjMuNDcgMTAuMzQgMjIuOTEgOS40NEMxOS40NyAxMS4zIDE2LjMyIDEzLjY2IDEzLjU2IDE2LjQzQzYuNDMgMjMuNDUgMiAzMy4zNSAyIDQ0LjI0QzIgNTUuMTQgNi40MyA2NS4wMyAxMy41NiA3Mi4yQzIwLjcxIDc5LjM4IDMwLjQxIDgzLjgyIDQxLjI2IDgzLjgyQzUyLjI1IDgzLjgyIDYxLjk2IDc5LjM4IDY5LjEgNzIuMkM3Ni4yMyA2NS4wMyA4MC42NiA1NS4xNCA4MC42NiA0NC4yNEM4MC42NiAzMy4zNSA3Ni4yMyAyMy40NSA2OS4xIDE2LjQzQzYxLjk3IDkuMjcgNTIuMjkgNC44NCA0MS4zMyA0LjgyQzQxLjMzIDYuOTIgNDEuMzMgMTQuMjcgNDEuMzMgMTUuMzJaIiBpZD0iYTF3OXhKajVuTiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMS43OCAxMS41NEwyOC44OCA4LjUzTDMyLjM5IDE2LjgyTDI1LjI5IDE5LjgzTDIxLjc4IDExLjU0WiIgaWQ9ImRjdXBYa2lMIj48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IzMEZYSlRyTUYiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYjMwRlhKVHJNRiIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYjJWN0o4b1kzTCIgb3BhY2l0eT0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNiMlY3SjhvWTNMIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNhOHdTNllhNnoiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYTh3UzZZYTZ6IiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2FoNkN5WWd4aCIgb3BhY2l0eT0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhaDZDeVlneGgiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjM2IzZjU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYTF3OXhKajVuTiIgb3BhY2l0eT0iMSIgZmlsbD0iIzNiM2Y1NyIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhMXc5eEpqNW5OIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNkY3VwWGtpTCIgb3BhY2l0eT0iMSIgZmlsbD0iIzNiM2Y1NyIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNkY3VwWGtpTCIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=")
}

.effect-percent--95 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAxMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNZXRob2RfYWxsLUNvcHktMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzQuMDAwMDAwLCAtNTEyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzLjAwMDAwMCwgMTY3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMzLjAwMDAwMCwgMzQ0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuNTA4NDc1KSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02Ny40NzY3MTcyLDE1Ljk4NjM2MSBDNjAuMjk2MDU4Miw4Ljc3MjgzNTU5IDUwLjUzMzYwNjEsNC4zMDc3NTA4NSAzOS40NzgwMDQ2LDQuMzA3NzUwODUgQzI4LjU2ODA4ODksNC4zMDc3NTA4NSAxOC44MTE2NDQ0LDguNzcyODM1NTkgMTEuNjI3OTgxNiwxNS45ODYzNjEgQzQuNDUxODI4MzUsMjMuMDUwNTQ3NSAwLjAwMDE1MDE5MTU3OCwzMi45OTg5MzczIDAuMDAwMTUwMTkxNTc4LDQzLjk1ODAwNTEgQzAuMDAwMTUwMTkxNTc4LDU0LjkxNTU2NDQgNC40NTE4MjgzNSw2NC44NjM5NTQyIDExLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTguODExNjQ0NCw3OS4yODY0Nzk3IDI4LjU2ODA4ODksODMuNzUzMDcyOSAzOS40NzgwMDQ2LDgzLjc1MzA3MjkgQzUwLjUzMzYwNjEsODMuNzUzMDcyOSA2MC4yOTYwNTgyLDc5LjI4NjQ3OTcgNjcuNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NC42NTI4NzA1LDY0Ljg2Mzk1NDIgNzkuMTA0NTQ4Nyw1NC45MTU1NjQ0IDc5LjEwNDU0ODcsNDMuOTU4MDA1MSBDNzkuMTA0NTQ4NywzMi45OTg5MzczIDc0LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2Ny40NzY3MTcyLDE1Ljk4NjM2MSBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01OS4yNjYwNDQ0LDI0LjIzMTM4MTQgQzU0LjE5NzA3ODksMTkuMTM3MjYyNyA0Ny4zMDQ3ODc3LDE1Ljk4NjA1OTMgMzkuNTAwODMzNywxNS45ODYwNTkzIEMzMS43OTc1MDgsMTUuOTg2MDU5MyAyNC45MDgyMjA3LDE5LjEzNzI2MjcgMTkuODM3NzUzMywyNC4yMzEzODE0IEMxNC43NzE3OTE2LDI5LjIxODM5ODMgMTEuNjI4MjgyLDM2LjI0MTg1NTkgMTEuNjI4MjgyLDQzLjk3ODgyMiBDMTEuNjI4MjgyLDUxLjcxNDI3OTcgMTQuNzcxNzkxNiw1OC43Mzc3MzczIDE5LjgzNzc1MzMsNjMuODI3MzMwNSBDMjQuOTA4MjIwNyw2OC45MTk5NDA3IDMxLjc5NzUwOCw3Mi4wNzQxNjEgMzkuNTAwODMzNyw3Mi4wNzQxNjEgQzQ3LjMwNDc4NzcsNzIuMDc0MTYxIDU0LjE5NzA3ODksNjguOTE5OTQwNyA1OS4yNjYwNDQ0LDYzLjgyNzMzMDUgQzY0LjMzMzUwOCw1OC43Mzc3MzczIDY3LjQ3NTUxNTcsNTEuNzE0Mjc5NyA2Ny40NzU1MTU3LDQzLjk3ODgyMiBDNjcuNDc1NTE1NywzNi4yNDE4NTU5IDY0LjMzMzUwOCwyOS4yMTgzOTgzIDU5LjI2NjA0NDQsMjQuMjMxMzgxNCBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS4wNDk4MDg0LDIwLjkzMDA4NDcgTDM5LjA0OTgwODQsMCIgaWQ9IlN0cm9rZS01IiBzdHJva2U9IiMzQjNGNTciIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44Nzg4NTYzLDIzLjEzMDM5MTEgTDE4LjM3Njc5NjcsNC40ODE1NDkwNyIgaWQ9IlN0cm9rZS01LUNvcHkiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjU1MTU5ODUsNC4zMDkyNTkzMiBMMzkuNTUxNTk4NSwxNC44NzAwODk4IEM0Ny4yNzQ0NDksMTQuODg4MTkxNSA1NC41NDgyMjY4LDE3LjkzMjI5MzIgNjAuMDQyMjM0NSwyMy40NTE4MDE3IEM2NS41ODEyOTk2LDI4LjkwNDkzNzMgNjguNTkxMTM4NywzNi4xNjA3IDY4LjU5MTEzODcsNDMuOTU4MDA1MSBDNjguNTkxMTM4Nyw1MS43MzU3IDY1LjU1NTc2Nyw1OS4wNjgzOTQ5IDYwLjA0MjIzNDUsNjQuNjA2MDA1MSBDNTQuNTI4NzAxOSw3MC4xNDM2MTUzIDQ3LjIyNjM4NzcsNzMuMTkzNzUwOCAzOS40NzgwMDQ2LDczLjE5Mzc1MDggQzMxLjgyNzI0Niw3My4xOTM3NTA4IDI0LjU3NTk5NjksNzAuMTQyMTA2OCAxOS4wNjI0NjQ0LDY0LjYwNDQ5NjYgQzEzLjU1MDQzMzcsNTkuMDY4Mzk0OSAxMC41MTM1NjAyLDUxLjczNTcgMTAuNTEzNTYwMiw0My45NTgwMDUxIEMxMC41MTM1NjAyLDM2LjE2MDcgMTMuNTIxODk3MywyOC45MDQ5MzczIDE4Ljk4NzM2ODYsMjMuNTI3MjI1NCBDMjEuMzA5MzMwMywyMS4xOTUxMjM3IDIzLjg1NTA3NzQsMTkuMzc3NDExOSAyNi41ODg1NjQsMTcuOTg1MDg5OCBMMjEuMDMyOTc3OCw4Ljk1ODM3Nzk3IEMxNy41Njk1NjAyLDEwLjgyNTg2OTUgMTQuNDAzNTIxOCwxMy4xOTcxOTE1IDExLjYyNzk4MTYsMTUuOTg2MzYxIEM0LjQ1MTgyODM1LDIzLjA1MDU0NzUgMC4wMDAxNTAxOTE1NzgsMzIuOTk4OTM3MyAwLjAwMDE1MDE5MTU3OCw0My45NTgwMDUxIEMwLjAwMDE1MDE5MTU3OCw1NC45MTU1NjQ0IDQuNDUxODI4MzUsNjQuODYzOTU0MiAxMS42Mjc5ODE2LDcyLjA3Mjk1NDIgQzE4LjgxMTY0NDQsNzkuMjg2NDc5NyAyOC41NjgwODg5LDgzLjc1MzA3MjkgMzkuNDc4MDA0Niw4My43NTMwNzI5IEM1MC41MzM2MDYxLDgzLjc1MzA3MjkgNjAuMjk2MDU4Miw3OS4yODY0Nzk3IDY3LjQ3NjcxNzIsNzIuMDcyOTU0MiBDNzQuNjUyODcwNSw2NC44NjM5NTQyIDc5LjEwNDU0ODcsNTQuOTE1NTY0NCA3OS4xMDQ1NDg3LDQzLjk1ODAwNTEgQzc5LjEwNDU0ODcsMzIuOTk4OTM3MyA3NC42NTI4NzA1LDIzLjA1MDU0NzUgNjcuNDc2NzE3MiwxNS45ODYzNjEgQzYwLjMxMTA3NzQsOC43ODk0Mjg4MSA1MC41NzU2NTk4LDQuMzI3MzYxMDIgMzkuNTUxNTk4NSw0LjMwOTI1OTMyIFoiIGlkPSJGaWxsLTEwIiBmaWxsPSIjM0IzRjU3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat
}

.effect-percent--93 {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNjQwIDY0MCIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiPjxkZWZzPjxwYXRoIGQ9Ik00MS40OCA0LjgyQzMwLjU3IDQuODIgMjAuODEgOS4yOCAxMy42MyAxNi40OUM2LjQ1IDIzLjU2IDIgMzMuNTEgMiA0NC40N0MyIDU1LjQyIDYuNDUgNjUuMzcgMTMuNjMgNzIuNThDMjAuODEgNzkuNzkgMzAuNTcgODQuMjYgNDEuNDggODQuMjZDNTIuNTMgODQuMjYgNjIuMyA3OS43OSA2OS40OCA3Mi41OEM3Ni42NSA2NS4zNyA4MS4xIDU1LjQyIDgxLjEgNDQuNDdDODEuMSAzMy41MSA3Ni42NSAyMy41NiA2OS40OCAxNi40OUM2Mi4zIDkuMjggNTIuNTMgNC44MiA0MS40OCA0LjgyWiIgaWQ9ImEyZXdLZU9WZyI+PC9wYXRoPjxwYXRoIGQ9Ik00MS41IDE2LjQ5QzMzLjggMTYuNDkgMjYuOTEgMTkuNjUgMjEuODQgMjQuNzRDMTYuNzcgMjkuNzMgMTMuNjMgMzYuNzUgMTMuNjMgNDQuNDlDMTMuNjMgNTIuMjIgMTYuNzcgNTkuMjUgMjEuODQgNjQuMzRDMjYuOTEgNjkuNDMgMzMuOCA3Mi41OCA0MS41IDcyLjU4QzQ5LjMgNzIuNTggNTYuMiA2OS40MyA2MS4yNyA2NC4zNEM2Ni4zMyA1OS4yNSA2OS40OCA1Mi4yMiA2OS40OCA0NC40OUM2OS40OCAzNi43NSA2Ni4zMyAyOS43MyA2MS4yNyAyNC43NEM1Ni4yIDE5LjY1IDQ5LjMgMTYuNDkgNDEuNSAxNi40OVoiIGlkPSJlMmh1ZTdPblpYIj48L3BhdGg+PHBhdGggZD0iTTQxLjA1IDIxLjQ0TDQxLjA1IDAuNTEiIGlkPSJjMlZNSmFTbExyIj48L3BhdGg+PHBhdGggZD0iTTMwLjI4IDIzLjkzTDIzLjgxIDQuMDIiIGlkPSJnMjdxRFMyb2Z5Ij48L3BhdGg+PHBhdGggZD0iTTQxLjM0IDE1LjM4QzQ5LjA2IDE1LjQgNTYuMzMgMTguNDQgNjEuODMgMjMuOTZDNjcuMzcgMjkuNDEgNzAuMzggMzYuNjcgNzAuMzggNDQuNDdDNzAuMzggNTIuMjQgNjcuMzQgNTkuNTggNjEuODMgNjUuMTFDNTYuMzEgNzAuNjUgNDkuMDEgNzMuNyA0MS4yNiA3My43QzMzLjYxIDczLjcgMjYuMzYgNzAuNjUgMjAuODUgNjUuMTFDMTUuMzQgNTkuNTggMTIuMyA1Mi4yNCAxMi4zIDQ0LjQ3QzEyLjMgMzYuNjcgMTUuMzEgMjkuNDEgMjAuNzcgMjQuMDRDMjMuMSAyMS43IDI1LjY0IDE5Ljg5IDI4LjM3IDE4LjQ5QzI3LjgyIDE3LjU5IDIzLjM3IDEwLjM3IDIyLjgyIDkuNDdDMTkuMzYgMTEuMzMgMTYuMTkgMTMuNzEgMTMuNDEgMTYuNDlDNi4yNCAyMy41NiAxLjc5IDMzLjUxIDEuNzkgNDQuNDdDMS43OSA1NS40MiA2LjI0IDY1LjM3IDEzLjQxIDcyLjU4QzIwLjYgNzkuNzkgMzAuMzUgODQuMjYgNDEuMjYgODQuMjZDNTIuMzIgODQuMjYgNjIuMDggNzkuNzkgNjkuMjYgNzIuNThDNzYuNDQgNjUuMzcgODAuODkgNTUuNDIgODAuODkgNDQuNDdDODAuODkgMzMuNTEgNzYuNDQgMjMuNTYgNjkuMjYgMTYuNDlDNjIuMSA5LjMgNTIuMzYgNC44NCA0MS4zNCA0LjgyQzQxLjM0IDYuOTMgNDEuMzQgMTQuMzIgNDEuMzQgMTUuMzhaIiBpZD0iYjFxdlp0ekNiNCI+PC9wYXRoPjxwYXRoIGQ9Ik0yNS4xNiA5LjAxTDEzLjU2IDE2LjE1TDEyLjE5IDE4LjA2TDE5LjM1IDI0LjAyTDIyLjU3IDIyLjUxTDI4LjQ2IDE5LjUyTDI5LjA1IDE4LjU1TDI1LjE2IDkuMDFaIiBpZD0iYjRlSWh2czFoUCI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNhMmV3S2VPVmciIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYTJld0tlT1ZnIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNlMmh1ZTdPblpYIiBvcGFjaXR5PSIxIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2UyaHVlN09uWlgiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjM2IzZjU3IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2MyVk1KYVNsTHIiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYzJWTUphU2xMciIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNnMjdxRFMyb2Z5IiBvcGFjaXR5PSIxIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2cyN3FEUzJvZnkiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjM2IzZjU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYjFxdlp0ekNiNCIgb3BhY2l0eT0iMSIgZmlsbD0iIzNiM2Y1NyIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNiMXF2WnR6Q2I0IiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNiNGVJaHZzMWhQIiBvcGFjaXR5PSIxIiBmaWxsPSIjM2IzZjU3IiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2I0ZUlodnMxaFAiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
}

.effect-percent--87 {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNjQwIDY0MCIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiPjxkZWZzPjxwYXRoIGQ9Ik00MS40OCA0LjgyQzMwLjU3IDQuODIgMjAuODEgOS4yOCAxMy42MyAxNi40OUM2LjQ1IDIzLjU2IDIgMzMuNTEgMiA0NC40N0MyIDU1LjQyIDYuNDUgNjUuMzcgMTMuNjMgNzIuNThDMjAuODEgNzkuNzkgMzAuNTcgODQuMjYgNDEuNDggODQuMjZDNTIuNTMgODQuMjYgNjIuMyA3OS43OSA2OS40OCA3Mi41OEM3Ni42NSA2NS4zNyA4MS4xIDU1LjQyIDgxLjEgNDQuNDdDODEuMSAzMy41MSA3Ni42NSAyMy41NiA2OS40OCAxNi40OUM2Mi4zIDkuMjggNTIuNTMgNC44MiA0MS40OCA0LjgyWiIgaWQ9ImFUZWJFeFVsdCI+PC9wYXRoPjxwYXRoIGQ9Ik00MS41IDE2LjQ5QzMzLjggMTYuNDkgMjYuOTEgMTkuNjUgMjEuODQgMjQuNzRDMTYuNzcgMjkuNzMgMTMuNjMgMzYuNzUgMTMuNjMgNDQuNDlDMTMuNjMgNTIuMjIgMTYuNzcgNTkuMjUgMjEuODQgNjQuMzRDMjYuOTEgNjkuNDMgMzMuOCA3Mi41OCA0MS41IDcyLjU4QzQ5LjMgNzIuNTggNTYuMiA2OS40MyA2MS4yNyA2NC4zNEM2Ni4zMyA1OS4yNSA2OS40OCA1Mi4yMiA2OS40OCA0NC40OUM2OS40OCAzNi43NSA2Ni4zMyAyOS43MyA2MS4yNyAyNC43NEM1Ni4yIDE5LjY1IDQ5LjMgMTYuNDkgNDEuNSAxNi40OVoiIGlkPSJkMWJ6NWhsN001Ij48L3BhdGg+PHBhdGggZD0iTTQxLjA1IDIxLjQ0TDQxLjA1IDAuNTEiIGlkPSJjMWwweDJuTTFFIj48L3BhdGg+PHBhdGggZD0iTTI0LjggMjkuNDlMOS40OSAxNS4yMSIgaWQ9ImtkTUxvSDBDNiI+PC9wYXRoPjxwYXRoIGQ9Ik00MS41NSAxNS4zOEM0OS4yNyAxNS40IDU2LjU1IDE4LjQ0IDYyLjA0IDIzLjk2QzY3LjU4IDI5LjQxIDcwLjU5IDM2LjY3IDcwLjU5IDQ0LjQ3QzcwLjU5IDUyLjI0IDY3LjU2IDU5LjU4IDYyLjA0IDY1LjExQzU2LjUzIDcwLjY1IDQ5LjIzIDczLjcgNDEuNDggNzMuN0MzMy44MyA3My43IDI2LjU4IDcwLjY1IDIxLjA2IDY1LjExQzE1LjU1IDU5LjU4IDEzLjYzIDUzLjc4IDEzLjYzIDQ2QzEzLjYzIDM4LjIgMTQuNjEgNDEuNTMgMTUuNjEgNDEuNTNDMTMuNzQgNDEuNTMgMTEuNzcgMzcuMzkgMTQuNSAzNkMxMy45NyAzNS43IDExLjM1IDM0LjIxIDYuNjEgMzEuNTNDNS45NSAzMC42MSA1LjU3IDMwLjEgNS41IDMwQzQgMzQgMy4xMSAzNS4wNCAzLjExIDQ2QzMuMTEgNTYuOTYgNi40NSA2NS4zNyAxMy42MyA3Mi41OEMyMC44MSA3OS43OSAzMC41NyA4NC4yNiA0MS40OCA4NC4yNkM1Mi41MyA4NC4yNiA2Mi4zIDc5Ljc5IDY5LjQ4IDcyLjU4Qzc2LjY1IDY1LjM3IDgxLjEgNTUuNDIgODEuMSA0NC40N0M4MS4xIDMzLjUxIDc2LjY1IDIzLjU2IDY5LjQ4IDE2LjQ5QzYyLjMxIDkuMyA1Mi41OCA0Ljg0IDQxLjU1IDQuODJDNDEuNTUgNi45MyA0MS41NSAxNC4zMiA0MS41NSAxNS4zOFoiIGlkPSJhTWc5VXk0QjEiPjwvcGF0aD48cGF0aCBkPSJNMTMuMTMgMTkuMUwyMS40OSAyNS40MUwxMy4wNiAzNi41OUw0LjcgMzAuMjhMMTMuMTMgMTkuMVoiIGlkPSJiMmNPdW5pYyI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNhVGViRXhVbHQiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYVRlYkV4VWx0IiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNkMWJ6NWhsN001IiBvcGFjaXR5PSIxIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2QxYno1aGw3TTUiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjM2IzZjU3IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2MxbDB4Mm5NMUUiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYzFsMHgybk0xRSIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNrZE1Mb0gwQzYiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIja2RNTG9IMEM2IiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2FNZzlVeTRCMSIgb3BhY2l0eT0iMSIgZmlsbD0iIzNiM2Y1NyIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhTWc5VXk0QjEiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IyY091bmljIiBvcGFjaXR5PSIxIiBmaWxsPSIjM2IzZjU3IiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IyY091bmljIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==")
}

.effect-percent--83 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNjQwIDY0MCIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiPjxkZWZzPjxwYXRoIGQ9Ik00MS40OCA0LjgyQzMwLjU3IDQuODIgMjAuODEgOS4yOCAxMy42MyAxNi40OUM2LjQ1IDIzLjU2IDIgMzMuNTEgMiA0NC40N0MyIDU1LjQyIDYuNDUgNjUuMzcgMTMuNjMgNzIuNThDMjAuODEgNzkuNzkgMzAuNTcgODQuMjYgNDEuNDggODQuMjZDNTIuNTMgODQuMjYgNjIuMyA3OS43OSA2OS40OCA3Mi41OEM3Ni42NSA2NS4zNyA4MS4xIDU1LjQyIDgxLjEgNDQuNDdDODEuMSAzMy41MSA3Ni42NSAyMy41NiA2OS40OCAxNi40OUM2Mi4zIDkuMjggNTIuNTMgNC44MiA0MS40OCA0LjgyWiIgaWQ9ImsxSjUxaUdRT1ciPjwvcGF0aD48cGF0aCBkPSJNNDEuNSAxNi40OUMzMy44IDE2LjQ5IDI2LjkxIDE5LjY1IDIxLjg0IDI0Ljc0QzE2Ljc3IDI5LjczIDEzLjYzIDM2Ljc1IDEzLjYzIDQ0LjQ5QzEzLjYzIDUyLjIyIDE2Ljc3IDU5LjI1IDIxLjg0IDY0LjM0QzI2LjkxIDY5LjQzIDMzLjggNzIuNTggNDEuNSA3Mi41OEM0OS4zIDcyLjU4IDU2LjIgNjkuNDMgNjEuMjcgNjQuMzRDNjYuMzMgNTkuMjUgNjkuNDggNTIuMjIgNjkuNDggNDQuNDlDNjkuNDggMzYuNzUgNjYuMzMgMjkuNzMgNjEuMjcgMjQuNzRDNTYuMiAxOS42NSA0OS4zIDE2LjQ5IDQxLjUgMTYuNDlaIiBpZD0iYzFuU09YcmlnRiI+PC9wYXRoPjxwYXRoIGQ9Ik00MS4wNSAyMS40NEw0MS4wNSAwLjUxIiBpZD0iYzYwR0JTQXUzRyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMi4yMiAzMC43N0w0LjUgMTkuNjkiIGlkPSJiaWhJNjFkTEwiPjwvcGF0aD48cGF0aCBkPSJNNDEuNTUgMTUuMzhDNDkuMjcgMTUuNCA1Ni41NSAxOC40NCA2Mi4wNCAyMy45NkM2Ny41OCAyOS40MSA3MC41OSAzNi42NyA3MC41OSA0NC40N0M3MC41OSA1Mi4yNCA2Ny41NiA1OS41OCA2Mi4wNCA2NS4xMUM1Ni41MyA3MC42NSA0OS4yMyA3My43IDQxLjQ4IDczLjdDMzMuODMgNzMuNyAyNi41OCA3MC42NSAyMS4wNiA2NS4xMUMxNS41NSA1OS41OCAxMy42MyA1My43OCAxMy42MyA0NkMxMy42MyAzOC4yIDE0LjYxIDQxLjUzIDE1LjYxIDQxLjUzQzEzLjc0IDQxLjUzIDExLjc3IDM3LjM5IDE0LjUgMzZDMTMuOTcgMzUuNyAxMS4zNSAzNC4yMSA2LjYxIDMxLjUzQzUuOTUgMzAuNjEgNS41NyAzMC4xIDUuNSAzMEM0IDM0IDMuMTEgMzUuMDQgMy4xMSA0NkMzLjExIDU2Ljk2IDYuNDUgNjUuMzcgMTMuNjMgNzIuNThDMjAuODEgNzkuNzkgMzAuNTcgODQuMjYgNDEuNDggODQuMjZDNTIuNTMgODQuMjYgNjIuMyA3OS43OSA2OS40OCA3Mi41OEM3Ni42NSA2NS4zNyA4MS4xIDU1LjQyIDgxLjEgNDQuNDdDODEuMSAzMy41MSA3Ni42NSAyMy41NiA2OS40OCAxNi40OUM2Mi4zMSA5LjMgNTIuNTggNC44NCA0MS41NSA0LjgyQzQxLjU1IDYuOTMgNDEuNTUgMTQuMzIgNDEuNTUgMTUuMzhaIiBpZD0iYjN0QjFWU0MxNSI+PC9wYXRoPjxwYXRoIGQ9Ik05LjM2IDIzLjYzTDE4Ljg5IDI5LjEzTDEyLjY0IDM5Ljk0TDMuMTEgMzQuNDRMOS4zNiAyMy42M1oiIGlkPSJiR3BjMkZQSm8iPjwvcGF0aD48L2RlZnM+PGc+PGc+PGc+PHVzZSB4bGluazpocmVmPSIjazFKNTFpR1FPVyIgb3BhY2l0eT0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNrMUo1MWlHUU9XIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNjMW5TT1hyaWdGIiBvcGFjaXR5PSIxIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2MxblNPWHJpZ0YiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjM2IzZjU3IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2M2MEdCU0F1M0ciIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYzYwR0JTQXUzRyIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNiaWhJNjFkTEwiIG9wYWNpdHk9IjEiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYmloSTYxZExMIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzNiM2Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IzdEIxVlNDMTUiIG9wYWNpdHk9IjEiIGZpbGw9IiMzYjNmNTciIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYjN0QjFWU0MxNSIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYkdwYzJGUEpvIiBvcGFjaXR5PSIxIiBmaWxsPSIjM2IzZjU3IiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2JHcGMyRlBKbyIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMzYjNmNTciIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=")
}

.effect-percent--82 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1ldGhvZF9hbGwtQ29weS0xNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwOC4wMDAwMDAsIC02NDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjcuMDAwMDAwLCAyMTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDIuMDAwMDAwLCA0MjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwLjA0OTgwOCwgMC43ODYwNjYpIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS41MDg0NzUpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY4LjQ3NjcxNzIsMTUuOTg2MzYxIEM2MS4yOTYwNTgyLDguNzcyODM1NTkgNTEuNTMzNjA2MSw0LjMwNzc1MDg1IDQwLjQ3ODAwNDYsNC4zMDc3NTA4NSBDMjkuNTY4MDg4OSw0LjMwNzc1MDg1IDE5LjgxMTY0NDQsOC43NzI4MzU1OSAxMi42Mjc5ODE2LDE1Ljk4NjM2MSBDNS40NTE4MjgzNSwyMy4wNTA1NDc1IDEuMDAwMTUwMTksMzIuOTk4OTM3MyAxLjAwMDE1MDE5LDQzLjk1ODAwNTEgQzEuMDAwMTUwMTksNTQuOTE1NTY0NCA1LjQ1MTgyODM1LDY0Ljg2Mzk1NDIgMTIuNjI3OTgxNiw3Mi4wNzI5NTQyIEMxOS44MTE2NDQ0LDc5LjI4NjQ3OTcgMjkuNTY4MDg4OSw4My43NTMwNzI5IDQwLjQ3ODAwNDYsODMuNzUzMDcyOSBDNTEuNTMzNjA2MSw4My43NTMwNzI5IDYxLjI5NjA1ODIsNzkuMjg2NDc5NyA2OC40NzY3MTcyLDcyLjA3Mjk1NDIgQzc1LjY1Mjg3MDUsNjQuODYzOTU0MiA4MC4xMDQ1NDg3LDU0LjkxNTU2NDQgODAuMTA0NTQ4Nyw0My45NTgwMDUxIEM4MC4xMDQ1NDg3LDMyLjk5ODkzNzMgNzUuNjUyODcwNSwyMy4wNTA1NDc1IDY4LjQ3NjcxNzIsMTUuOTg2MzYxIFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYwLjI2NjA0NDQsMjQuMjMxMzgxNCBDNTUuMTk3MDc4OSwxOS4xMzcyNjI3IDQ4LjMwNDc4NzcsMTUuOTg2MDU5MyA0MC41MDA4MzM3LDE1Ljk4NjA1OTMgQzMyLjc5NzUwOCwxNS45ODYwNTkzIDI1LjkwODIyMDcsMTkuMTM3MjYyNyAyMC44Mzc3NTMzLDI0LjIzMTM4MTQgQzE1Ljc3MTc5MTYsMjkuMjE4Mzk4MyAxMi42MjgyODIsMzYuMjQxODU1OSAxMi42MjgyODIsNDMuOTc4ODIyIEMxMi42MjgyODIsNTEuNzE0Mjc5NyAxNS43NzE3OTE2LDU4LjczNzczNzMgMjAuODM3NzUzMyw2My44MjczMzA1IEMyNS45MDgyMjA3LDY4LjkxOTk0MDcgMzIuNzk3NTA4LDcyLjA3NDE2MSA0MC41MDA4MzM3LDcyLjA3NDE2MSBDNDguMzA0Nzg3Nyw3Mi4wNzQxNjEgNTUuMTk3MDc4OSw2OC45MTk5NDA3IDYwLjI2NjA0NDQsNjMuODI3MzMwNSBDNjUuMzMzNTA4LDU4LjczNzczNzMgNjguNDc1NTE1Nyw1MS43MTQyNzk3IDY4LjQ3NTUxNTcsNDMuOTc4ODIyIEM2OC40NzU1MTU3LDM2LjI0MTg1NTkgNjUuMzMzNTA4LDI5LjIxODM5ODMgNjAuMjY2MDQ0NCwyNC4yMzEzODE0IFoiIGlkPSJTdHJva2UtMyIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQwLjA0OTgwODQsMjAuOTMwMDg0NyBMNDAuMDQ5ODA4NCwwIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjYxMjk4MzQsMzguOTkxNzE4OSBMMC42ODAxODkxNiwyNi42ODkzMjM3IiBpZD0iU3Ryb2tlLTUtQ29weSIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjEuNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAuNTUxNTk4NSw0LjMwOTI1OTMyIEw0MC41NTE1OTg1LDE0Ljg3MDA4OTggQzQ4LjI3NDQ0OSwxNC44ODgxOTE1IDU1LjU0ODIyNjgsMTcuOTMyMjkzMiA2MS4wNDIyMzQ1LDIzLjQ1MTgwMTcgQzY2LjU4MTI5OTYsMjguOTA0OTM3MyA2OS41OTExMzg3LDM2LjE2MDcgNjkuNTkxMTM4Nyw0My45NTgwMDUxIEM2OS41OTExMzg3LDUxLjczNTcgNjYuNTU1NzY3LDU5LjA2ODM5NDkgNjEuMDQyMjM0NSw2NC42MDYwMDUxIEM1NS41Mjg3MDE5LDcwLjE0MzYxNTMgNDguMjI2Mzg3Nyw3My4xOTM3NTA4IDQwLjQ3ODAwNDYsNzMuMTkzNzUwOCBDMzIuODI3MjQ2LDczLjE5Mzc1MDggMjUuNTc1OTk2OSw3MC4xNDIxMDY4IDIwLjA2MjQ2NDQsNjQuNjA0NDk2NiBDMTQuNTUwNDMzNyw1OS4wNjgzOTQ5IDEyLjYyNzk4MTYsNTMuMjY5MjIwMyAxMi42Mjc5ODE2LDQ1LjQ5MTUyNTQgQzEyLjYyNzk4MTYsMzcuNjk0MjIwMyAxMy42MTQ0MjE1LDQxLjAyNTA0NTggMTQuNjE0NDIxNSw0MS4wMjUwNDU4IEMxMi43NDI0MDMxLDQxLjAyNTA0NTggMTAuNzY2NTEzNCwzNi44ODM4NDc1IDEzLjUsMzUuNDkxNTI1NCBMNS42MTQ0MjE0NiwzMS4wMjUwNDU4IEw0LjUsMjkuNDkxNTI1NCBDMywzMy40OTE1MjU0IDIuMTE0NTcxNjUsMzQuNTMyNDU3NiAyLjExNDU3MTY1LDQ1LjQ5MTUyNTQgQzIuMTE0NTcxNjUsNTYuNDQ5MDg0NyA1LjQ1MTgyODM1LDY0Ljg2Mzk1NDIgMTIuNjI3OTgxNiw3Mi4wNzI5NTQyIEMxOS44MTE2NDQ0LDc5LjI4NjQ3OTcgMjkuNTY4MDg4OSw4My43NTMwNzI5IDQwLjQ3ODAwNDYsODMuNzUzMDcyOSBDNTEuNTMzNjA2MSw4My43NTMwNzI5IDYxLjI5NjA1ODIsNzkuMjg2NDc5NyA2OC40NzY3MTcyLDcyLjA3Mjk1NDIgQzc1LjY1Mjg3MDUsNjQuODYzOTU0MiA4MC4xMDQ1NDg3LDU0LjkxNTU2NDQgODAuMTA0NTQ4Nyw0My45NTgwMDUxIEM4MC4xMDQ1NDg3LDMyLjk5ODkzNzMgNzUuNjUyODcwNSwyMy4wNTA1NDc1IDY4LjQ3NjcxNzIsMTUuOTg2MzYxIEM2MS4zMTEwNzc0LDguNzg5NDI4ODEgNTEuNTc1NjU5OCw0LjMyNzM2MTAyIDQwLjU1MTU5ODUsNC4zMDkyNTkzMiBaIiBpZD0iRmlsbC0xMCIgZmlsbD0iIzNCM0Y1NyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.effect-percent--71-86 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMTY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWV0aG9kX2FsbC1Db3B5LTExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzk2LjAwMDAwMCwgLTU3Mi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTcuMDAwMDAwLCAxNjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wNDk4MDgsIDAuNzg2MDY2KSI+PC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS41MDg0NzUpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAuNTUxNTk4NSw0LjMwOTI1OTMyIEw0MC41NTE1OTg1LDE0Ljg3MDA4OTggQzQ4LjI3NDQ0OSwxNC44ODgxOTE1IDU1LjU0ODIyNjgsMTcuOTMyMjkzMiA2MS4wNDIyMzQ1LDIzLjQ1MTgwMTcgQzY2LjU4MTI5OTYsMjguOTA0OTM3MyA2OS41OTExMzg3LDM2LjE2MDcgNjkuNTkxMTM4Nyw0My45NTgwMDUxIEM2OS41OTExMzg3LDUxLjczNTcgNjYuNTU1NzY3LDU5LjA2ODM5NDkgNjEuMDQyMjM0NSw2NC42MDYwMDUxIEM1NS41Mjg3MDE5LDcwLjE0MzYxNTMgNDguMjI2Mzg3Nyw3My4xOTM3NTA4IDQwLjQ3ODAwNDYsNzMuMTkzNzUwOCBDMzIuODI3MjQ2LDczLjE5Mzc1MDggMjUuNTc1OTk2OSw3MC4xNDIxMDY4IDIwLjA2MjQ2NDQsNjQuNjA0NDk2NiBDMTQuNTUwNDMzNyw1OS4wNjgzOTQ5IDExLjUxMzU2MDIsNTEuNzM1NyAxMS41MTM1NjAyLDQzLjk1ODAwNTEgQzExLjUxMzU2MDIsMzYuMTYwNyAxNC41MjE4OTczLDI4LjkwNDkzNzMgMTkuOTg3MzY4NiwyMy41MjcyMjU0IEMyMi4zMDkzMzAzLDIxLjE5NTEyMzcgMjQuODU1MDc3NCwxOS4zNzc0MTE5IDI3LjU4ODU2NCwxNy45ODUwODk4IEwyMi4wMzI5Nzc4LDguOTU4Mzc3OTcgQzE4LjU2OTU2MDIsMTAuODI1ODY5NSAxNS40MDM1MjE4LDEzLjE5NzE5MTUgMTIuNjI3OTgxNiwxNS45ODYzNjEgQzUuNDUxODI4MzUsMjMuMDUwNTQ3NSAxLjAwMDE1MDE5LDMyLjk5ODkzNzMgMS4wMDAxNTAxOSw0My45NTgwMDUxIEMxLjAwMDE1MDE5LDU0LjkxNTU2NDQgNS40NTE4MjgzNSw2NC44NjM5NTQyIDEyLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTkuODExNjQ0NCw3OS4yODY0Nzk3IDI5LjU2ODA4ODksODMuNzUzMDcyOSA0MC40NzgwMDQ2LDgzLjc1MzA3MjkgQzUxLjUzMzYwNjEsODMuNzUzMDcyOSA2MS4yOTYwNTgyLDc5LjI4NjQ3OTcgNjguNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NS42NTI4NzA1LDY0Ljg2Mzk1NDIgODAuMTA0NTQ4Nyw1NC45MTU1NjQ0IDgwLjEwNDU0ODcsNDMuOTU4MDA1MSBDODAuMTA0NTQ4NywzMi45OTg5MzczIDc1LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2OC40NzY3MTcyLDE1Ljk4NjM2MSBDNjEuMzExMDc3NCw4Ljc4OTQyODgxIDUxLjU3NTY1OTgsNC4zMjczNjEwMiA0MC41NTE1OTg1LDQuMzA5MjU5MzIgWiIgaWQ9IkZpbGwtMTAiIGZpbGw9IiMzQjNGNTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjksMTguOTkxNTI1NCBDMjEuNDgzNDI2MywyMy40MDU5MjkxIDE2LjcwMzg2NjIsMjguMjM5MjYyNCAxNC42NjEzMTk0LDMzLjQ5MTUyNTQgQzEyLjYxODc3MjcsMzguNzQzNzg4NCAxMy43MzE2NjYyLDQ3LjU3NzEyMTcgMTgsNTkuOTkxNTI1NCBDOS4yMjA3MjI5OSw2Mi4xOTIyNTE4IDQuMzg3Mzg5NjYsNjIuMTkyMjUxOCAzLjUsNTkuOTkxNTI1NCBDLTksMjguOTkxNTI1NCAyMSw4LjQ5MTUyNTQyIDIxLDguNDkxNTI1NDIgQzIxLDguNDkxNTI1NDIgMjMuNjY2NjY2NywxMS45OTE1MjU0IDI5LDE4Ljk5MTUyNTQgWiIgaWQ9IlBhdGgtMiIgZmlsbD0iIzU4NUY4NiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02OC40NzY3MTcyLDE1Ljk4NjM2MSBDNjEuMjk2MDU4Miw4Ljc3MjgzNTU5IDUxLjUzMzYwNjEsNC4zMDc3NTA4NSA0MC40NzgwMDQ2LDQuMzA3NzUwODUgQzI5LjU2ODA4ODksNC4zMDc3NTA4NSAxOS44MTE2NDQ0LDguNzcyODM1NTkgMTIuNjI3OTgxNiwxNS45ODYzNjEgQzUuNDUxODI4MzUsMjMuMDUwNTQ3NSAxLjAwMDE1MDE5LDMyLjk5ODkzNzMgMS4wMDAxNTAxOSw0My45NTgwMDUxIEMxLjAwMDE1MDE5LDU0LjkxNTU2NDQgNS40NTE4MjgzNSw2NC44NjM5NTQyIDEyLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTkuODExNjQ0NCw3OS4yODY0Nzk3IDI5LjU2ODA4ODksODMuNzUzMDcyOSA0MC40NzgwMDQ2LDgzLjc1MzA3MjkgQzUxLjUzMzYwNjEsODMuNzUzMDcyOSA2MS4yOTYwNTgyLDc5LjI4NjQ3OTcgNjguNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NS42NTI4NzA1LDY0Ljg2Mzk1NDIgODAuMTA0NTQ4Nyw1NC45MTU1NjQ0IDgwLjEwNDU0ODcsNDMuOTU4MDA1MSBDODAuMTA0NTQ4NywzMi45OTg5MzczIDc1LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2OC40NzY3MTcyLDE1Ljk4NjM2MSBaIiBpZD0iU3Ryb2tlLTEiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYwLjI2NjA0NDQsMjQuMjMxMzgxNCBDNTUuMTk3MDc4OSwxOS4xMzcyNjI3IDQ4LjMwNDc4NzcsMTUuOTg2MDU5MyA0MC41MDA4MzM3LDE1Ljk4NjA1OTMgQzMyLjc5NzUwOCwxNS45ODYwNTkzIDI1LjkwODIyMDcsMTkuMTM3MjYyNyAyMC44Mzc3NTMzLDI0LjIzMTM4MTQgQzE1Ljc3MTc5MTYsMjkuMjE4Mzk4MyAxMi42MjgyODIsMzYuMjQxODU1OSAxMi42MjgyODIsNDMuOTc4ODIyIEMxMi42MjgyODIsNTEuNzE0Mjc5NyAxNS43NzE3OTE2LDU4LjczNzczNzMgMjAuODM3NzUzMyw2My44MjczMzA1IEMyNS45MDgyMjA3LDY4LjkxOTk0MDcgMzIuNzk3NTA4LDcyLjA3NDE2MSA0MC41MDA4MzM3LDcyLjA3NDE2MSBDNDguMzA0Nzg3Nyw3Mi4wNzQxNjEgNTUuMTk3MDc4OSw2OC45MTk5NDA3IDYwLjI2NjA0NDQsNjMuODI3MzMwNSBDNjUuMzMzNTA4LDU4LjczNzczNzMgNjguNDc1NTE1Nyw1MS43MTQyNzk3IDY4LjQ3NTUxNTcsNDMuOTc4ODIyIEM2OC40NzU1MTU3LDM2LjI0MTg1NTkgNjUuMzMzNTA4LDI5LjIxODM5ODMgNjAuMjY2MDQ0NCwyNC4yMzEzODE0IFoiIGlkPSJTdHJva2UtMyIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAuMDQ5ODA4NCwyMC45MzAwODQ3IEw0MC4wNDk4MDg0LDEuMjM2MzQ0MzZlLTEyIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzNCM0Y1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzIuODQ1LDQxIEwzNi44MzUsMzIuMjIyIEwzNi44MzUsMzEuNjYyIEwzMC43MTcsMzEuNjYyIEwzMC43MTcsMzIuMzkgTDM1Ljg4MywzMi4zOSBMMzEuOTYzLDQxIEwzMi44NDUsNDEgWiBNNDAuNDU2MzMzMyw0MSBMNDAuNDU2MzMzMywzMS42NjIgTDM5LjcyODMzMzMsMzEuNjYyIEwzNy42NzAzMzMzLDMzLjgzMiBMMzguMTYwMzMzMywzNC4zNSBMMzkuNjU4MzMzMywzMi43NTQgTDM5LjY1ODMzMzMsNDEgTDQwLjQ1NjMzMzMsNDEgWiBNNDQuMzAxNjY2NywzNi4xIEM0My4wMTM2NjY3LDM2LjEgNDIuMTE3NjY2NywzNS4xMzQgNDIuMTE3NjY2NywzMy44MzIgQzQyLjExNzY2NjcsMzIuNTE2IDQzLjAxMzY2NjcsMzEuNTIyIDQ0LjMwMTY2NjcsMzEuNTIyIEM0NS42MDM2NjY3LDMxLjUyMiA0Ni40OTk2NjY3LDMyLjUxNiA0Ni40OTk2NjY3LDMzLjgzMiBDNDYuNDk5NjY2NywzNS4xMzQgNDUuNjAzNjY2NywzNi4xIDQ0LjMwMTY2NjcsMzYuMSBaIE00NC4wNjM2NjY3LDQxIEw0My40MzM2NjY3LDQxIEw0OS4zOTc2NjY3LDMxLjY2MiBMNTAuMDQxNjY2NywzMS42NjIgTDQ0LjA2MzY2NjcsNDEgWiBNNDkuMDYxNjY2Nyw0MS4xNjggQzQ3Ljc3MzY2NjcsNDEuMTY4IDQ2Ljg2MzY2NjcsNDAuMTg4IDQ2Ljg2MzY2NjcsMzguODg2IEM0Ni44NjM2NjY3LDM3LjU3IDQ3Ljc3MzY2NjcsMzYuNTc2IDQ5LjA2MTY2NjcsMzYuNTc2IEM1MC4zNDk2NjY3LDM2LjU3NiA1MS4yNTk2NjY3LDM3LjU3IDUxLjI1OTY2NjcsMzguODg2IEM1MS4yNTk2NjY3LDQwLjE4OCA1MC4zNDk2NjY3LDQxLjE2OCA0OS4wNjE2NjY3LDQxLjE2OCBaIE00NC4zMDE2NjY3LDM1LjU2OCBDNDUuMjI1NjY2NywzNS41NjggNDUuODU1NjY2NywzNC43NyA0NS44NTU2NjY3LDMzLjgzMiBDNDUuODU1NjY2NywzMi44NTIgNDUuMjI1NjY2NywzMi4wNjggNDQuMzAxNjY2NywzMi4wNjggQzQzLjM5MTY2NjcsMzIuMDY4IDQyLjc2MTY2NjcsMzIuODUyIDQyLjc2MTY2NjcsMzMuODMyIEM0Mi43NjE2NjY3LDM0Ljc3IDQzLjM5MTY2NjcsMzUuNTY4IDQ0LjMwMTY2NjcsMzUuNTY4IFogTTQ5LjA2MTY2NjcsNDAuNjIyIEM0OS45ODU2NjY3LDQwLjYyMiA1MC42MDE2NjY3LDM5LjgzOCA1MC42MDE2NjY3LDM4Ljg4NiBDNTAuNjAxNjY2NywzNy45MiA0OS45ODU2NjY3LDM3LjEyMiA0OS4wNjE2NjY3LDM3LjEyMiBDNDguMTM3NjY2NywzNy4xMjIgNDcuNTA3NjY2NywzNy45MiA0Ny41MDc2NjY3LDM4Ljg4NiBDNDcuNTA3NjY2NywzOS44MzggNDguMTM3NjY2Nyw0MC42MjIgNDkuMDYxNjY2Nyw0MC42MjIgWiBNMzEuODQ0LDYzLjE2OCBDMzAuMDM4LDYzLjE2OCAyOC42NjYsNjIuMTg4IDI4LjY2Niw2MC42NjIgQzI4LjY2Niw1OS4zNiAyOS44LDU4LjUwNiAzMC45OSw1OC4xODQgQzI5Ljg4NCw1Ny44OSAyOC44Miw1Ny4xNzYgMjguODIsNTUuOTMgQzI4LjgyLDU0LjI3OCAzMC4zNiw1My41MjIgMzEuODQ0LDUzLjUyMiBDMzMuMyw1My41MjIgMzQuODY4LDU0LjI3OCAzNC44NjgsNTUuOTMgQzM0Ljg2OCw1Ny4xNzYgMzMuODA0LDU3Ljg5IDMyLjY5OCw1OC4xODQgQzMzLjg4OCw1OC41MDYgMzUuMDA4LDU5LjM2IDM1LjAwOCw2MC42NjIgQzM1LjAwOCw2Mi4xNzQgMzMuNjM2LDYzLjE2OCAzMS44NDQsNjMuMTY4IFogTTMxLjg0NCw1Ny44NDggQzMyLjQxOCw1Ny43MzYgMzQuMDU2LDU3LjMxNiAzNC4wNTYsNTYuMDE0IEMzNC4wNTYsNTQuODk0IDMzLjA2Miw1NC4yNSAzMS44NDQsNTQuMjUgQzMwLjYxMiw1NC4yNSAyOS42MzIsNTQuODk0IDI5LjYzMiw1Ni4wMTQgQzI5LjYzMiw1Ny4zMTYgMzEuMjg0LDU3LjczNiAzMS44NDQsNTcuODQ4IFogTTMxLjg0NCw2Mi40NCBDMzMuMDYyLDYyLjQ0IDM0LjIxLDYxLjc0IDM0LjIxLDYwLjYwNiBDMzQuMjEsNTkuMTc4IDMyLjQwNCw1OC42MTggMzEuODQ0LDU4LjU0OCBDMzEuMjcsNTguNjE4IDI5LjQ3OCw1OS4xNzggMjkuNDc4LDYwLjYwNiBDMjkuNDc4LDYxLjc0IDMwLjU5OCw2Mi40NCAzMS44NDQsNjIuNDQgWiBNNDAuMDk5MzMzMyw2My4xNjggQzM3LjU3OTMzMzMsNjMuMTY4IDM2LjY2OTMzMzMsNjAuODQ0IDM2LjY2OTMzMzMsNTguMzM4IEMzNi42NjkzMzMzLDU1Ljk0NCAzNy42NjMzMzMzLDUzLjUyMiA0MC4yMzkzMzMzLDUzLjUyMiBDNDEuNDU3MzMzMyw1My41MjIgNDIuMTk5MzMzMyw1NC4wMTIgNDIuNzU5MzMzMyw1NC43MTIgTDQyLjI4MzMzMzMsNTUuMyBDNDEuODM1MzMzMyw1NC42ODQgNDEuMjYxMzMzMyw1NC4yNSA0MC4yMzkzMzMzLDU0LjI1IEMzOC4yMjMzMzMzLDU0LjI1IDM3LjQ4MTMzMzMsNTYuMzY0IDM3LjQ4MTMzMzMsNTguMzUyIEMzNy40ODEzMzMzLDU4LjQ5MiAzNy40ODEzMzMzLDU4LjY0NiAzNy40OTUzMzMzLDU4Ljc4NiBDMzcuODg3MzMzMyw1OC4xNDIgMzguOTY1MzMzMyw1Ny4yMzIgNDAuMjI1MzMzMyw1Ny4yMzIgQzQxLjkwNTMzMzMsNTcuMjMyIDQzLjIzNTMzMzMsNTguMTk4IDQzLjIzNTMzMzMsNjAuMTg2IEM0My4yMzUzMzMzLDYxLjcxMiA0Mi4wODczMzMzLDYzLjE2OCA0MC4wOTkzMzMzLDYzLjE2OCBaIE00MC4wNzEzMzMzLDYyLjQ0IEM0MS42NjczMzMzLDYyLjQ0IDQyLjQyMzMzMzMsNjEuMjA4IDQyLjQyMzMzMzMsNjAuMiBDNDIuNDIzMzMzMyw1OC42NzQgNDEuNDI5MzMzMyw1Ny45NDYgNDAuMDg1MzMzMyw1Ny45NDYgQzM5LjA2MzMzMzMsNTcuOTQ2IDM4LjA2OTMzMzMsNTguNjA0IDM3LjUzNzMzMzMsNTkuNTQyIEMzNy42NDkzMzMzLDYwLjgxNiAzOC4zMjEzMzMzLDYyLjQ0IDQwLjA3MTMzMzMsNjIuNDQgWiBNNDYuNzE2NjY2Nyw1OC4xIEM0NS40Mjg2NjY3LDU4LjEgNDQuNTMyNjY2Nyw1Ny4xMzQgNDQuNTMyNjY2Nyw1NS44MzIgQzQ0LjUzMjY2NjcsNTQuNTE2IDQ1LjQyODY2NjcsNTMuNTIyIDQ2LjcxNjY2NjcsNTMuNTIyIEM0OC4wMTg2NjY3LDUzLjUyMiA0OC45MTQ2NjY3LDU0LjUxNiA0OC45MTQ2NjY3LDU1LjgzMiBDNDguOTE0NjY2Nyw1Ny4xMzQgNDguMDE4NjY2Nyw1OC4xIDQ2LjcxNjY2NjcsNTguMSBaIE00Ni40Nzg2NjY3LDYzIEw0NS44NDg2NjY3LDYzIEw1MS44MTI2NjY3LDUzLjY2MiBMNTIuNDU2NjY2Nyw1My42NjIgTDQ2LjQ3ODY2NjcsNjMgWiBNNTEuNDc2NjY2Nyw2My4xNjggQzUwLjE4ODY2NjcsNjMuMTY4IDQ5LjI3ODY2NjcsNjIuMTg4IDQ5LjI3ODY2NjcsNjAuODg2IEM0OS4yNzg2NjY3LDU5LjU3IDUwLjE4ODY2NjcsNTguNTc2IDUxLjQ3NjY2NjcsNTguNTc2IEM1Mi43NjQ2NjY3LDU4LjU3NiA1My42NzQ2NjY3LDU5LjU3IDUzLjY3NDY2NjcsNjAuODg2IEM1My42NzQ2NjY3LDYyLjE4OCA1Mi43NjQ2NjY3LDYzLjE2OCA1MS40NzY2NjY3LDYzLjE2OCBaIE00Ni43MTY2NjY3LDU3LjU2OCBDNDcuNjQwNjY2Nyw1Ny41NjggNDguMjcwNjY2Nyw1Ni43NyA0OC4yNzA2NjY3LDU1LjgzMiBDNDguMjcwNjY2Nyw1NC44NTIgNDcuNjQwNjY2Nyw1NC4wNjggNDYuNzE2NjY2Nyw1NC4wNjggQzQ1LjgwNjY2NjcsNTQuMDY4IDQ1LjE3NjY2NjcsNTQuODUyIDQ1LjE3NjY2NjcsNTUuODMyIEM0NS4xNzY2NjY3LDU2Ljc3IDQ1LjgwNjY2NjcsNTcuNTY4IDQ2LjcxNjY2NjcsNTcuNTY4IFogTTUxLjQ3NjY2NjcsNjIuNjIyIEM1Mi40MDA2NjY3LDYyLjYyMiA1My4wMTY2NjY3LDYxLjgzOCA1My4wMTY2NjY3LDYwLjg4NiBDNTMuMDE2NjY2Nyw1OS45MiA1Mi40MDA2NjY3LDU5LjEyMiA1MS40NzY2NjY3LDU5LjEyMiBDNTAuNTUyNjY2Nyw1OS4xMjIgNDkuOTIyNjY2Nyw1OS45MiA0OS45MjI2NjY3LDYwLjg4NiBDNDkuOTIyNjY2Nyw2MS44MzggNTAuNTUyNjY2Nyw2Mi42MjIgNTEuNDc2NjY2Nyw2Mi42MjIgWiIgaWQ9IjcxJS04NiUiIGZpbGw9IiMzQjNGNTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM4LjExMzMzMzMsNTAuMTIgQzM4LjUxMzMzMzMsNTAuMTIgMzguNzQzMzMzMyw1MCAzOC45MzMzMzMzLDQ5LjgyIEwzOC43MzMzMzMzLDQ5LjQyIEMzOC42MjMzMzMzLDQ5LjU0IDM4LjQyMzMzMzMsNDkuNjUgMzguMTkzMzMzMyw0OS42NSBDMzcuODUzMzMzMyw0OS42NSAzNy42OTMzMzMzLDQ5LjM4IDM3LjY5MzMzMzMsNDguOTkgTDM3LjY5MzMzMzMsNDUuNjMgTDM4LjY3MzMzMzMsNDUuNjMgTDM4LjY3MzMzMzMsNDUuMTcgTDM3LjY5MzMzMzMsNDUuMTcgTDM3LjY5MzMzMzMsNDMuODUgTDM3LjE2MzMzMzMsNDMuODUgTDM3LjE2MzMzMzMsNDUuMTcgTDM2LjM2MzMzMzMsNDUuMTcgTDM2LjM2MzMzMzMsNDUuNjMgTDM3LjE2MzMzMzMsNDUuNjMgTDM3LjE2MzMzMzMsNDkuMDcgQzM3LjE2MzMzMzMsNDkuNzMgMzcuNDczMzMzMyw1MC4xMiAzOC4xMTMzMzMzLDUwLjEyIFogTTQxLjg3LDUwLjEyIEM0MC40Niw1MC4xMiAzOS41NSw0OC45OSAzOS41NSw0Ny41OCBDMzkuNTUsNDYuMTcgNDAuNDYsNDUuMDUgNDEuODcsNDUuMDUgQzQzLjMsNDUuMDUgNDQuMiw0Ni4xNyA0NC4yLDQ3LjU4IEM0NC4yLDQ4Ljk5IDQzLjMsNTAuMTIgNDEuODcsNTAuMTIgWiBNNDEuODcsNDkuNjUgQzQzLjAxLDQ5LjY1IDQzLjY0LDQ4LjY2IDQzLjY0LDQ3LjU4IEM0My42NCw0Ni41MSA0My4wMSw0NS41MiA0MS44Nyw0NS41MiBDNDAuNzUsNDUuNTIgNDAuMTEsNDYuNTEgNDAuMTEsNDcuNTggQzQwLjExLDQ4LjY2IDQwLjc1LDQ5LjY1IDQxLjg3LDQ5LjY1IFoiIGlkPSJ0byIgZmlsbD0iIzNCM0Y1NyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.effect-percent--80-91 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/80-91.e0d48a7.svg) no-repeat
}

.effect-percent--100 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODNweCIgaGVpZ2h0PSI4NnB4IiB2aWV3Qm94PSIwIDAgODMgODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1ldGhvZF9hbGwtQ29weS0xNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwMC4wMDAwMDAsIC01NDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjcuMDAwMDAwLCAyMTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNS4wMDAwMDAsIDMyNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5LjA0OTgwOCwgMC43ODYwNjYpIj48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuNTA4NDc1KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjcuNDc2NzE3MiwxNS45ODYzNjEgQzYwLjI5NjA1ODIsOC43NzI4MzU1OSA1MC41MzM2MDYxLDQuMzA3NzUwODUgMzkuNDc4MDA0Niw0LjMwNzc1MDg1IEMyOC41NjgwODg5LDQuMzA3NzUwODUgMTguODExNjQ0NCw4Ljc3MjgzNTU5IDExLjYyNzk4MTYsMTUuOTg2MzYxIEM0LjQ1MTgyODM1LDIzLjA1MDU0NzUgMC4wMDAxNTAxOTE1NzgsMzIuOTk4OTM3MyAwLjAwMDE1MDE5MTU3OCw0My45NTgwMDUxIEMwLjAwMDE1MDE5MTU3OCw1NC45MTU1NjQ0IDQuNDUxODI4MzUsNjQuODYzOTU0MiAxMS42Mjc5ODE2LDcyLjA3Mjk1NDIgQzE4LjgxMTY0NDQsNzkuMjg2NDc5NyAyOC41NjgwODg5LDgzLjc1MzA3MjkgMzkuNDc4MDA0Niw4My43NTMwNzI5IEM1MC41MzM2MDYxLDgzLjc1MzA3MjkgNjAuMjk2MDU4Miw3OS4yODY0Nzk3IDY3LjQ3NjcxNzIsNzIuMDcyOTU0MiBDNzQuNjUyODcwNSw2NC44NjM5NTQyIDc5LjEwNDU0ODcsNTQuOTE1NTY0NCA3OS4xMDQ1NDg3LDQzLjk1ODAwNTEgQzc5LjEwNDU0ODcsMzIuOTk4OTM3MyA3NC42NTI4NzA1LDIzLjA1MDU0NzUgNjcuNDc2NzE3MiwxNS45ODYzNjEgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMzQjNGNTciIHN0cm9rZS13aWR0aD0iMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5LjI2NjA0NDQsMjQuMjMxMzgxNCBDNTQuMTk3MDc4OSwxOS4xMzcyNjI3IDQ3LjMwNDc4NzcsMTUuOTg2MDU5MyAzOS41MDA4MzM3LDE1Ljk4NjA1OTMgQzMxLjc5NzUwOCwxNS45ODYwNTkzIDI0LjkwODIyMDcsMTkuMTM3MjYyNyAxOS44Mzc3NTMzLDI0LjIzMTM4MTQgQzE0Ljc3MTc5MTYsMjkuMjE4Mzk4MyAxMS42MjgyODIsMzYuMjQxODU1OSAxMS42MjgyODIsNDMuOTc4ODIyIEMxMS42MjgyODIsNTEuNzE0Mjc5NyAxNC43NzE3OTE2LDU4LjczNzczNzMgMTkuODM3NzUzMyw2My44MjczMzA1IEMyNC45MDgyMjA3LDY4LjkxOTk0MDcgMzEuNzk3NTA4LDcyLjA3NDE2MSAzOS41MDA4MzM3LDcyLjA3NDE2MSBDNDcuMzA0Nzg3Nyw3Mi4wNzQxNjEgNTQuMTk3MDc4OSw2OC45MTk5NDA3IDU5LjI2NjA0NDQsNjMuODI3MzMwNSBDNjQuMzMzNTA4LDU4LjczNzczNzMgNjcuNDc1NTE1Nyw1MS43MTQyNzk3IDY3LjQ3NTUxNTcsNDMuOTc4ODIyIEM2Ny40NzU1MTU3LDM2LjI0MTg1NTkgNjQuMzMzNTA4LDI5LjIxODM5ODMgNTkuMjY2MDQ0NCwyNC4yMzEzODE0IFoiIGlkPSJTdHJva2UtMyIgc3Ryb2tlPSIjM0IzRjU3IiBzdHJva2Utd2lkdGg9IjMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS4wNDk4MDg0LDIwLjkzMDA4NDcgTDM5LjA0OTgwODQsMCIgaWQ9IlN0cm9rZS01IiBzdHJva2U9IiMzQjNGNTciIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzkuNTUxNTk4NSw0LjMwOTI1OTMyIEwzOS41NTE1OTg1LDE0Ljg3MDA4OTggQzQ3LjI3NDQ0OSwxNC44ODgxOTE1IDU0LjU0ODIyNjgsMTcuOTMyMjkzMiA2MC4wNDIyMzQ1LDIzLjQ1MTgwMTcgQzY1LjU4MTI5OTYsMjguOTA0OTM3MyA2OC41OTExMzg3LDM2LjE2MDcgNjguNTkxMTM4Nyw0My45NTgwMDUxIEM2OC41OTExMzg3LDUxLjczNTcgNjUuNTU1NzY3LDU5LjA2ODM5NDkgNjAuMDQyMjM0NSw2NC42MDYwMDUxIEM1NC41Mjg3MDE5LDcwLjE0MzYxNTMgNDcuMjI2Mzg3Nyw3My4xOTM3NTA4IDM5LjQ3ODAwNDYsNzMuMTkzNzUwOCBDMzEuODI3MjQ2LDczLjE5Mzc1MDggMjQuNTc1OTk2OSw3MC4xNDIxMDY4IDE5LjA2MjQ2NDQsNjQuNjA0NDk2NiBDMTMuNTUwNDMzNyw1OS4wNjgzOTQ5IDEwLjUxMzU2MDIsNTEuNzM1NyAxMC41MTM1NjAyLDQzLjk1ODAwNTEgQzEwLjUxMzU2MDIsMzYuMTYwNyAxMy41MjE4OTczLDI4LjkwNDkzNzMgMTguOTg3MzY4NiwyMy41MjcyMjU0IEMyMS4zMDkzMzAzLDIxLjE5NTEyMzcgMjMuODU1MDc3NCwxOS4zNzc0MTE5IDI2LjU4ODU2NCwxNy45ODUwODk4IEwyMS4wMzI5Nzc4LDguOTU4Mzc3OTcgQzE3LjU2OTU2MDIsMTAuODI1ODY5NSAxNC40MDM1MjE4LDEzLjE5NzE5MTUgMTEuNjI3OTgxNiwxNS45ODYzNjEgQzQuNDUxODI4MzUsMjMuMDUwNTQ3NSAwLjAwMDE1MDE5MTU3OCwzMi45OTg5MzczIDAuMDAwMTUwMTkxNTc4LDQzLjk1ODAwNTEgQzAuMDAwMTUwMTkxNTc4LDU0LjkxNTU2NDQgNC40NTE4MjgzNSw2NC44NjM5NTQyIDExLjYyNzk4MTYsNzIuMDcyOTU0MiBDMTguODExNjQ0NCw3OS4yODY0Nzk3IDI4LjU2ODA4ODksODMuNzUzMDcyOSAzOS40NzgwMDQ2LDgzLjc1MzA3MjkgQzUwLjUzMzYwNjEsODMuNzUzMDcyOSA2MC4yOTYwNTgyLDc5LjI4NjQ3OTcgNjcuNDc2NzE3Miw3Mi4wNzI5NTQyIEM3NC42NTI4NzA1LDY0Ljg2Mzk1NDIgNzkuMTA0NTQ4Nyw1NC45MTU1NjQ0IDc5LjEwNDU0ODcsNDMuOTU4MDA1MSBDNzkuMTA0NTQ4NywzMi45OTg5MzczIDc0LjY1Mjg3MDUsMjMuMDUwNTQ3NSA2Ny40NzY3MTcyLDE1Ljk4NjM2MSBDNjAuMzExMDc3NCw4Ljc4OTQyODgxIDUwLjU3NTY1OTgsNC4zMjczNjEwMiAzOS41NTE1OTg1LDQuMzA5MjU5MzIgWiIgaWQ9IkZpbGwtMTAiIGZpbGw9IiMzQjNGNTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTIiIGZpbGw9IiMzQjNGNTciIHBvaW50cz0iMjYuMDU4NzUwOSAxOC45MTM3NTIyIDIxLjMyODk2MzEgMTAuMDUxODMyMyAzMS41IDQuOTkxNTI1NDIgMzkuNSAzLjQ5MTUyNTQyIDM5LjUgMTYuMjY1ODE5NSAzMi42MTUzMzE3IDE2LjI2NTgxOTUgMjcuMDk3NTUxNSAxOS4wNDcwNjk1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat
}

.modal-list__item {
    float: left;
    padding-left: 15px;
    position: relative;
    margin-right: 40px;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 26px;
    margin-bottom: 55px
}

    .modal-list__item:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #3b3f57
    }

@media only screen and (max-width:1000px) {
    .modal-list__item {
        margin-bottom: 18px
    }
}

.modal-list__inside {
    margin-top: 18px
}

.modal-list__inside__item {
    font-size: 16px;
    color: #565862;
    line-height: 23px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 13px
}

    .modal-list__inside__item:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 0;
        width: 9px;
        height: 2px;
        background: #3b3f57
    }

.modal-list-1columns {
    display: inline-block;
    margin-bottom: 10px
}

    .modal-list-1columns li {
        width: 100%;
        float: left;
        padding-left: 15px;
        position: relative;
        margin-right: 40px;
        font-size: 18px;
        letter-spacing: .4px;
        line-height: 26px;
        margin-bottom: 15px;
        box-sizing: border-box
    }

@media only screen and (max-width:1000px) {
    .modal-list-1columns li {
        margin-right: 0
    }
}

.modal-list-1columns li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3b3f57
}

.modal-list-1columns li ul {
    display: block;
    margin-top: 10px
}

    .modal-list-1columns li ul li {
        width: 100%
    }

        .modal-list-1columns li ul li:before {
            content: "";
            position: absolute;
            top: 11px;
            left: 0;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #3b3f57
        }

.methods-link {
    text-decoration: underline;
    cursor: pointer;
    color: inherit
}

@media only screen and (max-width:700px) {
    .modal-collapse {
        overflow: hidden
    }

        .modal-collapse .modal-collapse__title {
            position: relative;
            padding-right: 20px
        }

            .modal-collapse .modal-collapse__title:after {
                content: "";
                position: absolute;
                right: 0;
                top: 24px;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldvcmsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJZb3VyLU9wdGlvbnMtQ29weS05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTkzLjAwMDAwMCwgLTEzMjYuMDAwMDAwKSIgZmlsbD0iIzU2NTg2MiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA0LjAwMDAwMCwgNTM2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTctQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3OC4wMDAwMDAsIDI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC40OTIwMjY2MSwxNC43ODY5MTc4IEMzLjY2NzAyNjM1LDE0Ljc4MjkxNzggMy4wMDAwMjYxNCwxNC4xMTI5MTc2IDMuMDAwMDI2MTQsMTMuMjg2OTE3NCBMMy4wMDAwMjYxNCw0LjMzNDkxNDYxIEMzLjAwMDAyNjE0LDMuNTA2OTE0MzUgMy42NzIwMjYzNSwyLjgzNDkxNDE0IDQuNTAwMDI2NjEsMi44MzQ5MTQxNCBDNS4zMjgwMjY4NiwyLjgzNDkxNDE0IDYuMDAwMDI3MDcsMy41MDY5MTQzNSA2LjAwMDAyNzA3LDQuMzM0OTE0NjEgTDYuMDAwMDI3MDcsMTEuODM0OTE2OSBMMTMuNTAwMDI5NCwxMS44MzQ5MTY5IEMxNC4zMjgwMjk2LDExLjgzNDkxNjkgMTUuMDAwMDI5OSwxMi41MDY5MTcxIDE1LjAwMDAyOTksMTMuMzM0OTE3NCBDMTUuMDAwMDI5OSwxNC4xNjI5MTc2IDE0LjMyODAyOTYsMTQuODM0OTE3OSAxMy41MDAwMjk0LDE0LjgzNDkxNzkgQzEzLjUwMDAyOTQsMTQuODM0OTE3OSA3LjM5MDAyNzUsMTQuODAyOTE3OCA0LjQ5MjAyNjYxLDE0Ljc4NjkxNzggWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAyOCwgOC44MzQ5MTYpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkuMDAwMDI4LCAtOC44MzQ5MTYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
                width: 18px;
                height: 18px;
                transform: rotate(-90deg) translateX(5px);
                transition: all .3s
            }

        .modal-collapse .modal-collapse__content {
            display: none
        }

    .modal-collapse--opened .modal-collapse__content {
        display: block
    }

    .modal-collapse--opened .modal-collapse__title:after {
        transform: rotate(0) translateX(2px)
    }
}

.not-italic {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
}

.methods-modal .breadcrumbs-item {
    margin-bottom: 0
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding-left: 193px;
    z-index: 1;
    overflow: hidden
}

@media only screen and (max-width:1000px) {
    .header {
        z-index: 90
    }
}

@media only screen and (max-width:700px) {
    .header {
        padding: 13px 15px;
        box-sizing: border-box;
        height: 59px;
        position: fixed;
        transition: all .5s ease-out
    }
}

.header-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 193px;
    height: 60px;
    background: #fff url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-1.fe6f251.svg) no-repeat 20px/153px auto
}

.page-theme--explore .header-logo {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-4.838c3b9.svg)
}

.page-theme--filter .header-logo {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-3.b3e8226.svg)
}

.page-theme--discuss .header-logo {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-1.fe6f251.svg)
}

.page-theme--quiz .header-logo {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-2.25ab8c8.svg)
}

.page-theme--methods .header-logo {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/logo-color-5.c07f04c.svg)
}

.header-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    width: 640px;
    position: relative
}

    .header-nav:after {
        content: "";
        position: absolute;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff
    }

@media only screen and (max-width:1285px) {
    .header-nav {
        width: calc(100% - 271px - 200px);
        margin-right: 271px
    }
}

@media only screen and (max-width:1024px) {
    .header-nav {
        width: calc(100% - 271px - 150px);
        margin-right: 271px
    }
}

@media only screen and (max-width:1000px) {
    .header-nav {
        width: calc(100% - 271px + 104px)
    }
}

@media only screen and (max-width:700px) {
    .header-nav {
        display: none
    }
}

.header-nav__item {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 160px;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

@media only screen and (min-width:1000px) {
    .header-nav__item:hover .header-nav__item-bg {
        opacity: 0
    }

    .header-nav__item:hover .header-nav__item-text {
        color: #fff
    }
}

.header-nav__item--active .header-nav__item-bg, .header-nav__item--hover .header-nav__item-bg {
    opacity: 0
}

.header-nav__item--active .header-nav__item-text, .header-nav__item--hover .header-nav__item-text {
    color: #fff
}

.header-nav__item-text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .65px;
    color: #565861;
    text-decoration: none
}

@media only screen and (max-width:1000px) {
    .header-nav__item-text {
        font-size: 11px
    }
}

.header-nav__item-bg {
    left: 0;
    width: 100%
}

.header-nav__item-bg, .header-nav__item-corner {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #fff
}

.header-nav__item-corner {
    width: 8px
}

.header-nav__item-corner--left {
    left: 0;
    border-radius: 0 0 8px 0
}

    .header-nav__item-corner--left:after {
        content: "";
        position: absolute;
        left: 7px;
        top: -1px;
        width: 14px;
        height: 13px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDYgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDMuMiAoMzkwNjkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguMDAwMDAwLCAtMTguMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Im1lbnUtaXRlbS1jb3JuZXItbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0xLjU5ODcyMTE2ZS0xNCw2LjA3ODkzNDEzZS0xNSBDLTEuMjQzNDQ5NzllLTE0LDEuMzA0NjA0NjdlLTE0IDYsNi4wNzg5MzQxM2UtMTUgNiw3IEw2LDYuNTg1OTA3MDZlLTE1IEM2LDYuNTg1OTA3MDZlLTE1IC0xLjk1Mzk5MjUyZS0xNCwtOC44ODE3ODQyZS0xNiAtMS41OTg3MjExNmUtMTQsNi4wNzg5MzQxM2UtMTUgWiIgaWQ9IlBhdGgtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zLjAwMDAwMCwgLTMuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat left 0/100% auto
    }

.header-nav__item-corner--right {
    right: 0;
    border-radius: 0 0 0 8px
}

    .header-nav__item-corner--right:after {
        content: "";
        position: absolute;
        right: 7px;
        top: -1px;
        width: 14px;
        height: 13px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDYgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDMuMiAoMzkwNjkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguMDAwMDAwLCAtMTguMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Im1lbnUtaXRlbS1jb3JuZXItbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zLjAwMDAwMCwgLTMuNTAwMDAwKSAiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMS41OTg3MjExNmUtMTQsNi4wNzg5MzQxM2UtMTUgQy0xLjI0MzQ0OTc5ZS0xNCwxLjMwNDYwNDY3ZS0xNCA2LDYuMDc4OTM0MTNlLTE1IDYsNyBMNiw2LjU4NTkwNzA2ZS0xNSBDNiw2LjU4NTkwNzA2ZS0xNSAtMS45NTM5OTI1MmUtMTQsLTguODgxNzg0MmUtMTYgLTEuNTk4NzIxMTZlLTE0LDYuMDc4OTM0MTNlLTE1IFoiIGlkPSJQYXRoLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAzLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMy4wMDAwMDAsIC0zLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat right 0/100% auto
    }

.header-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 193px - 640px);
    background-color: #fff;
    z-index: -1
}

@media only screen and (max-width:1065px) {
    .header-bg {
        width: calc(100% - 193px - 439px)
    }
}

@media only screen and (max-width:1000px) {
    .header-bg {
        width: 100px
    }
}

@media only screen and (max-width:700px) {
    .header-bg {
        display: none
    }
}

.languages {
    position: absolute;
    left: 66%;
    top: 20px;
    font-size: 12px;
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/icon-earth.0631bcc.svg) no-repeat 0/12px auto;
    padding-left: 12px
}

    .languages .item {
        color: #b2b2b2;
        border-right: 1px solid #565862;
        padding: 0 9px;
        cursor: pointer
    }

    .languages .item--active {
        color: #565862;
        cursor: auto
    }

    .languages .item:last-child {
        border: none
    }

@media only screen and (max-width:1210px) {
    .languages {
        left: calc(66% - 60px)
    }
}

@media only screen and (max-width:1000px) {
    .languages {
        display: none
    }
}

.header-compare {
    left: 77px
}

    .header-compare:after {
        left: -77px;
        width: 77px
    }

    .header-compare:after, .header-compare:before {
        content: "";
        top: 0;
        height: 60px;
        position: absolute;
        background: #fff
    }

    .header-compare:before {
        left: -190px;
        width: 200px
    }

@media only screen and (max-width:700px) {
    .header-compare:before {
        display: none
    }
}

@media only screen and (max-width:1000px) {
    .header-compare {
        left: 0
    }
}

.header-mobile {
    display: none;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 6px;
    width: 84px;
    box-sizing: border-box;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 12px;
    color: #fff;
    position: relative;
    float: right
}

@media only screen and (max-width:700px) {
    .header-mobile {
        display: block
    }
}

.header-mobile__lines {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMiA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgODwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJIb21lLVNjcmVlbi0oRnVsbCktIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzMzLjAwMDAwMCwgLTEyNi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMC4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIzLjAwMDAwMCwgMTMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAwMDAwMCwgMTYuMDAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTE2LjAwMDAwMCwgLTE2LjAwMDAwMCkgdHJhbnNsYXRlKDEzLjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDYuMDAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC02LjAwMDAwMCkgIiB4PSItMC41IiB5PSI1LjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtOS1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCA2LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTMuMDAwMDAwLCAtNi4wMDAwMDApICIgeD0iLTMiIHk9IjUuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS05LUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDYuMDAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMC41MDAwMDAsIC02LjAwMDAwMCkgIiB4PSItNS41IiB5PSI1LjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    width: 12px;
    height: 6px;
    display: inline-block;
    background-size: cover;
    margin-right: 5px;
    position: relative;
    top: -2px;
    left: 4px
}

.header-mobile__number {
    position: absolute;
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: 100%;
    top: -7px;
    right: -7px;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 9px;
    color: #565862;
    text-align: center;
    line-height: 19px
}

.mobile-header {
    width: 155px;
    float: left
}

.mobile-header__title {
    color: #fff;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    text-decoration: none
}

@media only screen and (max-width:700px) {
    .header-fixed {
        background: linear-gradient(-45deg,rgba(123,149,130,.9),rgba(191,159,162,.9) 50%,rgba(145,138,173,.9));
        padding-top: 13px
    }

    .page-theme--explore-index .header-fixed, .page-theme--explore .header-fixed {
        background: #81c19e
    }

    .page-theme--filter .header-fixed {
        background: #6a97af
    }

    .page-theme--quiz .header-fixed {
        background: #e1aa98
    }

    .page-theme--discuss .header-fixed {
        background: #9c9bbd
    }
}

.popup-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 50;
    visibility: hidden;
    overflow: hidden
}

.popup-box-open {
    visibility: visible
}

.popup-bg {
    background: #3b3f57;
    position: absolute;
    width: calc(100% - 270px);
    height: 100%;
    top: 60px;
    left: 0;
    z-index: 5;
    transition: all .3s;
    opacity: 0;
    border-radius: 0 4px 0 0
}

.popup-bg-open {
    opacity: .6
}

@media only screen and (max-width:1000px) {
    .popup-bg {
        width: calc(100% - 80px);
        top: 0
    }
}

@media only screen and (max-width:700px) {
    .popup-bg {
        width: 100%
    }
}

.popup {
    background: #fff;
    position: relative;
    padding: 40px 110px;
    border-radius: 10px;
    color: #3b3f57;
    z-index: 10;
    transition: all .3s;
    opacity: 0;
    margin-right: 270px;
    margin-top: 60px
}

.popup-open {
    opacity: 1
}

@media only screen and (max-width:1000px) {
    .popup {
        margin-right: 80px;
        padding: 40px 60px
    }
}

@media only screen and (max-width:700px) {
    .popup {
        width: calc(100% - 30px);
        box-sizing: border-box;
        padding: 28px 25px;
        margin: 0 auto
    }
}

.popup__close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgNzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWxrLVdpdGgtWW91ci1Qcm92aWRlci1Db3B5LTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzI4LjAwMDAwMCwgLTI3LjAwMDAwMCkiIHN0cm9rZT0iIzNCM0Y1NyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzI4LjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjAwMDAwMCwgMTEuMDAwMDAwKSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTEuMDAwMDAwLCAtMTEuMDAwMDAwKSAiIGN4PSIxMSIgY3k9IjExIiByPSIxMCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNjczMjAyNiwxNS41Mjk0MTE4IEw2LjQ3MDU4ODI0LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi40NzA1ODgyNCwxNS41Mjk0MTE4IEwxNS41Mjk0MTE4LDYuNDcwNTg4MjQiIGlkPSJQYXRoLTQtQ29weSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    background-size: cover;
    transition: all .3s
}

@media only screen and (max-width:700px) {
    .popup__close-btn {
        top: 8px;
        right: 10px
    }
}

.popup__close-btn:hover {
    content: "";
    transform: rotate(90deg)
}

.popup__question {
    text-align: center;
    font-size: 49px;
    line-height: 60px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
}

@media only screen and (max-width:700px) {
    .popup__question {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: 2px
    }
}

.popup__answer-btn-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 30px
}

@media only screen and (max-width:700px) {
    .popup__answer-btn-box {
        margin-top: 18px
    }
}

.popup__answer-btn {
    width: 140px;
    height: 42px;
    border-radius: 23px;
    color: #3b3f57;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    cursor: pointer;
    margin-bottom: 0
}

@media only screen and (max-width:700px) {
    .popup__answer-btn {
        width: 96px
    }
}

.popup__answer-btn:after {
    border: 2px solid #3b3f57
}

.popup__answer-btn:hover .button__text {
    color: #fff
}

@media only screen and (max-width:1000px) {
    .popup__answer-btn:hover .button__text {
        color: #3b3f57
    }
}

.popup__answer-btn .button--hover {
    background: #3b3f57
}

.popup__answer-btn .button__text, .popup__answer-btn a {
    color: inherit
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .bg {
        min-height: 100vh
    }
}

.bg > * {
    bottom: 0;
    right: 0;
    overflow: hidden
}

.bg:before, .bg > * {
    position: absolute;
    top: 0;
    left: 0
}

.bg:before {
    content: "";
    width: 100px;
    height: 60px;
    background: #fff;
    z-index: 1
}

@media only screen and (max-width:700px) {
    .bg:before {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .bg--fixed {
        position: fixed
    }
}

.bg-image {
    position: absolute;
    left: calc(-5% - 271px/2);
    top: -10%;
    width: 110%;
    height: 110%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    transition: opacity .5s ease;
    opacity: 0;
    transition: all 2s cubic-bezier(.19,1,.22,1)
}

@media only screen and (max-width:1000px) {
    .bg-image {
        right: 0
    }
}

.compare-open .bg-image {
    visibility: hidden
}

.bg-explore .bg-image {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-1.ee3b0ce.png)
}

.bg-filter .bg-image {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-2.79b18df.png)
}

.bg-quiz .bg-image {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-3.2d6448f.png)
}

.bg-discuss .bg-image {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-4.3efe974.png)
}

.bg-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(88vw - 100px - 271px);
    height: calc(88vw - 100px - 271px);
    border-radius: 100%;
    border: 100px solid #000;
    margin-left: calc(-44vw - 50px);
    margin-top: calc(-44vw - 50px + 135px);
    opacity: 0;
    transform: scale(.9);
    transition: transform .5s
}

@media only screen and (max-width:1000px) {
    .bg-circle {
        width: calc(88vw - 80px);
        height: calc(88vw - 91px);
        top: 40%;
        margin-left: calc(-44vw - 95px)
    }
}

@media only screen and (max-width:700px) {
    .bg-circle {
        width: 100%;
        height: 100vw;
        top: 10%;
        left: -16%;
        margin: 0;
        border: 50px solid #000
    }
}

.compare-open .bg-circle {
    visibility: hidden
}

.bg-shadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.4);
    transition: all 1.5s;
    opacity: 1
}

.bg-shadow--light {
    opacity: .5
}

.bg-discuss, .bg-explore, .bg-filter, .bg-page-explore-index, .bg-popup, .bg-quiz {
    visibility: hidden
}

.bg--discuss .bg-discuss, .bg--explore .bg-explore, .bg--filter .bg-filter, .bg--popup .bg-popup, .bg--quiz .bg-quiz, .bg-home {
    visibility: visible
}

    .bg--discuss .bg-discuss .bg-circle, .bg--explore .bg-explore .bg-circle, .bg--filter .bg-filter .bg-circle, .bg--popup .bg-popup .bg-circle, .bg--quiz .bg-quiz .bg-circle, .bg-home .bg-circle {
        opacity: .05;
        transform: scale(1)
    }

    .bg--discuss .bg-discuss .bg-image, .bg--explore .bg-explore .bg-image, .bg--filter .bg-filter .bg-image, .bg--popup .bg-popup .bg-image, .bg--quiz .bg-quiz .bg-image, .bg-home .bg-image {
        opacity: .5;
        transform: scale(1)
    }

.bg--hovered .bg-home .bg-circle, .bg--hovered .bg-home .slide {
    opacity: 0
}

.bg--hovered .bg-home .bg-image {
    opacity: 0;
    transform: scale(10)
}

.bg-page-image {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:1000px) and (min-width:700px) {
    .bg-page-image {
        visibility: hidden
    }
}

@media only screen and (max-width:700px) {
    .bg-page-image {
        left: 50%;
        transform: translateX(-50%)
    }

    .compare-open .bg-page-image {
        visibility: hidden
    }
}

.bg-page-green {
    position: relative
}

    .bg-page-green .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-page-1.5866c0a.png) no-repeat 0 0;
        position: relative;
        z-index: 1
    }

@media only screen and (max-width:700px) {
    .bg-page-green .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/explore-mobile.4d38b76.png) no-repeat 0 0;
        width: 184px;
        height: 140px;
        top: -10px;
        left: calc(50% - 7px);
        opacity: .4
    }
}

.bg-page-green .mask {
    background: linear-gradient(45deg,#92ccb3,#76da90);
    opacity: .3
}

.bg-page-blue {
    position: relative
}

    .bg-page-blue .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-page-2.c08b88f.png) no-repeat 0 0;
        z-index: 1
    }

@media only screen and (max-width:700px) {
    .bg-page-blue .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/filter-mobile.c4744b6.png);
        background-position: top;
        background-repeat: no-repeat;
        position: relative;
        top: -20px;
        z-index: 1
    }
}

.bg-page-blue .mask {
    background: linear-gradient(45deg,#769ec8,#73aab9)
}

.bg-page-beige {
    position: relative
}

    .bg-page-beige .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-page-3.db56347.png) no-repeat 0 0;
        z-index: 1
    }

@media only screen and (max-width:700px) {
    .bg-page-beige .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/quiz-mobile.4a47197.png);
        background-position: top;
        background-repeat: no-repeat;
        position: relative;
        top: -20px;
        z-index: 1
    }
}

.bg-page-beige .mask {
    background: linear-gradient(45deg,#e3b6ad,#dfa896);
    opacity: .3
}

.bg-page-discuss .bg-page-image {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-blur.83d8afd.png) no-repeat -250px 0;
    top: 0;
    z-index: 1
}

@media only screen and (max-width:700px) {
    .bg-page-discuss .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-blur.83d8afd.png);
        width: 350px;
        height: 390px;
        background-size: cover;
        top: -40px;
        position: relative;
        z-index: 1
    }
}

.bg-page-discuss .mask {
    background: linear-gradient(45deg,#8ba592,#cdadb0 50%,#9896b9);
    top: 0
}

.bg-page-blur {
    background: none
}

.page-theme--methods .bg-page-blur {
    background: linear-gradient(270deg,#3b3e56,#3b3e56 55%,rgba(59,62,86,.5));
    transition: all .3s;
    width: calc(100% - 270px)
}

    .page-theme--methods .bg-page-blur .bg-page-image {
        z-index: 1
    }

@media only screen and (max-width:1000px) {
    .page-theme--methods .bg-page-blur {
        width: 100%
    }
}

.bg-page-beige, .bg-page-blue, .bg-page-discuss, .bg-page-green {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.page-theme--explore-index .bg-page-explore-index, .page-theme--explore .bg-page-green {
    visibility: visible
}

    .page-theme--explore-index .bg-page-explore-index .bg-gradient {
        opacity: 1
    }

.page-theme--explore-index .bg-page-image {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/explore-index.4df5000.png) no-repeat 0 0;
    z-index: 1
}

@media only screen and (max-width:700px) {
    .page-theme--explore-index .bg-page-image {
        background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/explore1-mobile.813c3fe.png) no-repeat 0 0;
        width: 140px;
        height: 140px;
        top: -10px
    }
}

.page-theme--explore-index .mask {
    background: linear-gradient(45deg,#92ccb3,#76da90);
    opacity: .2
}

.page-theme--discuss .bg-page-discuss, .page-theme--filter .bg-page-blue, .page-theme--methods .bg-page-blur, .page-theme--quiz .bg-page-beige {
    visibility: visible
}

.slides {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 271px
}

@media only screen and (max-width:1000px) {
    .slides {
        right: 80px
    }
}

@media only screen and (max-width:700px) {
    .slides {
        right: 0
    }
}

.slide {
    position: absolute;
    left: -5%;
    top: -10%;
    width: 110%;
    height: 110%;
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg.443ffb2.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    transition: all .5s ease;
    opacity: 0
}

.slide-explore {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-1.ee3b0ce.png)
}

.slide-filter {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-2.79b18df.png)
}

.slide-quiz {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-3.2d6448f.png)
}

.slide-discuss {
    background-image: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/bg-4.3efe974.png)
}

.slide--showing {
    opacity: .6;
    transition: opacity .5s ease
}

.mask {
    position: absolute;
    display: none;
    top: 110px;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .4
}

@media only screen and (max-width:700px) {
    .screentest .bg-wrapp {
        height: 520px
    }
}

.BgGradient[data-v-6cd449b6] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.home-nav {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 29%
}

@media only screen and (max-width:1380px) {
    .home-nav {
        bottom: 15%
    }
}

@media only screen and (max-width:1000px) {
    .home-nav {
        right: 0;
        left: 0;
        position: relative;
        top: 0
    }
}

@media only screen and (max-width:1024px) {
    .home-nav {
        bottom: 30%
    }
}

.home-nav__items {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1000px) {
    .home-nav__items {
        padding: 0 20px
    }
}

@media only screen and (max-width:700px) {
    .home-nav__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }
}

.home-nav__item {
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    padding: 6%
}

@media only screen and (max-width:700px) {
    .home-nav__item {
        width: 50%;
        margin-bottom: 30px;
        padding: 0
    }
}

.home-nav__icon {
    display: block;
    position: relative;
    width: 74px;
    height: 60px;
    padding-top: 14px;
    border-radius: 100%;
    text-align: center;
    transition: background-color .3s
}

@media only screen and (max-width:700px) {
    .home-nav__icon {
        margin: 0 auto
    }
}

.home-nav__icon:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 100%;
    border: 1px dashed transparent;
    opacity: 0;
    transition: all .3s
}

.home-nav__item--active .home-nav__icon, .home-nav__item--hover .home-nav__icon {
    background-color: #fff
}

    .home-nav__item--active .home-nav__icon:before, .home-nav__item--hover .home-nav__icon:before {
        opacity: 1
    }

.home-nav__item--active .home-nav__icon--explore svg g, .home-nav__item--hover .home-nav__icon--explore svg g {
    stroke: #8ecfae
}

.home-nav__item--active .home-nav__icon--explore:before, .home-nav__item--hover .home-nav__icon--explore:before {
    border-color: #8ecfae
}

.home-nav__item--active .home-nav__icon--filter svg g, .home-nav__item--hover .home-nav__icon--filter svg g {
    stroke: #7ab5c3
}

.home-nav__item--active .home-nav__icon--filter:before, .home-nav__item--hover .home-nav__icon--filter:before {
    border-color: #7ab5c3
}

.home-nav__item--active .home-nav__icon--quiz svg g, .home-nav__item--hover .home-nav__icon--quiz svg g {
    stroke: #e1aa98
}

.home-nav__item--active .home-nav__icon--quiz:before, .home-nav__item--hover .home-nav__icon--quiz:before {
    border-color: #e1aa98
}

.home-nav__item--active .home-nav__icon--discuss svg g, .home-nav__item--hover .home-nav__icon--discuss svg g {
    stroke: #978590
}

.home-nav__item--active .home-nav__icon--discuss:before, .home-nav__item--hover .home-nav__icon--discuss:before {
    border-color: #978590
}

.home-nav__text {
    display: block;
    text-align: center;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase
}

.home-title {
    top: 12%;
    left: 12%;
    position: absolute;
    width: 74%
}

@media only screen and (max-width:1000px) {
    .home-title {
        position: relative;
        text-align: center;
        left: 0;
        top: 0;
        margin-bottom: 30px;
        width: 100%;
        height: 200px
    }
}

@media only screen and (max-width:700px) {
    .home-title {
        margin-bottom: 10px;
        margin-top: 100px;
        height: auto
    }
}

@media only screen and (max-height:900px) {
    .home-title {
        top: 0
    }
}

.home-title__text {
    color: #fff;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    font-size: 5.2vw;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px
}

@media only screen and (max-width:1000px) {
    .home-title__text {
        font-size: 64px
    }
}

@media only screen and (max-width:700px) {
    .home-title__text {
        font-size: 30px;
        letter-spacing: 3px
    }
}

.home-title__subtitle {
    font-size: 1.45vw;
    color: #fff;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    text-align: center
}

@media only screen and (max-width:1000px) {
    .home-title__subtitle {
        font-size: 18px
    }
}

@media only screen and (max-width:700px) {
    .home-title__subtitle {
        font-size: 16px
    }
}

.mobile-line {
    margin-top: 50px;
    margin-bottom: 80px
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    background: #fafafa;
    width: 100%;
    height: 48px;
    border-radius: 4px 4px 0 0;
    z-index: 99;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5)
}

.mobile-menu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mobile-menu-list__item {
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 10px;
    color: #565862;
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 35px;
    position: relative
}

    .mobile-menu-list__item:before {
        content: "";
        position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        width: 22px;
        height: 28px;
        top: 3px;
        left: 50%;
        transform: translateX(-50%)
    }

.mobile-menu-list__item--explore:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZmlsdGVyLWJvdHRvbS1iYXItbW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMDAwMDAwLCAtNC4wMDAwMDApIiBzdHJva2U9IiM1NjU4NjIiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjA2ODY2ODgsMTUuMDM4OTUzMyBDMTYuMDY4NjY4OCwxMi4xOTQ4MDczIDEzLjc5MTc2OTcsOS44ODkzMDM2NSAxMC45ODMxMzY3LDkuODg5MzAzNjUgQzguMTc0NTAzNjcsOS44ODkzMDM2NSA1Ljg5NzcwNTUsMTIuMTk0ODA3MyA1Ljg5NzcwNTUsMTUuMDM4OTUzMyBDNS44OTc3MDU1LDE3Ljg4Mjk5NzEgOC4xNzQ1MDM2NywyMC4xODg2MDI5IDEwLjk4MzEzNjcsMjAuMTg4NjAyOSBDMTMuNzkxNzY5NywyMC4xODg2MDI5IDE2LjA2ODY2ODgsMTcuODgyOTk3MSAxNi4wNjg2Njg4LDE1LjAzODk1MzMgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2Utd2lkdGg9IjAuNTA5MDkwOTU1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwyMC4xODg1NjIgTDExLDI3Ljk0ODg1NCIgaWQ9IlN0cm9rZS0zIiBzdHJva2Utd2lkdGg9IjAuNTA5MDkwOTA5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC41ODI1OTkxLDE1LjAzODk1MzMgQzE0LjU4MjU5OTEsMTMuMDI2MDE5IDEyLjk3MTA0ODYsMTEuMzk0MTUwNCAxMC45ODMxNzcxLDExLjM5NDE1MDQiIGlkPSJTdHJva2UtNSIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjk4MzE3NzEsMi4xOTcwNzAwNyBDMTAuOTgzMTc3MSwyLjE5NzA3MDA3IDE0LjExMTYxNzQsMC4wNTEwODQ2NzE1IDIwLjgwNTc3MzQsMC4wNTEwODQ2NzE1IEwyMC44MDU3NzM0LDEyLjU4NjM5ODUgQzIwLjgwNTc3MzQsMTIuNTg2Mzk4NSAxOC4zOTU5NjYxLDEyLjgwMDY5MDUgMTUuODIwODU2LDEzLjQ0NzM0NzQiIGlkPSJTdHJva2UtNyIgc3Ryb2tlLXdpZHRoPSIwLjUwOTA5MDk1NSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuMDQxMDc4LDE0LjUwMDM2MiBDMTcuODkxOTAzNywxNC4yMTcxOTQyIDIwLjAwMTA3OCwxMy45ODI5NzUyIDIxLjkxNTg4NTMsMTMuOTgyOTc1MiBMMjEuOTE1ODg1MywxLjE3NTIyMzM2IiBpZD0iU3Ryb2tlLTkiIHN0cm9rZS13aWR0aD0iMC41MDkwOTA5NTUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjk4MzE3NzEsMi4xOTcwNzAwNyBDMTAuOTgzMTc3MSwyLjE5NzA3MDA3IDcuODU0NzM2NywwLjA1MTA4NDY3MTUgMS4xNjA0Nzk4MiwwLjA1MTA4NDY3MTUgTDEuMTYwNDc5ODIsMTIuNTg2Mzk4NSBDMS4xNjA0Nzk4MiwxMi41ODYzOTg1IDMuNTcwMzg4MDcsMTIuODAwNjkwNSA2LjE0NTQ5ODE3LDEzLjQ0NzM0NzQiIGlkPSJTdHJva2UtMTEiIHN0cm9rZS13aWR0aD0iMC41MDkwOTA5NTUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuOTI1Mjg2MjQsMTQuNTAwMzYyIEM0LjA3NDU2MTQ3LDE0LjIxNzE5NDIgMS45NjUyODYyNCwxMy45ODI5NzUyIDAuMDUwNDc4ODk5MSwxMy45ODI5NzUyIEwwLjA1MDQ3ODg5OTEsMS4xNzUyMjMzNiIgaWQ9IlN0cm9rZS0xMyIgc3Ryb2tlLXdpZHRoPSIwLjUwOTA5MDk1NSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsOS44ODkyOTM0MyBMMTEsMy40OTE0OTc4MSIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlLXdpZHRoPSIwLjUwOTA5MDkwOSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuOTU4Njg5LDEzLjk3MDM1NDcgQzE1Ljk1ODY4OSwxMy45NzAzNTQ3IDE5LjY2MjA1NiwxMy4yNzYxNzk2IDIxLjMwMTk2NDIsMTMuMjc2MTc5NiIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDA4ODA1NSwxMy45NzAzNTQ3IEM2LjAwODgwNTUsMTMuOTcwMzU0NyAyLjMwNTQzODUzLDEzLjI3NjE3OTYgMC42NjU1MzAyNzUsMTMuMjc2MTc5NiIgaWQ9IlN0cm9rZS0yMSIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-size: cover
}

.mobile-menu-list__item--filter:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjMgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZGlzY3Vzcy1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMS4wMDAwMDAsIC02LjAwMDAwMCkiIHN0cm9rZT0iIzU2NTg2MiIgc3Ryb2tlLXdpZHRoPSIwLjU0MTY2NjY2NyI+CiAgICAgICAgICAgIDxnIGlkPSJyZWZsZWN0LWJvdHRvbS1iYXItbW9iaWxlIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDUuMzEyNTAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwLjAwMDAwMCwgMS4wNjI1MDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAuODUxMTAxMSwxLjg4MTIyNjI1IEMyMC44NTExMDExLDAuODQyMjMwMjE1IDE2LjE4MzQwNDMsMCAxMC40MjU0OTQ3LDAgQzQuNjY3Njk2ODEsMCAwLDAuODQyMjMwMjE1IDAsMS44ODEyMjYyNSBDMCwyLjkyMDIyMjI5IDQuNjY3Njk2ODEsMy43NjI0NTI1IDEwLjQyNTQ5NDcsMy43NjI0NTI1IEMxNi4xODM0MDQzLDMuNzYyNDUyNSAyMC44NTExMDExLDIuOTIwMjIyMjkgMjAuODUxMTAxMSwxLjg4MTIyNjI1IFoiIGlkPSJTdHJva2UtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuNDQwMzA3NjIsNS40NDQyNzQ5IEM0LjM1MjUzNjM0LDUuODYyMzg4MTEgNy40MzEwOTU3NCw2LjA2NDYyMzk0IDEwLjY2OTg5ODksNi4wNjQ2MjM5NCBDMTMuOTkzOTMwOSw2LjA2NDYyMzk0IDE2LjIwOTkxNzUsNS44ODE0MTkgMTguMTE5MDE4Niw1LjQ0NDI3NDkiIGlkPSJTdHJva2UtMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLjgwNjc5MjYsMi4yMjM2MzEyNSBDMTkuNTA1NDYyOCwxLjQ1MjMxMzc2IDE1LjUzMTc3MTMsMC44OTExMjkwMzIgMTAuODMxNjgwOSwwLjg5MTEyOTAzMiBDNi4xNTM0ODQwNCwwLjg5MTEyOTAzMiAyLjE5NDg3MjM0LDEuNDQ3MTAyOTMgMC44NzUsMi4yMTI5ODMwMiIgaWQ9IlN0cm9rZS01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAuMjQ0NTU4NSwyLjc5NjA2ODM4IEwxMS4xMzkwNDc5LDE0LjI1NjI4OTggTDExLjEzOTA0NzksMjUuODg0NzMwNyBDMTEuMTM5MDQ3OSwyNS44ODQ3MzA3IDEwLjc2Njc0NDcsMjcuMDE3NTIxOSA5LjIwMjkxNDg5LDI3LjAxNzUyMTkgTDkuMjAyOTE0ODksMTQuMjU2Mjg5OCBMMCwyLjY3MzM4NzEiIGlkPSJTdHJva2UtOSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: cover;
    width: 21px;
    height: 26px
}

.mobile-menu-list__item--quiz:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgMjAgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZGlzY3Vzcy1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4NC4wMDAwMDAsIC01LjAwMDAwMCkiIHN0cm9rZT0iIzU2NTg2MiI+CiAgICAgICAgICAgIDxnIGlkPSJyZWZsZWN0LWJvdHRvbS1iYXItbW9iaWxlIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDUuMzEyNTAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMTMzNzY1MDMsMjEuNzM2NjU0OCBDNy4wOTUzNzM0MywyMS4xNjc0OTA0IDcuMDc2MjQwNTYsMjAuNjMxMDc3IDcuMDc2MjQwNTYsMjAuMTI3Njc1NyBDNy4wNzYyNDA1NiwxOC45MDk0OTE0IDcuMTgxNzIzMDgsMTcuODgzMTE2NCA3LjM5MjQzNjM2LDE3LjA0ODgxMTYgQzcuNjAzMTQ5NjUsMTYuMjE0NjM3MyA3Ljg2NDk2NzgzLDE1LjQ4NjU0NTIgOC4xNzgxNDI2NiwxNC44NjM3NTI0IEM4LjQ5MDkzOTg2LDE0LjI0MTYxMjEgOC44Mjk2NjcxMywxMy42ODUzNjU0IDkuMTkzNjk1MSwxMy4xOTUyNzMyIEM5LjU1Nzg0ODk1LDEyLjcwNTQ0MjEgOS44OTYwNzI3MywxMi4xODU3MzA1IDEwLjIwOTM3MzQsMTEuNjM2MDA3OSBDMTAuNTIyMTcwNiwxMS4wODY1NDYzIDEwLjc4NDExNDcsMTAuNDY3NDA3IDEwLjk5NDk1MzgsOS43Nzg3MjA2MSBDMTEuMjA1NzkzLDkuMDkwMjk1MTggMTEuMzExMTQ5Nyw4LjIzNjE1NzAyIDExLjMxMTE0OTcsNy4yMTYzMDYxNCBDMTEuMzExMTQ5Nyw2LjQzNDk3NzE5IDExLjIyNDkyNTksNS43NTYzMzc5NCAxMS4wNTI0NzgzLDUuMTgwMjU3ODkgQzEwLjg4MDAzMDgsNC42MDQxNzc4NSAxMC42MzcwOTM3LDQuMTI3Mzk0OTYgMTAuMzI0Mjk2NSwzLjc1MDAzOTY5IEMxMC4wMTA5OTU4LDMuMzcyNjg0NDMgOS42NDA2NzQxMywzLjA5MTM2NDI1IDkuMjEyOTUzODUsMi45MDU4MTgyIEM4Ljc4NDczMDA3LDIuNzIwNTMzMTEgOC4zMTUyMTk1OCwyLjYyNzc2MDA5IDcuODA0NDIyMzgsMi42Mjc3NjAwOSBDNy4zODI4Njk5MywyLjYyNzc2MDA5IDYuOTk2MzEwNDksMi42Nzc0NzM5IDYuNjQ1MTIxNjgsMi43NzY2NDA1NyBDNi4yOTM1NTUyNCwyLjg3NjA2ODIgNS45ODcwNTE3NSwzLjAxNTE2MjUgNS43MjUzNTk0NCwzLjE5MzkyMzQ2IEM1LjQ2MzI4OTUxLDMuMzcyNjg0NDMgNS4yNjIxNDI2NiwzLjU4NDU4Nzk0IDUuMTIxNzkzMDEsMy44Mjk1MDM1MSBDNC45ODA5Mzk4Niw0LjA3NDY4MDA0IDQuOTEwOTUzODUsNC4zNDI4MjE0OSA0LjkxMDk1Mzg1LDQuNjMzOTI3ODUgQzQuOTEwOTUzODUsNC45Mzg3MzQ4NyA0Ljk4MDkzOTg2LDUuMjEwMDA3ODkgNS4xMjE3OTMwMSw1LjQ0ODM5OTM0IEM1LjI2MjE0MjY2LDUuNjg2NzkwNzkgNS40MTIxODQ2Miw1LjkyMjA1MDY2IDUuNTcyMDQ0NzYsNi4xNTM1MjY1NCBDNS43MzE1MjcyNyw2LjM4NTM5Mzg2IDUuODgxNjk1MSw2LjYyMDM5Mjc2IDYuMDIyNDIyMzgsNi44NTg3ODQyMSBDNi4xNjI3NzIwMyw3LjA5NzA0NTE4IDYuMjMzMTM1NjYsNy4zNjg3MDk2NSA2LjIzMzEzNTY2LDcuNjczMTI1MjIgQzYuMjMzMTM1NjYsOC4wMzA2NDcxNSA2LjE1OTQ5OTMsOC4zNTE4OTQ5NiA2LjAxMjg1NTk0LDguNjM2NjA3NjggQzUuODY1ODM0OTcsOC45MjE0NTA4OCA1LjY2NzgzNDk3LDkuMTY5NzU4OTkgNS40MTg3MzAwNyw5LjM4MTQwMTU0IEM1LjE2OTYyNTE3LDkuNTkzNDM1NTMgNC44NzU3MDkwOSw5Ljc1NTc1NTcgNC41MzcyMzM1Nyw5Ljg2ODEwMTEgQzQuMTk4NjMyMTcsOS45ODA3MDc0NiAzLjgzMTMzMTQ3LDEwLjAzNjk0NTQgMy40MzU0NTczNCwxMC4wMzY5NDU0IEMyLjk2MjY3NDEzLDEwLjAzNjk0NTQgMi41MjE4NjI5NCw5Ljk1MDk1NzQ2IDIuMTEzMjc1NTIsOS43Nzg3MjA2MSBDMS43MDQxODQ2Miw5LjYwNjc0NDc0IDEuMzQ2NzAyMSw5LjM2ODM1MzI5IDEuMDQwMTk4Niw5LjA2MzU0NjI3IEMwLjczMzU2OTIzMSw4Ljc1OTEzMDcgMC40OTQwMzA3NjksOC4zOTgwODU3NSAwLjMyMTU4MzIxNyw3Ljk4MTA2MzgyIEMwLjE0OTEzNTY2NCw3LjU2MzkxMTQgMC4wNjI5MTE4ODgxLDcuMTAzODMwMjYgMC4wNjI5MTE4ODgxLDYuNjAwNTU5NDMgQzAuMDYyOTExODg4MSw1LjQyMjA0MTg5IDAuMzMxMTQ5NjUsNC40MTg4OTI3NiAwLjg2Nzc1MTA0OSwzLjU5MTExMjA2IEMxLjQwNDIyNjU3LDIuNzYzNzIyODEgMi4wOTQxNDI2NiwyLjA4ODM0NTYxIDIuOTM3MjQ3NTUsMS41NjQ5ODA0OCBDMy43ODAzNTI0NSwxLjA0MjAwNjggNC43MTU5NzQ4MywwLjY2MTI1ODk5MSA1Ljc0NDQ5MjMxLDAuNDIyODY3NTQ0IEM2Ljc3MjYzMjE3LDAuMTg0NDc2MDk2IDcuNzg1Mjg5NTEsMC4wNjUzNDU2MTQgOC43ODE3MDkwOSwwLjA2NTM0NTYxNCBDMTAuMDk3MzQ1NSwwLjA2NTM0NTYxNCAxMS4zMTQxNzA2LDAuMjI0MjczMjQ2IDEyLjQzMjE4NDYsMC41NDE5OTgwMjYgQzEzLjU0OTgyMSwwLjg1OTg1MzI4OSAxNC41MTQyNjg1LDEuMzEzNTQwNzkgMTUuMzI1NjUzMSwxLjkwMjY2OTA4IEMxNi4xMzY2NjAxLDIuNDkyMDU4MzMgMTYuNzcyMzI0NSwzLjIxMzc1NjggMTcuMjMyMjY4NSw0LjA2Nzg5NDk2IEMxNy42OTIyMTI2LDQuOTIyMDMzMTEgMTcuOTIyMDU4Nyw1Ljg4NTM4NTA5IDE3LjkyMjA1ODcsNi45NTgwODEzNiBDMTcuOTIyMDU4Nyw3LjY5OTg3NDEyIDE3LjgwNzEzNTcsOC4zNjUyMDQxNyAxNy41NzcxNjM2LDguOTU0MzMyNDYgQzE3LjM0NzMxNzUsOS41NDM3MjE3MSAxNy4wNDA2ODgxLDEwLjA4NjUyODcgMTYuNjU3NDAxNCwxMC41ODMxNDUgQzE2LjI3NDExNDcsMTEuMDc5NzYxMiAxNS44Mzk3MjMxLDExLjU1MDAyIDE1LjM1NDM1MjQsMTEuOTkzNTI5OCBDMTQuODY4NzMwMSwxMi40MzczMDA3IDE0LjM3Mzc5MywxMi44ODA5NDEgMTMuODY5Mjg5NSwxMy4zMjQzMjA0IEMxMy4zNjQ1MzQzLDEzLjc2ODIyMTcgMTIuODY5NDcxMywxNC4yMzUwODc5IDEyLjM4NDIyNjYsMTQuNzI0Nzg4NiBDMTEuODk4NjA0MiwxNS4yMTQ4ODA3IDExLjQ2NDMzODUsMTUuNzU0NTU2MSAxMS4wODExNzc2LDE2LjM0MzY4NDQgQzEwLjY5Nzg5MDksMTYuOTMzMDczNyAxMC4zOTEzODc0LDE3LjU4ODYxNzUgMTAuMTYxNDE1NCwxOC4zMTAxODU1IEM5LjkzMTQ0MzM2LDE5LjAzMjAxNDUgOS44MTYzOTQ0MSwxOS44NTY1MzMxIDkuODE2Mzk0NDEsMjAuNzgzMjE5NSBMOS44MTYzOTQ0MSwyMS4yNjAwMDI0IEM5LjgxNjM5NDQxLDIxLjQxODc5OTYgOS44MjI2ODgxMSwyMS41Nzc3MjcyIDkuODM1NjUzMTUsMjEuNzM2NjU0OCBDOS44MzU2NTMxNSwyMS43MzY2NTQ4IDkuODE2MDE2NzgsMjIuNjEwMTA0NCA4LjQ3ODYwNDIsMjIuNjEwMTA0NCBDNy4xNDExOTE2MSwyMi42MTAxMDQ0IDcuMTMzNzY1MDMsMjEuNzM2NjU0OCA3LjEzMzc2NTAzLDIxLjczNjY1NDggWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2Utd2lkdGg9IjAuNjA5ODAwNDE3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS44MzEzMzU2NiwyMS4wMTcwOTYzIEM5LjgzMTMzNTY2LDIxLjAxNzA5NjMgOS4zNjcxMTE4OSwyMS41MjUyNjQ5IDguNTQxMjUxNzUsMjEuNTI1MjY0OSBDNy41NTUxNTM4NSwyMS41MjUyNjQ5IDcuMDk0OTU4MDQsMjEuMDE3MDk2MyA3LjA5NDk1ODA0LDIxLjAxNzA5NjMiIGlkPSJTdHJva2UtMyIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC45OTU2NzEzLDI3LjE5MzM1MjkgQzEwLjk5NTY3MTMsMjUuNzg4MDU2OCA5Ljg5Njc5MDIxLDI0LjY0ODk0NSA4LjU0MTEyNTg3LDI0LjY0ODk0NSBDNy4xODU0NjE1NCwyNC42NDg5NDUgNi4wODY1ODA0MiwyNS43ODgwNTY4IDYuMDg2NTgwNDIsMjcuMTkzMzUyOSBDNi4wODY1ODA0MiwyOC41OTg2NDg5IDcuMTg1NDYxNTQsMjkuNzM3NzYwNyA4LjU0MTEyNTg3LDI5LjczNzc2MDcgQzkuODk2NzkwMjEsMjkuNzM3NzYwNyAxMC45OTU2NzEzLDI4LjU5ODY0ODkgMTAuOTk1NjcxMywyNy4xOTMzNTI5IFoiIGlkPSJTdHJva2UtNSIgc3Ryb2tlLXdpZHRoPSIwLjYwOTgwMDQxNyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDg2NTgwNDIsMjcuMzkwMzQyMiBDNi4wODY1ODA0MiwyOC4wOTI5OTAyIDcuMTg1NDYxNTQsMjguNjYyNTQ2MiA4LjU0MTEyNTg3LDI4LjY2MjU0NjIgQzkuODk2NzkwMjEsMjguNjYyNTQ2MiAxMC45OTU2NzEzLDI4LjA5Mjk5MDIgMTAuOTk1NjcxMywyNy4zOTAzNDIyIiBpZD0iU3Ryb2tlLTciIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS45NjEzODg4MSwyNy4xOTMzNTI5IEM5Ljk2MTM4ODgxLDI2LjM4MDMxNjcgOS4zMjU0NzI3MywyNS43MjExMTkzIDguNTQxMTUxMDUsMjUuNzIxMTE5MyIgaWQ9IlN0cm9rZS05IiBzdHJva2Utd2lkdGg9IjAuNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjM2MjgwNDIsMi44ODAxMDAxMSBDMTQuMzYyODA0MiwyLjg4MDEwMDExIDE4LjA1NTA2OTksNi4yMDc0MDI3NCAxNS4wNzYxMzI5LDEwLjM4Mjg0MTMiIGlkPSJTdHJva2UtMTEiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-size: cover;
    width: 18px;
    height: 28px
}

.mobile-menu-list__item--discuss:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMzIgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZXhwbG9yZS1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1Ni4wMDAwMDAsIC03LjAwMDAwMCkiIHN0cm9rZT0iIzU2NTg2MiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI0LjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODk3MjMyNzYsMi41MzMzMiBDNS4xMTIzNjIwNywyLjUzMzMyIDEuMjMzNDM5NjYsNS44NTk3MiAxLjIzMzQzOTY2LDkuOTYzMTg2NjcgQzEuMjMzNDM5NjYsMTEuNjUxODUzMyAxLjg5MTUsMTMuMjA4MjUzMyAyLjk5ODEzNzkzLDE0LjQ1NjEyIEwwLjA2NDYwMzQ0ODMsMTkuNDM1ODUzMyBMNS4yMTI0NDgyOCwxNi4yMTE1ODY3IEM2LjU2MzQ4Mjc2LDE2Ljk1ODEyIDguMTcwNTUxNzIsMTcuMzkyOTIgOS44OTcyMzI3NiwxNy4zOTI5MiBDMTQuNjgyMTAzNCwxNy4zOTI5MiAxOC41NjEwMjU5LDE0LjA2NjUyIDE4LjU2MTAyNTksOS45NjMxODY2NyBDMTguNTYxMDI1OSw1Ljg1OTcyIDE0LjY4MjEwMzQsMi41MzMzMiA5Ljg5NzIzMjc2LDIuNTMzMzIgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2Utd2lkdGg9IjAuNjU0OTA1NzAxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC42MjA5NDQsMTcuMzU0NjggQzEyLjUwMDU5OTEsMTkuNzAzMDggMTUuMzQ1MDM4OCwyMS4yMDAwMTMzIDE4LjUyODY1OTUsMjEuMjAwMDEzMyBDMjAuOTczMTQyMiwyMS4yMDAwMTMzIDIzLjIxNjU0NzQsMjAuMzE2MTQ2NyAyNC45Nzc4ODM2LDE4Ljg0MzM0NjcgTDI5Ljk3NzAyMTYsMjEuOTc0NDEzMyBMMjYuODkxNTQ3NCwxNi43MzY2OCBDMjguMDc3MTk0LDE1LjAxMjY4IDI4Ljc3NjUwNDMsMTIuOTA3NzQ2NyAyOC43NzY1MDQzLDEwLjYzMzM0NjcgQzI4Ljc3NjUwNDMsNC43OTc0OCAyNC4xODg0NDQsMC4wNjY2OCAxOC41Mjg2NTk1LDAuMDY2NjggQzE1LjkzMTcxOTgsMC4wNjY2OCAxMy41NjAyOTc0LDEuMDYyODEzMzMgMTEuNzU0MzQ5MSwyLjcwNDU0NjY3IiBpZD0iU3Ryb2tlLTMiIHN0cm9rZS13aWR0aD0iMC42NTQ5MDU3MDEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjY0MDc4NDUsMTcuMDgyMjggQzEyLjY0MDc4NDUsMTcuMDgyMjggMTcuMjM1NTY5LDIyLjIwMDAxMzMgMjMuNzk4MDY5LDE3LjYwMDAxMzMiIGlkPSJTdHJva2UtNSIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjMyODI2NzIsMTAuMjMyNTU4MSBMNC40NjYxOTgyOCwxMC4yMzI1NTgxIiBpZD0iU3Ryb2tlLTciIHN0cm9rZS13aWR0aD0iMC41MDM3NzM1NzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjMyODI2NzIsMTEuNzY3NDQxOSBMNC40NjYxOTgyOCwxMS43Njc0NDE5IiBpZD0iU3Ryb2tlLTkiIHN0cm9rZS13aWR0aD0iMC41MDM3NzM1NzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjAyNjU0MzEsMTMuMzAyMzI1NiBMNC40NjYxOTgyOCwxMy4zMDIzMjU2IiBpZD0iU3Ryb2tlLTExIiBzdHJva2Utd2lkdGg9IjAuNTAzNzczNTc3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4zMjgyNjcyLDguNjk3Njc0NDIgTDQuNDY2MTk4MjgsOC42OTc2NzQ0MiIgaWQ9IlN0cm9rZS0xMyIgc3Ryb2tlLXdpZHRoPSIwLjUwMzc3MzU3NyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuMzI4MjY3Miw3LjE2Mjc5MDcgTDQuNDY2MTk4MjgsNy4xNjI3OTA3IiBpZD0iU3Ryb2tlLTE1IiBzdHJva2Utd2lkdGg9IjAuNTAzNzczNTc3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: cover;
    width: 30px;
    height: 22px
}

.mobile-menu-list__item--active.mobile-menu-list__item--explore {
    color: #81c19e
}

    .mobile-menu-list__item--active.mobile-menu-list__item--explore:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZXhwbG9yZS1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3LjAwMDAwMCwgLTQuMDAwMDAwKSIgc3Ryb2tlPSIjOTJDQ0IzIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi4wNjg2Njg4LDE1LjAzODk1MzMgQzE2LjA2ODY2ODgsMTIuMTk0ODA3MyAxMy43OTE3Njk3LDkuODg5MzAzNjUgMTAuOTgzMTM2Nyw5Ljg4OTMwMzY1IEM4LjE3NDUwMzY3LDkuODg5MzAzNjUgNS44OTc3MDU1LDEyLjE5NDgwNzMgNS44OTc3MDU1LDE1LjAzODk1MzMgQzUuODk3NzA1NSwxNy44ODI5OTcxIDguMTc0NTAzNjcsMjAuMTg4NjAyOSAxMC45ODMxMzY3LDIwLjE4ODYwMjkgQzEzLjc5MTc2OTcsMjAuMTg4NjAyOSAxNi4wNjg2Njg4LDE3Ljg4Mjk5NzEgMTYuMDY4NjY4OCwxNS4wMzg5NTMzIFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlLXdpZHRoPSIwLjUwOTA5MDk1NSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjAuMTg4NTYyIEwxMSwyNy45NDg4NTQiIGlkPSJTdHJva2UtMyIgc3Ryb2tlLXdpZHRoPSIwLjUwOTA5MDkwOSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuNTgyNTk5MSwxNS4wMzg5NTMzIEMxNC41ODI1OTkxLDEzLjAyNjAxOSAxMi45NzEwNDg2LDExLjM5NDE1MDQgMTAuOTgzMTc3MSwxMS4zOTQxNTA0IiBpZD0iU3Ryb2tlLTUiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC45ODMxNzcxLDIuMTk3MDcwMDcgQzEwLjk4MzE3NzEsMi4xOTcwNzAwNyAxNC4xMTE2MTc0LDAuMDUxMDg0NjcxNSAyMC44MDU3NzM0LDAuMDUxMDg0NjcxNSBMMjAuODA1NzczNCwxMi41ODYzOTg1IEMyMC44MDU3NzM0LDEyLjU4NjM5ODUgMTguMzk1OTY2MSwxMi44MDA2OTA1IDE1LjgyMDg1NiwxMy40NDczNDc0IiBpZD0iU3Ryb2tlLTciIHN0cm9rZS13aWR0aD0iMC41MDkwOTA5NTUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjA0MTA3OCwxNC41MDAzNjIgQzE3Ljg5MTkwMzcsMTQuMjE3MTk0MiAyMC4wMDEwNzgsMTMuOTgyOTc1MiAyMS45MTU4ODUzLDEzLjk4Mjk3NTIgTDIxLjkxNTg4NTMsMS4xNzUyMjMzNiIgaWQ9IlN0cm9rZS05IiBzdHJva2Utd2lkdGg9IjAuNTA5MDkwOTU1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC45ODMxNzcxLDIuMTk3MDcwMDcgQzEwLjk4MzE3NzEsMi4xOTcwNzAwNyA3Ljg1NDczNjcsMC4wNTEwODQ2NzE1IDEuMTYwNDc5ODIsMC4wNTEwODQ2NzE1IEwxLjE2MDQ3OTgyLDEyLjU4NjM5ODUgQzEuMTYwNDc5ODIsMTIuNTg2Mzk4NSAzLjU3MDM4ODA3LDEyLjgwMDY5MDUgNi4xNDU0OTgxNywxMy40NDczNDc0IiBpZD0iU3Ryb2tlLTExIiBzdHJva2Utd2lkdGg9IjAuNTA5MDkwOTU1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjkyNTI4NjI0LDE0LjUwMDM2MiBDNC4wNzQ1NjE0NywxNC4yMTcxOTQyIDEuOTY1Mjg2MjQsMTMuOTgyOTc1MiAwLjA1MDQ3ODg5OTEsMTMuOTgyOTc1MiBMMC4wNTA0Nzg4OTkxLDEuMTc1MjIzMzYiIGlkPSJTdHJva2UtMTMiIHN0cm9rZS13aWR0aD0iMC41MDkwOTA5NTUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLDkuODg5MjkzNDMgTDExLDMuNDkxNDk3ODEiIGlkPSJTdHJva2UtMTUiIHN0cm9rZS13aWR0aD0iMC41MDkwOTA5MDkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1Ljk1ODY4OSwxMy45NzAzNTQ3IEMxNS45NTg2ODksMTMuOTcwMzU0NyAxOS42NjIwNTYsMTMuMjc2MTc5NiAyMS4zMDE5NjQyLDEzLjI3NjE3OTYiIGlkPSJTdHJva2UtMTkiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjAwODgwNTUsMTMuOTcwMzU0NyBDNi4wMDg4MDU1LDEzLjk3MDM1NDcgMi4zMDU0Mzg1MywxMy4yNzYxNzk2IDAuNjY1NTMwMjc1LDEzLjI3NjE3OTYiIGlkPSJTdHJva2UtMjEiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        background-size: cover
    }

.mobile-menu-list__item--active.mobile-menu-list__item--filter {
    color: #6a97af
}

    .mobile-menu-list__item--active.mobile-menu-list__item--filter:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyN3B4IiB2aWV3Qm94PSIwIDAgMjMgMjciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZmlsdGVyLWJvdHRvbS1iYXItbW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTExLjAwMDAwMCwgLTUuMDAwMDAwKSIgc3Ryb2tlPSIjN0JCM0M1IiBzdHJva2Utd2lkdGg9IjAuNTQxNjY2NjY3Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC44NTExMDExLDEuNzcwNTY1ODggQzIwLjg1MTEwMTEsMC43OTI2ODcyNjEgMTYuMTgzNDA0MywwIDEwLjQyNTQ5NDcsMCBDNC42Njc2OTY4MSwwIDAsMC43OTI2ODcyNjEgMCwxLjc3MDU2NTg4IEMwLDIuNzQ4NDQ0NTEgNC42Njc2OTY4MSwzLjU0MTEzMTc3IDEwLjQyNTQ5NDcsMy41NDExMzE3NyBDMTYuMTgzNDA0MywzLjU0MTEzMTc3IDIwLjg1MTEwMTEsMi43NDg0NDQ1MSAyMC44NTExMDExLDEuNzcwNTY1ODggWiIgaWQ9IlN0cm9rZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjQ0MDMwNzYyLDUuMTI0MDIzNDQgQzQuMzUyNTM2MzQsNS41MTc1NDE3NSA3LjQzMTA5NTc0LDUuNzA3ODgxMzYgMTAuNjY5ODk4OSw1LjcwNzg4MTM2IEMxMy45OTM5MzA5LDUuNzA3ODgxMzYgMTYuMjA5OTE3NSw1LjUzNTQ1MzE4IDE4LjExOTAxODYsNS4xMjQwMjM0NCIgaWQ9IlN0cm9rZS0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC44MDY3OTI2LDIuMDkyODI5NDEgQzE5LjUwNTQ2MjgsMS4zNjY4ODM1NCAxNS41MzE3NzEzLDAuODM4NzA5Njc3IDEwLjgzMTY4MDksMC44Mzg3MDk2NzcgQzYuMTUzNDg0MDQsMC44Mzg3MDk2NzcgMi4xOTQ4NzIzNCwxLjM2MTk3OTIyIDAuODc1LDIuMDgyODA3NTUiIGlkPSJTdHJva2UtNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAuMjQ0NTU4NSwyLjYzMTU5Mzc3IEwxMS4xMzkwNDc5LDEzLjQxNzY4NDUgTDExLjEzOTA0NzksMjQuMzYyMDk5NSBDMTEuMTM5MDQ3OSwyNC4zNjIwOTk1IDEwLjc2Njc0NDcsMjUuNDI4MjU1OSA5LjIwMjkxNDg5LDI1LjQyODI1NTkgTDkuMjAyOTE0ODksMTMuNDE3Njg0NSBMMCwyLjUxNjEyOTAzIiBpZD0iU3Ryb2tlLTkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
        background-size: cover
    }

.mobile-menu-list__item--active.mobile-menu-list__item--quiz {
    color: #e1aa98
}

    .mobile-menu-list__item--active.mobile-menu-list__item--quiz:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0icmVmbGVjdC1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4NC4wMDAwMDAsIC00LjAwMDAwMCkiIHN0cm9rZT0iI0U0QjdBRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMTMzNzY1MDMsMjAuNDU4MDI4MSBDNy4wOTUzNzM0MywxOS45MjIzNDM5IDcuMDc2MjQwNTYsMTkuNDE3NDg0MiA3LjA3NjI0MDU2LDE4Ljk0MzY5NDcgQzcuMDc2MjQwNTYsMTcuNzk3MTY4NCA3LjE4MTcyMzA4LDE2LjgzMTE2ODQgNy4zOTI0MzYzNiwxNi4wNDU5NDA0IEM3LjYwMzE0OTY1LDE1LjI2MDgzNTEgNy44NjQ5Njc4MywxNC41NzU1NzE5IDguMTc4MTQyNjYsMTMuOTg5NDE0IEM4LjQ5MDkzOTg2LDEzLjQwMzg3MDIgOC44Mjk2NjcxMywxMi44ODAzNDM5IDkuMTkzNjk1MSwxMi40MTkwODA3IEM5LjU1Nzg0ODk1LDExLjk1ODA2MzIgOS44OTYwNzI3MywxMS40Njg5MjI4IDEwLjIwOTM3MzQsMTAuOTUxNTM2OCBDMTAuNTIyMTcwNiwxMC40MzQzOTY1IDEwLjc4NDExNDcsOS44NTE2NzcxOSAxMC45OTQ5NTM4LDkuMjAzNTAxNzUgQzExLjIwNTc5Myw4LjU1NTU3MTkzIDExLjMxMTE0OTcsNy43NTE2NzcxOSAxMS4zMTExNDk3LDYuNzkxODE3NTQgQzExLjMxMTE0OTcsNi4wNTY0NDkxMiAxMS4yMjQ5MjU5LDUuNDE3NzI5ODIgMTEuMDUyNDc4Myw0Ljg3NTUzNjg0IEMxMC44ODAwMzA4LDQuMzMzMzQzODYgMTAuNjM3MDkzNywzLjg4NDYwNzAyIDEwLjMyNDI5NjUsMy41Mjk0NDkxMiBDMTAuMDEwOTk1OCwzLjE3NDI5MTIzIDkuNjQwNjc0MTMsMi45MDk1MTkzIDkuMjEyOTUzODUsMi43MzQ4ODc3MiBDOC43ODQ3MzAwNywyLjU2MDUwMTc1IDguMzE1MjE5NTgsMi40NzMxODU5NiA3LjgwNDQyMjM4LDIuNDczMTg1OTYgQzcuMzgyODY5OTMsMi40NzMxODU5NiA2Ljk5NjMxMDQ5LDIuNTE5OTc1NDQgNi42NDUxMjE2OCwyLjYxMzMwODc3IEM2LjI5MzU1NTI0LDIuNzA2ODg3NzIgNS45ODcwNTE3NSwyLjgzNzggNS43MjUzNTk0NCwzLjAwNjA0NTYxIEM1LjQ2MzI4OTUxLDMuMTc0MjkxMjMgNS4yNjIxNDI2NiwzLjM3MzcyOTgyIDUuMTIxNzkzMDEsMy42MDQyMzg2IEM0Ljk4MDkzOTg2LDMuODM0OTkyOTggNC45MTA5NTM4NSw0LjA4NzM2MTQgNC45MTA5NTM4NSw0LjM2MTM0Mzg2IEM0LjkxMDk1Mzg1LDQuNjQ4MjIxMDUgNC45ODA5Mzk4Niw0LjkwMzUzNjg0IDUuMTIxNzkzMDEsNS4xMjc5MDUyNiBDNS4yNjIxNDI2Niw1LjM1MjI3MzY4IDUuNDEyMTg0NjIsNS41NzM2OTQ3NCA1LjU3MjA0NDc2LDUuNzkxNTU0MzkgQzUuNzMxNTI3MjcsNi4wMDk3ODI0NiA1Ljg4MTY5NTEsNi4yMzA5NTc4OSA2LjAyMjQyMjM4LDYuNDU1MzI2MzIgQzYuMTYyNzcyMDMsNi42Nzk1NzE5MyA2LjIzMzEzNTY2LDYuOTM1MjU2MTQgNi4yMzMxMzU2Niw3LjIyMTc2NDkxIEM2LjIzMzEzNTY2LDcuNTU4MjU2MTQgNi4xNTk0OTkzLDcuODYwNjA3MDIgNi4wMTI4NTU5NCw4LjEyODU3MTkzIEM1Ljg2NTgzNDk3LDguMzk2NjU5NjUgNS42Njc4MzQ5Nyw4LjYzMDM2MTQgNS40MTg3MzAwNyw4LjgyOTU1NDM5IEM1LjE2OTYyNTE3LDkuMDI5MTE1NzkgNC44NzU3MDkwOSw5LjE4MTg4NzcyIDQuNTM3MjMzNTcsOS4yODc2MjQ1NiBDNC4xOTg2MzIxNyw5LjM5MzYwNzAyIDMuODMxMzMxNDcsOS40NDY1MzY4NCAzLjQzNTQ1NzM0LDkuNDQ2NTM2ODQgQzIuOTYyNjc0MTMsOS40NDY1MzY4NCAyLjUyMTg2Mjk0LDkuMzY1NjA3MDIgMi4xMTMyNzU1Miw5LjIwMzUwMTc1IEMxLjcwNDE4NDYyLDkuMDQxNjQyMTEgMS4zNDY3MDIxLDguODE3MjczNjggMS4wNDAxOTg2LDguNTMwMzk2NDkgQzAuNzMzNTY5MjMxLDguMjQzODg3NzIgMC40OTQwMzA3NjksNy45MDQwODA3IDAuMzIxNTgzMjE3LDcuNTExNTg5NDcgQzAuMTQ5MTM1NjY0LDcuMTE4OTc1NDQgMC4wNjI5MTE4ODgxLDYuNjg1OTU3ODkgMC4wNjI5MTE4ODgxLDYuMjEyMjkxMjMgQzAuMDYyOTExODg4MSw1LjEwMzA5ODI1IDAuMzMxMTQ5NjUsNC4xNTg5NTc4OSAwLjg2Nzc1MTA0OSwzLjM3OTg3MDE4IEMxLjQwNDIyNjU3LDIuNjAxMTUwODggMi4wOTQxNDI2NiwxLjk2NTUwMTc1IDIuOTM3MjQ3NTUsMS40NzI5MjI4MSBDMy43ODAzNTI0NSwwLjk4MDcxMjI4MSA0LjcxNTk3NDgzLDAuNjIyMzYxNDA0IDUuNzQ0NDkyMzEsMC4zOTc5OTI5ODIgQzYuNzcyNjMyMTcsMC4xNzM2MjQ1NjEgNy43ODUyODk1MSwwLjA2MTUwMTc1NDQgOC43ODE3MDkwOSwwLjA2MTUwMTc1NDQgQzEwLjA5NzM0NTUsMC4wNjE1MDE3NTQ0IDExLjMxNDE3MDYsMC4yMTEwODA3MDIgMTIuNDMyMTg0NiwwLjUxMDExNTc4OSBDMTMuNTQ5ODIxLDAuODA5MjczNjg0IDE0LjUxNDI2ODUsMS4yMzYyNzM2OCAxNS4zMjU2NTMxLDEuNzkwNzQ3MzcgQzE2LjEzNjY2MDEsMi4zNDU0NjY2NyAxNi43NzIzMjQ1LDMuMDI0NzEyMjggMTcuMjMyMjY4NSwzLjgyODYwNzAyIEMxNy42OTIyMTI2LDQuNjMyNTAxNzUgMTcuOTIyMDU4Nyw1LjUzOTE4NTk2IDE3LjkyMjA1ODcsNi41NDg3ODI0NiBDMTcuOTIyMDU4Nyw3LjI0Njk0MDM1IDE3LjgwNzEzNTcsNy44NzMxMzMzMyAxNy41NzcxNjM2LDguNDI3NjA3MDIgQzE3LjM0NzMxNzUsOC45ODIzMjYzMiAxNy4wNDA2ODgxLDkuNDkzMjAzNTEgMTYuNjU3NDAxNCw5Ljk2MDYwNzAyIEMxNi4yNzQxMTQ3LDEwLjQyODAxMDUgMTUuODM5NzIzMSwxMC44NzA2MDcgMTUuMzU0MzUyNCwxMS4yODgwMjgxIEMxNC44Njg3MzAxLDExLjcwNTY5NDcgMTQuMzczNzkzLDEyLjEyMzIzODYgMTMuODY5Mjg5NSwxMi41NDA1MzY4IEMxMy4zNjQ1MzQzLDEyLjk1ODMyNjMgMTIuODY5NDcxMywxMy4zOTc3Mjk4IDEyLjM4NDIyNjYsMTMuODU4NjI0NiBDMTEuODk4NjA0MiwxNC4zMTk4ODc3IDExLjQ2NDMzODUsMTQuODI3ODE3NSAxMS4wODExNzc2LDE1LjM4MjI5MTIgQzEwLjY5Nzg5MDksMTUuOTM3MDEwNSAxMC4zOTEzODc0LDE2LjU1Mzk5MyAxMC4xNjE0MTU0LDE3LjIzMzExNTggQzkuOTMxNDQzMzYsMTcuOTEyNDg0MiA5LjgxNjM5NDQxLDE4LjY4ODUwMTggOS44MTYzOTQ0MSwxOS41NjA2NzcyIEw5LjgxNjM5NDQxLDIwLjAwOTQxNCBDOS44MTYzOTQ0MSwyMC4xNTg4NzAyIDkuODIyNjg4MTEsMjAuMzA4NDQ5MSA5LjgzNTY1MzE1LDIwLjQ1ODAyODEgQzkuODM1NjUzMTUsMjAuNDU4MDI4MSA5LjgxNjAxNjc4LDIxLjI4MDA5ODIgOC40Nzg2MDQyLDIxLjI4MDA5ODIgQzcuMTQxMTkxNjEsMjEuMjgwMDk4MiA3LjEzMzc2NTAzLDIwLjQ1ODAyODEgNy4xMzM3NjUwMywyMC40NTgwMjgxIFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlLXdpZHRoPSIwLjYwOTgwMDQxNyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuOTk1NjcxMywyNS41OTM3NDM5IEMxMC45OTU2NzEzLDI0LjI3MTExMjMgOS44OTY3OTAyMSwyMy4xOTkwMDcgOC41NDExMjU4NywyMy4xOTkwMDcgQzcuMTg1NDYxNTQsMjMuMTk5MDA3IDYuMDg2NTgwNDIsMjQuMjcxMTEyMyA2LjA4NjU4MDQyLDI1LjU5Mzc0MzkgQzYuMDg2NTgwNDIsMjYuOTE2Mzc1NCA3LjE4NTQ2MTU0LDI3Ljk4ODQ4MDcgOC41NDExMjU4NywyNy45ODg0ODA3IEM5Ljg5Njc5MDIxLDI3Ljk4ODQ4MDcgMTAuOTk1NjcxMywyNi45MTYzNzU0IDEwLjk5NTY3MTMsMjUuNTkzNzQzOSBaIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZS13aWR0aD0iMC42MDk4MDA0MTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDg2NTgwNDIsMjUuNzc5MTQ1NiBDNi4wODY1ODA0MiwyNi40NDA0NjE0IDcuMTg1NDYxNTQsMjYuOTc2NTE0IDguNTQxMTI1ODcsMjYuOTc2NTE0IEM5Ljg5Njc5MDIxLDI2Ljk3NjUxNCAxMC45OTU2NzEzLDI2LjQ0MDQ2MTQgMTAuOTk1NjcxMywyNS43NzkxNDU2IiBpZD0iU3Ryb2tlLTciIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05Ljk2MTM4ODgxLDI1LjU5Mzc0MzkgQzkuOTYxMzg4ODEsMjQuODI4NTMzMyA5LjMyNTQ3MjczLDI0LjIwODExMjMgOC41NDExNTEwNSwyNC4yMDgxMTIzIiBpZD0iU3Ryb2tlLTkiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4zNjI4MDQyLDIuNzEwNjgyNDYgQzE0LjM2MjgwNDIsMi43MTA2ODI0NiAxOC4wNTUwNjk5LDUuODQyMjYxNCAxNS4wNzYxMzI5LDkuNzcyMDg1OTYiIGlkPSJTdHJva2UtMTEiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        background-size: cover
    }

.mobile-menu-list__item--active.mobile-menu-list__item--discuss {
    color: #9c9bbd
}

    .mobile-menu-list__item--active.mobile-menu-list__item--discuss:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMzIgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iZGlzY3Vzcy1ib3R0b20tYmFyLW1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1Ni4wMDAwMDAsIC04LjAwMDAwMCkiIHN0cm9rZT0iIzlDOUJCRCI+CiAgICAgICAgICAgIDxnIGlkPSJyZWZsZWN0LWJvdHRvbS1iYXItbW9iaWxlIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDUuMzEyNTAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNC4wMDAwMDAsIDMuMTg3NTAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODk3MjMyNzYsMi42OTE2NTI1IEM1LjExMjM2MjA3LDIuNjkxNjUyNSAxLjIzMzQzOTY2LDYuMjI1OTUyNSAxLjIzMzQzOTY2LDEwLjU4NTg4NTggQzEuMjMzNDM5NjYsMTIuMzgwMDk0MiAxLjg5MTUsMTQuMDMzNzY5MiAyLjk5ODEzNzkzLDE1LjM1OTYyNzUgTDAuMDY0NjAzNDQ4MywyMC42NTA1OTQyIEw1LjIxMjQ0ODI4LDE3LjIyNDgxMDggQzYuNTYzNDgyNzYsMTguMDE4MDAyNSA4LjE3MDU1MTcyLDE4LjQ3OTk3NzUgOS44OTcyMzI3NiwxOC40Nzk5Nzc1IEMxNC42ODIxMDM0LDE4LjQ3OTk3NzUgMTguNTYxMDI1OSwxNC45NDU2Nzc1IDE4LjU2MTAyNTksMTAuNTg1ODg1OCBDMTguNTYxMDI1OSw2LjIyNTk1MjUgMTQuNjgyMTAzNCwyLjY5MTY1MjUgOS44OTcyMzI3NiwyLjY5MTY1MjUgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2Utd2lkdGg9IjAuNjU0OTA1NzAxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNjIwOTQ0LDE4LjQzOTM0NzUgQzEyLjUwMDU5OTEsMjAuOTM0NTIyNSAxNS4zNDUwMzg4LDIyLjUyNTAxNDIgMTguNTI4NjU5NSwyMi41MjUwMTQyIEMyMC45NzMxNDIyLDIyLjUyNTAxNDIgMjMuMjE2NTQ3NCwyMS41ODU5MDU4IDI0Ljk3Nzg4MzYsMjAuMDIxMDU1OCBMMjkuOTc3MDIxNiwyMy4zNDc4MTQyIEwyNi44OTE1NDc0LDE3Ljc4MjcyMjUgQzI4LjA3NzE5NCwxNS45NTA5NzI1IDI4Ljc3NjUwNDMsMTMuNzE0NDgwOCAyOC43NzY1MDQzLDExLjI5NzkzMDggQzI4Ljc3NjUwNDMsNS4wOTczMjI1IDI0LjE4ODQ0NCwwLjA3MDg0NzUgMTguNTI4NjU5NSwwLjA3MDg0NzUgQzE1LjkzMTcxOTgsMC4wNzA4NDc1IDEzLjU2MDI5NzQsMS4xMjkyMzkxNyAxMS43NTQzNDkxLDIuODczNTgwODMiIGlkPSJTdHJva2UtMyIgc3Ryb2tlLXdpZHRoPSIwLjY1NDkwNTcwMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjY0MDc4NDUsMTguMTQ5OTIyNSBDMTIuNjQwNzg0NSwxOC4xNDk5MjI1IDE3LjIzNTU2OSwyMy41ODc1MTQyIDIzLjc5ODA2OSwxOC43MDAwMTQyIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuMzI4MjY3MiwxMC44NzIwOTMgTDQuNDY2MTk4MjgsMTAuODcyMDkzIiBpZD0iU3Ryb2tlLTciIHN0cm9rZS13aWR0aD0iMC41MDM3NzM1NzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4zMjgyNjcyLDEyLjUwMjkwNyBMNC40NjYxOTgyOCwxMi41MDI5MDciIGlkPSJTdHJva2UtOSIgc3Ryb2tlLXdpZHRoPSIwLjUwMzc3MzU3NyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjAyNjU0MzEsMTQuMTMzNzIwOSBMNC40NjYxOTgyOCwxNC4xMzM3MjA5IiBpZD0iU3Ryb2tlLTExIiBzdHJva2Utd2lkdGg9IjAuNTAzNzczNTc3Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuMzI4MjY3Miw5LjI0MTI3OTA3IEw0LjQ2NjE5ODI4LDkuMjQxMjc5MDciIGlkPSJTdHJva2UtMTMiIHN0cm9rZS13aWR0aD0iMC41MDM3NzM1NzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4zMjgyNjcyLDcuNjEwNDY1MTIgTDQuNDY2MTk4MjgsNy42MTA0NjUxMiIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlLXdpZHRoPSIwLjUwMzc3MzU3NyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        background-size: cover
    }

.rotate-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999999;
    background: linear-gradient(45deg,#8ba592,#cdadb0 50%,#9896b9);
    position: fixed
}

.rotate-wrapper_content {
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.rotate-wrapper_circle {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMiAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMzkuMSAoMzE3MjApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnJvdGF0ZS1jaXJjbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48L2c+Cjwvc3ZnPg==) no-repeat;
    width: 125px;
    height: 116px;
    position: relative;
    animation: wiggle 1.5s infinite
}

.rotate-wrapper_phone {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjY2cHgiIGhlaWdodD0iNzJweCIgdmlld0JveD0iMCAwIDY2IDcyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPm5vdW5fNTQyMzZfY2M8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaVBob25lLTUt4p+zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ4LjAwMDAwMCwgLTEwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMy4wMDAwMDAsIDg2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Im5vdW5fNTQyMzZfY2MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5LjM2OSw1NS40MDMgTDYuNjMyLDU1LjQwMyBDMy4wMTksNTUuNDAzIDAuMDc4LDUyLjQ2NCAwLjA3OCw0OC44NSBMMC4wNzgsMjMuMTUgQzAuMDc4LDE5LjUzNyAzLjAxOCwxNi41OTcgNi42MzIsMTYuNTk3IEw1OS4zNjksMTYuNTk3IEM2Mi45ODIsMTYuNTk3IDY1LjkyMiwxOS41MzcgNjUuOTIyLDIzLjE1IEw2NS45MjIsNDguODUgQzY1LjkyMiw1Mi40NjMgNjIuOTgyLDU1LjQwMyA1OS4zNjksNTUuNDAzIEw1OS4zNjksNTUuNDAzIFogTTYuNjMyLDE5LjU5NyBDNC42NzIsMTkuNTk3IDMuMDc4LDIxLjE5MSAzLjA3OCwyMy4xNSBMMy4wNzgsNDguODUgQzMuMDc4LDUwLjgwOSA0LjY3Miw1Mi40MDMgNi42MzIsNTIuNDAzIEw1OS4zNjksNTIuNDAzIEM2MS4zMjgsNTIuNDAzIDYyLjkyMiw1MC44MDkgNjIuOTIyLDQ4Ljg1IEw2Mi45MjIsMjMuMTUgQzYyLjkyMiwyMS4xOTEgNjEuMzI4LDE5LjU5NyA1OS4zNjksMTkuNTk3IEw2LjYzMiwxOS41OTcgTDYuNjMyLDE5LjU5NyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuOTU3LDQwLjg5OCBDNy4yNTcsNDAuODk4IDUuMDYsMzguNyA1LjA2LDM1Ljk5OSBDNS4wNiwzMy4yOTkgNy4yNTcsMzEuMTAzIDkuOTU3LDMxLjEwMyBDMTIuNjU3LDMxLjEwMyAxNC44NTQsMzMuMjk5IDE0Ljg1NCwzNS45OTkgQzE0Ljg1NCwzOC43IDEyLjY1Nyw0MC44OTggOS45NTcsNDAuODk4IEw5Ljk1Nyw0MC44OTggWiBNOS45NTcsMzQuMTAzIEM4LjkxMSwzNC4xMDMgOC4wNiwzNC45NTQgOC4wNiwzNS45OTkgQzguMDYsMzcuMDQ2IDguOTEyLDM3Ljg5OCA5Ljk1NywzNy44OTggQzExLjAwMiwzNy44OTggMTEuODU0LDM3LjA0NiAxMS44NTQsMzUuOTk5IEMxMS44NTQsMzQuOTUzIDExLjAwMywzNC4xMDMgOS45NTcsMzQuMTAzIEw5Ljk1NywzNC4xMDMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01OC4wNywzOS4yMjEgQzU3LjI0MiwzOS4yMjEgNTYuNTcsMzguNTUgNTYuNTcsMzcuNzIxIEw1Ni41NywyOS43MTcgQzU2LjU3LDI4Ljg4OCA1Ny4yNDIsMjguMjE3IDU4LjA3LDI4LjIxNyBDNTguODk4LDI4LjIxNyA1OS41NywyOC44ODggNTkuNTcsMjkuNzE3IEw1OS41NywzNy43MjEgQzU5LjU3LDM4LjU0OSA1OC44OTgsMzkuMjIxIDU4LjA3LDM5LjIyMSBMNTguMDcsMzkuMjIxIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTguMDcsNDMuNzg0IEM1Ny4yNDIsNDMuNzg0IDU2LjU3LDQzLjExMyA1Ni41Nyw0Mi4yODQgTDU2LjU3LDQxLjgwMyBDNTYuNTcsNDAuOTc0IDU3LjI0Miw0MC4zMDMgNTguMDcsNDAuMzAzIEM1OC44OTgsNDAuMzAzIDU5LjU3LDQwLjk3NCA1OS41Nyw0MS44MDMgTDU5LjU3LDQyLjI4NCBDNTkuNTcsNDMuMTEzIDU4Ljg5OCw0My43ODQgNTguMDcsNDMuNzg0IEw1OC4wNyw0My43ODQgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy41MDAwMDAsIDYuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zMy41MDAwMDAsIC02LjAwMDAwMCkgdHJhbnNsYXRlKDE0LjAwMDAwMCwgLTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzYuNTM3LDEwLjA3MSBDMzYuMjM3LDEwLjA3MSAzNS45MzQsOS45ODIgMzUuNjcxLDkuNzk1IEMzMC43OCw2LjMzMyAyNS4wMTYsNC41MDIgMTksNC41MDIgQzEzLjEyLDQuNTAyIDcuNDYzLDYuMjU3IDIuNjQxLDkuNTc3IEMxLjk2LDEwLjA0OCAxLjAyNiw5Ljg3NSAwLjU1NSw5LjE5MiBDMC4wODUsOC41MDkgMC4yNTcsNy41NzYgMC45NCw3LjEwNiBDNi4yNjUsMy40NCAxMi41MSwxLjUwMiAxOSwxLjUwMiBDMjUuNjQxLDEuNTAyIDMyLjAwNSwzLjUyMyAzNy40MDUsNy4zNDYgQzM4LjA4MSw3LjgyNSAzOC4yNDEsOC43NjEgMzcuNzYyLDkuNDM3IEMzNy40Nyw5Ljg1MSAzNy4wMDcsMTAuMDcxIDM2LjUzNywxMC4wNzEgTDM2LjUzNywxMC4wNzEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuNjg4LDExLjQgQzI4Ljk4NSwxMS40IDI4LjM1NywxMC45MDIgMjguMjE3LDEwLjE4NSBDMjguMDYsOS4zNzIgMjguNTkxLDguNTg0IDI5LjQwNCw4LjQyNyBMMzYuMjUzLDcuMDk4IEMzNy4wNjUsNi45NDIgMzcuODU0LDcuNDcxIDM4LjAxMiw4LjI4NSBDMzguMTY5LDkuMDk4IDM3LjYzOCw5Ljg4NiAzNi44MjUsMTAuMDQzIEwyOS45NzYsMTEuMzcyIEMyOS44NzksMTEuMzkxIDI5Ljc4MiwxMS40IDI5LjY4OCwxMS40IEwyOS42ODgsMTEuNCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNi41MzcsMTAuMDcxIEMzNS44NTQsMTAuMDcxIDM1LjIzOCw5LjYwMyAzNS4wNzcsOC45MSBMMzMuNTMyLDIuMjYgQzMzLjM0NCwxLjQ1MyAzMy44NDYsMC42NDcgMzQuNjUzLDAuNDYgQzM1LjQ2LDAuMjY5IDM2LjI2NSwwLjc3NCAzNi40NTQsMS41ODIgTDM3Ljk5OSw4LjIzMiBDMzguMTg3LDkuMDM5IDM3LjY4NSw5Ljg0NSAzNi44NzgsMTAuMDMyIEMzNi43NjQsMTAuMDU5IDM2LjY0OSwxMC4wNzEgMzYuNTM3LDEwLjA3MSBMMzYuNTM3LDEwLjA3MSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuNTAwMDAwLCA2Ni4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTMyLjUwMDAwMCwgLTY2LjAwMDAwMCkgdHJhbnNsYXRlKDEzLjAwMDAwMCwgNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuODI5LDEwLjMwNSBDMTMuMTg5LDEwLjMwNSA2LjgyNSw4LjI4NCAxLjQyNSw0LjQ2IEMwLjc0OCwzLjk4MSAwLjU4OCwzLjA0NSAxLjA2NywyLjM2OSBDMS41NDYsMS42OTIgMi40ODQsMS41MzMgMy4xNTgsMi4wMTIgQzguMDUsNS40NzQgMTMuODE1LDcuMzA1IDE5LjgzLDcuMzA1IEMyNS43MDksNy4zMDUgMzEuMzY2LDUuNTUgMzYuMTg5LDIuMjMgQzM2Ljg3MSwxLjc2MSAzNy44MDQsMS45MzIgMzguMjc1LDIuNjE1IEMzOC43NDUsMy4yOTggMzguNTczLDQuMjMyIDM3Ljg5LDQuNzAxIEMzMi41NjMsOC4zNjcgMjYuMzE4LDEwLjMwNSAxOS44MjksMTAuMzA1IEwxOS44MjksMTAuMzA1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMjg5LDQuNzM2IEMxLjU4Niw0LjczNiAwLjk1OCw0LjIzOCAwLjgxOCwzLjUyMSBDMC42NjEsMi43MDggMS4xOTIsMS45MiAyLjAwNSwxLjc2MyBMOC44NTQsMC40MzQgQzkuNjY3LDAuMjc4IDEwLjQ1NCwwLjgwNyAxMC42MTMsMS42MjEgQzEwLjc3LDIuNDM0IDEwLjIzOSwzLjIyMiA5LjQyNiwzLjM3OSBMMi41NzcsNC43MDggQzIuNDgsNC43MjcgMi4zODQsNC43MzYgMi4yODksNC43MzYgTDIuMjg5LDQuNzM2IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuODM2LDExLjM4NiBDMy4xNTMsMTEuMzg2IDIuNTM3LDEwLjkxOCAyLjM3NiwxMC4yMjUgTDAuODMsMy41NzUgQzAuNjQyLDIuNzY4IDEuMTQ0LDEuOTYyIDEuOTUxLDEuNzc0IEMyLjc1OSwxLjU4NCAzLjU2NCwyLjA4OCAzLjc1MiwyLjg5NSBMNS4yOTgsOS41NDUgQzUuNDg2LDEwLjM1MiA0Ljk4NCwxMS4xNTggNC4xNzcsMTEuMzQ2IEM0LjA2MiwxMS4zNzQgMy45NDgsMTEuMzg2IDMuODM2LDExLjM4NiBMMy44MzYsMTEuMzg2IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 50%;
    width: 100%;
    height: 100%;
    left: -5px;
    position: absolute
}

.rotate-wrapper_text {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 20px
}

@keyframes wiggle {
    0% {
        transform: rotate(1deg)
    }

    50% {
        transform: rotate(-91deg)
    }

    to {
        transform: rotate(1deg)
    }
}

.explore-main-article {
    position: relative;
    background: #6fbe88;
    padding: 10px;
    margin-bottom: 65px
}

@media only screen and (max-width:1000px) {
    .explore-main-article {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:700px) {
    .explore-main-article {
        border-radius: 4px
    }
}

.explore-main-article--wrapper {
    background: #fff;
    position: relative;
    z-index: 9;
    overflow: hidden
}

    .explore-main-article--wrapper:after {
        width: calc(50% - 52px);
        height: 100%;
        top: 0;
        z-index: 2
    }

    .explore-main-article--wrapper:after, .explore-main-article--wrapper:before {
        content: "";
        position: absolute;
        background: #6fbe88;
        left: 0;
        transition: all .6s ease
    }

    .explore-main-article--wrapper:before {
        width: 50%;
        height: 200%;
        transform: rotate(-20deg);
        z-index: 1;
        top: -30%
    }

@media only screen and (max-width:700px) {
    .explore-main-article--wrapper:before {
        display: none
    }
}

.explore-main-article--wrapper:hover:after {
    width: 100%
}

.explore-main-article--wrapper:hover:before {
    width: 120%
}

.explore-main-article--wrapper:hover .explore-main-article__image-block svg g, .explore-main-article--wrapper:hover .explore-main-article__image-block svg path, .explore-main-article--wrapper:hover .explore-main-article__image-block svg polyline {
    stroke: #fff
}

.explore-main-article--wrapper:hover .explore-main-article__image-block svg #Methods, .explore-main-article--wrapper:hover .explore-main-article__image-block svg #Methods-Copy {
    fill: #fff
}

@media only screen and (max-width:700px) {
    .explore-main-article--wrapper {
        background: #6fbe88
    }
}

.explore-main-link {
    text-decoration: none
}

.explore-main-article__text-block {
    position: relative;
    float: left;
    z-index: 10;
    max-width: 330px;
    padding-top: 30px;
    padding-left: 20px;
    text-decoration: none
}

@media only screen and (max-width:1000px) {
    .explore-main-article__text-block {
        max-width: 300px
    }
}

@media only screen and (max-width:700px) {
    .explore-main-article__text-block {
        padding: 0;
        margin: 55px auto 0;
        float: none
    }
}

.explore-main-article__title {
    margin: 0 0 20px;
    font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    font-size: 32px;
    line-height: 35px;
    color: #fff
}

@media only screen and (max-width:700px) {
    .explore-main-article__title {
        font-size: 32px;
        line-height: 35px;
        max-width: 215px
    }
}

.explore-link {
    text-decoration: underline;
    cursor: pointer;
    transition: color .3s
}

@media only screen and (min-width:1000px) {
    .explore-link:hover {
        text-decoration: none;
        color: #000
    }
}

.article-button {
    text-decoration: none;
    color: #fff;
    text-align: center;
    width: 238px;
    line-height: 26px;
    border-radius: 40px;
    display: inline-block;
    padding: 8px 0;
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 14px;
    letter-spacing: 2px
}

    .article-button:after {
        border: 2px solid #fff
    }

@media only screen and (max-width:700px) {
    .article-button {
        width: 227px;
        margin: 0 auto 15px;
        box-sizing: border-box;
        display: block
    }
}

.explore-main-article__image-block {
    float: right;
    padding: 20px 40px;
    z-index: 10;
    position: relative
}

    .explore-main-article__image-block svg {
        transition: all .5s
    }

@media only screen and (max-width:700px) {
    .explore-main-article__image-block svg {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .explore-main-article__image-block {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODFweCIgaGVpZ2h0PSI4MXB4IiB2aWV3Qm94PSIwIDAgODEgODEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZXhwbG9yZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMi4wMDAwMDAsIC0xOTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAxMDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCA4OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQml0bWFwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc4LjAwMDAwMCwgOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03NS44NDEyMzk4LDUxLjY2MzYzNTggQzc1LjI3MTUxNzIsNTEuNjU4NzM0MyA3NC43Mzc4MzQ3LDUxLjgwNjY0MzEgNzQuMjc0NzkwOSw1Mi4wNjYxMzIxIEw3NC4yNzQyMTQyLDUyLjA2NTU1NTUgQzcxLjg3NDUxNzIsNTIuNDk2MDE5IDcwLjEzODgyMzcsNTEuMzYyMzQwMSA3MC4xMzg4MjM3LDUxLjM2MjM0MDEgTDcwLjEzODgyMzcsMzkuNTU3MzE4MiBMNTguMzkxNzU0NCwzOS41NTczMTgyIEM1OC4zOTE3NTQ0LDM5LjU1NzMxODIgNTcuMjU4MDc1NSwzNy44MjE2MjQ4IDU3LjY4ODgyNzQsMzUuNDIxNjM5NCBMNTcuNjg3Njc0MSwzNS40MjEwNjI4IEM1Ny45NDcxNjMxLDM0Ljk1ODMwNzMgNTguMDk1MDcxOSwzNC40MjQwNDgyIDU4LjA5MDc0NzEsMzMuODU0MzI1NSBDNTguMDc2OTA3NywzMi4xODA5MDk1IDU2LjY5MzgzMSwzMC43NzEwMTkgNTUuMDIwNzAzMywzMC43MjY5MDU4IEM1My4yMzkxNjY4LDMwLjY3OTkwOTUgNTEuNzgwNTUsMzIuMTA5OTgyNSA1MS43ODA1NSwzMy44ODA4NTExIEM1MS43ODA1NSwzNC40NDA3NzA4IDUxLjkyNzg4MjEsMzQuOTY1NTE1MyA1Mi4xODMzMzQ3LDM1LjQyMTA2MjggTDUyLjE4MjE4MTQsMzUuNDIxNjM5NCBDNTIuNjEzMjIxNSwzNy44MjE2MjQ4IDUxLjQ3OTU0MjcsMzkuNTU3MzE4MiA1MS40Nzk1NDI3LDM5LjU1NzMxODIgTDM5LjU1NzE3NDEsMzkuNTU3MzE4MiBMMzkuNTU3MTc0MSw1MC42OTIyODE4IEMzOS41NTcxNzQxLDUwLjY5MjI4MTggMzcuODIxNzY5LDUxLjgyNTY3MjMgMzUuNDIxNzgzNiw1MS4zOTQ5MjA0IEwzNS40MjEyMDY5LDUxLjM5NjA3MzcgQzM0Ljk1ODE2MzEsNTEuMTM2NTg0NyAzNC40MjQ0ODA3LDUwLjk4ODY3NTkgMzMuODU0NzU4LDUwLjk5MzI4OTEgQzMyLjE4MTA1MzYsNTEuMDA2ODQwMSAzMC43NzE0NTE1LDUyLjM4OTYyODUgMzAuNzI2NzYxNyw1NC4wNjIxNzk2IEMzMC42Nzk0NzcsNTUuODQ0MjkyNyAzMi4xMDk1NSw1Ny4zMDM0ODYxIDMzLjg4MDk5NTMsNTcuMzAzNDg2MSBDMzQuNDQwNjI2Niw1Ny4zMDM0ODYxIDM0Ljk2NTY1OTUsNTcuMTU2MTU0IDM1LjQyMTIwNjksNTYuOTAwNDEzMSBMMzUuNDIxNzgzNiw1Ni45MDE1NjY0IEMzNy44MjE3NjksNTYuNDcwODE0NiAzOS41NTcxNzQxLDU3LjYwNDIwNTEgMzkuNTU3MTc0MSw1Ny42MDQyMDUxIEwzOS41NTcxNzQxLDcwLjEzODY3OTYgTDUxLjQ3OTU0MjcsNzAuMTM4Njc5NiBDNTEuNDc5NTQyNyw3MC4xMzg2Nzk2IDUyLjYxMzIyMTUsNzEuODc0NjYxMyA1Mi4xODIxODE0LDc0LjI3NDM1ODQgTDUyLjE4MzMzNDcsNzQuMjc0OTM1IEM1MS45MjM4NDU2LDc0LjczNzY5MDUgNTEuNzc1NjQ4NSw3NS4yNzE5NDk2IDUxLjc4MDU1LDc1Ljg0MTM4MzkgQzUxLjc5NDM4OTQsNzcuNTE1MDg4MyA1My4xNzc0NjYxLDc4LjkyNTI2NzIgNTQuODUwMzA1NSw3OC45NjkwOTIgQzU2LjYzMTg0Miw3OS4wMTYwODgzIDU4LjA5MDc0NzEsNzcuNTg2MDE1MyA1OC4wOTA3NDcxLDc1LjgxNTQzNSBDNTguMDkwNzQ3MSw3NS4yNTUyMjcgNTcuOTQzNDE1LDc0LjczMDc3MDggNTcuNjg3Njc0MSw3NC4yNzQ5MzUgTDU3LjY4ODgyNzQsNzQuMjc0MzU4NCBDNTcuMjU4MDc1NSw3MS44NzQ2NjEzIDU4LjM5MTc1NDQsNzAuMTM4Njc5NiA1OC4zOTE3NTQ0LDcwLjEzODY3OTYgTDcwLjEzODgyMzcsNzAuMTM4Njc5NiBMNzAuMTM4ODIzNyw1OC4yNzQ4NDAxIEM3MC4xMzg4MjM3LDU4LjI3NDg0MDEgNzEuODc0NTE3Miw1Ny4xNDExNjEzIDc0LjI3NDIxNDIsNTcuNTcxNjI0OCBMNzQuMjc0NzkwOSw1Ny41NzA0NzE1IEM3NC43MzAzMzgzLDU3LjgyNjUwMDcgNzUuMjU1MzcxMiw1Ny45NzM4MzI4IDc1LjgxNTAwMjYsNTcuOTczODMyOCBDNzcuNTg2NDQ3OCw1Ny45NzM4MzI4IDc5LjAxNjUyMDgsNTYuNTE0MzUxMSA3OC45NjkyMzYxLDU0LjczMjgxNDYgQzc4LjkyNDU0NjQsNTMuMDU5Njg2OSA3Ny41MTQ5NDQyLDUxLjY3NzE4NjkgNzUuODQxMjM5OCw1MS42NjM2MzU4IFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjAuNzIwMDAwMDI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00NS4yNTk3NjMxLDIxLjA5MDYwNjkgQzQ0LjY5MDA0MDUsMjEuMDg1NzA1NSA0NC4xNTYwNjk3LDIxLjIzMzYxNDIgNDMuNjkzMzE0MiwyMS40OTMzOTE2IEw0My42OTI3Mzc2LDIxLjQ5MjUyNjYgQzQxLjI5Mjc1MjIsMjEuOTIyOTkwMSAzOS41NTczNDcxLDIwLjc4OTMxMTMgMzkuNTU3MzQ3MSwyMC43ODkzMTEzIEwzOS41NTczNDcxLDguOTc1NjM5NzggTDI3LjUzNDA2NjEsOC45NzU2Mzk3OCBDMjcuNTM0MDY2MSw4Ljk3NTYzOTc4IDI2LjQwMDY3NTUsNy4yMzk5NDYzNSAyNi44MzExMzkxLDQuODQwMjQ5MjcgTDI2LjgyOTk4NTgsNC44Mzk2NzI2MyBDMjcuMDg5NzYzMSw0LjM3NjYyODgzIDI3LjIzNzY3MTksMy44NDI2NTgwMyAyNy4yMzMwNTg4LDMuMjcyOTM1NCBDMjcuMjE5MjE5MywxLjU5OTIzMTAyIDI1LjgzNjQzMSwwLjE4OTM0MDUxMSAyNC4xNjMzMDMzLDAuMTQ1NTE1NjkzIEMyMi4zODE0Nzg1LDAuMDk4MjMxMDIxOSAyMC45MjI4NjE3LDEuNTI4MzA0MDEgMjAuOTIyODYxNywzLjI5OTE3MjYzIEMyMC45MjI4NjE3LDMuODU5MDkyMzQgMjEuMDcwMTkzOCw0LjM4MzgzNjg2IDIxLjMyNTY0NjQsNC44Mzk2NzI2MyBMMjEuMzI0NzgxNCw0Ljg0MDI0OTI3IEMyMS43NTU1MzMyLDcuMjM5OTQ2MzUgMjAuNjIxODU0NCw4Ljk3NTYzOTc4IDIwLjYyMTg1NDQsOC45NzU2Mzk3OCBMOC45NzU2OTc0NSw4Ljk3NTYzOTc4IEw4Ljk3NTY5NzQ1LDIwLjc4OTMxMTMgQzguOTc1Njk3NDUsMjAuNzg5MzExMyA3LjI0MDAwNDAxLDIxLjkyMjk5MDEgNC44NDAzMDY5MywyMS40OTI1MjY2IEw0LjgzOTczMDI5LDIxLjQ5MzM5MTYgQzQuMzc2Njg2NSwyMS4yMzM2MTQyIDMuODQzMDA0MDEsMjEuMDg1NzA1NSAzLjI3MzI4MTM5LDIxLjA5MDYwNjkgQzEuNTk5NTc3MDEsMjEuMTA0MTU4IDAuMTg5Njg2NDk2LDIyLjQ4NjY1OCAwLjE0NTI4NTAzNiwyNC4xNTk3ODU4IEMwLjA5ODAwMDM2NSwyNS45NDEzMjIzIDEuNTI4MDczMzYsMjcuNDAwODA0IDMuMjk5MjMwMjksMjcuNDAwODA0IEMzLjg1OTE1LDI3LjQwMDgwNCA0LjM4Mzg5NDUzLDI3LjI1MzQ3MTkgNC44Mzk3MzAyOSwyNi45OTc3MzEgTDQuODQwMzA2OTMsMjYuOTk4NTk2IEM3LjI0MDAwNDAxLDI2LjU2ODEzMjUgOC45NzU2OTc0NSwyNy43MDE4MTEzIDguOTc1Njk3NDUsMjcuNzAxODExMyBMOC45NzU2OTc0NSwzOS41NTcyODk0IEwyMC42MjE4NTQ0LDM5LjU1NzI4OTQgQzIwLjYyMTg1NDQsMzkuNTU3Mjg5NCAyMS43NTU1MzMyLDQxLjI5MjY5NDUgMjEuMzI0NzgxNCw0My42OTI5NjgyIEwyMS4zMjU2NDY0LDQzLjY5MzU0NDkgQzIxLjA2NjE1NzMsNDQuMTU2MzAwNCAyMC45MTgyNDg1LDQ0LjY5MDU1OTUgMjAuOTIzMTUsNDUuMjU5OTkzOCBDMjAuOTM2OTg5NCw0Ni45MzM2OTgyIDIyLjMxOTc3NzcsNDguMzQzMzAwNCAyMy45OTI2MTcyLDQ4LjM4NzcwMTggQzI1Ljc3NDE1MzYsNDguNDM0Njk4MiAyNy4yMzMwNTg4LDQ3LjAwNDYyNTIgMjcuMjMzMDU4OCw0NS4yMzM0NjgyIEMyNy4yMzMwNTg4LDQ0LjY3MzgzNjkgMjcuMDg1NzI2Niw0NC4xNDkwOTIzIDI2LjgyOTk4NTgsNDMuNjkzNTQ0OSBMMjYuODMxMTM5MSw0My42OTI5NjgyIEMyNi40MDA2NzU1LDQxLjI5MjY5NDUgMjcuNTM0MDY2MSwzOS41NTcyODk0IDI3LjUzNDA2NjEsMzkuNTU3Mjg5NCBMMzkuNTU3MzQ3MSwzOS41NTcyODk0IEwzOS41NTczNDcxLDI3LjcwMTgxMTMgQzM5LjU1NzM0NzEsMjcuNzAxODExMyA0MS4yOTI3NTIyLDI2LjU2ODEzMjUgNDMuNjkyNzM3NiwyNi45OTg1OTYgTDQzLjY5MzMxNDIsMjYuOTk3NzMxIEM0NC4xNDg4NjE3LDI3LjI1MzQ3MTkgNDQuNjczODk0NSwyNy40MDA4MDQgNDUuMjMzNTI1OSwyNy40MDA4MDQgQzQ3LjAwNDY4MjgsMjcuNDAwODA0IDQ4LjQzNTA0NDIsMjUuOTQxMzIyMyA0OC4zODc3NTk1LDI0LjE1OTc4NTggQzQ4LjM0MzA2OTcsMjIuNDg2NjU4IDQ2LjkzMzE3OTIsMjEuMTA0MTU4IDQ1LjI1OTc2MzEsMjEuMDkwNjA2OSBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjcyMDAwMDAyOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuNjk2LDI5IEwyNS42OTYsMTguMzI4IEwyMy43OTIsMTguMzI4IEwyMC40NjQsMjYuMzYgTDE3LjE1MiwxOC4zMjggTDE1LjI0OCwxOC4zMjggTDE1LjI0OCwyOSBMMTYuNTc2LDI5IEwxNi41NzYsMjAuMjE2IEwyMC4xOTIsMjkgTDIwLjczNiwyOSBMMjQuMzY4LDIwLjIxNiBMMjQuMzY4LDI5IEwyNS42OTYsMjkgWiBNMjcuNzEyLDMyLjAyNCBDMjcuOTM2LDMyLjA4OCAyOC4zMzYsMzIuMTM2IDI4LjU5MiwzMi4xMzYgQzI5LjYxNiwzMi4xMiAzMC40LDMxLjY4OCAzMC44NjQsMzAuNTY4IEwzNC43MzYsMjEuMjcyIEwzMy40MjQsMjEuMjcyIEwzMC44NjQsMjcuNjA4IEwyOC4yODgsMjEuMjcyIEwyNi45OTIsMjEuMjcyIEwzMC4yMjQsMjkuMDggTDI5LjcxMiwzMC4yNDggQzI5LjQ0LDMwLjg4OCAyOS4wODgsMzEuMDY0IDI4LjU2LDMxLjA2NCBDMjguMzY4LDMxLjA2NCAyOC4wOCwzMS4wMTYgMjcuOTA0LDMwLjkzNiBMMjcuNzEyLDMyLjAyNCBaIiBpZD0iTWV0aG9kcyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUwLjUzNiw2MCBMNTAuNTM2LDU4LjgxNiBMNDUuNTc2LDU4LjgxNiBMNDUuNTc2LDQ5LjMyOCBMNDQuMjQ4LDQ5LjMyOCBMNDQuMjQ4LDYwIEw1MC41MzYsNjAgWiBNNTIuOTUyLDUxLjE2OCBDNTMuNCw1MS4xNjggNTMuNzY4LDUwLjgxNiA1My43NjgsNTAuMzY4IEM1My43NjgsNDkuOTIgNTMuNCw0OS41NTIgNTIuOTUyLDQ5LjU1MiBDNTIuNTIsNDkuNTUyIDUyLjE1Miw0OS45MiA1Mi4xNTIsNTAuMzY4IEM1Mi4xNTIsNTAuODE2IDUyLjUyLDUxLjE2OCA1Mi45NTIsNTEuMTY4IFogTTUzLjU2LDYwIEw1My41Niw1Mi4yNzIgTDUyLjM2LDUyLjI3MiBMNTIuMzYsNjAgTDUzLjU2LDYwIFogTTU3LjQ5Niw2MCBMNTYuMjk2LDYwIEw1Ni4yOTYsNTMuMzI4IEw1NS4wMTYsNTMuMzI4IEw1NS4wMTYsNTIuMjcyIEw1Ni4yOTYsNTIuMjcyIEw1Ni4yOTYsNTEuNjggQzU2LjI5Niw1MC4wOTYgNTcuMTYsNDkuMTY4IDU4LjUzNiw0OS4xNjggQzU5LjE0NCw0OS4xNjggNTkuNjg4LDQ5LjMxMiA2MC4xNjgsNDkuNzYgTDU5LjY3Miw1MC41NDQgQzU5LjQxNiw1MC4zMiA1OS4xMTIsNTAuMTYgNTguNzEyLDUwLjE2IEM1Ny45MjgsNTAuMTYgNTcuNDk2LDUwLjcwNCA1Ny40OTYsNTEuNjggTDU3LjQ5Niw1Mi4yNzIgTDU5LjA2NCw1Mi4yNzIgTDU5LjA2NCw1My4zMjggTDU3LjQ5Niw1My4zMjggTDU3LjQ5Niw2MCBaIE02My45NzYsNjAuMTkyIEM2MS42ODgsNjAuMTkyIDYwLjA0LDU4LjU0NCA2MC4wNCw1Ni4xMjggQzYwLjA0LDUzLjg4OCA2MS42NCw1Mi4wOCA2My44NDgsNTIuMDggQzY2LjE4NCw1Mi4wOCA2Ny41Niw1My45MDQgNjcuNTYsNTYuMjI0IEw2Ny41Niw1Ni41MjggTDYxLjMwNCw1Ni41MjggQzYxLjQsNTcuOTg0IDYyLjQyNCw1OS4yIDY0LjA4OCw1OS4yIEM2NC45NjgsNTkuMiA2NS44NjQsNTguODQ4IDY2LjQ3Miw1OC4yMjQgTDY3LjA0OCw1OS4wMDggQzY2LjI4LDU5Ljc3NiA2NS4yNCw2MC4xOTIgNjMuOTc2LDYwLjE5MiBaIE02Ni4zNzYsNTUuNjQ4IEM2Ni4zNiw1NC40OTYgNjUuNTkyLDUzLjA3MiA2My44MzIsNTMuMDcyIEM2Mi4xODQsNTMuMDcyIDYxLjM2OCw1NC40NjQgNjEuMzA0LDU1LjY0OCBMNjYuMzc2LDU1LjY0OCBaIiBpZD0iTWV0aG9kcy1Db3B5IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlN0cm9rZS01IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMC43MjAwMDAwMjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIzOS41NTcyMzE4IDcwLjEzODcwODQgOC45NzU4NzA0NCA3MC4xMzg3MDg0IDguOTc1ODcwNDQgMzkuNTU3MzQ3MSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTciIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjcyMDAwMDAyOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjcwLjEzODcwODQgMzkuNTU3MjMxOCA3MC4xMzg3MDg0IDguOTc1ODcwNDQgMzkuNTU3MzQ3MSA4Ljk3NTg3MDQ0Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjM5LjU1NzIzMTggMTEuNzkxOTYwOSA2Ny4zMjI1NjAyIDExLjc5MTk2MDkgNjcuMzIyNTYwMiAzOS41NTcyODk0Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtMTEiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIxMS43OTE3MDE1IDM5LjU1NzIzMTggMTEuNzkxNzAxNSA2Ny4zMjI1NjAyIDM5LjU1NzMxODIgNjcuMzIyNTYwMiI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
        background-size: cover;
        width: 79px;
        height: 79px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        box-sizing: border-box
    }
}

.explore-list {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 50px;
    position: relative;
    margin-top: 10px;
    -ms-flex-direction: row
}

    .explore-list a {
        color: inherit;
        text-decoration: none
    }

@media only screen and (max-width:1000px) {
    .explore-list a {
        width: 50%
    }
}

@media only screen and (max-width:700px) {
    .explore-list a {
        width: 100%;
        margin-bottom: 0
    }
}

.explore-list__item {
    width: 229px;
    max-width: 229px;
    padding: 20px 0;
    margin-bottom: 40px;
    position: relative;
    cursor: pointer;
    display: block
}

    .explore-list__item:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0;
        transition: all .5s;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(149,168,173,.7)
    }

@media only screen and (min-width:1000px) {
    .explore-list__item:hover:before {
        opacity: .5;
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width:1050px) {
    .explore-list__item {
        width: 180px
    }
}

@media only screen and (max-width:1000px) {
    .explore-list__item {
        margin: 0 auto;
        width: 220px
    }
}

@media only screen and (max-width:700px) {
    .explore-list__item {
        width: 100%;
        margin: 0 auto 20px
    }
}

.explore-list__text {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #565862;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

@media only screen and (max-width:1050px) and (min-width:1000px) {
    .explore-list__text {
        font-size: 16px;
        line-height: 19px
    }
}

.explore-list__image {
    height: 80px;
    text-align: center;
    margin-bottom: 6px
}

    .explore-list__image svg {
        margin: 0 auto
    }

.article-content {
    max-width: 757px;
    margin: 0 auto;
    color: #565861
}

    .article-content p {
        font-size: 18px;
        line-height: 28px;
        color: #565861;
        font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
        letter-spacing: .4px;
        margin-bottom: 30px
    }

    .article-content a {
        color: inherit;
        outline: none
    }

    .article-content .bold {
        font-weight: 700
    }

    .article-content img {
        max-width: 100%;
        margin-bottom: 30px
    }

.article-title {
    height: 340px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    font-size: 43px;
    line-height: 55px;
    color: #565861;
    font-family: Anglecia Pro Display W01 Rg;
    letter-spacing: 9px;
    margin-bottom: 28px;
    margin-top: 0;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1050px) {
    .article-title {
        font-size: 40px
    }
}

.article-title span {
    display: block;
    margin: auto
}

.article-title__1 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-1.c9e307e.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__1 {
        background-size: 165px
    }
}

.article-title__2 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-2.afcb6e4.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__2 {
        background-size: 140px
    }
}

.article-title__3 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-3.6cf2f6c.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__3 {
        background-size: 200px
    }
}

.article-title__4 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-4.4845737.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__4 {
        background-size: 130px
    }
}

.article-title__5 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-5.0fa7b2f.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__5 {
        background-size: 200px
    }
}

.article-title__6 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-6.660efe0.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__6 {
        background-size: 165px
    }
}

.article-title__7 {
    background: url(/modules/Teva.BirthcontrolForMe/Client/patient-static/img/title-7.cdcca0d.png) no-repeat 50%
}

@media only screen and (max-width:700px) {
    .article-title__7 {
        background-size: 190px
    }
}

@media only screen and (max-width:1000px) {
    .article-title {
        font-size: 43px
    }
}

@media only screen and (max-width:700px) {
    .article-title {
        font-size: 24px;
        letter-spacing: 2.25px;
        line-height: 37px;
        height: 200px
    }
}

.article-subtitle {
    font-size: 22px;
    line-height: 26px;
    color: #6ebe9c;
    font-family: Acrom W00 Regular;
    text-align: center;
    margin-bottom: 40px;
    display: block
}

    .article-subtitle span {
        padding: 6px 14px;
        border: 1px solid;
        display: inline-block;
        position: relative;
        letter-spacing: 3px;
        text-transform: uppercase
    }

        .article-subtitle span:before {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjFweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCA2MSA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MyAoMzg5OTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hhdC1GaXRzLVlvdXItTGlmZXN0eWxlPyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1MS4wMDAwMDAsIC01MDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuMDAwMDAwLCA4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTUuMDAwMDAwLCA0MTguNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zNTUuMDAwMDAwLCAtNDE4LjUwMDAwMCkgdHJhbnNsYXRlKDMyNS4wMDAwMDAsIDQxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTcuNSwyLjUgTDAuMzU5ODIxNDkxLDIuNSIgaWQ9IkxpbmUiIHN0cm9rZT0iIzZFQkU5QyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMyIgZmlsbD0iIzZFQkU5QyIgY3g9IjU3LjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
            left: -60px
        }

        .article-subtitle span:after, .article-subtitle span:before {
            content: "";
            position: absolute;
            width: 60px;
            height: 5px;
            top: calc(50% - 2px)
        }

        .article-subtitle span:after {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjFweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCA2MSA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MyAoMzg5OTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hhdC1GaXRzLVlvdXItTGlmZXN0eWxlPyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1MS4wMDAwMDAsIC01MDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuMDAwMDAwLCA4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTUuMDAwMDAwLCA0MTguNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0zNTUuMDAwMDAwLCAtNDE4LjUwMDAwMCkgdHJhbnNsYXRlKDMyNS4wMDAwMDAsIDQxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTcuNSwyLjUgTDAuMzU5ODIxNDkxLDIuNSIgaWQ9IkxpbmUiIHN0cm9rZT0iIzZFQkU5QyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMyIgZmlsbD0iIzZFQkU5QyIgY3g9IjU3LjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
            transform: rotate(180deg);
            right: -60px
        }

.article-2-columns, .article-3-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1000px) {
    .article-2-columns--tablet-100 .article-2-columns__column {
        width: 100%
    }

        .article-2-columns--tablet-100 .article-2-columns__column img {
            display: block;
            margin: 0 auto 20px
        }
}

.article-2-columns__column {
    width: calc(50% - 30px);
    box-sizing: border-box
}

    .article-2-columns__column p {
        font-size: 18px;
        line-height: 28px;
        color: #565861;
        font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
        letter-spacing: .5px;
        margin-bottom: 30px
    }

    .article-2-columns__column img {
        margin-bottom: 30px
    }

@media only screen and (max-width:700px) {
    .article-2-columns__column {
        width: 100%
    }
}

.article-3-columns__column {
    box-sizing: border-box
}

    .article-3-columns__column .clover-item {
        max-width: 300px
    }

.explore-h1 {
    font-size: 34px;
    line-height: 46px;
    color: #565861;
    font-family: Acrom W00 Medium;
    text-align: center;
    margin: 50px 0;
    text-transform: uppercase
}

@media only screen and (max-width:700px) {
    .explore-h1 {
        font-size: 24px;
        line-height: 36px
    }
}

.explore-h2 {
    font-size: 34px;
    line-height: 46px;
    color: #565861;
    font-family: Acrom W00 Medium;
    text-align: center;
    margin: 50px 0;
    text-transform: uppercase
}

@media only screen and (max-width:700px) {
    .explore-h2 {
        font-size: 24px;
        line-height: 36px
    }
}

.explore-h4 {
    font-size: 18px;
    line-height: 28px;
    color: #565861;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    margin: 10px 0 30px
}

.explore-quote {
    font-family: Anglecia Pro Text W01 Italic;
    font-size: 28px;
    line-height: 40px;
    position: relative;
    margin-bottom: 30px;
    color: #565861;
    text-align: left
}

    .explore-quote:before {
        display: none;
        content: "";
        position: absolute;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMzIgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7igJw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUHJhY3RpY2luZy1TYWZlLVNleCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzOS4wMDAwMDAsIC0yOTk1LjAwMDAwMCkiIGZpbGw9IiM3M0MyOEMiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY1LjAwMDAwMCwgMjAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI3NC4zMjQsMjgwOC4zNDIgQzI3NC4zMjQsMjgxMy43OTQgMjc3LjcwOCwyODE2Ljg5NiAyODEuNTYyLDI4MTYuODk2IEMyODUuMTM0LDI4MTYuODk2IDI4Ny45NTQsMjgxMy45ODIgMjg3Ljk1NCwyODEwLjUwNCBDMjg3Ljk1NCwyODA3LjAyNiAyODUuNTEsMjgwNC41ODIgMjgyLjQwOCwyODA0LjU4MiBDMjgxLjc1LDI4MDQuNTgyIDI4MC45OTgsMjgwNC42NzYgMjgwLjgxLDI4MDQuNzcgQzI4MS4zNzQsMjgwMS41NzQgMjg0LjU3LDI3OTcuNzIgMjg3LjU3OCwyNzk1LjkzNCBMMjgzLjA2NiwyNzkyLjM2MiBDMjc3Ljg5NiwyNzk2LjAyOCAyNzQuMzI0LDI4MDEuODU2IDI3NC4zMjQsMjgwOC4zNDIgWiBNMjkxLjcxNCwyODA4LjM0MiBDMjkxLjcxNCwyODEzLjc5NCAyOTUuMDk4LDI4MTYuODk2IDI5OC45NTIsMjgxNi44OTYgQzMwMi41MjQsMjgxNi44OTYgMzA1LjM0NCwyODEzLjk4MiAzMDUuMzQ0LDI4MTAuNTA0IEMzMDUuMzQ0LDI4MDcuMDI2IDMwMi45LDI4MDQuNTgyIDI5OS43OTgsMjgwNC41ODIgQzI5OS4xNCwyODA0LjU4MiAyOTguMzg4LDI4MDQuNjc2IDI5OC4yLDI4MDQuNzcgQzI5OC43NjQsMjgwMS41NzQgMzAxLjk2LDI3OTcuNzIgMzA0Ljk2OCwyNzk1LjkzNCBMMzAwLjQ1NiwyNzkyLjM2MiBDMjk1LjI4NiwyNzk2LjAyOCAyOTEuNzE0LDI4MDEuODU2IDI5MS43MTQsMjgwOC4zNDIgWiIgaWQ9IuKAnCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
        width: 34px;
        height: 25px;
        top: 7px;
        left: 0
    }

@media only screen and (max-width:700px) {
    .explore-quote:before {
        width: 23px;
        height: 18px;
        background-size: cover;
        top: 3px
    }
}

.explore-quote--noquote {
    text-indent: 0
}

    .explore-quote--noquote:before {
        display: none
    }

@media only screen and (max-width:700px) {
    .explore-quote {
        font-size: 20px;
        line-height: 28px
    }
}

.explore-quote__close {
    display: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMzIgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7igJ08L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUHJhY3RpY2luZy1TYWZlLVNleCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwNy4wMDAwMDAsIC0zMTQ3LjAwMDAwMCkiIGZpbGw9IiM3M0MyOEMiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY1LjAwMDAwMCwgMjAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ3NC4wMDIsMjk1Mi45MTYgQzQ3NC4wMDIsMjk0Ny40NjQgNDcwLjUyNCwyOTQ0LjM2MiA0NjYuNjcsMjk0NC4zNjIgQzQ2My4xOTIsMjk0NC4zNjIgNDYwLjI3OCwyOTQ3LjI3NiA0NjAuMjc4LDI5NTAuODQ4IEM0NjAuMjc4LDI5NTQuMzI2IDQ2Mi43MjIsMjk1Ni43NyA0NjUuOTE4LDI5NTYuNzcgQzQ2Ni40ODIsMjk1Ni43NyA0NjcuMjM0LDI5NTYuNTgyIDQ2Ny41MTYsMjk1Ni40ODggQzQ2Ni44NTgsMjk1OS42ODQgNDYzLjc1NiwyOTYzLjUzOCA0NjAuNzQ4LDI5NjUuMzI0IEw0NjUuMTY2LDI5NjguOTkgQzQ3MC4zMzYsMjk2NS4zMjQgNDc0LjAwMiwyOTU5LjQwMiA0NzQuMDAyLDI5NTIuOTE2IFogTTQ1Ni42MTIsMjk1Mi45MTYgQzQ1Ni42MTIsMjk0Ny40NjQgNDUzLjEzNCwyOTQ0LjM2MiA0NDkuMjgsMjk0NC4zNjIgQzQ0NS44MDIsMjk0NC4zNjIgNDQyLjg4OCwyOTQ3LjI3NiA0NDIuODg4LDI5NTAuODQ4IEM0NDIuODg4LDI5NTQuMzI2IDQ0NS4zMzIsMjk1Ni43NyA0NDguNTI4LDI5NTYuNzcgQzQ0OS4wOTIsMjk1Ni43NyA0NDkuODQ0LDI5NTYuNTgyIDQ1MC4xMjYsMjk1Ni40ODggQzQ0OS40NjgsMjk1OS42ODQgNDQ2LjM2NiwyOTYzLjUzOCA0NDMuMzU4LDI5NjUuMzI0IEw0NDcuNzc2LDI5NjguOTkgQzQ1Mi45NDYsMjk2NS4zMjQgNDU2LjYxMiwyOTU5LjQwMiA0NTYuNjEyLDI5NTIuOTE2IFoiIGlkPSLigJ0iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
    width: 34px;
    height: 25px
}

@media only screen and (max-width:700px) {
    .explore-quote__close {
        width: 23px;
        height: 18px;
        background-size: cover
    }
}

.carousel {
    position: relative;
    margin-bottom: 60px;
    margin-top: 50px
}

@media only screen and (max-width:1000px) {
    .carousel {
        margin-top: 30px;
        margin-bottom: 40px
    }
}

.carousel-h1 {
    font-family: Acrom W00 Medium;
    font-size: 40px;
    color: #565862;
    letter-spacing: .1px;
    line-height: 50px;
    text-align: center;
    margin-top: 60px
}

@media only screen and (max-width:1000px) {
    .carousel-h1 {
        font-size: 31px;
        line-height: 35px
    }
}

@media only screen and (max-width:700px) {
    .carousel-h1 {
        font-size: 24px;
        line-height: 36px
    }
}

.carousel-wrapper {
    margin: 0 15px;
    overflow: hidden;
    padding-bottom: 45px
}

@media only screen and (max-width:700px) {
    .carousel-wrapper {
        overflow: hidden;
        margin: 0
    }
}

.carousel__item {
    border: 1px solid #6ebe9c;
    box-sizing: border-box;
    color: #565861;
    outline: none;
}

.carousel__item__wrapp {
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    text-align: center;
    color: #565861;
    position: relative;
    height: 150px;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:700px) {
    .carousel__item__wrapp {
        height: 160px;
    }
}

@media only screen and (max-width:484px) {
    .carousel__item__wrapp {
        height: 170px;
    }
}

@media only screen and (max-width:320px) {
    .carousel__item__wrapp {
        height: 195px;
    }
}

.carousel__item--icon {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    background: #fff;
    padding: 6px;
    box-sizing: border-box;
    z-index: 9
}

    .carousel__item--icon span {
        border-radius: 50%;
        display: block;
        border: 1px dashed #6ebe9c;
        width: 68px;
        height: 68px;
        line-height: 70px;
        text-align: center;
        font-family: Anglecia Pro Text W01 Regular;
        font-size: 50px;
        z-index: 99
    }

.carousel__item--text {
    text-align: center;
    color: #565861;
    font-family: Anglecia Pro Text W01 Italic;
    font-size: 22px;
    line-height: 32px;
    padding: 0 40px;
    margin: auto;
    text-decoration: underline
}

@media only screen and (max-width:700px) {
    .carousel__item--icon {
        top: -40px;
        width: 65px;
        height: 65px;
        padding: 6px;
    }

        .carousel__item--icon span {
            width: 53px;
            height: 53px;
            line-height: 55px;
            font-size: 40px;
        }
}

@media only screen and (max-width:700px) {
    .carousel__item--text {
        font-size: 18px;
        padding: 35px 20px 20px
    }
}

.carousel-arrow {
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px dashed #6ebe9c;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%)
}

    .carousel-arrow span {
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hhdC1GaXRzLVlvdXItTGlmZXN0eWxlPyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4OC4wMDAwMDAsIC0xMTY0LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzY3QkQ3RSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU4LjAwMDAwMCwgMTA3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCA3OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYXJyb3ctcG9pbnQtdG8tcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjYyNDEyNzkxLDkuODg3NzQ0NDcgTDIuMDkzNjI0MDMsMTcuNjI0NTk4NSBDMS42MTQ1OTMwMiwxOC4xMTcwMSAwLjgzNzkyNjM1NywxOC4xMTcwMSAwLjM1OTEyNzkwNywxNy42MjQ1OTg1IEMtMC4xMTk3MDkzMDIsMTcuMTMyNjI1IC0wLjExOTcwOTMwMiwxNi4zMzQ2OTE0IDAuMzU5MTI3OTA3LDE1Ljg0Mjc1NzcgTDcuMDIyNDYxMjQsOC45OTY4MjQxMiBMMC4zNTkzMjE3MDUsMi4xNTExMjk0MiBDLTAuMTE5NTE1NTA0LDEuNjU4OTU2ODYgLTAuMTE5NTE1NTA0LDAuODYxMTAyODc2IDAuMzU5MzIxNzA1LDAuMzY5MTI5NDI1IEMwLjgzODE1ODkxNSwtMC4xMjMwNDMxNDIgMS42MTQ3ODY4MiwtMC4xMjMwNDMxNDIgMi4wOTM4MTc4MywwLjM2OTEyOTQyNSBMOS42MjQzMjE3MSw4LjEwNjEwMjg4IEM5Ljg2Mzc0MDMxLDguMzUyMjA5MDcgOS45ODMzMTM5NSw4LjY3NDQxNzA0IDkuOTgzMzEzOTUsOC45OTY3ODQyOSBDOS45ODMzMTM5NSw5LjMxOTMxMDg0IDkuODYzNTA3NzUsOS42NDE3NTc3NCA5LjYyNDEyNzkxLDkuODg3NzQ0NDcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 50%;
        width: 100%;
        height: 100%
    }

.carousel-arrow--right {
    right: -6px
}

@media only screen and (max-width:700px) {
    .carousel-arrow--right {
        right: -18px
    }
}

.carousel-arrow--left {
    left: -6px
}

    .carousel-arrow--left span {
        transform: rotate(180deg)
    }

@media only screen and (max-width:700px) {
    .carousel-arrow--left {
        left: -18px
    }
}

@media only screen and (max-width:700px) {
    .carousel-arrow {
        width: 35px;
        height: 35px
    }
}

.article-chart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 560px;
    margin: 20px auto 45px
}

.article-chart__item {
    width: 411px;
    position: relative
}

.article-chart__text {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    color: #565861;
    margin-top: 20px
}

.article-chart__percent {
    position: relative;
    height: 232px
}

    .article-chart__percent svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .article-chart__percent.circle45 svg {
        transform: translate(-50%,-50%) rotate(70deg)
    }

    .article-chart__percent.circle95 svg {
        transform: translate(-50%,-50%) rotate(222deg)
    }

    .article-chart__percent span {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 60px;
        color: #6ebe9c;
        font-family: 'Proxima N W01 Xbold', 'TevaSans Bold', sans-serif;
    }

.article-download {
    display: -ms-flexbox;
    display: flex
}

.article-download__ico {
    width: 57px;
    height: 70px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTdweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNTcgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Zm9ybXM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUmlza3Mtb2YtTm90LUJlaW5nLVJlYWR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU5LjAwMDAwMCwgLTI0MDAuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImZvcm1zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTcuMDAwMDAwLCAyMzk5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQxLjI1NjI3MzYsMSBMNy43MDc2NDE1MSwxIEM0LjU1NTUxODg3LDEgMiwzLjU2OTk0MTUyIDIsNi43Mzk2NzgzNiBMMiw2NS4xNDQ1MTY2IEMyLDY4LjMxNDM5NTcgNC41NTU1MTg4Nyw3MC44ODQwNTI2IDcuNzA3NjQxNTEsNzAuODg0MDUyNiBMNTMuMDY3OTI0NSw3MC44ODQwNTI2IEM1Ni4yMjAwNDcyLDcwLjg4NDA1MjYgNTguNzc1NTY2LDY4LjMxNDI1MzQgNTguNzc1NTY2LDY1LjE0NDUxNjYgTDU4Ljc3NTU2NiwxOC42MTczMzMzIEw0MS4yNTYyNzM2LDEgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjNzRDMjhFIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDYuNTc2MjczNiwxOS4xMDQyMjgxIEw1OC4zODc2NDE1LDE5LjEwNDIyODEgTDQwLjg2ODc3MzYsMS40ODcxNzkzNCBMNDAuODY4NzczNiwxMy4zNjQ5NzY2IEM0MC44NjgzNDkxLDE2LjUzNDU3MTIgNDMuNDIzNzI2NCwxOS4xMDQyMjgxIDQ2LjU3NjI3MzYsMTkuMTA0MjI4MSBaIiBpZD0iU2hhcGUiIGZpbGw9IiM5MERGQUEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJkb3dubG9hZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMDAwMDAwLCAyMC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuMDA5ODE2LDAgQzE1LjU2NDgyNjIsMCAxNS4yMTE0NTE5LDAuMzU5MTgzNjczIDE1LjIxMTQ1MTksMC44MDMyNjUzMDYgTDE1LjIxMTQ1MTksMjIuMzM0NjkzOSBMMTEuNTUzMzc0MiwxOC42ODQwODE2IEMxMS4yMzkyNjM4LDE4LjM3MDYxMjIgMTAuNzM1Mzc4MywxOC4zNzA2MTIyIDEwLjQyMTI2NzksMTguNjg0MDgxNiBDMTAuMTA3MTU3NSwxOC45OTc1NTEgMTAuMTA3MTU3NSwxOS41MDA0MDgyIDEwLjQyMTI2NzksMTkuODEzODc3NiBMMTUuNDQ3MDM0OCwyNC44MjkzODc4IEMxNS42MDQwOSwyNC45ODYxMjI0IDE1LjgwNjk1MywyNS4wNjQ0ODk4IDE2LjAxNjM1OTksMjUuMDY0NDg5OCBDMTYuMjE5MjIyOSwyNS4wNjQ0ODk4IDE2LjQyODYyOTksMjQuOTg2MTIyNCAxNi41ODU2ODUxLDI0LjgyOTM4NzggTDIxLjYxMTQ1MTksMTkuODEzODc3NiBDMjEuOTI1NTYyNCwxOS41MDA0MDgyIDIxLjkyNTU2MjQsMTguOTk3NTUxIDIxLjYxMTQ1MTksMTguNjg0MDgxNiBDMjEuMjk3MzQxNSwxOC4zNzA2MTIyIDIwLjc5MzQ1NiwxOC4zNzA2MTIyIDIwLjQ3OTM0NTYsMTguNjg0MDgxNiBMMTYuODIxMjY3OSwyMi4zMzQ2OTM5IEwxNi44MjEyNjc5LDAuODAzMjY1MzA2IEMxNi44MTQ3MjM5LDAuMzU5MTgzNjczIDE2LjQ1NDgwNTcsMCAxNi4wMDk4MTYsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzEuMTY1NjQ0MiwzMC4zNDc3NTUxIEwwLjg1Mzk4NzczLDMwLjM0Nzc1NTEgQzAuNDA4OTk3OTU1LDMwLjM0Nzc1NTEgMC4wNDkwNzk3NTQ2LDMwLjcwNjkzODggMC4wNDkwNzk3NTQ2LDMxLjE1MTAyMDQgQzAuMDQ5MDc5NzU0NiwzMS41OTUxMDIgMC40MDg5OTc5NTUsMzEuOTU0Mjg1NyAwLjg1Mzk4NzczLDMxLjk1NDI4NTcgTDMxLjE2NTY0NDIsMzEuOTU0Mjg1NyBDMzEuNjEwNjMzOSwzMS45NTQyODU3IDMxLjk3MDU1MjEsMzEuNTk1MTAyIDMxLjk3MDU1MjEsMzEuMTUxMDIwNCBDMzEuOTcwNTUyMSwzMC43MDY5Mzg4IDMxLjYxMDYzMzksMzAuMzQ3NzU1MSAzMS4xNjU2NDQyLDMwLjM0Nzc1NTEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    float: left;
    margin-right: 30px
}

@media only screen and (max-width:700px) {
    .article-download__ico {
        width: 28px;
        height: 34px;
        margin-right: 10px;
        background-size: cover
    }
}

.clover-wrapp {
    max-width: 510px;
    margin: 0 auto
}

.clover-item {
    position: relative;
    padding-top: 60px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    font-family: Anglecia Pro Text W01 Italic;
    max-width: 256px;
    margin: 0 auto 70px;
    color: #565861
}

    .clover-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMTM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hhdC3igJxIb3Jtb25hbOKAnS1NZWFucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ny4wMDAwMDAsIC02OTMuMDAwMDAwKSIgc3Ryb2tlPSIjNzdDNTkyIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTAuMDAwMDAwLCA2OTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM2LjY2NDMzNDQsMjcuNjM5NTQxOSBMNi4yODg0OTU1NiwyNy42Mzk1NDE5IEMzLjAwOTMzMTY3LDI3LjYzOTU0MTkgMC4zMjY0MTUsMjQuOTQ5NzUxMyAwLjMyNjQxNSwyMS42NjIzMTY4IEMwLjMyNjQxNSwxOC4zNzQ3NTEzIDMuMDA5MzMxNjcsMTUuNjg0OTYwNyA2LjI4ODQ5NTU2LDE1LjY4NDk2MDcgTDM2LjY2NDMzNDQsMTUuNjg0OTYwNyBDMzkuOTQzNDk4MywxNS42ODQ5NjA3IDQyLjYyNjQxNSwxOC4zNzQ3NTEzIDQyLjYyNjQxNSwyMS42NjIzMTY4IEM0Mi42MjY0MTUsMjQuOTQ5NzUxMyAzOS45NDM0OTgzLDI3LjYzOTU0MTkgMzYuNjY0MzM0NCwyNy42Mzk1NDE5IFoiIGlkPSJTdHJva2UtNyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI4LjAwMDEwNjQsMzYuNjU1ODYzOSBMNi41MjExMDYzOSwxNS4xMjE4MzI1IEM0LjIwMjQzOTcyLDEyLjc5NzIyNTEgNC4yMDI0Mzk3Miw4Ljk5MzI5ODQzIDYuNTIxMTA2MzksNi42Njg1NjAyMSBDOC44Mzk3NzMwNiw0LjM0NDA4Mzc3IDEyLjYzMzk3ODYsNC4zNDQwODM3NyAxNC45NTI2NDUzLDYuNjY4NTYwMjEgTDM2LjQzMTc3NTgsMjguMjAyNzIyNSBDMzguNzUwNDQyNSwzMC41MjczMjk4IDM4Ljc1MDQ0MjUsMzQuMzMxMjU2NSAzNi40MzE3NzU4LDM2LjY1NTg2MzkgQzM0LjExMjk3ODYsMzguOTgwNjAyMSAzMC4zMTg3NzMxLDM4Ljk4MDYwMjEgMjguMDAwMTA2NCwzNi42NTU4NjM5IFoiIGlkPSJTdHJva2UtOSIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNTE0MzM0NCwzNi44ODkxMzYxIEwxNS41MTQzMzQ0LDYuNDM1MzQwMzEgQzE1LjUxNDMzNDQsMy4xNDc5MDU3NiAxOC4xOTcyNTExLDAuNDU4MTE1MTgzIDIxLjQ3NjQxNSwwLjQ1ODExNTE4MyBDMjQuNzU1NTc4OSwwLjQ1ODExNTE4MyAyNy40MzgzNjUsMy4xNDc5MDU3NiAyNy40MzgzNjUsNi40MzUzNDAzMSBMMjcuNDM4MzY1LDM2Ljg4OTEzNjEgQzI3LjQzODM2NSw0MC4xNzY1NzA3IDI0Ljc1NTU3ODksNDIuODY2NDkyMSAyMS40NzY0MTUsNDIuODY2NDkyMSBDMTguMTk3MjUxMSw0Mi44NjY0OTIxIDE1LjUxNDMzNDQsNDAuMTc2NTcwNyAxNS41MTQzMzQ0LDM2Ljg4OTEzNjEgWiIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNTIxMTA2MzksMjguMjAyNzIyNSBMMjguMDAwMTA2NCw2LjY2ODY5MTEgQzMwLjMxODc3MzEsNC4zNDQwODM3NyAzNC4xMTI5Nzg2LDQuMzQ0MDgzNzcgMzYuNDMxNzc1OCw2LjY2ODY5MTEgQzM4Ljc1MDQ0MjUsOC45OTMyOTg0MyAzOC43NTA0NDI1LDEyLjc5NzIyNTEgMzYuNDMxNzc1OCwxNS4xMjE5NjM0IEwxNC45NTI2NDUzLDM2LjY1NTg2MzkgQzEyLjYzMzk3ODYsMzguOTgwNjAyMSA4LjgzOTc3MzA2LDM4Ljk4MDYwMjEgNi41MjExMDYzOSwzNi42NTU4NjM5IEM0LjIwMjQzOTcyLDM0LjMzMTI1NjUgNC4yMDI0Mzk3MiwzMC41MjczMjk4IDYuNTIxMTA2MzksMjguMjAyNzIyNSBaIiBpZD0iU3Ryb2tlLTEzIiBzdHJva2Utd2lkdGg9IjAuNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
        width: 45px;
        height: 45px
    }

.explore-products {
    margin-top: 130px;
    margin-bottom: 60px
}

.explore-product {
    box-sizing: border-box;
    border: 1px solid #6ebe9c;
    padding: 45px 15px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 120px
}

    .explore-product:last-child {
        margin-bottom: 0
    }

        .explore-product:last-child:after {
            display: none
        }

.explore-product__title {
    font-family: Anglecia Pro Text W01 Italic;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px
}

.explore-product__text {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    padding: 0 35px
}

.explore-product__number {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    padding: 10px
}

    .explore-product__number span {
        display: inline-block;
        text-align: center;
        width: 70px;
        height: 70px;
        border: 1px dashed #6ebe9c;
        border-radius: 50%;
        font-family: Anglecia Pro Display W01 Rg;
        font-size: 50px;
        line-height: 70px
    }

.title-numeric {
    font-family: Anglecia Pro Text W01 Italic;
    font-size: 22px;
    line-height: 32px;
    color: #565861;
    position: relative;
    padding-top: 51px;
    margin-bottom: 20px
}

.title-numeric__margin-top0 {
    padding-top: 0
}

@media only screen and (max-width:1000px) {
    .title-numeric {
        padding-top: 0
    }
}

.title-numeric__number {
    position: absolute;
    font-family: Anglecia Pro Display W01 Rg;
    font-size: 50px;
    line-height: 70px;
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 1px dashed #6ebe9c;
    border-radius: 50%;
    text-align: center;
    top: 0;
    left: -31px
}

.graph-block {
    text-align: center;
    margin: 40px 0
}

    .graph-block img {
        margin-bottom: 0
    }

.graph-suptitle {
    text-align: center;
    max-width: 505px;
    margin: 0 auto;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
}

.explore-info-block {
    box-sizing: border-box;
    border: 1px solid #6ebe9c;
    padding: 43px 14px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 10px
}

@media only screen and (max-width:1000px) {
    .explore-info-block {
        padding: 25px 14px
    }
}

.explore-info-block__title {
    font-family: Acrom W00 Medium;
    text-transform: uppercase;
    font-size: 34px;
    color: #565862;
    letter-spacing: 1.08px;
    line-height: 46px;
    background: #fff;
    position: absolute;
    top: -20px;
    padding: 0 10px;
    right: 50%;
    transform: translateX(50%)
}

@media only screen and (max-width:1000px) {
    .explore-info-block__title {
        font-size: 24px;
        line-height: 36px
    }
}

.explore-info-block__text {
    font-family: Anglecia Pro Text W01 Italic;
    font-size: 20px;
    color: #565862;
    line-height: 32px;
    text-align: center
}

.explore-content-list {
    margin-bottom: 35px;
    list-style-type: disc;
    margin-left: 21px
}

@media only screen and (max-width:1000px) {
    .explore-content-list--small {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.explore-content-list__item {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 18px;
    color: #565862;
    letter-spacing: .4px;
    line-height: 28px;
    margin-bottom: 28px
}

.explore-content-list__item--small {
    margin-bottom: 10px;
    font-family: "TevaSans LightItalic"
}

@media only screen and (max-width:1000px) {
    .explore-content-list__item--small {
        width: 50%;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:700px) {
    .explore-content-list__item--small {
        width: 100%;
        margin-bottom: 10px
    }
}

.explore-reference {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 9px;
    color: #000;
    letter-spacing: .5px;
    margin-bottom: 40px
}

.explore-reference--big {
    font-family: "TevaSans BoldItalic", "TevaSans Bold";
    font-size: 19px;
    line-height: 26px;
    color: #565862
}

@media only screen and (max-width:1000px) {
    .explore-reference {
        margin-bottom: 20px
    }
}

.barrer-wrapp {
    text-align: center
}

.barrer-title {
    font-family: Acrom W00 Medium;
    font-size: 26px;
    color: #565862;
    letter-spacing: .5px;
    line-height: 33px;
    margin-bottom: 22px
}

.barrer-image__text {
    font-family: Proxima N W01 Reg;
    font-size: 16px;
    color: #949399;
    letter-spacing: 0;
    line-height: 24px;
    display: inline-block;
    margin-top: 30px;
    width: 340px
}

@media only screen and (max-width:700px) {
    .barrer-image__text {
        max-width: 340px;
        width: 100%
    }
}

.explore-content-table {
    max-width: 644px;
    margin: 0 auto 40px
}

.explore-content-table__title {
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    font-size: 18px;
    color: #565862;
    letter-spacing: .4px;
    line-height: 28px;
    padding: 19px
}

    .explore-content-table__title:first-child {
        width: 40%
    }

@media only screen and (max-width:700px) {
    .explore-content-table__title {
        font-size: 15px;
        line-height: 21px;
        padding: 5px;
        border-bottom: 1px solid #81c19e
    }
}

.explore-content-table__tr td {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 18px;
    color: #565862;
    letter-spacing: .4px;
    line-height: 28px;
    border-bottom: 1px solid #81c19e;
    padding: 10px 19px
}

@media only screen and (max-width:700px) {
    .explore-content-table__tr td {
        font-size: 15px;
        line-height: 21px;
        padding: 10px 5px
    }
}

@media only screen and (min-width:700px) {
    .explore-content-table__tr:last-child td {
        border-bottom: none
    }
}

@media only screen and (max-width:700px) {
    .order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4 {
        -ms-flex-order: 4;
        order: 4
    }
}

.content-new {
    padding: 0
}

.article-content-new {
    overflow: hidden;
    padding: 10px
}

.circle-diagram {
    margin-bottom: 40px;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAxODwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXaGF0LeKAnEhvcm1vbmFs4oCdLU1lYW5zLUNvcHktMiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg4MS4wMDAwMDAsIC0xNDI1LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC0xOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODgxLjAwMDAwMCwgMTQyNS4wMDAwMDApIj4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zIiBmaWxsPSIjNzRDMjhFIiBvcGFjaXR5PSIwLjE5ODI1NjM0MSIgY3g9IjE0IiBjeT0iMTQiIHI9IjE0Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtNyIgZmlsbD0iIzU0NTQ1NCIgcG9pbnRzPSIxNCA0IDE4IDkgMTAgOSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjNTQ1NDU0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC4wMDAwMDAsIDIxLjUwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMTQuMDAwMDAwLCAtMjEuNTAwMDAwKSAiIHBvaW50cz0iMTQgMTkgMTggMjQgMTAgMjQiPjwvcG9seWdvbj4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjNzRDMjhFIiBjeD0iMTQiIGN5PSIxNCIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=),auto
}

    .circle-diagram, .circle-diagram .circle-diagram__content {
        position: relative
    }

        .circle-diagram .circle-diagram__mousewheel-area {
            width: calc(100% - 102px);
            height: calc(100% - 102px);
            border-radius: 50%;
            overflow: hidden
        }

        .circle-diagram .circle-diagram__circles-wrapper, .circle-diagram .circle-diagram__mousewheel-area {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto
        }

            .circle-diagram .circle-diagram__circles-wrapper .dots {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }

                .circle-diagram .circle-diagram__circles-wrapper .dots .dot {
                    position: absolute;
                    width: 40px;
                    height: 40px
                }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot .dot-circle {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        border-radius: 50%;
                        border: 6px solid #fff;
                        background: #e1e7e2;
                        box-sizing: border-box;
                        transition: all .5s
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot .text-wrapper {
                        font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
                        position: absolute;
                        width: 1px;
                        height: 1px;
                        font-size: 18px
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot .text {
                        white-space: nowrap;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-38%,-29%)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.border .dot-circle {
                        box-shadow: 0 0 0 15px rgba(0,0,0,.05)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.scale .dot-circle {
                        transform: scale(1.5)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.scale.border .dot-circle {
                        box-shadow: 0 0 0 10px rgba(0,0,0,.05)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-7.color .dot-circle {
                        background-image: linear-gradient(-142deg,#7ba5f4 13%,#324975)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-7.scale.border .dot-circle {
                        box-shadow: 0 0 0 10px rgba(155,184,199,.1)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-14.color .dot-circle {
                        background-image: linear-gradient(-142deg,#d1d1d1 13%,#646464)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-14.scale.border .dot-circle {
                        box-shadow: 0 0 0 10px rgba(155,184,199,.1)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-25.color .dot-circle {
                        background-image: linear-gradient(-142deg,#fbe905 13%,#baa50a)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-25.scale.border .dot-circle {
                        box-shadow: 0 0 0 10px rgba(249,231,5,.1)
                    }

                    .circle-diagram .circle-diagram__circles-wrapper .dots .dot.dot-day-28.color .dot-circle {
                        background-image: linear-gradient(0deg,#cc4d57,#ff8a01)
                    }

        .circle-diagram .circle-diagram-svg {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }

        .circle-diagram .circle-diagram-svg--progress {
            transform: scaleX(-1)
        }

        .circle-diagram svg circle {
            transition: stroke-dashoffset 1s cubic-bezier(.19,1,.22,1);
            stroke-width: 20px
        }

            .circle-diagram svg circle.progress {
                stroke: #e1e7e2;
                stroke-width: 21px
            }

.circle-diagram-localized-content {
    position: absolute;
    width: 85%;
    height: 85%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

    .circle-diagram-localized-content .section {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .circle-diagram-localized-content .section__content {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        color: #565862;
        text-align: center
    }

    .circle-diagram-localized-content .section__header {
        font-family: Acrom W00 Medium;
        font-size: 31px;
        margin: 0 0 10px;
        letter-spacing: .065em
    }

.tablet .circle-diagram-localized-content .section__header {
    font-size: 28px
}

.circle-diagram-localized-content .section__description, .circle-diagram-localized-content .section__description p {
    font-family: "TevaSans LightItalic";
    font-size: 18px;
    line-height: 1.5em
}

.tablet .circle-diagram-localized-content .section__description, .tablet .circle-diagram-localized-content .section__description p {
    font-size: 16px
}

.circle-diagram-localized-content .section__description-title, .circle-diagram-localized-content p.section__description-title {
    font-family: Proxima N W01 Reg;
    font-style: italic;
    margin-bottom: 10px
}

.circle-diagram-localized-content .section__right {
    width: 48%;
    float: left
}

.circle-diagram-localized-content .section__left {
    width: 50%;
    float: right
}

.circle-diagram-localized-content .section__button {
    font-family: 'Proxima N W01 Bold', 'TevaSans Bold', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #565862;
    letter-spacing: 3px;
    line-height: 26px;
    border: 2px solid #565862;
    border-radius: 100px;
    padding: 10px 5px;
    cursor: pointer;
    transition: all .5s
}

    .circle-diagram-localized-content .section__button:hover {
        background: #565862;
        color: #fff
    }

.tablet .circle-diagram-localized-content .section__button {
    font-size: 10px
}

.circle-diagram-localized-content .section__button-description {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    margin: 20px 0 0;
    height: 0
}

.circle-diagram-localized-content ul.section__description-list {
    text-align: left;
    list-style: disc outside;
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

    .circle-diagram-localized-content ul.section__description-list li {
        margin-bottom: 5px
    }

.circle-diagram-localized-content ul.section__description-list--bg {
    padding: 10px 10px 10px 30px;
    background-color: #f2f2f2;
    border-radius: 4px;
    margin-bottom: 80px
}

.circle-diagram-mobile {
    position: relative
}

.circle-diagram-mobile-localized-content .content-section {
    text-align: center;
    margin: 0 5px;
    padding-bottom: 20px
}

.circle-diagram-mobile-localized-content .content-section__img {
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto 30px
}

.circle-diagram-mobile-localized-content .content-section__title {
    font-family: Acrom W00 Medium;
    font-size: 24px;
    letter-spacing: 1.53px;
    margin-bottom: 16px
}

.circle-diagram-mobile-localized-content .content-section__description {
    font-family: "TevaSans LightItalic";
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 28px;
    margin-bottom: 10px
}

.circle-diagram-mobile-localized-content .content-section__description--bold {
    font-family: "TevaSans Bold";
}

.circle-diagram-mobile-localized-content .content-section__description--center {
    font-family: "TevaSans Bold";
    text-align: center;
    margin-bottom: 7px
}

.circle-diagram-mobile-localized-content .content-section__button {
    font-family: Proxima N W01 Reg;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #565862;
    letter-spacing: 3px;
    line-height: 26px;
    border: 2px solid #565862;
    border-radius: 100px;
    padding: 5px 15px;
    cursor: pointer;
    transition: all .5s;
    margin: 30px 0 20px
}

    .circle-diagram-mobile-localized-content .content-section__button:hover {
        background: #565862;
        color: #fff
    }

.circle-diagram-mobile-localized-content .content-section__list {
    font-family: "TevaSans LightItalic";
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: left;
    padding: 10px 30px 10px 0
}

    .circle-diagram-mobile-localized-content .content-section__list li {
        position: relative;
        padding: 0 0 0 30px
    }

        .circle-diagram-mobile-localized-content .content-section__list li:before {
            content: " ";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #565862;
            left: 10px;
            top: 13px
        }

.circle-diagram-mobile-localized-content .content-section__list--bg {
    margin: 20px 0 10px;
    border-radius: 3px;
    background: #f2f2f2;
    padding-right: 5px
}

.circle-diagram-mobile-localized-content .content-section__footnote {
    font-size: 9px;
    text-align: left
}

.filter-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 10px
}

@media only screen and (max-width:1000px) {
    .filter-list {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media only screen and (max-width:700px) {
    .filter-list {
        margin-bottom: 10px
    }
}

.filter-list__item {
    width: 165px;
    padding: 20px 0;
    margin-bottom: 40px;
    position: relative
}

@media only screen and (max-width:1000px) {
    .filter-list__item {
        width: 33%
    }
}

@media only screen and (max-width:700px) {
    .filter-list__item {
        width: 50%;
        padding: 0;
        margin-bottom: 20px
    }
}

.filter-list__item:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .5s;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(149,168,173,.7)
}

@media only screen and (min-width:1000px) {
    .filter-list__item:hover .filter-list__image svg g, .filter-list__item:hover .filter-list__image svg path {
        stroke: #7baeca
    }

    .filter-list__item:hover .filter-list__image svg .filit {
        fill: #7baeca
    }

    .filter-list__item:hover:before {
        opacity: .5;
        width: 100%;
        height: 100%
    }
}

.filter-list__image {
    height: 80px;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .filter-list__image svg g, .filter-list__image svg path {
        transition: all .1s
    }

@media only screen and (max-width:700px) {
    .filter-list__image {
        transform: scale(.6);
        margin-bottom: 0
    }
}

.filter-list__text {
    font-size: 11px;
    line-height: 14px;
    color: #95a8ad;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    transition: color .3s;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    word-break: normal
}

    .filter-list__text span {
        display: block;
        max-width: 167px
    }

@media only screen and (max-width:700px) {
    .filter-list__text {
        height: 42px;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 15px
    }
}

.filter-references {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-height:900px) {
    .filter-references {
        position: absolute;
        bottom: 30px
    }
}

@media only screen and (max-width:1000px) {
    .filter-references {
        position: relative;
        bottom: 0
    }
}

.ref-item {
    color: #565861;
    font-size: 9px;
    line-height: 11px;
    position: relative;
    padding-left: 4px
}

    .ref-item sup {
        font-size: 95%;
        vertical-align: 1px;
        position: absolute;
        left: 0;
        top: 4px
    }

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

    input[type=radio].css-checkbox + label.css-label {
        display: block;
        line-height: 20px;
        font-size: 20px;
        cursor: pointer;
        position: relative;
        padding-bottom: 30px
    }

        input[type=radio].css-checkbox + label.css-label:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: calc(50% - 10px);
            width: 20px;
            height: 20px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAABsElEQVRIie3VTU9TQRTG8f+Z0lYtaImIAa8GQyLEpMQIJCR8At2wNSFsvZ+pCzcmbMD4AYgb3Rh5SSUhEShxgRd5KaQlVmrL7T0uBNJIa8E7MS767GYy+c2cyUyOzC1knhJU0ygOYSJ4mIgrcx8Wv4TGalBjDQNQHGMNO0kLbIEtsAX+K1DwrGmCZzAR1wp60gLa3u2UQQJUNZwnAmowSJBW1dBtQFUdJEgbG1gt+n88m44rMR50d9oBI0aYHBlganSQod6u8OBEqh8n2UG+VCabK4QDx/p6eHy3m4pfZXphldKx//fg/ZvXefKwD4DXyxvsfjuqu64uOHrvNolY9GycvBrn2fAAESO8zXqsbB803Pgc+Mi5xcRQP8/HU3ReixM1hsmRQRKxKGu7ed6sbf6xkrbfJ9b38mwVitxJtuOOp/h6+J2eGwn2iyVmMus0+6DnTnhU8XnxfoWNXIH2+K/39uPYZ3pxlbJfbcI1uMNKNeDl/CeWt3KoKq8+ZskVS00xqFPyaQJVZjNZljb3+HxweCGs4QlrcxnsQuBlYx8UEWs9RUQ8gxrXBioiHmrcn00plPu88Bf7AAAAAElFTkSuQmCC)
        }

    input[type=radio].css-checkbox:checked + label.css-label:after {
        background-position: 0 -20px
    }

    input[type=radio].css-checkbox:checked + label.css-label .filter-list__text {
        color: #565862
    }

    input[type=radio].css-checkbox:checked + label.css-label .filter-list__image svg g, input[type=radio].css-checkbox:checked + label.css-label .filter-list__image svg path {
        stroke: #7baeca
    }

    input[type=radio].css-checkbox:checked + label.css-label .filter-list__image .filit {
        fill: #7baeca
    }

label.css-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-title {
    font-size: 32px;
    line-height: 39px;
    color: #565861;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    margin-bottom: 35px
}

@media only screen and (max-width:700px) {
    .filter-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.button.button-filter {
    margin-bottom: 20px
}

    .button.button-filter .button-compare__text {
        width: 100%
    }

.filter-sup {
    font-size: 70%;
    vertical-align: 4px
}

.quiz-block {
    background: #fff;
    color: #565861;
    margin-top: 10px
}

    .quiz-block.quiz-result {
        margin-bottom: 50px
    }

        .quiz-block.quiz-result table {
            table-layout: fixed;
            width: 100%;
            position: relative
        }

            .quiz-block.quiz-result table tr {
                text-align: center
            }

            .quiz-block.quiz-result table td {
                border: 1px solid #f0f0f0;
                vertical-align: middle
            }

            .quiz-block.quiz-result table thead td {
                border-color: #fff;
                padding-bottom: 20px;
                cursor: pointer;
                font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
                font-size: 18px;
                color: #565861;
                line-height: 21px
            }

                .quiz-block.quiz-result table thead td td:first-child {
                    cursor: none
                }

            .quiz-block.quiz-result table tbody tr:first-child td {
                border-top: 2px solid #abacb1
            }

            .quiz-block.quiz-result table tbody td {
                height: 57px
            }

                .quiz-block.quiz-result table tbody td:first-child {
                    text-align: left;
                    border-left: 0;
                    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
                    font-size: 18px;
                    color: #565861
                }

                .quiz-block.quiz-result table tbody td:last-child {
                    border-right: 0
                }

    .quiz-block .quiz-item-collapse__active .quiz-item-collapse__content {
        max-height: 800px
    }

    .quiz-block .quiz-item-collapse__transition .quiz-item-collapse__content {
        transition: max-height .3s ease-in-out
    }

    .quiz-block .quiz-item-collapse__content {
        max-height: 0;
        overflow: hidden
    }

    .quiz-block .quiz-item-content ul.quiz-list {
        position: relative
    }

        .quiz-block .quiz-item-content ul.quiz-list li.quiz-list-question {
            cursor: pointer
        }

.quiz-item-content__questions {
    box-sizing: border-box;
    padding-right: 10px
}

.quiz-item-content__title {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 48px;
    line-height: 50px;
    color: #565861;
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1000px) {
    .quiz-item-content__title {
        font-size: 38px;
        line-height: 48px
    }
}

@media only screen and (max-width:700px) {
    .quiz-item-content__title {
        font-size: 24px;
        line-height: 30px
    }
}

.quiz-list {
    counter-reset: a
}

.quiz-list-question-text {
    font-family: Proxima N W01 Reg It;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
    transition: all .3s;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 8px
}

@media only screen and (max-width:700px) {
    .quiz-list-question-text {
        font-size: 16px;
        line-height: 20px
    }
}

.quiz-list-question-counter {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px dashed #aaabb0;
    border-radius: 50%;
    font-family: CocoFY-Regular;
    font-size: 29px;
    transition: height .3s,width .3s;
    z-index: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 auto
}

    .quiz-list-question-counter:before {
        content: counter(a,upper-alpha);
        position: absolute;
        z-index: 9;
        left: calc(50% - 8px);
        top: calc(50% - 11px);
        text-align: center;
        line-height: 1
    }

.quiz-list-question {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    counter-increment: a;
    min-height: 50px;
    margin-bottom: 8px
}

@media only screen and (min-width:1000px) {
    .quiz-list-question:not(.quiz-list-question__active):hover .quiz-list-question-counter {
        width: 45px;
        height: 45px
    }

        .quiz-list-question:not(.quiz-list-question__active):hover .quiz-list-question-counter:before {
            left: calc(50% - 8px);
            top: calc(50% - 11px)
        }
}

@media only screen and (max-width:700px) {
    .quiz-list-question {
        margin-bottom: 10px
    }
}

.quiz-list-question__active {
    color: #565861
}

    .quiz-list-question__active .quiz-list-question-counter {
        background: #e1aa98;
        color: #fff;
        border: none
    }

.quiz-item-content__tip {
    position: relative;
    z-index: 10;
    height: auto;
    margin-top: 40px;
    margin-bottom: 30px
}

.quiz-item-content__tip-wrapper {
    background: linear-gradient(45deg,#f1c9c8,#ffc0ab);
    box-sizing: border-box;
    height: 150px;
    border-radius: 4px;
    position: relative
}

    .quiz-item-content__tip-wrapper:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        background: linear-gradient(180deg,hsla(4,66%,86%,0),#f3c8c5);
        bottom: 0;
        left: 0;
        border-radius: 4px
    }

.quiz-item-content__tip--scroller {
    height: 150px
}

.quiz-item-content__tip-image {
    min-width: 104px;
    height: 100%;
    float: left;
    background: linear-gradient(45deg,#f1c9c8,#ffe1d6);
    border-radius: 4px 0 0 4px
}

    .quiz-item-content__tip-image span {
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPgogICAgICAgIDxnIGlkPSJXaXphcmQtQ29weS0xMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NS4wMDAwMDAsIC02MzAuMDAwMDAwKSIgc3Ryb2tlPSIjNTY1ODYxIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjMuMDAwMDAwLCA1NjkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy4wMDAwMDAsIDYxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMjYuNTAwMTAwKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtMSIgcG9pbnRzPSIwLjAyNzMgMC43ODE4IDIwLjAwMDMgMTUuOTk5OCAwLjAyNzMgMzEuMjE4OCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtMyIgcG9pbnRzPSI1NS45NzM2IDAuNzgxOCAzNS45OTk2IDE1Ljk5OTggNTUuOTczNiAzMS4yMTg4Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYsOS40OTk3IEw0Miw5LjQ5OTcgTDE2LDkuNDk5NyBaIiBpZD0iU3Ryb2tlLTYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzUsMjUuNDk5NyBMNDEuNDE3LDI1LjQ5OTcgTDM1LDI1LjQ5OTcgWiIgaWQ9IlN0cm9rZS03IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDE3LjQ5OTcgTDI3Ljc1LDE3LjQ5OTcgTDE2LDE3LjQ5OTcgWiIgaWQ9IlN0cm9rZS04IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLDE3LjQ5OTcgTDQyLDE3LjQ5OTcgTDMxLDE3LjQ5OTcgWiIgaWQ9IlN0cm9rZS05IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDI1LjQ5OTcgTDMyLDI1LjQ5OTcgTDE2LDI1LjQ5OTcgWiIgaWQ9IlN0cm9rZS0xMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNiwzMy40OTk3IEwyOCwzMy40OTk3IEwxNiwzMy40OTk3IFoiIGlkPSJTdHJva2UtMTEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzEsMzMuNDk5NyBMNDEuNDE3LDMzLjQ5OTcgTDMxLDMzLjQ5OTcgWiIgaWQ9IlN0cm9rZS0xMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDAuNTAwMTAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LDMwLjU3MDkgTDYsMS4xMjM5IEM2LDAuNTAyOSA2LjUwMywtMC4wMDAxMDAwMDAwMDEgNy4xMjMsLTAuMDAwMTAwMDAwMDAxIEw1MC44NzcsLTAuMDAwMTAwMDAwMDAxIEM1MS40OTcsLTAuMDAwMTAwMDAwMDAxIDUyLDAuNTAyOSA1MiwxLjEyMzkgTDUyLDMwLjU3MDkiIGlkPSJTdHJva2UtMTMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtMTUiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI1LjU1MDggMTkuOTA1OCAtMC4wMDAxOTk5OTk5OTkgMjUuOTk5OCAtMC4wMDAxOTk5OTk5OTkgNTcuOTk5OCA1Ny45OTk4IDU3Ljk5OTggNTcuOTk5OCAyNS45OTk4IDUyLjYxMjggMjAuOTgyOCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3LDQxLjk5OTYgTDIxLDQxLjk5OTYiIGlkPSJTdHJva2UtMTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTMuOTIyOSw1NC44OTMxIEw0LjA3NzksNTQuODkzMSIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 50%;
        width: 100%;
        height: 100%
    }

@media only screen and (max-width:700px) {
    .quiz-item-content__tip-image {
        display: none
    }
}

.quiz-item-content__tip-text {
    padding: 20px;
    box-sizing: border-box;
    height: 150px;
    overflow-y: auto;
    font-size: 16px;
    line-height: 28px;
    position: relative
}

.quiz-item-content__tip-text--padding {
    padding-right: 0
}

.screentest .quiz-item-content__tip-text--padding {
    padding-right: 4px
}

@media only screen and (min-width:700px) {
    .quiz-item-content__tip-text--padding {
        padding-right: 0
    }
}

@supports (-ms-ime-align:auto) {
    .quiz-item-content__tip-text {
        min-width: calc(17px + 100%)
    }
}

.quiz-item-content__tip-text.forScreen {
    padding: 23px
}

.button.quiz-item-content__button {
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 250px;
    border: none
}

    .button.quiz-item-content__button .button__text {
        width: 100%;
        text-align: center
    }

    .button.quiz-item-content__button .button--hover {
        background: #e1aa98
    }

@media only screen and (min-width:1000px) {
    .button.quiz-item-content__button:hover, .button.quiz-item-content__button:hover .button__text {
        color: #fff
    }

        .button.quiz-item-content__button:hover svg g {
            stroke: #fff
        }
}

.quiz-current {
    margin-bottom: 30px;
    position: relative;
    display: inline-block
}

    .quiz-current:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 100%;
        height: 1px;
        border-top: 1px dashed #f1c9c8
    }

@media only screen and (max-width:1000px) {
    .quiz-current {
        margin-bottom: 0
    }
}

.quiz-current-item {
    background: #fff;
    border: 2px solid #f1c9c8;
    width: 13px;
    height: 13px;
    float: left;
    border-radius: 50%;
    margin-right: 65px;
    position: relative;
    z-index: 5;
    transition: color .3s,background .3s
}

    .quiz-current-item .current-spin {
        visibility: hidden
    }

@media only screen and (max-width:700px) {
    .quiz-current-item {
        margin-right: 40px
    }
}

.quiz-current-item:last-child {
    margin-right: 0
}

.quiz-current-item__active {
    height: 15px;
    width: 15px;
    top: -1px
}

    .quiz-current-item__active .current-spin {
        position: absolute;
        background: #f1c9c8;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        visibility: visible;
        z-index: 9
    }

    .quiz-current-item__active span {
        position: absolute;
        width: 27px;
        height: 27px;
        background: #faf4f4;
        border-radius: 50%;
        z-index: 1;
        top: -6px;
        left: -6px
    }

.quiz-result-content .compare-menu__ico {
    border-radius: 50%;
    border: 1px dashed #808289;
    margin: 0 auto
}

@media only screen and (max-width:700px) {
    .quiz-result-content .compare-menu__ico {
        width: 42px;
        height: 42px;
        min-width: 42px
    }
}

.quiz-result-content .compare-menu__ico svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

    .quiz-result-content .compare-menu__ico svg g, .quiz-result-content .compare-menu__ico svg path {
        stroke: #565862
    }

.quiz-result-content .compare-menu__ico--active {
    border: none
}

    .quiz-result-content .compare-menu__ico--active:before {
        display: none
    }

    .quiz-result-content .compare-menu__ico--active svg g, .quiz-result-content .compare-menu__ico--active svg path {
        stroke: #fff
    }

.quiz-result-content {
    margin-bottom: 40px
}

.quiz-item-collapse .quiz-list-question {
    position: absolute;
    top: 0;
    opacity: 0
}

    .quiz-item-collapse .quiz-list-question.quiz-list-question__active {
        opacity: 1;
        position: relative
    }

.quiz-item-collapse__title {
    background: #f6f6f6;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 20px 70px 20px 17px;
    cursor: pointer;
    transition: background .3s;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 20px;
    color: #565862;
    position: relative
}

    .quiz-item-collapse__title:after {
        content: "";
        position: absolute;
        right: 40px;
        top: 27px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldvcmsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJZb3VyLU9wdGlvbnMtQ29weS05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTkzLjAwMDAwMCwgLTEzMjYuMDAwMDAwKSIgZmlsbD0iIzU2NTg2MiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA0LjAwMDAwMCwgNTM2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTctQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3OC4wMDAwMDAsIDI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC40OTIwMjY2MSwxNC43ODY5MTc4IEMzLjY2NzAyNjM1LDE0Ljc4MjkxNzggMy4wMDAwMjYxNCwxNC4xMTI5MTc2IDMuMDAwMDI2MTQsMTMuMjg2OTE3NCBMMy4wMDAwMjYxNCw0LjMzNDkxNDYxIEMzLjAwMDAyNjE0LDMuNTA2OTE0MzUgMy42NzIwMjYzNSwyLjgzNDkxNDE0IDQuNTAwMDI2NjEsMi44MzQ5MTQxNCBDNS4zMjgwMjY4NiwyLjgzNDkxNDE0IDYuMDAwMDI3MDcsMy41MDY5MTQzNSA2LjAwMDAyNzA3LDQuMzM0OTE0NjEgTDYuMDAwMDI3MDcsMTEuODM0OTE2OSBMMTMuNTAwMDI5NCwxMS44MzQ5MTY5IEMxNC4zMjgwMjk2LDExLjgzNDkxNjkgMTUuMDAwMDI5OSwxMi41MDY5MTcxIDE1LjAwMDAyOTksMTMuMzM0OTE3NCBDMTUuMDAwMDI5OSwxNC4xNjI5MTc2IDE0LjMyODAyOTYsMTQuODM0OTE3OSAxMy41MDAwMjk0LDE0LjgzNDkxNzkgQzEzLjUwMDAyOTQsMTQuODM0OTE3OSA3LjM5MDAyNzUsMTQuODAyOTE3OCA0LjQ5MjAyNjYxLDE0Ljc4NjkxNzggWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAyOCwgOC44MzQ5MTYpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkuMDAwMDI4LCAtOC44MzQ5MTYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
        width: 18px;
        height: 18px;
        transition: all .3s
    }

    .quiz-item-collapse__title:hover {
        background: #ececec
    }

@media only screen and (max-width:700px) {
    .quiz-item-collapse__title {
        font-size: 18px;
        line-height: 22px
    }
}

.quiz-table__checked {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCBDb3B5IDIxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldvcmsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IllvdXItT3B0aW9ucy1Db3B5LTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTguMDAwMDAwLCAtMjg5LjAwMDAwMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTY1ODYxIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMi4wMDAwMDAsIDE0NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MjcuMDAwMDAwLCAxNDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTIiIHBvaW50cz0iMC4wNjIwNDgyOTI0IDQuOTgzNzgwNDQgNC41NjUzODU2MiAxMC40NDQxNTU2IDExLjI3OTQ0MjMgMC42NjQyNTMxMjYiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
    display: inline-block;
    width: 13px;
    height: 14px
}

.quiz-item-collapse__active .quiz-item-collapse__title {
    background: linear-gradient(45deg,#f1c9c8,#ffc0ab)
}

    .quiz-item-collapse__active .quiz-item-collapse__title:after {
        transform: rotate(-180deg);
        top: 19px
    }

.quiz-item-collapse__content .quiz-list-question:hover .quiz-list-question-text {
    font-family: Proxima N W01 Reg It
}

.quiz-item-collapse__content .quiz-list-question:hover .quiz-list-question-counter {
    width: 37px;
    height: 37px
}

    .quiz-item-collapse__content .quiz-list-question:hover .quiz-list-question-counter:before {
        left: calc(50% - 8px);
        top: calc(50% - 11px)
    }

.quiz-item-content {
    margin-bottom: 30px;
    margin-top: 15px
}

    .quiz-item-content .quiz-current {
        margin-top: 10px;
        margin-left: 5px
    }

.quiz-table__highest-item {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom
}

.quiz-list-question-wrap {
    width: 45px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    min-width: 45px
}

.quiz-result__title {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 60px;
    color: #565862;
    letter-spacing: .4px;
    line-height: 63px;
    margin-bottom: 23px
}

@media only screen and (max-width:700px) {
    .quiz-result__title {
        font-size: 40px;
        line-height: 49px
    }
}

.quiz-result__subtitle {
    font-family: Proxima N W01 Reg;
    font-size: 16px;
    color: #565862;
    letter-spacing: .36px;
    line-height: 22px;
    margin-bottom: 20px
}

.quiz-answer-title {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    font-size: 42px;
    color: #565862;
    line-height: 50px;
    margin-bottom: 40px
}

@media only screen and (max-width:700px) {
    .quiz-answer-title {
        font-size: 28px;
        line-height: 36px
    }
}

.td__method, .td__question {
    position: relative
}

    .td__method:hover > .tooltip-quiz, .td__question:hover > .tooltip-quiz {
        opacity: 1 !important;
        visibility: visible
    }

    .td__method:active > .tooltip-quiz, .td__question:active > .tooltip-quiz {
        opacity: 0;
        visibility: hidden
    }

@media only screen and (max-width:700px) {
    .td__method, .td__question {
        position: inherit
    }
}

@media only screen and (max-width:700px) {
    .td__method {
        position: relative
    }
}

.td-first {
    width: 60px
}

@media only screen and (max-width:700px) {
    .td-first {
        max-width: 52px;
        width: 52px
    }
}

.tooltip-quiz {
    position: absolute;
    background: #e4ac9a;
    box-shadow: 0 7px 13px 0 rgba(0,0,0,.17);
    border-radius: 8px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    box-sizing: border-box;
    padding: 12px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: opacity .3s
}

.tooltip-quiz__question {
    width: 207px;
    top: 13px
}

.tooltip-quiz__question--last {
    right: 0
}

@media only screen and (max-width:1000px) {
    .tooltip-quiz__question {
        width: 200px;
        left: calc(50% - 100px)
    }
}

.tooltip-quiz__title {
    font-size: 18px;
    min-width: 30px
}

.tooltip-quiz__text, .tooltip-quiz__title {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
    display: block;
    float: left
}

.tooltip-quiz__text {
    font-size: 14px
}

.tooltip-quiz__icon {
    width: 44px;
    height: 45px;
    text-align: center;
    margin-right: 7px;
    position: relative
}

    .tooltip-quiz__icon svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .tooltip-quiz__icon svg g {
            stroke: #fff
        }

.tooltip-quiz__method {
    opacity: 0 !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 30px;
    -ms-flex-line-pack: center;
    align-content: center;
    left: 7px;
    padding: 0 13px 0 2px;
    top: 6px;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:700px) {
    .tooltip-quiz__method {
        left: 4px
    }
}

.download-link-quiz, .quiz-link {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

    .download-link-quiz:hover, .quiz-link:hover {
        text-decoration: none
    }

.title-destop {
    display: inline-block
}

@media only screen and (max-width:700px) {
    .title-destop {
        display: none
    }
}

.title-mobile-only {
    display: none
}

@media only screen and (max-width:700px) {
    .title-mobile-only {
        display: inline-block
    }
}

.quiz-footnote {
    font-size: 10px;
    line-height: 12px;
    color: #565862;
    letter-spacing: .22px;
    margin-bottom: 20px;
    margin-top: -20px
}

.margin-quiz {
    height: 6px
}

.screen-quiz .quiz-list-question.quiz-list-question__active {
    opacity: 0;
    position: absolute
}

.screen-quiz:first-child .quiz-list-question.quiz-list-question__active:first-child, .screen-quiz:nth-child(2) .quiz-list-question.quiz-list-question__active:nth-child(2), .screen-quiz:nth-child(3) .quiz-list-question.quiz-list-question__active:nth-child(3), .screen-quiz:nth-child(4) .quiz-list-question.quiz-list-question__active:nth-child(4) {
    opacity: 1;
    position: relative
}

.screentest .quiz-item-content__tip, .screentest .quiz-item-content__tip--scroller, .screentest .quiz-item-content__tip-wrapper {
    height: auto
}

.screentest .quiz-item-content__tip-image {
    position: absolute;
    height: 100%
}

@media only screen and (min-width:700px) {
    .screentest .quiz-item-content__tip--scroller {
        padding-left: 104px
    }
}

.show-hover > .tooltip-quiz {
    opacity: 1;
    visibility: visible
}

.show-hover, .show-hover .tooltip-quiz__method {
    opacity: 1 !important
}

.show-hover {
    visibility: visible
}

@media only screen and (min-width:1000px) {
    .show-hover .tooltip-quiz__question {
        left: 160px
    }
}

td.hide {
    display: none
}

.screentest .quiz-item-content__tip-text {
    height: 100%
}

.discuss-content p {
    color: #565861;
    font-size: 19px;
    line-height: 26px;
    font-family: "TevaSans Light";
    margin: 0 0 26px;
    letter-spacing: .5px
}

.discuss-content .italic-p {
    font-family: "TevaSans LightItalic"
}

.discuss-content a {
    color: inherit
}

.discuss-main-title {
    margin: 0 0 30px;
    color: #565861;
    font-size: 48px;
    line-height: 58px;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

@media only screen and (max-width:700px) {
    .discuss-main-title {
        font-size: 40px;
        line-height: 49px
    }
}

.discuss-h3 {
    margin: 40px 0 30px;
    font-size: 22px;
    line-height: 32px
}

.discuss-h2, .discuss-h3 {
    color: #565861;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.discuss-h2 {
    margin: 0 0 30px;
    font-size: 48px;
    line-height: 58px
}

@media only screen and (max-width:700px) {
    .discuss-h2 {
        font-size: 40px;
        line-height: 49px;
        text-align: center
    }
}

.discuss-list {
    padding: 0;
    margin: 0;
    counter-reset: b
}

    .discuss-list li {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: .5px;
        margin-bottom: 26px;
        list-style-type: none;
        position: relative;
        color: #565861;
        padding-left: 52px
    }

        .discuss-list li:before {
            counter-increment: b;
            content: counter(b) ". ";
            position: absolute;
            left: 0;
            top: 0;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            border: 1px dashed #aaabb0;
            text-align: center;
            line-height: 42px;
            box-sizing: border-box;
            padding-left: 5px;
            font-size: 29px;
            font-family: CocoFY-Regular
        }

.discuss-media-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 16px
}

.discuss-media-item {
    width: 220px;
    margin-right: 25px;
    padding-left: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    color: #565861;
    font-size: 12px;
    line-height: 19px;
    min-height: 38px;
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
}

    .discuss-media-item:before {
        content: "";
        position: absolute;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMTYgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWxrLVdpdGgtWW91ci1Qcm92aWRlci1Db3B5LTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODYuMDAwMDAwLCAtMTQ4Ny4wMDAwMDApIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzU2NTg2MSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0ODcuMDAwMDAwLCAxNDg4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE2LUNvcHkiPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMyIgY3g9IjkiIGN5PSI5IiByPSI5Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjQgNy40MTY3Mzg2NyA4LjQxNjA2MjMgMTMgMTUgMyI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
        width: 20px;
        height: 20px;
        top: 0;
        left: 0
    }

.title-icon {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    position: relative;
    top: 11px
}

@media only screen and (max-width:700px) {
    .title-icon {
        display: block;
        margin: 0 auto 20px
    }
}

.health-icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTVweCIgaGVpZ2h0PSI1NXB4IiB2aWV3Qm94PSIwIDAgNTUgNTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVGFsay1XaXRoLVlvdXItUHJvdmlkZXItQ29weS03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjMwLjAwMDAwMCwgLTEzMTkuMDAwMDAwKSIgc3Ryb2tlPSIjQUZBM0JGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzEuMDAwMDAwLCAxMzIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlN0cm9rZS0xIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHBvaW50cz0iMTEgMjEuODUyIDExIDI5Ljk3NSAyMi45NDYgMjkuOTc1IDIyLjk0NiA0MS44MjcgMzAuODggNDEuODI3IDMwLjg4IDI5Ljk3NSA0Mi44MjkgMjkuOTc1IDQyLjgyOSAyMS44NTIgMzAuODggMjEuODUyIDMwLjg4IDEwIDIyLjk0NiAxMCAyMi45NDYgMjEuODUyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDQuOTI3LDcuNzQyIEM0MC4xNDYsMi45NiAzMy42NDYsMCAyNi4yODUsMCBDMTkuMDIxLDAgMTIuNTI1LDIuOTYgNy43NDIsNy43NDIgQzIuOTY0LDEyLjQyNSAwLDE5LjAyIDAsMjYuMjg1IEMwLDMzLjU0OSAyLjk2NCw0MC4xNDQgNy43NDIsNDQuOTIzIEMxMi41MjUsNDkuNzA1IDE5LjAyMSw1Mi42NjYgMjYuMjg1LDUyLjY2NiBDMzMuNjQ2LDUyLjY2NiA0MC4xNDYsNDkuNzA1IDQ0LjkyNyw0NC45MjMgQzQ5LjcwNSw0MC4xNDQgNTIuNjY5LDMzLjU0OSA1Mi42NjksMjYuMjg1IEM1Mi42NjksMTkuMDIgNDkuNzA1LDEyLjQyNSA0NC45MjcsNy43NDIgWiIgaWQ9IlN0cm9rZS0yIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00My4yMzg0NzAyLDkuNzYxNzI5ODMgQzM5LjA2MjgyNjksNS41ODUyMTMxNiAzMy4zODU4Mzg1LDMgMjYuOTU2ODY3NiwzIEMyMC42MTI2MTQ3LDMgMTQuOTM5MTE5OSw1LjU4NTIxMzE2IDEwLjc2MTcyOTgsOS43NjE3Mjk4MyBDNi41ODg3MDY2OSwxMy44NTE3ODE2IDQsMTkuNjExNzQxMyA0LDI1Ljk1Njg2NzYgQzQsMzIuMzAxMTIwNCA2LjU4ODcwNjY5LDM4LjA2MTA4MDEgMTAuNzYxNzI5OCw0Mi4yMzQ5NzY2IEMxNC45MzkxMTk5LDQ2LjQxMTQ5MzMgMjAuNjEyNjE0Nyw0OC45OTc1Nzk5IDI2Ljk1Njg2NzYsNDguOTk3NTc5OSBDMzMuMzg1ODM4NSw0OC45OTc1Nzk5IDM5LjA2MjgyNjksNDYuNDExNDkzMyA0My4yMzg0NzAyLDQyLjIzNDk3NjYgQzQ3LjQxMTQ5MzMsMzguMDYxMDgwMSA1MC4wMDAyLDMyLjMwMTEyMDQgNTAuMDAwMiwyNS45NTY4Njc2IEM1MC4wMDAyLDE5LjYxMTc0MTMgNDcuNDExNDkzMywxMy44NTE3ODE2IDQzLjIzODQ3MDIsOS43NjE3Mjk4MyBaIiBpZD0iU3Ryb2tlLTIiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.lifestyle-icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTRweCIgaGVpZ2h0PSI1NHB4IiB2aWV3Qm94PSIwIDAgNTQgNTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IlRhbGstV2l0aC1Zb3VyLVByb3ZpZGVyLUNvcHktNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMS4wMDAwMDAsIC0xNjg2LjAwMDAwMCkiIHN0cm9rZT0iI0FGQTNCRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzIuMDAwMDAwLCAxNjg3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIxNS4yMzEgNTIgMCAzNi43NjkgMCAxNS4yMyAxNS4yMzEgMCAzNi43NyAwIDUyIDE1LjIzIDUyIDM2Ljc2OSAzNi43NyA1MiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDM5IEMxOC44MiwzOSAxMywzMy4xOCAxMywyNiBDMTMsMTguODIgMTguODIsMTMgMjYsMTMgQzMzLjE4LDEzIDM5LDE4LjgyIDM5LDI2IEMzOSwzMy4xOCAzMy4xOCwzOSAyNiwzOSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIzLDEwIEwyOSwxMCBNMjEsNyBMMzEsNyBNMTksNCBMMzMsNCBNMjksNDIgTDIzLDQyIE0zMSw0NSBMMjEsNDUgTTMzLDQ4IEwxOSw0OCBNNDIsMjMgTDQyLDI5IE00NSwyMSBMNDUsMzEgTTQ4LDE5IEw0OCwzMyBNMTAsMjkgTDEwLDIzIE03LDMxIEw3LDIxIE00LDMzIEw0LDE5IE0zNS4xOTIsMTIuNTY1IEwzOS40MzUsMTYuODA4IE0zNS44OTksOS4wMjkgTDQyLjk3MSwxNi4xIE0zNi42MDcsNS40OTQgTDQ2LjUwNiwxNS4zOTMgTTE2LjgwOCwzOS40MzUgTDEyLjU2NSwzNS4xOTIgTTE2LjEwMSw0Mi45NyBMOS4wMjksMzUuODk5IE0xNS4zOTMsNDYuNTA2IEw1LjQ5NCwzNi42MDcgTTQwLjE3NiwzNS40MzkgTDM1LjkzMywzOS42ODIgTTQzLjcxMSwzNi4xNDYgTDM2LjY0LDQzLjIxNyBNNDcuMjQ3LDM2Ljg1MyBMMzcuMzQ3LDQ2Ljc1MyBNMTIuNTY1LDE2LjMxNCBMMTYuODA4LDEyLjA3MSBNOS4wMjksMTUuNjA3IEwxNi4xMDEsOC41MzUgTTUuNDk0LDE0Ljg5OSBMMTUuMzkzLDUiIGlkPSJTdHJva2UtNDAzIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjgsMTkgQzI4LDIwLjEwNCAyNy4xMDUsMjEgMjYsMjEgQzI0Ljg5NSwyMSAyNCwyMC4xMDQgMjQsMTkgQzI0LDE3Ljg5NSAyNC44OTUsMTcgMjYsMTcgQzI3LjEwNSwxNyAyOCwxNy44OTUgMjgsMTkiIGlkPSJGaWxsLTQwNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjAzODg1OCwyNy40NiBDMjIuMDk3ODU4LDI3LjQyNyAyMi4xNTc4NTgsMjcuMzk1IDIyLjIxNzg1OCwyNy4zNjMgQzIzLjU1Nzg1OCwyNi42NTEgMjUuMDY3ODU4LDI2LjM3MyAyNi41NzU4NTgsMjYuMzYgQzI5LjExNzg1OCwyNi4zMzYgMzEuNTAxODU4LDI1LjMwOSAzMy4yOTg4NTgsMjMuNDYyIEMzNC43NTc4NTgsMjEuOTYxIDM1LjY3OTg1OCwyMC4wNiAzNS45OTA4NTgsMTggQzM4LjM1Mzg1OCwyMC44MzggMzkuNTQ1ODU4LDI0LjczNyAzOC43NTc4NTgsMjguOTE2IEMzNy43Nzk4NTgsMzQuMTA3IDMzLjYzNTg1OCwzOC4yMDkgMjguNTU4ODU4LDM5LjA0OCBDMjYuODAzODU4LDM5LjMzOCAyNS4xMDM4NTgsMzkuMjUyIDIzLjUyMjg1OCwzOC44NTUgQzE4LjMxMTg1OCwzNy41NDcgMTcuMzIwODU4LDMwLjA4MyAyMi4wMzg4NTgsMjcuNDYgTDIyLjAzODg1OCwyNy40NiBaIiBpZD0iU3Ryb2tlLTQxMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI4LDMyIEMyOCwzMy4xMDQgMjcuMTA1LDM0IDI2LDM0IEMyNC44OTUsMzQgMjQsMzMuMTA0IDI0LDMyIEMyNCwzMC44OTUgMjQuODk1LDMwIDI2LDMwIEMyNy4xMDUsMzAgMjgsMzAuODk1IDI4LDMyIEwyOCwzMiBaIiBpZD0iU3Ryb2tlLTQ3NyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat
}

.b-control-icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTNweCIgaGVpZ2h0PSI1NXB4IiB2aWV3Qm94PSIwIDAgNTMgNTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzICgzODk5OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlRhbGstV2l0aC1Zb3VyLVByb3ZpZGVyLUNvcHktNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMS4wMDAwMDAsIC0yMTE1LjAwMDAwMCkiIHN0cm9rZT0iI0FGQTNCRiI+CiAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMi4wMDAwMDAsIDIxMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYsMzIgQzE2LDM3LjI0NyAyMC4yNTMsNDEgMjUuNSw0MSBDMzAuNzQ3LDQxIDM1LDM3LjI0NyAzNSwzMiBMNDYuNDc1LDMyIEw0NC40NzgsMjYuOTU4IEM0MC44NjUsMTguNzQzIDM5LDExLjIxNCAzOSwyLjIzOSBMMzksMCBMMTEsMCBMMTEsMy41IEMxMSwxMS42NTkgOS40NTgsMTguMzk2IDYuNDU2LDI1Ljk4MiBMNC4yNzIsMzIgTDE2LDMyIFoiIGlkPSJTdHJva2UtMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDEuMjgzMiwxNy44OTYgQzQyLjEyMzIsMjAuOTgzIDQzLjE4MzIsMjQuMDE0IDQ0LjQ3NzIsMjYuOTU4IEw0Ni40NzQyLDMyIEw1MS4wMDAyLDMyIEw0MS4yODMyLDE3Ljg5NiBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNjQ4NCwxOS4zOTMxIEwwLjAwMDQwMDAwMDAwNCwzMi4wMDAxIEw0LjI3MjQsMzIuMDAwMSBMNi40NTY0LDI1Ljk4MjEgQzcuMzEwNCwyMy44MjQxIDguMDMyNCwyMS42MjIxIDguNjQ4NCwxOS4zOTMxIFoiIGlkPSJTdHJva2UtNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsNSBMMzEsNSIgaWQ9IlN0cm9rZS03IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNiwxMiBMMzUsMTIiIGlkPSJTdHJva2UtOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQsMTkgTDM3LDE5IiBpZD0iU3Ryb2tlLTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMiwyNSBMMzksMjUiIGlkPSJTdHJva2UtMTMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLDM1IEwyOSwzNSIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMzAgTDMxLDMwIiBpZD0iU3Ryb2tlLTE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00Ni40NzQ2LDMyIEwzNC45OTk2LDMyIEMzNC45OTk2LDM3LjI0NyAzMC43NDY2LDQxIDI1LjQ5OTYsNDEgQzIwLjI1MjYsNDEgMTUuOTk5NiwzNy4yNDcgMTUuOTk5NiwzMiBMNC4yNzI2LDMyIEwtMC4wMDA0MDAwMDAwMDQsMzIgTC0wLjAwMDQwMDAwMDAwNCw1MyBMNTAuOTk5Niw1MyBMNTAuOTk5NiwzMiBMNDYuNDc0NiwzMiBaIiBpZD0iU3Ryb2tlLTE5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat
}

.download-image {
    float: left;
    width: 60px;
    margin-right: 30px;
    display: inline
}

@media only screen and (max-width:700px) {
    .download-image {
        position: absolute;
        display: block;
        width: 28px;
        left: 7px;
        top: 55px
    }

        .download-image img {
            width: 100%
        }
}

.download-description {
    overflow: hidden
}

.discuss-link {
    text-decoration: underline
}

.legal-main-title {
    margin: 0 0 30px;
    font-size: 48px;
    line-height: 58px
}

.legal-h2, .legal-main-title {
    color: #565861;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.legal-h2 {
    font-size: 36px;
    letter-spacing: 1.15px;
    line-height: 26px;
    margin: 40px 0 30px
}

@media only screen and (max-width:700px) {
    .legal-h2 {
        line-height: 36px
    }
}

.legal-list-numeric {
    list-style-type: decimal;
    margin-left: 30px
}

    .legal-list-numeric li {
        padding-left: 17px
    }

    .legal-list-numeric li, .legal-page p, .policy-page p {
        font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
        font-size: 19px;
        color: #565861;
        letter-spacing: .42px;
        line-height: 26px;
        margin-bottom: 30px
    }

.policy-main-title {
    font-size: 48px;
    line-height: 58px
}

.policy-h2, .policy-main-title {
    margin: 0 0 30px;
    color: #565861;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.policy-h2 {
    font-size: 36px;
    letter-spacing: 1.15px;
    line-height: 42px
}

.map-main-title {
    margin: 0 0 30px;
    color: #565861;
    font-size: 48px;
    line-height: 58px;
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.list-map-title {
    font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
    font-size: 19px;
    color: #565861;
    letter-spacing: .42px;
    line-height: 26px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 12px
}

    .list-map-title:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #3b3f57;
        top: 11px;
        left: 0
    }

    .list-map-title:last-child {
        margin-bottom: 30px
    }

.map-list {
    margin-left: 20px;
    margin-bottom: 15px
}

    .map-list li {
        padding-left: 12px;
        font-family: 'Proxima N W01 Light', 'TevaSans Light', sans-serif;
        font-size: 16px;
        color: #565861;
        letter-spacing: .35px;
        line-height: 26px;
        margin-bottom: 4px;
        position: relative
    }

        .map-list li:before {
            content: "";
            position: absolute;
            width: 9px;
            height: 2px;
            background: #3b3f57;
            top: 13px;
            left: 0
        }

        .map-list li ul {
            margin-left: 8px
        }

            .map-list li ul li:before {
                content: "";
                position: absolute;
                width: 5px;
                height: 5px;
                background: #3b3f57;
                top: 11px;
                left: 0
            }

.site-map__link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: color .3s
}

@media only screen and (min-width:1000px) {
    .site-map__link:hover {
        color: #000
    }
}

.inline-p {
    display: inline;
}

    .inline-p + p {
        margin-top: 30px;
    }

.bold-p {
    font-family: 'Proxima N W01 Smbd', 'TevaSans Regular', sans-serif;
}

.article-content .address-p {
    margin-bottom: 10px;
}

.address-p + .policy-h2 {
    margin-top: 30px;
}
