html,
body {
    background: #fff;
    color: #000;
    padding-bottom: 0;
}
#frnMain #contentblatt,
#mainwrapper_m,
#mainwrapper_l,
#contentpart {
    margin: 0;
    padding: 0;
    background: none;
}

body {
    font-size: 18px;
    font-family: "Helvetica Neue", "Helvetica", Arial, "Nimbus Sans L", sans-serif;
    color: #333;
    line-height: 1.4;
    transition: font-size .3s ease-in-out;
    min-width: 42.22222222222222em; /* 760px */
    *font-size: 16px;
}

.din { letter-spacing: -1px; }

fieldset { margin: 0; }

h1, h2, h3,
.h1, .h2, .h3 {
    line-height: 1;
}

h1, .h1 {
    font-size: 4em; /* 72px */
    font-weight: bold;
}

h2, .h2 {
    font-size: 2.444444em; /* 44px */
    font-weight: bold;
    margin-bottom: 0.681818em; /* 30px */
}

h3, .h3 {
    font-size: 1.555555em; /* 28px */
    font-weight: bold;
    margin-bottom: 0.285714em; /* 8px */
}

p + p {
    margin-top: 1.111111em; /* 20px */
}

p a { color: #4b5b6b; }

a:hover { color: #333 !important; }

/**
 * overwriting some defaults
 */

.din .btn {
    font-family: inherit;
}

.btn {
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.btn-large {
    font-weight: bold;
    font-size: 1.2222222em; /* 22px */
}

.btn-direction-right.btn-large {
    padding-left: 2.5em; /* 35px */
    margin-right: 1.944444em; /* 25px */
    padding-right: 1.944444em; /* 25px */
}

/**
 * some cols
 */

.col {
    width: 50%;
    float: left;
    margin: 0 !important;
}

/* complicated written because of ie7 */

.col .col-inner {
    padding-left: 0;
    padding-right: 1.388888em; /* 25px */
    min-height: 1px;
}

.col + .col .col-inner {
    padding-left: 1.388888em; /* 25px */
    padding-right: 0;
}

.col .col-inner.teaser {
    overflow: hidden;
}

.col .col-inner.teaser img {
    position: relative;
}

.section-teaserItemOnRight .col { float: right; }

.section-teaserItemOnRight .col .col-inner {
    padding-left: 1.388888em; /* 25px */
    padding-right: 0;
}

.section-teaserItemOnRight .col + .col .col-inner {
    padding-left: 0;
    padding-right: 1.388888em; /* 25px */
}

.col img {
    width: 100%;
    height: auto;
}

.left { float: left; }
.right { float: right; }

.section {
    padding-left: 1.111111em;
    padding-right: 1.111111em;
}

.section .inner {
    margin: 0 auto;
    max-width: 52.22222222222222em; /* 940px */
    min-width: 17.777777em; /* 320px */
    border-top: 1px solid #adadad;
    padding: 5.555555em 0; /* 100px */
    position: relative;
    *width: 836px;
}

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

.section-separator {
    width: 4.444444444444444em; /* 80px */
    height: 4.444444444444444em; /* 80px */
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: -2.222222em; /* 40px */
    margin-left: -2.222222em; /* -40px */
    cursor: pointer;
    font-size: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    overflow: hidden;
    font-weight: bold;
    z-index: 4;
}

.section-separator img {
    width: 100%;
    height: auto;
}

/**
 * head
 */

.section-head {
    background: #1f3147;
    position: relative;
    overflow: hidden;
}
.section-head > .inner .bg{
    background: transparent url(/img/local/onepager/unfallskizze/car-left-0.5x.png) no-repeat 0% -100px;
    margin-left: -230px;
}
.section-head > .inner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 1410px;
    height: 13.388888em;
    content: " ";
    background: transparent url(/img/local/onepager/unfallskizze/car-right-0.5x.png) no-repeat 100% 190px;
    padding: 5.555555em 0;
}

.section-head .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    text-align: center;
}

.section-head .bg img {
    height: 101%;
    width: auto;
}

.section-head .clock { z-index: 1; }
.section-head .hand { z-index: 2; }
.section-head .fireman { z-index: 3; }

.section-head .hand img {
    position: absolute;
    width: 3.111111em; /* 56px */
    height: 8.222222em; /* 148px */
    top: 12.944444em; /* 233px */
    margin-left: 4.666666em; /* 84px */
    left: 50%;
    z-index: 2;
}

.section-head .hand img {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 1.555555em 6.666666em;
    -moz-transform-origin: 1.555555em 6.666666em;
    -ms-transform-origin: 1.555555em 6.666666em;
    -o-transform-origin: 1.555555em 6.666666em;
    transform-origin: 1.555555em 6.666666em;
}

.section-head .fireman img { margin: 0 -9.444444em; /* -170px */ }

.section-head .inner,
.section-head + .section .inner {
    border-top: 0;
}

.section-head .inner {
    position: relative;
    height: 13.388888em; /* 385px */
    z-index: 4;
}

.section-head .headline {
    top: 9.222222em;
    left: 0;
    position: absolute;
}

.section-head .h1 {
    color: #fff;
    line-height: 1;
}

.section-head .subtitle {
    display: block;
    color: #f1b91c;
    font-weight: bold;
    font-size: 2.222222em; /* 40px; */
    margin-bottom: .25em;
}

/**
 * intro
 */

.section-intro .section-separator {
    width: 6.69em; /* 120px */
    height: 6.69em; /* 120x */
    top: -3.333333333333333em; /* -60px */
    margin-left: -3.333333333333333em; /* -60px */
    background-color: transparent;
}

.section-intro .section-separator img { width: 98%; }

.section-intro .section-separator i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-style: normal;
    line-height: 2.5em; /* 80px */
    z-index: 2;
    font-size: 2em; /* 32px */
}

.section-intro p {
    position: relative;
}
.section-intro p .img-wrapper {
    position: relative;
    float: right;
    margin: 0 0 0 1em;
    width: 451px; /* 451px */;
    height: 400px; /* 400px */;
    background: transparent url(/img/local/onepager/unfallskizze/park-0.5x-1.png) top right no-repeat;
    overflow: hidden;
}
.mt-backgroundsize .section-intro p .img-wrapper {
    background: transparent url(/img/local/onepager/unfallskizze/park-1x-1.png) top right no-repeat;
    background-size: 451px 400px;
}
.mt-csstransforms3d .section-intro p img {
    -webkit-transform: rotateZ(-50deg) translate3d(-20px, 0, 0);
    -webkit-transform-origin: 110px 400px;
    -webkit-transition: -webkit-transform 400ms ease-out 0s;

    -moz-transform: rotateZ(-50deg) translate3d(-20px, 0, 0);
    -moz-transform-origin: 110px 400px;
    -moz-transition: -moz-transform 400ms ease-out 0s;

    -ms-transform: rotateZ(-50deg) translate3d(-20px, 0, 0);
    -ms-transform-origin: 110px 400px;
    -ms-transition: -ms-transform 400ms ease-out 0s;

    -o-transform: rotateZ(-50deg) translate3d(-20px, 0, 0);
    -o-transform-origin: 110px 400px;
    -o-transition: -o-transform 400ms ease-out 0s;

    transform: rotateZ(-50deg) translate3d(-20px, 0, 0);
    transform-origin: 110px 400px;
    transition: transform 400ms ease-out 0s;
}
.mt-nocsstransforms3d .section-intro p img {
    -webkit-transform: rotate(-50deg) translate(-20px, 0);
    -webkit-transform-origin: 110px 400px;
    -webkit-transition: -webkit-transform 400ms ease-out 0s;

    -moz-transform: rotate(-50deg) translate(-20px, 0);
    -moz-transform-origin: 110px 400px;
    -moz-transition: -moz-transform 400ms ease-out 0s;

    -ms-transform: rotate(-50deg) translate(-20px, 0);
    -ms-transform-origin: 110px 400px;
    -ms-transition: -ms-transform 400ms ease-out 0s;

    -o-transform: rotate(-50deg) translate(-20px, 0);
    -o-transform-origin: 110px 400px;
    -o-transition: -o-transform 400ms ease-out 0s;

    transform: rotate(-50deg) translate(-20px, 0);
    transform-origin: 110px 400px;
    transition: transform 400ms ease-out 0s;
}

.mt-csstransforms3d .section-intro p .crashed img {
    -webkit-transform: rotateZ(0) translate3d(0, 0, 0);
    -moz-transform: rotateZ(0) translate3d(0, 0, 0);
    -ms-transform: rotateZ(0) translate3d(0, 0, 0);
    -o-transform: rotateZ(0) translate3d(0, 0, 0);
    transform: rotateZ(0) translate3d(0, 0, 0);
}
.mt-nocsstransforms3d .section-intro p .crashed img {
    -webkit-transform: rotate(0) translate3d(0, 0);
    -moz-transform: rotate(0) translate3d(0, 0);
    -ms-transform: rotate(0) translate3d(0, 0);
    -o-transform: rotate(0) translate3d(0, 0);
    transform: rotate(0) translate3d(0, 0);
}

.section-intro p .crashed {
    -webkit-animation: vibrate 200ms 400ms;
    -moz-animation: vibrate 200ms 400ms;
    -ms-animation: vibrate 200ms 400ms;
    -o-animation: vibrate 200ms 400ms;
    animation: vibrate 200ms 400ms;
}

@-webkit-keyframes vibrate {
    0% {
        -webkit-transform: none;
    }
    16% {
        -webkit-transform: translate3d(-6px, -6px, 0);
    }
    33% {
        -webkit-transform: translate3d(6px, 6px, 0);
    }
    50% {
        -webkit-transform: translate3d(-4px, -4px, 0);
    }
    66% {
        -webkit-transform: translate3d(4px, 4px, 0);
    }
    83% {
        -webkit-transform: translate3d(-2px, -2px, 0);
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0);
    }
}
@-moz-keyframes vibrate {
    0% {
        -moz-transform: none;
    }
    16% {
        -moz-transform: translate3d(-6px, -6px, 0);
    }
    33% {
        -moz-transform: translate3d(6px, 6px, 0);
    }
    50% {
        -moz-transform: translate3d(-4px, -4px, 0);
    }
    66% {
        -moz-transform: translate3d(4px, 4px, 0);
    }
    83% {
        -moz-transform: translate3d(-2px, -2px, 0);
    }
    100% {
        -moz-transform: translate3d(0px, 0px, 0);
    }
}
@-ms-keyframes vibrate {
    0% {
        -ms-transform: none;
    }
    16% {
        -ms-transform: translate3d(-6px, -6px, 0);
    }
    33% {
        -ms-transform: translate3d(6px, 6px, 0);
    }
    50% {
        -ms-transform: translate3d(-4px, -4px, 0);
    }
    66% {
        -ms-transform: translate3d(4px, 4px, 0);
    }
    83% {
        -ms-transform: translate3d(-2px, -2px, 0);
    }
    100% {
        -ms-transform: translate3d(0px, 0px, 0);
    }
}
@-o-keyframes vibrate {
    0% {
        transform: none;
    }
    16% {
        transform: translate3d(-6px, -6px, 0);
    }
    33% {
        transform: translate3d(6px, 6px, 0);
    }
    50% {
        transform: translate3d(-4px, -4px, 0);
    }
    66% {
        transform: translate3d(4px, 4px, 0);
    }
    83% {
        transform: translate3d(-2px, -2px, 0);
    }
    100% {
        transform: translate3d(0px, 0px, 0);
    }
}
@keyframes vibrate {
    0% {
        transform: none;
    }
    16% {
        transform: translate3d(-6px, -6px, 0);
    }
    33% {
        transform: translate3d(6px, 6px, 0);
    }
    50% {
        transform: translate3d(-4px, -4px, 0);
    }
    66% {
        transform: translate3d(4px, 4px, 0);
    }
    83% {
        transform: translate3d(-2px, -2px, 0);
    }
    100% {
        transform: translate3d(0px, 0px, 0);
    }
}

/**
 * tire
 */
.section-tire {
    position: relative;
    padding-bottom: 2.2222em;
}
.section-tire:after {
    content: "";
    position: absolute;
    width: 41.6667em; /* 750px */
    height: 4.4444em; /* 80px */
    left: 50%;
    bottom: 2.222em; /* 40px */
    margin-left: -20.8333em;
    background: url(/img/local/onepager/reifenbezeichnung/shadow.jpg) no-repeat 50% 100%;
    background-size: auto 100%;
}
.section-tire .tire {
    position: relative;
    width: 41.6667em; /* 750px */
    min-height: 17.2222em; /* 310px (height-padding) */
    margin: 0 auto;
    padding: 12.2222em 0;
}
.js-off .section-tire .tire:before,
.section-tire .visual {
    position: absolute;
    top: 0;
    width: 100%;
    background-size: 100%;
    z-index: 1;
}
.section-tire .visual img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.js-on .section-tire .tire:before { content: " "; top: auto; bottom: 0; } /* js-off */

.section-tire .visual {
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    transition: transform .6s;
}
.section-tire.turn .visual {
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform: rotate(180deg);
}
.section-tire.turn ul li:before  {
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform: rotate(180deg);
    opacity: .99;
}
.section-tire.mark1 ul li.mark1:before,
.section-tire.mark2 ul li.mark2:before,
.section-tire.mark3 ul li.mark3:before,
.section-tire.mark4 ul li.mark4:before,
.section-tire.mark5 ul li.mark5:before,
.section-tire.mark6 ul li.mark6:before,
.section-tire.mark7 ul li.mark7:before,
.section-tire.mark8 ul li.mark8:before,
.section-tire.mark9 ul li.mark9:before,
.section-tire.mark10 ul li.mark10:before,
.section-tire.mark11 ul li.mark11:before {
    padding: 4px;
    margin: -4px;
    background-color: #ffab00;
}

.section-tire ul {
    counter-reset: li-counter;
}
.section-tire ul li {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    font-size: 1.1111em; /* 20px */
    color: #fff;
    z-index: 10;
    font-weight: bold;
    cursor: pointer;
}
.section-tire ul li.mark1 { top: 13.3333%; left: 32.5333%; }
.section-tire ul li.mark2 { top: 10.9333%; left: 40.8%; }
.section-tire ul li.mark3 { top: 10.4%; left: 47.7333%; }
.section-tire ul li.mark4 { top: 11.0667%; left: 54.6667%; }
.section-tire ul li.mark5 { top: 13.0667%; left: 61.7333%; }
.section-tire ul li.mark6 { top: 15.7333%; left: 67.2%; }

.section-tire ul li.mark7 { bottom: 17.3333%; left: 70.1333%; }
.section-tire ul li.mark8 { bottom: 10.6667%; left: 53.8666%; }
.section-tire ul li.mark9 { bottom: 10.6667%; left: 41.3333%; }
.section-tire ul li.mark10 { bottom: 15.6%; left: 28.6667%; }
.section-tire ul li.mark11 { bottom: 13.3333%; left: 15.2%; }


.section-tire ul li:before {
    display: block;
    background: #84d0f0;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    content: counter(li-counter);
    counter-increment: li-counter;
    line-height: 1.6em;
    border-radius: 50%;
}

.section-tire ul li span {
    display: none;
}

.section-tire ol {
    position: relative;
    background: #eee;
    padding: 3em 1em 3em 3em; /* 20px 20px 20px 57px */
    border: 0.4444em solid #84d0f0;
    counter-reset: li-counter;
    z-index: 2;
}
.js-on #IE7 .section-share .bubble-inner,
.js-on #IE8 .section-share .bubble-inner {
    background-color: transparent;
    border: none;
}
.js-on .section-tire ol {
    position: absolute;
    padding: 0;
    top: 15.5%;
    left: 15.5%;
    right: 15.5%;
    bottom: 15.5%;
    border-radius: 50%;
    opacity: 1;
}
.js-on #IE7 .section-tire ol,
.js-on #IE8 .section-tire ol {
    top: 23%;
    left: 10%;
    right: 10%;
    bottom: 22%;
}
.js-on .section-tire ol.transition {
    -webkit-transition: top 1s cubic-bezier(.75,1.88,.79,.72), right 1s cubic-bezier(.75,1.88,.79,.72), bottom 1s cubic-bezier(.75,1.88,.79,.72), left 1s cubic-bezier(.75,1.88,.79,.72), opacity 1s cubic-bezier(.75,1.88,.79,.72);
    -moz-transition: top 1s cubic-bezier(.75,1.88,.79,.72), right 1s cubic-bezier(.75,1.88,.79,.72), bottom 1s cubic-bezier(.75,1.88,.79,.72), left 1s cubic-bezier(.75,1.88,.79,.72), opacity 1s cubic-bezier(.75,1.88,.79,.72);
    -o-transition: top 1s cubic-bezier(.75,1.88,.79,.72), right 1s cubic-bezier(.75,1.88,.79,.72), bottom 1s cubic-bezier(.75,1.88,.79,.72), left 1s cubic-bezier(.75,1.88,.79,.72), opacity 1s cubic-bezier(.75,1.88,.79,.72);
    -ms-transition: top 1s cubic-bezier(.75,1.88,.79,.72), right 1s cubic-bezier(.75,1.88,.79,.72), bottom 1s cubic-bezier(.75,1.88,.79,.72), left 1s cubic-bezier(.75,1.88,.79,.72), opacity 1s cubic-bezier(.75,1.88,.79,.72);
    transition: top 1s cubic-bezier(.75,1.88,.79,.72), right 1s cubic-bezier(.75,1.88,.79,.72), bottom 1s cubic-bezier(.75,1.88,.79,.72), left 1s cubic-bezier(.75,1.88,.79,.72), opacity 1s cubic-bezier(.75,1.88,.79,.72);
}
.js-on .section-tire ol.minimized {
    top: 40%;
    left: 40%;
    right: 40%;
    bottom: 40%;
    opacity: .3;
}
.section-tire .tire ol .detail {
    position: absolute;
    bottom: 98%;
    left: 1.3889em; /* 25px */
    right: 1.3889em; /* 25px */
    text-align: center;
}
.section-tire .tire ol img {
    width: 100%;
    height: auto;
}
.section-tire .tire ol strong {
    color: #84d0f0;
    font-size: 1.6667em;
}
.js-off .section-tire ol li {
    position: relative;
    margin-bottom: 1.1111em; /* 20px */
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 1px solid #84d0f0;
}
.js-off .section-tire ol li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 0.8em;

    font-size: 2.2em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #84d0f0;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.js-on .section-tire ol li {
    position: absolute;
    top: 45%;
    left: 5%;
    right: 5%;
    display: none;
    opacity: 0;
    text-align: center;
}
.js-on .section-tire.mark1 ol li.mark1,
.js-on .section-tire.mark2 ol li.mark2,
.js-on .section-tire.mark3 ol li.mark3,
.js-on .section-tire.mark4 ol li.mark4,
.js-on .section-tire.mark5 ol li.mark5,
.js-on .section-tire.mark6 ol li.mark6,
.js-on .section-tire.mark7 ol li.mark7,
.js-on .section-tire.mark8 ol li.mark8,
.js-on .section-tire.mark9 ol li.mark9,
.js-on .section-tire.mark10 ol li.mark10,
.js-on .section-tire.mark11 ol li.mark11 {
    display: block;
    opacity: 1;
}
.js-off .section-tire ol li a {
    display: none;
}
.section-tire ol li a {
    text-decoration: underline;
}
.section-tire ol li a:hover {
    text-decoration: none;
}

/**
 * find
 */

.page-content-inner form {
    background-color: #eee;
    padding: 1.388888em; /* 25px */
    overflow: hidden;
    *zoom: 1;
    margin-top: 1.388888em;
}

.page-content-inner form select,
.page-content-inner form input[type=text] {
    width: 100%;
    font-size: inherit; /* 18px */
    height: 2.555555em; /* 46px */
    line-height: 2.555555em; /* 46px */
    padding: 0.444444em 0.333333em; /* 8px 6px */
    margin-bottom: 0;
}

.js-on .page-content-inner form fieldset {
    -ms-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    transform: rotateY(0deg);

    -webkit-backface-visibility:hidden;
    backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    transition: transform 0.6s;
}
.js-on .page-content-inner form .flipped {
    -ms-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    transform: rotateY(180deg);
}
.page-content-inner form .buttonline {
    clear: both;
    margin: 0 auto;
    width: 60%;
    padding-top: 0.5556em;
    text-align: center;
}
.page-content-inner form .btn-large {
    width: 100%;
}
.page-content-inner form select + select {
    margin-top: .5em;
}

.section-translator form select {
    width: 16%;
}
.section-translator form input[type=text] {
    width: 13%;
}
.section-translator form input[type=text] {
    height: 1.555555em; /* 46px */
}

@-moz-document url-prefix() {
    .section-translator form select {
        padding-top: 0.54em;
    }
}
#IE8 select { height: auto !important; }

.section-translator form .description {
    display: block;
    line-height: 1.3em;
    font-size: 0.833333em;
    color: #666;
    margin-bottom: 1em;
    overflow: hidden;
    transition: 0.6s;
}
.section-translator .fields {
    text-align: center;
}

.section-oem .fields {
    overflow: hidden;
    text-align: center;
}
.section-oem form select {
    width: 33%;
    margin: 0 !important;
}
.section-oem form select:first-child { float: left; }
.section-oem form select:last-child { float: right; margin: 0; }

.section-oem select[disabled=disabled] {
    background-color: #e2e2e2;
}
.section-oem .description {
    padding-right: 11.6667em;
    background: url(data:image/png;base64,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) no-repeat 100% 0; /* Inlined from /img/local/onepager/reifenbezeichnung/pirelli-logo.png */
    background-size: 11em;
}


#tire-info h3,
#tire-check h3,
#car-check h3 {
    text-align: center;
}
.result-box {
    background-color: #eee;
    padding: 1.388888em; /* 25px */
    border-top: 1px solid #aaa;
    opacity: 1;
}
.result-box.minimized {
    display: none;
    opacity: 0;
}
.result-box .loader {
    display: block;
    margin: 0 auto;
    background: url(/img/global/ajax-loader_ebebeb.gif) no-repeat 0 0;
    background-size: 100%;
    width: 0;
    height: 0;
    margin-bottom: 10px;
    -webkit-transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
    -moz-transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
    -o-transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
    -ms-transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
    transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
}
.result-box.loading .loader {
    width: 32px;
    height: 32px;
}
.result-box .tire-info-template {
    background: #fff;
    padding: 20px 15px;
}
.result-box .tire-info-template ul {
    padding-left: 120px;
    overflow: hidden;
    min-height: 80px;
}
.result-box .tire-info-template li {
    text-align: right;
    float: left;
    width: 50%;
    padding: 0.1112em 0 0.1667em;
}
.result-box .tire-info-template span {
    display: block;
    padding: 0 1.6667em;
}
.result-box .tire-info-template label {
    display: inline;
    float: left;
    margin: 0;
    font-weight: normal;
    text-align: left;
}
.result-box .tire-info-template abbr {
    border-bottom: none;
}
.result-box .tire-info-template ul {
    background: url(/img/local/onepager/reifenbezeichnung/pirelli-tire-placeholder.png) no-repeat 0 50%;
    background-size: auto 100%;
}

.result-box .car-check-template .car {
    background: #fff;
    position: relative;
    height: 8.3333em;
    margin-bottom: 1em;
}
.result-box .car-check-template .car span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
}
.result-box .car-check-template .tire-list {
    overflow: hidden;
    margin: 0 -.5em;
}
.result-box .named-tire-template {
    margin-bottom: .5em;
}
.result-box .named-tire-template .inner {
    padding: 20px;
    margin: 0 .5em .5em;
    border: 1px solid #84d0f0;
    overflow: hidden;
    background: #fff url(/img/local/onepager/reifenbezeichnung/reifenprofi-resultlist.png) no-repeat 0 0;
}
.result-box .named-tire-template strong {
    display: block;
}
.result-box .named-tire-template label {
    font-weight: normal;
    margin-bottom: 0;
}
.result-box .named-tire-template .title {
    float: left;
    width: 40%;
}
.result-box .named-tire-template .brand,
.result-box .named-tire-template .variations label {
    font-size: .8em;
    font-weight: bold;
    display: block;
}
.result-box .named-tire-template .variations label {
    margin-bottom: 5px;
}
.result-box .named-tire-template .variations {
    float: right;
    width: 60%;
}
.result-box .named-tire-template dl {
    margin-bottom: 10px;
}
.result-box .named-tire-template dl:last-child { margin-bottom: 0; }

.result-box .named-tire-template dt,
.result-box .named-tire-template dd {
    display: inline;
}
.result-box .named-tire-template dt {
    background: #84d0f0;
    color: #fff;
    display: inline-block;
    padding: 1px 5px 2px;
    margin-right: 5px;
}
.result-box .named-tire-template dt br {
    display: none;
}
.result-box .named-tire-template dd {
    font-size: .8em;
}
.result-box .named-tire-template dd:before { content: "( "; }
.result-box .named-tire-template dd + dd:before { content: ""; }
.result-box .named-tire-template dd:after { content: ","; }
.result-box .named-tire-template dd:last-child:after { content: " )"; }

/**
 * faqs
 */

.section-faq .faqs > li {
    background-color: #eee;
    padding: 0.833333em 1.944444em 0.833333em 3.333333em; /* 15px 35px 15px 60px */
    cursor: pointer;
    position: relative;
}

.section-faq .faqs > li.opened { height: auto; }

.section-faq .faqs > li:hover { background-color: #e1e1e1; }

.section-faq .faqs > li + li { margin-top: 6px; }

.section-faq .faqs > li p + p { margin-top: 12px; }

.js-on .section-faq .faqs > li.closed .title { margin-bottom: 0; }

.js-on .section-faq .faqs > li.closed .din.title { margin-bottom: -2px; /* din line-height correction */ }

.js-on .section-faq .faqs > li.closed p { display: none; }

.section-faq .icon {
    position: absolute;
    top: 0.6666666666666667em; /* 12px */
    left: 0.833333em; /* 15px */
    width: 1.777777777777778em; /* 32px */
    overflow: hidden;
    display: block;
}

.section-faq .icon img {
    position: relative;
    width: 200%;
    height: auto;
}

.section-faq .opened .icon img { left: -100%;  }
.section-faq .closed .icon img { left: 0; }

/* Facts */
.section-factlists ul {
    position: relative;
    overflow: hidden;
    min-height: 100px;
    border: 5px solid #ddd;
}
.section-factlists ul li {
    position: absolute;
    width: 34%;
    top: 0;
    left: 33%;
    overflow: hidden;
    z-index: 2;
    -webkit-box-shadow: 18px 0 50px 0 rgba(50, 50, 50, 0.54);
    -moz-box-shadow:    18px 0 50px 0 rgba(50, 50, 50, 0.54);
    box-shadow:         18px 0 50px 0 rgba(50, 50, 50, 0.54);
}
.section-factlists ul li.speed-facts { left: 0; z-index: 3; }
.section-factlists ul li.oem-facts { left: auto; right: 0; z-index: 1; }

#IE7 .section-factlists ul li,
#IE8 .section-factlists ul li { border-right: 3px solid #666; }
#IE7 .section-factlists ul li.oem-facts,
#IE8 .section-factlists ul li.oem-facts { border-right: none; }

.section-factlists ul li a {
    display: block;
    min-height: 100px;
}
.section-factlists ul li img {
    position: absolute;
    display: block;
    top: -135px;
    left: -50px;
    z-index: 1;
    -webkit-transform: rotate(8deg) ;
    -moz-transform: rotate(8deg) ;
    -o-transform: rotate(8deg) ;
    -ms-transform: rotate(8deg) ;
    transform: rotate(8deg) ;
}
.section-factlists ul li label {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 10px 10px 0 25px;
    padding: 5px 10px;
    background: #84d0f0;
    color: #fff;
}
.section-factlists ul li:first-child label { margin-left: 15px; }
.section-factlists ul.hideLabel li label {
    margin-left: -1000px;
}
.section-factlists ul.transition li label {
    -webkit-transition: margin-left 1s cubic-bezier(.75,1.88,.79,.72);
    -moz-transition: margin-left 1s cubic-bezier(.75,1.88,.79,.72);
    -ms-transition: margin-left 1s cubic-bezier(.75,1.88,.79,.72);
    -o-transition: margin-left 1s cubic-bezier(.75,1.88,.79,.72);
    transition: margin-left 1s cubic-bezier(.75,1.88,.79,.72);
}


/* Share */
.section-share .inner { height: 16.66666666666667em; /* 300px */ }

.section-share .bubble {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1.931818181818182em; /* -85px */
    margin-left: -2.5em; /* -110px */
    font-size: 2.444444em; /* 44px */
    line-height: 1;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: #f1b91c;
    color: #fff;
}

.section-share .bubble-inner {
    position: relative;
    z-index: 2;
    padding: 1.590909em 0.454545em 0; /* 70px 20px 0 */
    height: 3.409090em; /* 150px */
    width: 4.090909em; /* 180px */
    background-color: #f1b91c;
    border-radius: 50%;
}

#IE7 .section-share .bubble-inner,
#IE8 .section-share .bubble-inner {
    background-color: transparent;
}

.section-share .bubble img {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 1;
    *height: 100%;
    *width: auto;
}

.section-share .share-option {
    width: 1.454545em; /* 64px */
    height: 1.454545em; /* 64px */
    /*    border-radius: 50%;*/
    display: block;
    position: absolute;
    bottom: 50%;
    margin-bottom: -0.727272em; /* -32px */
    left: 50%;
    margin-left: -0.727272em; /* -32px */
    z-index: 1;
}
.section-share .twitter { bottom: 120%; left: 50%; }
.section-share .facebook { bottom: 111%; left: 84%; }
.section-share .pinterest { bottom: 87%; left: 110%; }
.section-share .email { bottom: 53%; left: 120%; }

.section-share .share-option.minimized {
    bottom: 50%;
    left: 50%;
}
.section-share .transition .share-option {
    -webkit-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -moz-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -ms-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -o-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
}

.section-share .share-option:hover img { margin-top: -3px; }

.section-share .share-option img {
    width: 100%;
    height: auto;
}

#IE7 .section-share .share-option.twitter { top: -45px !important; left: -20px !important; }
#IE7 .section-share .share-option.facebook { top: -45px !important; left: 40px !important; }
#IE7 .section-share .share-option.pinterest { top: -45px !important; left: 100px !important; }
#IE7 .section-share .share-option.email { top: -45px !important; left: 160px !important; }

/**
 * footer
 */

.section-foot {
    color: #999;
    font-weight: bold;
    text-align: right;
}

.section-foot .inner {
    padding-top: 1.7777777777777778em; /* 21px */
    padding-bottom: 0;
}

.section-foot .section-separator { z-index: 1; }

.section-foot .section-separator:after {
    margin-left: -0.8333333333333333em; /* -15px */
    margin-top: -0.8333333333333333em; /* -15px */
    content: "";
    left: 50%;
    width: 1.666666666666667em; /* 30px */
    height: 1.666666666666667em; /* 30px */
    display: block;
    position: absolute;
    z-index: 3;
    background:
    url("/img/local/onepager/thumbs-up.png")
    50% 50%
    no-repeat;
    background-size: 4.444444444444444em; /* 80px */
    top: 50%;
    -webkit-transition: margin .1s ease-out;
    -moz-transition: margin .1s ease-out;
    -ms-transition: margin .1s ease-out;
    -o-transition: margin .1s ease-out;
    transition: margin .1s ease-out;
}

.section-foot .section-separator:hover:after { margin-top: -1em; }

.section-foot .left,
.section-foot .right {
    z-index: 2;
    position: relative;
    font-size: 11px;
}

.section-foot a,
.section-foot .a {
    color: inherit;
    background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAQAAAAua3X8AAAAbklEQVR42mNgIBbMtJh5dWY0LkmOmd0z/878D8TR2PXeAEpCIDYlMz1nfoYrwKHEYOZjQkqkZp4jpIR75iYkJf9nTsNUwjxzAgElQEXZM//hNwWfAgJWEHAkAW8SCCiCQT3TkkBkEYxuIhIMPgAANYDCSLgqW1QAAAAASUVORK5CYII=)
    no-repeat
    0 48%; /* Inlined from /img/local/onepager/arrow-gray.png */
    background-size: .5em .625em; /* 8px 10px */
    display: inline-block;
    *display: inline;
    padding-left: 0.625em; /* 10px */
}

#IE7 .section-foot a,
#IE8 .section-foot a,
#IE7 .section-foot .a,
#IE8 .section-foot .a {
    background-image: url("/img/local/onepager/lowie-arrow-gray.png");
    background-position: 0 50%;
    padding-left: 14px;
}

.section-foot a + .a,
.section-foot .a + .a,
.section-foot a + a { margin-left: 1em; }

.section-foot .socialcounts {
    background-color: #eee;
    clear: both;
    margin-top: 1.11111111111111em; /* 20px */
    padding: 1.11111111111111em 1.11111111111111em 0.55555555555556em; /* 20px 20px 10px */
    height: 25px; /* 25px */
}

.section-foot #twitter-widget-0 {
    position: absolute;
    bottom: 1.11111111111111em; /* 10px */
    left: 150px; /* 20px */
}

.section-foot .fb_iframe_widget {
    bottom: 1.11111111111111em; /* 10px */
    left: 1.11111111111111em; /* 20px */
    position: absolute;
}

/***
 * tracking
 */

.tracking {
    height: 0;
    overflow: hidden;
}

/**
 * section-logo
 */

.section-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.section-logo .inner {
    border: none;
    padding: 0;
}

.section-logo .logo {
    position: absolute;
    top: 3.055555em; /* 55px */
    left: 0;
}

.section-logo .logo img {
    width: 11.722222em; /* 211px */
    height: auto;
}

/**
 * admin
 */

.admin {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 100%;
}

h1 .admin,
h2 .admin,
h3 .admin,
h1 .admin,
span > .admin {
    width: auto;
}


.admin .edit {
    opacity: .4;
    position: absolute;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background:
    rgba(255,0,0,.5)
    url("/net/motortalk/cosmos/customerservices/server/fireservice/img/admin/pen.png")
    50% 6px
    no-repeat;
    color: transparent;
    font: 0/0 a;
    border-radius: 5px;
    right: -35px;
    top: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition:
    background-color .2s ease-in,
    opacity .2s ease-in;
    -moz-transition:
    background-color .2s ease-in,
    opacity .2s ease-in;
}

.admin:hover .edit,
.admin .edit:hover {
    opacity: 1;
}

.admin .edit:hover { background-color: #f00; }

.section-foot .admin {
    position: relative;
    cursor: pointer;
    width: auto;
    margin-left: 0.625em; /* 10px */
}

.section-foot .admin .menu { display: none; }

.section-foot .admin:hover .menu {
    display: block;
    position: absolute;
    bottom: 100%;
    right: -10px;
    white-space: nowrap;
    background-color: #eee;
    padding: 10px;
}

.section-foot .admin:hover .menu a {
    float: right;
    clear: both;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


.feedback-switch {
    position: fixed;
    right: 0;
    top: 50%;
    height: 420px;
    margin-top: -291px;
    z-index: 232;
    font-size: 12px;
    width: 0;
    padding-left: 30px;
    padding-bottom: 8px;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    transition: width .3s ease-out;
}
.feedback-switch.opened {
    width: 310px;
    z-index: 234;
}
.feedback-switch .hanger {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
    z-index: 2;
    background: #f1b91c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACYCAQAAABD7HFiAAAChElEQVR42u1Xu43cMBBlahs2lDhxtCWoBAavAJWgElSCSrgSWIJKUGocDOs6UGY4Y3IO7gDTAanh8H8L7K5x9nGSE/WWFN+8ecMTwg38wAfRGjD4jndtkMETPrdBBo/V1RzI4B7v2yCDp+IRGKh8hABk8DW7aQQyuG+DvuFTC/QLH1vf9IwvtdP9hsFDYRW20nMF4kD5zw1AD9VVhBACP5uQt/E2XulAX317wiKEgMZYAHSYoWGOipsykAG7LVlfuyraZPXuIITA5h42dLSJt48VvZ1c3MSO3m8Cgx0DX35OnE5jTj9zhGYQZbfO8EUbqRpxHR0ihmEOQtNZaS5nzkm8GLS24kzBdBhwCrI3BFwdkoBkc9KyTkBiJwYZGGxh3jTXKHpibLbKzGYLHZT9sUDv/sgfR8PAHHsXuLD6PEBbAbSFaRmypUBpWUhoIyTF6D7b2Lo7BZpMZXw6iNNFiAwTswZQjZUl5UaO02Gsig7DQUKpAu/4IVLLmkhdhpHJCn1JeBq9MiVUROdiS96vsEevR3Qkksx9Z/EMl0EGGsqKJgalJ9JQJLcaNy76KsvMN++K+YpcpdguJmb29b4DVarJaPvyKwmZWs/urYbZq0qt53DdkIJOCIGpYawzZQkbJAbuSdSYNp/gkxMesw90kY8HJriGCrkCyBnORIewcV5vuRjob91+JCbWiyfejixgylqrZhedpIx4qLCzGeys83obkb4jbLy5uqLafEfQcdeMuqeOVJD/5+kKoOhac8QV9HThC01LIpUl6V3IE93iamQWnl45iJKQebqsCuZWXFYF51dLKJz/SwW3ahvs5lyIMzpBG/2ym02Fp38FFF4XEsZvqYI/q0RreIqlQvwAAAAASUVORK5CYII=) 11px 50% no-repeat; /* Inlined from /img/local/onepager/feedback.png */
    background-size: auto 80%;
    text-transform: uppercase;
    box-shadow: -1px 2px 4px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    -moz-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    -ms-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    cursor: pointer;
    font-weight: bold;
    width: 30px;
    height: 100px;
    overflow: hidden;
    text-indent: -3000px;
}
.feedback-switch .hanger:hover{
    width:35px;
    left:-5px;
}
.feedback-switch.opened .hanger:before {
    content: "x";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: #f1b91c;
    text-indent: 0;
    text-align: center;
    font-size: .9em;
    line-height: 19px;
}
.feedback-switch.opened .feedback-inner {
    box-shadow: -3px 5px 5px rgba(0, 0, 0, .2);
}
.feedback-inner {
    overflow: hidden;
    background-color: #f5f5f5;
    width: 260px;
    z-index: 3;
    position: relative;
    padding: 15px 25px 20px;
}
.feedback-inner strong {
    font-size: 1.65em;
    display: block;
}
.feedback-inner form {
    background-color: transparent;
    padding: 0;
}
.feedback-inner form .buttonline {
    width: 100%;
    padding: 10px 0 0;
}
.feedback-inner form input[type=text] {
    width: 96%;
    height: auto;
    line-height: 1.7em;
    margin-bottom: 11px;
}
.feedback-inner form textarea {
    width: 94.5%;
}

/**
 * depending on screenres:
 */

@media only screen and (max-width: 1090px) { body { font-size: 16px; } }
@media only screen and (max-width: 990px) { body { font-size: 14px; } }
@media only screen and (max-width: 820px) {
    body {
        font-size: 12px;
    }

    .page-content-inner form .buttonline {
        width: 75%;
    }
}

@media only screen and (max-width: 720px) {
    .admin .edit {
        right: 0;
        opacity: .2;
    }

    .section-foot #twitter-widget-0,
    .section-foot .fb_iframe_widget {
        display: none;
    }

}

@media only screen and (max-width: 640px) {
    body {
        font-size: 12px;
        min-width: 320px;
    }

    h1, .h1 {
        font-size: 38px;
    }

    p {
        font-size: 1.166666em; /* 14px */
    }

    .btn-direction-right.btn-large {
        padding-left: 25px;
        padding-right: 15px;
    }

    .col {
        float: none !important;
        width: auto !important;
    }

    .col-inner { padding: 0 !important; }

    .col + .col {
        margin-top: 1.666666em;
    }

    .col img {
        max-width: 420px;
        margin: 0 auto;
        display: block;
    }

    .section-head .headline {
        padding-right: 35%;
    }

    .section-head .bg img {
        position: absolute;
        left: 50%;
    }

    .section-head .clock img { margin-left: -380px; }
    .section-head .hand img { margin-left: 0; }
    .section-head .fireman img { margin-left: -435px; }

    .result-box .tire-info-template li {
        float: none;
        width: auto;
    }

    .section-factlists ul li {
        position: relative;
        width: auto !important  ;
        top: auto;
        left: auto;
        min-height: 80px;
        overflow: hidden;
        z-index: 2;
        -webkit-box-shadow: 0 18px 50px 0 rgba(50, 50, 50, 0.54);
        -moz-box-shadow:    0 18px 50px 0 rgba(50, 50, 50, 0.54);
        box-shadow:         0 18px 50px 0 rgba(50, 50, 50, 0.54);
        background: #eee;
    }
    .section-factlists ul li label {
        margin: 15px 0 0 15px !important;
        font-size: 1.3em;
    }

    .section-foot .inner {
        padding-top: 30px;
        text-align: center;
    }

    .section-foot .left,
    .section-foot .right {
        float: none;
        display: inline-block;
    }

    .section-foot .left {
        display: block;
        margin-top: 5px;
    }

    .section-foot .right {
        margin-left: 0;
    }

    .section-foot a,
    .section-foot .a {
        background: none;
        padding-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .result-box .named-tire-template dt {
        display: block;
    }
}

@media only screen and (max-width: 530px) {
    .section-tire .tire {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: hidden;
    }
    .section-tire .tire .visual {
        position: relative;
        width: 120%;
        margin: 0 -10%;
    }

    .section-tire:after {
        width: 100%;
        left: 0;
        margin: 0 auto;
        background-size: 80%;
    }
    .js-on .section-tire ol {
        top: 23%;
        left: 0;
        right: 0;
        bottom: 22%;
        height: auto;
        width: auto;
        border-radius: 0;
    }
    .js-on .section-tire ol li {
        top: 5%;
    }
    .section-tire .tire ol .detail {
        position: static;
    }

    .section-translator form input[type=text] { width: 10%; }
    .section-translator form select { width: 21%; }
    .section-translator #bauweise { width: 20%; }

    .result-box .tire-info-template ul {
        background: none;
        padding-left: 0;
    }

    .section-oem form select {
        width: 100%;
        float: none;
    }
    .section-oem form select + select {
        margin-top: .5em;
    }

    .section-foot {
        padding: 0;
    }

    .section-oem .description {
        padding-right: 8.6667em;
        background-size: 8em;
    }

}

@media only screen and (max-width: 400px) {

    #IE7 .section-tire .tire li.mark11 img,
    #IE8 .section-tire .tire li.mark11 img {
        display: none;
    }

    .section-head .headline {
        top: 5.5em;
        padding-right: 0;
    }

    .section-head .headline br {
        display: none;
    }

    .section-intro p img {
        float: none;
        display: block;
        margin: 0 0 1em;
    }

    .page-content-inner form .buttonline {
        margin: 0;
        width: 100%;
        padding-top: 0.2778em;
    }
    .page-content-inner form .buttonline button {
        width: 100%;
    }

    .section-request label {
        width: 100%;
        float: none;
    }
    .section-logo .logo {
        top: 2.055555em;
    }


    .result-box .named-tire-template .title,
    .result-box .named-tire-template .variations {
        float: none;
        margin: 0;
        width: auto;
    }
    .result-box .named-tire-template .title {
        margin-bottom: 10px;
    }
    .result-box .named-tire-template .brand {
        margin-right: 5px;
    }
    .result-box .named-tire-template .name {
        display: inline;
    }
    .result-box .named-tire-template dl {
        margin-bottom: 5;
        margin-top: 5px;
    }

    .section-oem .description {
        padding-right: 0;
        background: none;
    }
}

.socialcounts .mt-icon-oba {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-left: 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDcxIDI3MyAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDcxIDI3MyAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkFzc2V0cyI+PHBhdGggZmlsbD0iIzA5QUNDQiIgZD0iTS00NzEsMjg3LjR2LTEyLjljMCwwLDAuMS0xLjUsMS40LTEuNWMwLjgsMCwxLjQsMC40LDEuNCwwLjRsMTEuMyw2LjJjMCwwLDAuOSwwLjYsMC45LDEuNHMtMC42LDEuMS0wLjYsMS4xbC03LjIsMy45YzAsMC0wLjksMC42LTEuNSwwLjJjLTAuNi0wLjQtMC42LTAuOS0wLjYtMC45bDAtNC4xYzAsMCwwLjItMC45LDAuOS0wLjljMC43LDAsMC44LDAuOCwwLjgsMC44bDAsMy4xbDQuNy0yLjVjMCwwLDAuNS0wLjQsMC41LTAuN2MwLTAuNC0wLjQtMC43LTAuNC0wLjdsLTguMy00LjdjMCwwLTAuOC0wLjMtMS4xLTAuMWMtMC4zLDAuMy0wLjMsMC42LTAuMywwLjZ2OS4zYzAsMC0wLjEsMC41LDAuMywwLjhjMC40LDAuMiwwLjksMCwwLjksMHMwLjktMC40LDEuMywwLjNjMC40LDAuNy0wLjQsMS4yLTAuNCwxLjJsLTIsMS4zYzAsMC0wLjcsMC4zLTEuMywwQy00NzEsMjg4LjYtNDcxLDI4Ny40LTQ3MSwyODcuNHoiLz48Y2lyY2xlIGZpbGw9IiMwOUFDQ0IiIGN4PSItNDY1IiBjeT0iMjc4LjgiIHI9IjEiLz48L2c+PGcgaWQ9IkxhYmVscyI+PC9nPjwvc3ZnPg==);
}