@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USew8.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew8.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf)
        format("truetype");
}

@font-face {
    font-family: "Open Sans", cursive;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf)
        format("truetype");
}

.gutter-2x > [class*="col-"] {
    padding-right: 30px;
    padding-left: 30px;
}

*:focus {
    outline: none;
}

.form-control:focus {
    border-color: #fff;
    box-shadow: none;
}

.form-control {
    border-radius: 0;
    font-size: 0.7em;
    height: 40px;
}

.btn {
    height: 40px;
    border-radius: 0;
    background-color: #000000;
    color: #fff;
    text-transform: uppercase;
}

.btn:hover {
    background-color: #8890aa;
    color: #fff;
    opacity: 0.8;
    transition: 0.3s;
}

.btn.gray {
    background-color: #d6d6d6;
    color: #000000 !important;
}

.btn.red {
    background-color: #7c3141;
    color: #fff;
}

.btn.link {
    background-color: transparent;
    color: #000000 !important;
    text-decoration: underline;
}

.btn.btn-primary {
    background-color: #000000;
}

.btn:focus,
.btn.btn-primary {
    border-color: transparent;
    box-shadow: none;
}

form.submitted input[type="text"]:invalid,
form.submitted input[type="email"]:invalid,
form.submitted input[type="number"]:invalid,
form.submitted input[type="tel"] input[type="checkbox"]:invalid,
form.submitted textarea:invalid,
form.submitted select:invalid {
    border-color: #d71440;
    color: #d71440;
    background-color: #fbd5de;
}

.font-lato {
    font-family: "Open Sans", cursive;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.read-more:after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

.page-title {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    .page-title {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

.link-bold-underline {
    font-weight: 700;
    text-decoration: underline;
}

@keyframes slide-in {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

.slide-in {
    animation-name: slide-in;
}

.loading-spinner {
    position: fixed;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.loading-spinner div {
    width: 33%;
    height: 33%;
    background-color: #000000;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.loading-spinner div.cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-spinner div.cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loading-spinner div.cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.loading-spinner div.cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loading-spinner div.cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-spinner div.cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loading-spinner div.cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-spinner div.cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loading-spinner div.cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

*.t1 i {
    color: #7c3141;
}

*.t1 span {
    background: #7c3141;
}

*.t2 i {
    color: #8890aa;
}

*.t2 span {
    background: #8890aa;
}

*.t3 i {
    color: #ee7523;
}

*.t3 span {
    background: #ee7523;
}

*.t4 i {
    color: #38577c;
}

*.t4 span {
    background: #38577c;
}

*.t5 i {
    color: #009fe3;
}

*.t5 span {
    background: #009fe3;
}

.headline {
    position: relative;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 992px) {
    .headline {
        margin-bottom: 1.5rem;
    }
}

.headline:hover {
    transform: scale(1.01);
}

.headline i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1% 3%;
    background: #fff;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 992px) {
    .headline i {
        font-size: 1.1em;
    }
}

.headline img {
    width: 100%;
    max-height: 232px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.headline span {
    display: block;
    position: absolute;
    bottom: 45px;
    right: 3%;
    z-index: 1;
    padding: 1% 2%;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.1em;
}

@media only screen and (max-width: 992px) {
    .headline span {
        font-size: 1em;
        line-height: 1em;
    }
}

.headline h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 70px;
    margin-bottom: 0;
    padding: 3% 22% 3% 4%;
    background: #000000;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.1em;
}

@media only screen and (max-width: 992px) {
    .headline h3 {
        padding-right: 25%;
        font-size: 0.9em;
    }
}

.headline.no-overlay {
    padding-bottom: 70px;
}

.headline.no-date h3 {
    padding-right: 4%;
}

.headline.home {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .headline.home {
        margin-bottom: 1.5rem;
    }
}

.headline.home span {
    left: 3%;
    right: auto;
}

.headline.home h3 {
    padding: 2% 2% 2% 22%;
}

@media only screen and (max-width: 992px) {
    .headline.home h3 {
        padding: 2% 2% 2% 25%;
    }
}

.headline.home img {
    max-height: 256px;
}

.headline.edition {
    margin-bottom: 0;
}

.headline.edition span {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
}

.headline.edition-main i {
    background: #7c3141;
    color: #fff;
}

.headline-small {
    border: solid 1px #000000;
    min-height: 116px;
}

.headline-small:after {
    display: block;
    content: "";
    clear: both;
}

.headline-small span {
    display: block;
    float: left;
    margin: 2px 0.5rem 0 0;
    padding: 2% 2%;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.1em;
}

@media only screen and (max-width: 992px) {
    .headline-small span {
        font-size: 1em;
        line-height: 1em;
    }
}

.headline-small h3 {
    font-size: 0.9em;
    padding: 1rem;
}

.headline-small.news h3 {
    font-size: 1em;
    font-weight: 700;
    padding: 0.5rem 1rem 0.25rem;
    min-height: 80px;
}

.headline-small.news p {
    padding: 0 15px;
    font-size: 0.9em;
}

.headline-small.news p:hover {
    text-decoration: underline;
}

.headline-small.search {
    border: none;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 15px;
    min-height: initial;
}

.headline-small.search i {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 300;
    font-size: 0.7em;
    font-family: "Open Sans", cursive;
}

.headline-small.search span {
    font-size: 0.9em;
    line-height: 1.1em;
    padding: 0.5rem 0.5rem;
}

.headline-small.search h3 {
    margin-bottom: 0.25rem;
    font-size: 1em;
    font-weight: 700;
    padding: 0;
}

.headline-small.search p {
    font-size: 0.8em;
}

.headline-small.search p:hover {
    text-decoration: underline;
}

.member {
    position: relative;
}

.member img {
    width: 100%;
}

.member .info {
    transition: opacity 0.3s ease-out;
    opacity: 0;
}

@media only screen and (max-width: 992px) {
    .member .info {
        opacity: 1;
    }
}

.member:hover {
    transform: scale(1.01);
}

.member:hover .info {
    opacity: 1;
}

.member .info {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 8%;
    background-color: rgba(255, 255, 255, 0.8);
}

.member .info h2 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: "Open Sans", cursive;
}

.member .info span {
    display: block;
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 1rem;
}

.member .info .icon {
    flex-grow: 1;
}

.member .info .icon a:hover {
    text-decoration: none;
}

.member .info .icon img {
    margin-right: 4%;
}

.member .info .icon img.mail {
    max-width: 24px;
}

.member .info .icon img.linkedin {
    max-width: 19px;
}

.member .info .icon img.vcard {
    max-width: 33px;
}

.member .info .link {
    text-align: right;
    font-size: 1.1em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

.pager {
    font-size: 1.1em;
    text-align: center;
}

.pager a {
    padding: 0 5px;
}

.pager a.arrow.left:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #000000;
    border-bottom: 7px solid transparent;
}

.pager a.arrow.right:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #000000;
    border-bottom: 7px solid transparent;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    position: absolute;
    display: block;
    font-size: 0;
    line-height: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-slider .slick-prev:focus,
.slick-slider .slick-next:focus {
    outline: none;
}

.slick-slider .slick-prev {
    left: -20px;
}

.slick-slider .slick-prev:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #000000;
    border-bottom: 20px solid transparent;
}

.slick-slider .slick-prev.slick-disabled:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #d6d6d6;
    border-bottom: 20px solid transparent;
}

.slick-slider .slick-next {
    right: -20px;
}

.slick-slider .slick-next:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #000000;
    border-bottom: 20px solid transparent;
}

.slick-slider .slick-next.slick-disabled:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #d6d6d6;
    border-bottom: 20px solid transparent;
}

.content-list .row [class*="col-"] {
    display: flex;
}

.content-list .row [class*="col-"] .box {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .content-list .row [class*="col-"] .box {
        display: block;
    }
}

.content-list .row [class*="col-"] .box .headline {
    margin-bottom: 0;
}

.content-list .row [class*="col-"] .box .summary {
    flex: 1;
    padding: 4% 3% 2%;
    border: solid 1px #000000;
}

.content-list .row [class*="col-"] .box .summary:after {
    display: block;
    content: "";
    clear: both;
}

@media only screen and (max-width: 768px) {
    .content-list .row [class*="col-"] .box .summary {
        font-size: 0.8em;
    }
}

.content-list .row [class*="col-"] .box .summary span {
    display: block;
    margin-bottom: 0.5rem;
    color: #7c3141;
}

.content-list .row [class*="col-"] .box .summary span a {
    color: #7c3141;
    text-decoration: underline;
    text-transform: lowercase;
}

.content-list .row [class*="col-"] .box .summary p {
    line-height: 1.3em;
}

.content-list .row [class*="col-"] .box .summary a.read-more {
    float: right;
}

.content-list .row [class*="col-"] .box .summary a.read-more:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

.content-list .row [class*="col-"] .box .summary a {
    text-decoration: underline;
}

.content-list.remove-d-flex .row [class*="col-"] {
    display: block;
}

.search-box {
    width: 100%;
    padding: 1rem;
    background: #cecece;
}

.search-box h4 {
    margin-bottom: 1rem;
    font-size: 1.3em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

.search-box span {
    display: block;
    font-size: 0.7em;
    line-height: 1.4em;
    margin-bottom: 1rem;
}

.search-box .form-row > div {
    margin-bottom: 1rem;
}

.search-box .form-row:last-child > div {
    text-align: center;
    margin-bottom: 0;
}

.search-box-professional .form-row > div {
    margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
    .slider-container {
        padding: 0 35px;
    }
}

.past-issues-container {
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

.past-issues-container > div {
    padding: 0 35px 0 0;
}

@media only screen and (max-width: 992px) {
    .past-issues-container > div {
        padding: 0 35px;
    }
}

.past-issues-container h4 {
    font-weight: 900;
}

.box-practice-areas {
    position: relative;
}

.box-practice-areas h4 {
    position: absolute;
    top: 20%;
    left: -70px;
    width: 180px;
    padding: 10px 0;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    .box-practice-areas h4 {
        position: initial;
        width: 100%;
        padding: 0;
        font-size: 1.4em;
    }
}

.box-practice-areas .list {
    border: solid 1px #000000;
    padding: 5% 2% 5% 15%;
}

@media only screen and (max-width: 768px) {
    .box-practice-areas .list {
        padding: 5% 5% 5% 5%;
    }
}

.box-practice-areas .list ul {
    padding-left: 0;
    margin-bottom: 0;
}

.box-practice-areas .list ul li {
    list-style-type: none;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    padding-left: 5px;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    .box-practice-areas .list ul li {
        margin-bottom: 5%;
    }
}

.box-practice-areas .list ul li a::after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

@media only screen and (max-width: 992px) {
    .box-practice-areas .list ul li a::after {
        display: none;
    }
    .box-practice-areas .list ul li a:before {
        margin-right: 5px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid #000000;
        border-bottom: 6px solid transparent;
    }
}

.box-practice-areas:after {
    content: "";
    position: absolute;
    display: block;
    top: 82%;
    margin-top: -23px;
    right: -8px;
    width: 46px;
    height: 46px;
    background: #000000;
    font-weight: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .box-practice-areas:after {
        top: 95%;
        margin-top: -11.5px;
        right: 3.5px;
        width: 23px;
        height: 23px;
        font-size: initial;
    }
}

.centered-page-title {
    text-align: center;
    position: relative;
    z-index: 1;
}

.centered-page-title h1 {
    display: inline-block;
    padding: 0 4%;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    .centered-page-title h1 {
        font-size: 1.4em;
    }
}

.share-bar {
    font-size: 0.8em;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .share-bar {
        text-align: left;
    }
}

.share-bar span {
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .share-bar span {
        display: block;
        margin-bottom: 3px;
    }
}

.share-bar a {
    text-decoration: none;
}

.share-bar a img {
    margin-right: 5px;
    margin-bottom: 3px;
    max-width: 25px;
}

.share-bar a img:hover {
    transform: scale(1.05);
}

.ol-alpha {
    counter-reset: list;
}

.ol-alpha > li {
    list-style: none;
    margin-bottom: 0.5rem;
}

.ol-alpha > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
}

img.note-float-left {
    margin-right: 15px;
}

img.note-float-right {
    margin-left: 15px;
}

/* Cookie Dialog */
#gdpr-cookie-blocked-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1031;
}

#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #000000;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
    margin-left: 30px;
    z-index: 1032;
}

#gdpr-cookie-message h4 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message h5 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message p,
#gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}

#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}

#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}

#gdpr-cookie-message a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #7c3141;
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message button {
    border: none;
    background: #7c3141;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

#gdpr-cookie-message button:hover {
    background: white;
    color: #7c3141;
    transition: all 0.3s ease-in;
}

button#gdpr-cookie-advanced {
    background: transparent;
    color: #fff;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

section#banner {
    margin-bottom: 3rem;
}

section#banner .banner-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

section#banner .banner-container.slick-initialized {
    visibility: visible;
    opacity: 1;
}

section#banner .banner-container .link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
}

section#banner .banner-container .slick-arrow {
    display: none !important;
}

section#banner .banner-container .slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

section#banner .banner-container .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

section#banner .banner-container .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #d6d6d6;
}

section#banner .banner-container .slick-dots li.slick-active button {
    background: #000000;
}

section#banner .banner-container .slick-slide {
    padding: 0 1%;
    background-size: 1360px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

@media only screen and (max-width: 1400px) {
    section#banner .banner-container .slick-slide {
        background-size: cover;
        height: 350px;
    }
}

@media only screen and (max-width: 1200px) {
    section#banner .banner-container .slick-slide {
        height: 350px;
    }
}

@media only screen and (max-width: 992px) {
    section#banner .banner-container .slick-slide {
        height: 270px;
    }
}

@media only screen and (max-width: 768px) {
    section#banner .banner-container .slick-slide {
        height: 205px;
    }
}

@media only screen and (max-width: 576px) {
    section#banner .banner-container .slick-slide {
        padding: 0 0.5%;
        height: 145px;
    }
}

@media only screen and (max-width: 380px) {
    section#banner .banner-container .slick-slide {
        padding: 0 0.3%;
        height: 130px;
    }
}

section#banner .banner-container .slick-slide.bg-cover {
    background-size: cover;
}

section#banner .banner-container .slick-slide .box-title {
    position: absolute;
    top: 0;
    left: 17%;
    max-width: 20%;
    background: #fff;
    padding: 2% 2%;
    font-family: "Open Sans", cursive;
    font-size: 1.9em;
    line-height: 2.3rem;
    text-align: center;
    font-weight: 300;
    display: none;
}

@media only screen and (max-width: 1400px) {
    section#banner .banner-container .slick-slide .box-title {
        left: 8%;
    }
}

@media only screen and (max-width: 1200px) {
    section#banner .banner-container .slick-slide .box-title {
        left: 6%;
        max-width: 24%;
    }
}

@media only screen and (max-width: 992px) {
    section#banner .banner-container .slick-slide .box-title {
        font-size: 0.8em;
        line-height: 1em;
    }
}

@media only screen and (max-width: 768px) {
    section#banner .banner-container .slick-slide .box-title {
        max-width: 33%;
    }
}

section#banner .banner-container .slick-slide .box-title.t4 {
    display: block;
}

section#banner .banner-container .slick-slide .box {
    width: 42%;
    position: relative;
}

@media only screen and (max-width: 992px) {
    section#banner .banner-container .slick-slide .box {
        min-height: initial;
        width: 45%;
    }
}

section#banner .banner-container .slick-slide .box:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 3px solid #ee7523;
    left: -3%;
    top: -8%;
    z-index: 0;
}

section#banner .banner-container .slick-slide .box:after {
    position: absolute;
    width: 35%;
    content: "";
    border-bottom: 3px solid #ee7523;
    right: -10%;
    bottom: 10%;
    z-index: 0;
}

section#banner .banner-container .slick-slide .box .inside-title {
    display: none;
}

section#banner .banner-container .slick-slide .box .text {
    background: #000000;
    padding: 1% 4%;
    color: #fff;
    font-weight: 300;
    font-family: "Open Sans", cursive;
    position: relative;
}

section#banner .banner-container .slick-slide .box .text h2 {
    font-size: 1.9em;
    font-weight: 300;
}

section#banner .banner-container .slick-slide .box .text span {
    font-size: 1.2em;
    display: block;
}

@media only screen and (max-width: 992px) {
    section#banner .banner-container .slick-slide .box .text {
        min-height: initial;
    }
    section#banner .banner-container .slick-slide .box .text h2 {
        font-size: 0.8em;
        line-height: 1em;
    }
    section#banner .banner-container .slick-slide .box .text span {
        font-size: 0.8em;
        line-height: 1em;
    }
}

section#banner .banner-container .slick-slide .box .text:before,
section#banner .banner-container .slick-slide .box .text::after {
    content: "";
    display: block;
    width: 25px;
    border-bottom: solid 3px #ee7523;
    margin: 2% 0;
}

section#banner .banner-container .slick-slide .box.t1:before {
    display: none;
}

section#banner .banner-container .slick-slide .box.t1:after {
    display: none;
}

section#banner .banner-container .slick-slide .box.t1 .text {
    padding: 2% 4%;
}

section#banner .banner-container .slick-slide .box.t1 .text:before,
section#banner .banner-container .slick-slide .box.t1 .text::after {
    display: none;
}

section#banner .banner-container .slick-slide .box.t2:before,
section#banner .banner-container .slick-slide .box.t4:before,
section#banner .banner-container .slick-slide .box.t6:before,
section#banner .banner-container .slick-slide .box.t7:before {
    display: none;
}

section#banner .banner-container .slick-slide .box.t3:after {
    display: none;
}

section#banner .banner-container .slick-slide .box.t3 .text:before,
section#banner .banner-container .slick-slide .box.t3 .text::after {
    border-color: #00a083;
}

section#banner .banner-container .slick-slide .box.t4:after {
    border-color: #d6d6d6;
}

section#banner .banner-container .slick-slide .box.t4 .text {
    background: #fff;
    color: #000000;
    text-align: center;
}

section#banner .banner-container .slick-slide .box.t4 .text:before,
section#banner .banner-container .slick-slide .box.t4 .text::after {
    border-color: #cecece;
}

section#banner .banner-container .slick-slide .box.t5:before {
    border-color: #8e8f94;
    background-color: #8e8f94;
}

section#banner .banner-container .slick-slide .box.t5:after {
    border-color: #d6d6d6;
}

section#banner .banner-container .slick-slide .box.t5 .text {
    background: #fff;
    color: #000000;
    text-align: center;
}

section#banner .banner-container .slick-slide .box.t5 .text:before,
section#banner .banner-container .slick-slide .box.t5 .text::after {
    border-color: #cecece;
}

section#banner .banner-container .slick-slide .box.t6 {
    width: 64.8%;
}

@media only screen and (max-width: 1400px) {
    section#banner .banner-container .slick-slide .box.t6 {
        width: 70.5%;
    }
}

section#banner .banner-container .slick-slide .box.t6:after {
    border-color: #cecece;
}

section#banner .banner-container .slick-slide .box.t6 .text {
    background: #fff;
    color: #000000;
}

section#banner .banner-container .slick-slide .box.t6 .text:before,
section#banner .banner-container .slick-slide .box.t6 .text::after {
    border-color: #cecece;
}

section#banner .banner-container .slick-slide .box.t6 .text .inside-title {
    display: block;
    color: #000000;
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
    section#banner .banner-container .slick-slide .box.t6 .text .inside-title {
        font-size: 1.1rem;
        line-height: 1.1rem;
        margin-bottom: 10px;
    }
}

section#banner .banner-container .slick-slide .box.t7:after {
    border-color: #1b98e0;
}

section#banner .banner-container .slick-slide .box.t7 .text:before,
section#banner .banner-container .slick-slide .box.t7 .text::after {
    border-color: #1b98e0;
}

section#areas {
    margin-bottom: 4rem;
}

@media only screen and (max-width: 768px) {
    section#areas {
        margin-bottom: 2.5rem;
    }
}

section#areas .box {
    position: static;
}

section#areas .box h4 {
    position: absolute;
    top: 20%;
    left: -70px;
    width: 180px;
    padding: 10px 0;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#areas .box h4 {
        position: initial;
        width: 100%;
        padding: 0;
        font-size: 1.4em;
    }
}

section#areas .box .list {
    border: solid 1px #000000;
    padding: 5% 2% 5% 15%;
}

@media only screen and (max-width: 768px) {
    section#areas .box .list {
        padding: 5% 5% 5% 5%;
    }
}

section#areas .box .list ul {
    padding-left: 0;
    margin-bottom: 0;
}

section#areas .box .list ul li {
    list-style-type: none;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    padding-left: 5px;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    section#areas .box .list ul li {
        margin-bottom: 5%;
    }
}

section#areas .box .list ul li a::after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

@media only screen and (max-width: 992px) {
    section#areas .box .list ul li a::after {
        display: none;
    }
    section#areas .box .list ul li a:before {
        margin-right: 5px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid #000000;
        border-bottom: 6px solid transparent;
    }
}

section#areas .box:after {
    content: "";
    position: absolute;
    display: block;
    top: 82%;
    margin-top: -23px;
    right: -8px;
    width: 46px;
    height: 46px;
    background: #000000;
    font-weight: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    section#areas .box:after {
        top: 95%;
        margin-top: -11.5px;
        right: 3.5px;
        width: 23px;
        height: 23px;
        font-size: initial;
    }
}

section#highlights {
    margin-bottom: 2.5rem;
}

section#highlights h4 {
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
    transform: rotate(-90deg);
    white-space: nowrap;
    margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
    section#highlights h4 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 768px) {
    section#highlights h4 {
        font-size: 1.4em;
        transform: none;
    }
}

section#highlights h4.en {
    font-size: 2.1em;
    margin-bottom: 165px;
}

@media only screen and (max-width: 1200px) {
    section#highlights h4.en {
        margin-bottom: 157px;
    }
}

@media only screen and (max-width: 992px) {
    section#highlights h4.en {
        margin-bottom: 146px;
    }
}

@media only screen and (max-width: 768px) {
    section#highlights h4.en {
        font-size: 1.4em;
        transform: none;
        margin-bottom: 0.5em;
    }
}

@media only screen and (max-width: 992px) {
    section#highlights .slider-container > div {
        padding: 0 15px;
    }
}

section#highlights .slider-container > div a.read-more:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

section#highlights .slider-container > div a {
    text-decoration: underline;
}

section#subscribe,
section#event {
    padding: 3% 40px;
    margin-bottom: 2.5rem;
    background-color: #d6d6d6;
}

section#subscribe .text,
section#event .text {
    margin-bottom: 2%;
}

section#subscribe .text h4,
section#event .text h4 {
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 900;
    margin-bottom: 1.25rem;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 992px) {
    section#subscribe .text h4,
    section#event .text h4 {
        font-size: 1.4em;
        margin-bottom: 2%;
    }
}

section#subscribe .text h4 img,
section#event .text h4 img {
    width: 52px;
    margin: -3px 0 0 12px;
}

section#subscribe .text h5.closed,
section#event .text h5.closed {
    text-transform: uppercase;
    font-size: 1.8em;
    margin-top: 30px;
    text-align: center;
}

section#subscribe .text p,
section#event .text p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-bottom: 0.5rem;
}

section#subscribe .text p .linkedin,
section#event .text p .linkedin {
    text-decoration: none;
}

section#subscribe .text p .linkedin img,
section#event .text p .linkedin img {
    width: 19px;
    margin-bottom: 7px;
    margin-right: 7px;
}

section#subscribe .form-row > div,
section#event .form-row > div {
    margin-bottom: 1rem;
}

section#subscribe .form-row:last-child > div,
section#event .form-row:last-child > div {
    margin-bottom: 0;
}

section#subscribe .notice,
section#event .notice {
    font-size: 0.6em;
    margin-bottom: 1rem !important;
}

section#subscribe label,
section#event label {
    font-size: 0.8em;
}

section#subscribe a,
section#event a {
    text-decoration: underline;
}

section#subscribe .btn,
section#event .btn {
    width: 100%;
    font-size: 0.8em;
    margin: 0 auto;
    text-align: center;
}

section#article-list .search-box {
    margin-bottom: 30px;
}

section#article-list .main {
    margin-bottom: 2rem;
    padding-top: 20px;
}

section#article-list .main .box {
    margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
    section#article-list .main .box {
        margin-bottom: 2rem;
    }
}

section#article-list .main .box .headline {
    border: solid 1px #8890aa;
    border-bottom: none;
}

section#article-list .main .box .headline img {
    margin-top: -20px;
    margin-left: 4%;
    width: 80%;
}

section#article .header h1 {
    margin-bottom: 0.5rem;
    font-size: 1.9em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#article .header h1 {
        font-size: 1.6em;
    }
}

section#article .header .by {
    margin-bottom: 0.5rem;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

section#article .header .by span {
    display: block;
    font-size: 0.7em;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    section#article .header .by {
        margin-bottom: 1rem;
        font-size: 1em;
    }
}

section#article .header .by a {
    text-decoration: underline;
    font-weight: 700;
}

section#article .header .by a.inactive {
    text-decoration: none;
    cursor: default;
}

section#article .header .icon {
    font-size: 0.8em;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#article .header .icon {
        text-align: left;
    }
}

section#article .header .icon span {
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    section#article .header .icon span {
        display: block;
        margin-bottom: 3px;
    }
}

section#article .header .icon a {
    text-decoration: none;
}

section#article .header .icon a img {
    margin-right: 5px;
    margin-bottom: 3px;
    max-width: 25px;
}

section#article .header .icon a img:hover {
    transform: scale(1.05);
}

section#article .header,
section#article .content,
section#article .authors,
section#article .other-articles,
section#article .on-this-issue,
section#article .search-box {
    margin-bottom: 2rem;
}

section#article h4 {
    margin-bottom: 1rem;
    font-size: 1.3em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

section#article .content {
    text-align: justify;
}

section#article .content:after {
    display: block;
    content: "";
    clear: both;
}

section#article .content a {
    text-decoration: underline;
}

section#article .content img {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    section#article .content img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    section#article .content img {
        margin-right: 0 !important;
    }
}

section#article .authors,
section#article .other-articles {
    padding: 1rem;
}

section#article .authors .row > div,
section#article .other-articles .row > div {
    margin-bottom: 30px;
}

section#article .authors {
    background: #cecece;
    display: inline-block;
}

section#article .authors .flex-list {
    flex-wrap: wrap !important;
    display: flex !important;
    margin-left: -15px;
    margin-right: -15px;
}

section#article .authors .flex-list .item {
    padding: 0 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    section#article .authors .flex-list .item {
        width: 100%;
    }
}

section#article .authors .flex-list .item .member img.photo {
    max-width: 247px;
}

@media only screen and (max-width: 768px) {
    section#article .authors .flex-list .item .member img.photo {
        max-width: none;
        width: 100%;
    }
}

section#article .on-this-issue {
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

section#article .on-this-issue h4 {
    font-weight: 400;
}

section#article .on-this-issue h4 strong {
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    section#article .on-this-issue h4 {
        font-size: 1.2em;
    }
}

section#article .on-this-issue a {
    text-decoration: none;
}

section#article .other-articles {
    background: #6f9291;
}

@media only screen and (max-width: 768px) {
    section#article .other-articles {
        height: auto;
    }
}

section#article .other-articles img {
    margin-bottom: 3%;
}

section#article .other-articles h3 {
    font-weight: 700;
    font-size: 1.1em;
}

section#article .other-articles span {
    font-size: 0.9em;
    line-height: 1.2em;
    display: block;
}

section#article .other-articles a {
    text-decoration: none;
}

section#article .other-articles a strong {
    text-decoration: underline;
}

section#article .past-issues {
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

section#article .past-issues > div {
    padding: 0 35px 0 0;
}

@media only screen and (max-width: 992px) {
    section#article .past-issues > div {
        padding: 0 35px;
    }
}

section#article .past-issues h4 {
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    section#article .search-box {
        height: auto;
    }
}

section#contact a {
    font-weight: 700;
    text-decoration: underline;
}

section#contact .location {
    margin-bottom: 2rem;
    background: #d6d6d6;
}

section#contact .location .photo img {
    width: 100%;
}

section#contact .location .profile {
    padding: 2%;
}

@media only screen and (max-width: 768px) {
    section#contact .location .profile {
        padding: 4%;
    }
}

section#contact .location .profile h2 {
    margin-bottom: 1%;
    font-weight: 300;
    font-size: 2em;
    line-height: 1em;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#contact .location .profile h2 {
        margin-bottom: 2%;
        font-size: 1.6em;
    }
}

section#contact .location .profile .info {
    font-size: 0.8em;
    font-weight: 300;
}

@media only screen and (max-width: 768px) {
    section#contact .location .profile .info {
        font-size: 0.7em;
    }
}

section#contact .location .profile .info strong {
    font-weight: 600;
}

@media only screen and (max-width: 992px) {
    section#contact .location .profile .info p {
        margin-bottom: 0.5em;
    }
}

section#contact .location .profile .link {
    line-height: 1.8em;
}

section#contact .email {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    section#contact .email {
        font-size: 0.8em;
    }
}

section#contact .email > div {
    margin-bottom: 1.5rem;
}

section#contest h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#contest h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#contest .contest {
    margin-bottom: 2rem;
}

section#contest .contest .text {
    padding: 2% 0;
}

@media only screen and (max-width: 768px) {
    section#contest .contest .text {
        padding: 4%;
    }
}

section#contest a {
    text-decoration: underline;
}

section#edition .header {
    background: #d6d6d6;
}

section#edition .header .photo img {
    width: 100%;
    max-height: none !important;
}

section#edition .header .description {
    padding: 2%;
    font-size: 0.8em;
}

@media only screen and (max-width: 768px) {
    section#edition .header .description {
        padding: 4%;
    }
}

section#edition .header .description .text {
    margin-bottom: 1rem;
}

section#edition .header .description .text a {
    text-decoration: underline;
}

section#edition .header .description .icon {
    font-size: 0.8em;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#edition .header .description .icon {
        text-align: left;
    }
}

section#edition .header .description .icon a {
    text-decoration: none;
}

section#edition .header .description .icon a:first-child img {
    margin-left: 0;
}

section#edition .header .description .icon a img {
    margin-left: 5px;
    margin-bottom: 3px;
    max-width: 25px;
}

section#edition .header .description .icon a img:hover {
    transform: scale(1.05);
}

section#edition .header,
section#edition .on-this-issue,
section#edition .past-issues,
section#edition .search-box {
    margin-bottom: 1.5rem;
}

section#edition h4 {
    font-size: 1.3em;
    font-weight: 900;
}

section#edition .on-this-issue h4,
section#edition .past-issues h4 {
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

section#edition .on-this-issue h4 strong,
section#edition .past-issues h4 strong {
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    section#edition .on-this-issue h4,
    section#edition .past-issues h4 {
        font-size: 1.2em;
    }
}

section#edition .on-this-issue {
    position: relative;
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

@media only screen and (max-width: 768px) {
    section#edition .on-this-issue {
        padding-top: 3.5rem;
    }
}

section#edition .on-this-issue .subscribe {
    position: absolute;
    padding-left: 15px;
    top: -1px;
    right: 0;
    background: #fff;
    width: 205px;
}

section#edition .on-this-issue .subscribe .btn {
    display: block;
    font-size: 0.9em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

section#edition .on-this-issue .subscribe .btn img {
    width: 35px;
    margin-left: 15px;
}

section#edition .on-this-issue .content-list .box .summary {
    font-size: 0.8em;
}

section#edition .on-this-issue .content-list .box .headline {
    background: #e6e6e6;
}

section#edition .past-issues {
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

section#edition .past-issues > div {
    padding: 0 35px 0 0;
}

@media only screen and (max-width: 992px) {
    section#edition .past-issues > div {
        padding: 0 35px;
    }
}

section#edition .past-issues h4 {
    font-weight: 900;
}

section#news .header h1 {
    margin-bottom: 0.5rem;
    font-size: 1.9em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#news .header h1 {
        font-size: 1.6em;
    }
}

section#news .header .date {
    margin-bottom: 0.5rem;
    font-size: 0.9em;
    font-weight: 700;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#news .header .date {
        margin-bottom: 1rem;
        font-size: 1em;
    }
}

section#news h4 {
    margin-bottom: 1rem;
    font-size: 1.3em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

section#news .content {
    margin-bottom: 2rem;
}

section#news .content:after {
    display: block;
    content: "";
    clear: both;
}

section#news .content .icon,
section#news .content img,
section#news .content .cite {
    margin-bottom: 1rem;
}

section#news .content .icon {
    font-size: 0.8em;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#news .content .icon {
        text-align: left;
    }
}

section#news .content .icon span {
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    section#news .content .icon span {
        display: block;
        margin-bottom: 3px;
    }
}

section#news .content .icon a {
    text-decoration: none;
}

section#news .content .icon a img {
    margin-right: 5px;
    margin-bottom: 3px;
    max-width: 25px;
}

section#news .content .icon a img:hover {
    transform: scale(1.05);
}

section#news .content a {
    text-decoration: underline;
}

section#news .content .text {
    text-align: justify;
}

section#news .content .text:after {
    display: block;
    content: "";
    clear: both;
}

@media only screen and (max-width: 992px) {
    section#news .content .text img {
        max-width: 100%;
        height: auto;
    }
}

section#news .content .cite {
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#news .content .cite {
        font-size: 1.2em;
    }
}

section#news .content p.source {
    font-style: italic;
    font-weight: 700;
}

section#news .other-news {
    padding: 2% 4%;
    background: #6f9291;
}

@media only screen and (max-width: 768px) {
    section#news .other-news {
        height: auto;
    }
}

section#news .other-news .row > div {
    margin-bottom: 30px;
}

section#news .other-news img {
    margin-bottom: 3%;
}

section#news .other-news h3 {
    font-weight: 700;
    font-size: 1.1em;
}

section#news .other-news span {
    font-size: 0.9em;
    line-height: 1.2em;
    display: block;
}

section#news .other-news a {
    text-decoration: none;
}

section#news .other-news a strong {
    text-decoration: underline;
}

section#news .read-also h4 {
    position: absolute;
    left: -130px;
    top: 92px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
    transform: rotate(-90deg);
}

@media only screen and (max-width: 1200px) {
    section#news .read-also h4 {
        left: -90px;
        top: 68px;
        font-size: 1.4em;
    }
}

@media only screen and (max-width: 992px) {
    section#news .read-also h4 {
        position: initial;
        left: auto;
        top: auto;
        font-size: 1.4em;
        transform: none;
    }
}

section#news-list {
    margin-bottom: 2.5rem;
}

section#news-list .search-box {
    margin-bottom: 1.5rem;
}

section#news-list h4 {
    margin-bottom: 1rem;
    font-weight: 900;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#news-list h4 {
        font-size: 1.2em;
    }
}

section#news-list .news-slider {
    border-top: solid 1px #000000;
    padding-top: 1rem;
}

section#news-list .news-slider > div {
    padding: 0 35px 0 0;
}

@media only screen and (max-width: 992px) {
    section#news-list .news-slider > div {
        padding: 0 35px;
    }
}

section#news-list .news-slider .slider {
    margin-bottom: 2rem;
}

section#news-list .news-slider .slider:last-child {
    margin-bottom: 0;
}

section#not-found h1 {
    padding: 5% 0;
    font-size: 3em;
    text-align: center;
    text-transform: uppercase;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#not-found h1 {
        font-size: 2em;
    }
}

section#practice-area h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#practice-area h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#practice-area h4 {
    margin-bottom: 3%;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#practice-area h4 {
        font-size: 1.1em;
    }
}

section#practice-area .intro,
section#practice-area .text {
    line-height: 1.3em;
}

@media only screen and (max-width: 768px) {
    section#practice-area .intro,
    section#practice-area .text {
        font-size: 0.9em;
    }
}

section#practice-area .intro {
    margin-bottom: 7%;
    font-weight: 700;
}

section#practice-area .text {
    margin-bottom: 2rem;
    text-align: justify;
}

section#practice-area .text:after {
    display: block;
    content: "";
    clear: both;
}

@media only screen and (max-width: 768px) {
    section#practice-area .content {
        padding: 0 30px;
    }
}

section#practice-area .content .headline {
    font-size: 0.9em;
}

section#practice-area .team {
    background: #d6d6d6;
    margin-bottom: 2rem;
    padding: 2% 4%;
}

section#practice-area .team .row > div {
    margin-bottom: 30px;
}

section#practice-area-list .title {
    text-align: center;
    position: relative;
    z-index: 1;
}

section#practice-area-list .title h1 {
    display: inline-block;
    padding: 0 4%;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#practice-area-list .title h1 {
        font-size: 1.4em;
    }
}

section#practice-area-list .box {
    position: relative;
    margin: -20px 0 2rem;
}

section#practice-area-list .box h4 {
    position: absolute;
    top: 20%;
    left: -70px;
    width: 180px;
    padding: 10px 0;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#practice-area-list .box h4 {
        position: initial;
        width: 100%;
        padding: 0;
        font-size: 1.4em;
    }
}

section#practice-area-list .box .list {
    border: solid 1px #000000;
    padding: 5% 2% 5% 15%;
}

@media only screen and (max-width: 768px) {
    section#practice-area-list .box .list {
        padding: 5% 5% 5% 5%;
    }
}

section#practice-area-list .box .list ul {
    padding-left: 0;
    margin-bottom: 0;
}

section#practice-area-list .box .list ul li {
    list-style-type: none;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    padding-left: 5px;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    section#practice-area-list .box .list ul li {
        margin-bottom: 5%;
    }
}

section#practice-area-list .box .list ul li a::after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

@media only screen and (max-width: 992px) {
    section#practice-area-list .box .list ul li a::after {
        display: none;
    }
    section#practice-area-list .box .list ul li a:before {
        margin-right: 5px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid #000000;
        border-bottom: 6px solid transparent;
    }
}

section#practice-area-list .box:after {
    content: "";
    position: absolute;
    display: block;
    top: 82%;
    margin-top: -23px;
    right: -8px;
    width: 46px;
    height: 46px;
    background: #000000;
    font-weight: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    section#practice-area-list .box:after {
        top: 95%;
        margin-top: -11.5px;
        right: 3.5px;
        width: 23px;
        height: 23px;
        font-size: initial;
    }
}

section#practice-area-list .box .list {
    padding: 5%;
}

@media only screen and (max-width: 768px) {
    section#practice-area-list .box .list {
        padding: 10% 5% 0;
    }
}

section#practice-area-list .box:after {
    display: none;
}

section#presentation .slider span {
    display: block;
    text-align: right;
    font-style: italic;
    font-size: 0.8em;
}

section#privacy-policy h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#privacy-policy h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#privacy-policy ol {
    counter-reset: list;
}

section#privacy-policy ol > li {
    list-style: none;
    margin-bottom: 0.5rem;
}

section#privacy-policy ol > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
}

section#privacy-policy a {
    text-decoration: underline;
}

section#pro-bono h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#pro-bono h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#pro-bono h1.ils {
    color: #00a083;
    font-weight: 700;
}

section#pro-bono .intro {
    margin-bottom: 3rem;
}

section#pro-bono .row {
    margin-bottom: 2rem;
}

section#pro-bono .row:last-child {
    margin-bottom: 0;
}

section#pro-bono .row img {
    width: 100%;
    margin-bottom: 1rem;
    border: solid 1px #000000;
}

section#pro-bono .row img.logo-ils {
    border: none;
}

section#pro-bono .row h2 {
    font-weight: 700;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

section#pro-bono .row a {
    text-decoration: underline;
}

section#professional .main-content {
    background: #d6d6d6;
}

section#professional .header {
    background: #d6d6d6;
}

section#professional .header .photo img {
    width: 100%;
}

section#professional .header .profile {
    padding: 1% 2%;
}

@media only screen and (max-width: 768px) {
    section#professional .header .profile {
        padding: 4%;
    }
}

section#professional .header .profile h1 {
    margin-bottom: 1%;
    font-weight: 300;
    font-size: 2em;
    line-height: 1em;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#professional .header .profile h1 {
        margin-bottom: 2%;
        font-size: 1.6em;
    }
}

section#professional .header .profile h5 {
    margin-bottom: 3%;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

section#professional .header .profile .title {
    position: relative;
    padding-right: 140px;
}

section#professional .header .profile .title .qr-code {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 140px;
}

@media only screen and (max-width: 768px) {
    section#professional .header .profile .title {
        padding-right: 80px;
    }
    section#professional .header .profile .title .qr-code {
        width: 80px;
        height: 80px;
    }
}

section#professional .header .profile .info {
    display: flex;
    flex-direction: column;
    font-size: 0.8em;
    font-weight: 300;
}

section#professional .header .profile .info .grow {
    flex-grow: 1;
}

section#professional .header .profile .info > div {
    margin-bottom: 0.5rem;
}

section#professional .header .profile .info strong {
    font-weight: 600;
}

section#professional .header .profile .info ul {
    padding: 0;
    margin-bottom: 0.5rem;
}

section#professional .header .profile .info ul li {
    margin-bottom: 2px;
    text-transform: uppercase;
    list-style: none;
    font-size: 0.9em;
}

section#professional .header .profile .info ul li a {
    text-decoration: underline;
}

section#professional .header .profile .info .bar-admissions p {
    margin-bottom: 0;
}

section#professional .header .profile .icon {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#professional .header .profile .icon {
        text-align: left;
    }
}

section#professional .header .profile .icon a {
    text-decoration: none;
}

section#professional .header .profile .icon a:first-child img {
    margin-left: 0;
}

section#professional .header .profile .icon a img {
    margin-top: 5px;
    margin-left: 5px;
    max-width: 32px;
}

section#professional .header .profile .icon a img:hover {
    transform: scale(1.05);
}

section#professional .header,
section#professional .resume,
section#professional .publication,
section#professional .formation {
    margin-bottom: 1.5rem;
}

section#professional .resume,
section#professional .academic-info {
    padding-left: 15px;
    padding-right: 15px;
}

section#professional .resume {
    text-align: justify !important;
}

section#professional .academic-info {
    margin-bottom: 1.5rem;
}

section#professional .academic-info h4 {
    margin-bottom: 0.5em;
    font-weight: 700;
    font-size: 1.4em;
}

section#professional .academic-info .publication p {
    margin-bottom: 1%;
}

@media only screen and (max-width: 768px) {
    section#professional .academic-info .publication p {
        margin-bottom: 3%;
    }
}

section#professional .academic-info .formation > div {
    border-left: solid 1px #000000;
}

section#professional .academic-info .formation > div p {
    position: relative;
    margin-bottom: 2%;
    padding-left: 20px;
}

section#professional .academic-info .formation > div p:before {
    position: absolute;
    left: -6px;
    top: 8px;
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    background-color: #000000;
}

section#professional .content {
    padding: 0 30px;
}

section#professional .content .slider {
    margin-bottom: 2rem;
}

section#professional .content .headline {
    margin-bottom: 0;
}

section#professional .content .link {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.1em;
}

section#professional-list .title {
    text-align: center;
    position: relative;
    z-index: 1;
}

section#professional-list .title h1 {
    display: inline-block;
    padding: 0 4%;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#professional-list .title h1 {
        font-size: 1.4em;
    }
}

section#professional-list .team {
    margin: -20px 0 6%;
    padding: 6% 8% 0;
    border: solid 1px #000000;
}

@media only screen and (max-width: 768px) {
    section#professional-list .team {
        margin: -20px 0 10%;
        padding: 10% 0 0;
    }
}

section#professional-list .team .row.gutter-2x > div {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    section#professional-list .team .row.gutter-2x > div {
        margin-bottom: 30px;
    }
}

section#professional-list .pager {
    margin-top: -30px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    section#professional-list .pager {
        margin-top: -15px;
    }
}

section#recruiting .resume {
    text-align: center;
}

section#recruiting .resume .btn {
    margin-bottom: 1rem;
}

section#recruiting .resume p {
    font-size: 0.7em;
}

section#recruiting .resume p a {
    text-decoration: underline;
}

section#search-results .search-box {
    margin-bottom: 2rem;
}

section#search-results .search-box.main .form-row:last-child > div {
    text-align: left;
}

section#search-results .sidebar > div {
    margin-bottom: 2rem;
}

section#search-results .search-box-professional {
    background: #cecece;
    padding: 1rem;
}

section#search-results .search-box-professional .chars {
    text-align: center;
    margin-bottom: 0.5rem;
}

section#search-results .search-box-professional .chars a {
    margin-right: 5px;
}

section#search-results .search-box-professional .chars a.selected {
    font-weight: 700;
}

section#search-results .search-box-professional .see-all {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8em;
}

section#search-results .tags {
    margin-bottom: 1rem;
    display: none;
}

section#search-results .tags label {
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
    border: solid 2px #d6d6d6;
    padding: 0.25rem 0.5rem;
    font-size: 0.7em;
}

section#search-results .tags label span {
    font-weight: bold;
}

section#search-results .summary {
    margin-bottom: 2rem;
}

section#search-results .summary h4 {
    font-size: 1.2em;
    font-weight: 700;
}

section#search-results .summary ul li {
    margin-bottom: 0.25rem;
}

section#search-results .results .group {
    border-bottom: solid 2px #000000;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

section#search-results .results .group:after {
    display: block;
    content: "";
    clear: both;
}

section#search-results .results .group h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: "Open Sans", cursive;
    margin-bottom: 1rem;
}

section#search-results .results .group:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

section#search-results .results .group .back {
    text-align: right;
    font-size: 0.9em;
    font-weight: 700;
    margin-top: 1rem;
}

section#search-results .results .empty {
    text-align: center;
}

section#search-results .results .team .row > div {
    margin-bottom: 30px;
}

section#search-results .results .practice-area {
    position: relative;
}

section#search-results .results .practice-area h4 {
    position: absolute;
    top: 20%;
    left: -70px;
    width: 180px;
    padding: 10px 0;
    background: #fff;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 900;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#search-results .results .practice-area h4 {
        position: initial;
        width: 100%;
        padding: 0;
        font-size: 1.4em;
    }
}

section#search-results .results .practice-area .list {
    border: solid 1px #000000;
    padding: 5% 2% 5% 15%;
}

@media only screen and (max-width: 768px) {
    section#search-results .results .practice-area .list {
        padding: 5% 5% 5% 5%;
    }
}

section#search-results .results .practice-area .list ul {
    padding-left: 0;
    margin-bottom: 0;
}

section#search-results .results .practice-area .list ul li {
    list-style-type: none;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0.75rem;
    padding-left: 5px;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    section#search-results .results .practice-area .list ul li {
        margin-bottom: 5%;
    }
}

section#search-results .results .practice-area .list ul li a::after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #000000;
    border-bottom: 6px solid transparent;
}

@media only screen and (max-width: 992px) {
    section#search-results .results .practice-area .list ul li a::after {
        display: none;
    }
    section#search-results .results .practice-area .list ul li a:before {
        margin-right: 5px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid #000000;
        border-bottom: 6px solid transparent;
    }
}

section#search-results .results .practice-area:after {
    content: "";
    position: absolute;
    display: block;
    top: 82%;
    margin-top: -23px;
    right: -8px;
    width: 46px;
    height: 46px;
    background: #000000;
    font-weight: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    section#search-results .results .practice-area:after {
        top: 95%;
        margin-top: -11.5px;
        right: 3.5px;
        width: 23px;
        height: 23px;
        font-size: initial;
    }
}

section#search-results .results .practice-area .list {
    padding: 0;
    border: none;
}

section#search-results .results .practice-area .list ul li {
    padding-left: 0;
}

section#search-results .results .practice-area:after {
    display: none;
}

section#search-results .results .publication a:hover,
section#search-results .results .news a:hover {
    text-decoration: none;
}

section#system-error h1 {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#system-error h1 {
        font-size: 1.4em;
    }
}

section#system-error h2 {
    font-size: 1.2em;
    text-align: center;
}

section#terms-of-use h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#terms-of-use h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#terms-of-use h2 {
    font-size: 1.4em;
}

section#terms-of-use a {
    text-decoration: underline;
}

section#institute h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
    color: #ec6707;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    section#institute h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#how-to-support h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
    color: #4565ad;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    section#how-to-support h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

section#how-to-support h2 {
    font-weight: 500;
    font-size: 1.3em;
    font-family: "Open Sans", cursive;
}

section#how-to-support h2.contribution {
    color: #ec6707;
}

section#how-to-support h2.donation {
    color: #00a083;
}

section#how-to-support h2.divulgation {
    color: #4565ad;
}

section#contato-ils h1 {
    margin-bottom: 1.5rem;
    font-size: 2.1em;
    line-height: 1em;
    font-weight: 300;
    font-family: "Open Sans", cursive;
    color: #ec6707;
    font-weight: 700;
}

/* Oculta a barra do Google Tradutor */
.goog-te-gadget {
    font-family: "Open Sans", cursive;
    font-size: 0em;
    color: #666;
    white-space: nowrap;
    height: 0em;
}

.goog-te-combo,
.VIpgJd-ZVi9od-ORHb *,
.VIpgJd-ZVi9od-SmfZ *,
.VIpgJd-ZVi9od-xl07Ob *,
.VIpgJd-ZVi9od-vH1Gmf *,
.VIpgJd-ZVi9od-l9xktf * {
    font-family: "Open Sans", cursive;
    font-size: 0em;
    height: 0e;
}

@media only screen and (max-width: 768px) {
    section#contato-ils h1 {
        margin-bottom: 1rem;
        font-size: 1.6em;
    }
}

body {
    font-family: "Open Sans", cursive;
    font-size: 18px;
    color: #000000;
}

body.fixed-menu section#language {
    position: fixed;
    z-index: 1030;
    width: 100%;
    height: 0;
}

body.fixed-menu section#header {
    position: fixed;
    z-index: 1030;
    width: 100%;
    top: 0;
    height: 106px;
}

body.fixed-menu section#page-content {
    padding-top: 106px;
}

a,
a:hover {
    color: #000000;
}

section#language {
    padding: 10px 15px;
    background: #d6d6d6;
    text-align: right;
    font-size: 0.85em;
}

section#language > div {
    max-width: 1200px;
    margin: 0 auto;
}

section#language span {
    margin: 0 7px;
}

section#header {
    padding: 20px 0;
    background: #fff;
}

section#header.shadow {
    box-shadow: 0 4px 8px -2px #a3a3a3;
}

section#header nav.navbar {
    padding: 8px 1em;
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar.open {
        background: #d6d6d6;
    }
}

section#header nav.navbar .navbar-brand {
    margin-right: 0;
    padding-top: -20px;
    padding-bottom: 0;
    text-align: center;
}

section#header nav.navbar .navbar-brand img {
    width: 250px;
    height: 47px;
}

@media only screen and (max-width: 1200px) {
    section#header nav.navbar .navbar-brand img {
        width: 232px;
        height: 43px;
    }
}

section#header nav.navbar .navbar-toggler {
    padding: 2px 5px;
    border-radius: 0;
    border: solid 1px #000000;
    background: #000000;
}

section#header nav.navbar .navbar-toggler:focus {
    outline: none;
}

section#header nav.navbar .navbar-toggler .bar-container {
    display: inline-block;
    cursor: pointer;
}

section#header nav.navbar .navbar-toggler .bar-container span {
    width: 28px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.3s;
    display: block;
}

section#header nav.navbar .navbar-toggler .bar-container span:first-child {
    margin-top: 3px;
}

section#header nav.navbar .navbar-toggler .bar-container span:last-child {
    margin-bottom: 0;
}

section#header nav.navbar .navbar-toggler:not(.collapsed) .bar1 {
    transform: rotate(-45deg) translate(-6px, 6px);
}

section#header nav.navbar .navbar-toggler:not(.collapsed) .bar2 {
    opacity: 0;
}

section#header nav.navbar .navbar-toggler:not(.collapsed) .bar3 {
    transform: rotate(45deg) translate(-6px, -7px);
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items {
        margin-top: 10px;
    }
}

section#header nav.navbar #menu-items .nav-item {
    font-size: 0.75em;
}

@media only screen and (max-width: 1200px) {
    section#header nav.navbar #menu-items .nav-item {
        font-size: 0.6em;
    }
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .nav-item {
        font-size: 0.8em;
    }
}

section#header nav.navbar #menu-items .nav-item .nav-link {
    text-transform: uppercase;
}

section#header nav.navbar #menu-items .nav-item .logo-ils {
    max-width: 26px;
}

section#header nav.navbar #menu-items .nav-item.show .nav-link {
    font-weight: 700;
    text-decoration: underline;
}

section#header nav.navbar #menu-items .nav-item.show .nav-link.ils {
    text-decoration: none;
}

section#header nav.navbar #menu-items .nav-item .no-carret:after {
    display: none;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu {
    width: 100%;
    margin-top: 0.5%;
    background: #000000;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    padding: 0.75rem 0;
    animation-name: slide-in;
    box-shadow: 0 4px 8px -2px #000000;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu .container {
    display: block;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu a {
    color: #fff;
    text-transform: uppercase;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu a.active {
    font-weight: 700;
    text-decoration: underline;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.about-us,
section#header nav.navbar #menu-items .nav-item .dropdown-menu.content {
    text-align: center;
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .nav-item .dropdown-menu.about-us,
    section#header nav.navbar #menu-items .nav-item .dropdown-menu.content {
        text-align: left;
    }
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.about-us a,
section#header nav.navbar #menu-items .nav-item .dropdown-menu.content a {
    margin: 0 1.5%;
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .nav-item .dropdown-menu.about-us a,
    section#header nav.navbar #menu-items .nav-item .dropdown-menu.content a {
        display: block;
        margin-bottom: 2%;
        padding: 5px 0;
    }
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.professionals {
    font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
    section#header
        nav.navbar
        #menu-items
        .nav-item
        .dropdown-menu.professionals {
        font-size: 1.1em;
    }
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.professionals
    .search-label {
    margin-bottom: 1%;
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.professionals
    .chars {
    margin-bottom: 1%;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    section#header
        nav.navbar
        #menu-items
        .nav-item
        .dropdown-menu.professionals
        .chars {
        display: none;
        text-align: center;
    }
    section#header
        nav.navbar
        #menu-items
        .nav-item
        .dropdown-menu.professionals
        .chars
        a {
        margin: 0 1%;
    }
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.professionals
    .see-all {
    font-weight: 700;
    min-height: 40px;
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.professionals
    .see-all
    a::after {
    margin-left: 3px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.professionals
    .form-row
    > div {
    margin-bottom: 1rem;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.areas {
    padding: 2% 0;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.areas ul {
    padding: 0 1%;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.areas ul li {
    list-style: none;
    margin-bottom: 0.5rem;
    font-size: 0.8em;
}

@media only screen and (max-width: 768px) {
    section#header nav.navbar #menu-items .nav-item .dropdown-menu.areas ul li {
        margin-bottom: 2%;
        font-size: 1em;
        padding: 5px 0;
    }
}

section#header
    nav.navbar
    #menu-items
    .nav-item
    .dropdown-menu.areas
    ul
    li
    a:hover {
    font-weight: 700;
    text-decoration: underline;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.search {
    font-size: 1.2em;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.search .btn {
    background-color: #d6d6d6;
    color: #000000 !important;
}

section#header nav.navbar #menu-items .nav-item .dropdown-menu.ils {
    background: #00a083;
    z-index: 999;
}

section#header nav.navbar #menu-items .main-menu {
    margin: 0 auto;
}

section#header nav.navbar #menu-items .second-menu .nav-item.linkedin img {
    width: 19px;
}

section#header nav.navbar #menu-items .second-menu .nav-item.contact {
    padding-right: 15px;
    font-size: 1em;
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .second-menu .nav-item.contact {
        border-right: none;
        font-size: 0.8em;
        padding-right: 0;
    }
}

section#header nav.navbar #menu-items .second-menu .nav-item.language {
    border-right: solid 1px #000000;
    padding-top: 8px;
    padding-right: 20px;
}

@media only screen and (max-width: 1200px) {
    section#header nav.navbar #menu-items .second-menu .nav-item.language {
        padding-top: 11px;
    }
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .second-menu .nav-item.language {
        border-right: none;
        font-size: 0.7em;
        padding-right: 0;
    }
}

section#header nav.navbar #menu-items .second-menu .nav-item.search {
    padding-left: 20px;
}

section#header nav.navbar #menu-items .second-menu .nav-item.search img {
    width: 27px;
}

@media only screen and (max-width: 992px) {
    section#header nav.navbar #menu-items .second-menu .nav-item.search {
        padding-left: 0;
        text-align: right;
    }
}

section#page-content {
    margin-bottom: 2.5rem;
}

section#page-content #bread-crumb {
    padding: 14px 0;
    margin-bottom: 2.5%;
    background: #000000;
    font-size: 0.6em;
}

@media only screen and (max-width: 768px) {
    section#page-content #bread-crumb {
        margin-bottom: 6%;
    }
}

section#page-content #bread-crumb ul {
    margin: 0;
    padding: 0;
}

section#page-content #bread-crumb ul li {
    display: inline;
}

section#page-content #bread-crumb ul li a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

section#page-content #bread-crumb ul li:after {
    content: "|";
    margin: 0 3px;
    text-decoration: none;
    color: #fff;
}

section#page-content #bread-crumb ul li:last-child:after {
    display: none;
}

@media only screen and (max-width: 768px) {
    section#page-content #bread-crumb ul li {
        line-height: 1.5rem;
    }
}

section#page-content #bread-crumb.ils-menu {
    visibility: hidden;
    background: #00a083;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    section#page-content #bread-crumb.ils-menu {
        visibility: visible;
    }
}

section#page-content #bread-crumb.ils-menu a {
    color: #fff;
}

section#page-content #bread-crumb.ils-menu a:after {
    content: "|";
    margin: 0 3px;
    text-decoration: none;
    color: #fff;
}

section#page-content #bread-crumb.ils-menu a:last-child:after {
    display: none;
}

section#page-content .generic-page {
    text-align: justify !important;
    background-color: #ffffff;
}

section#rankings {
    margin-bottom: 2.5rem;
}

section#rankings .tab {
    padding-left: 36px;
}

@media only screen and (max-width: 992px) {
    section#rankings .tab {
        padding-left: 97px;
    }
}

@media only screen and (max-width: 768px) {
    section#rankings .tab {
        padding-left: 15px;
    }
}

@media (min-width: 1024px) {
    section#rankings .box {
        position: relative;
        padding: 1.5% 0;
        border: solid 1px #000000;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    section#rankings .box {
        position: relative;
        padding: 1.5% 0;
        border: solid 1px #000000;
        margin: 0 auto;
        width: 85%;
        left: -13em;
    }
}

/* Tablets em modo paisagem (largura entre 768px e 1024px) */
@media (max-width: 1024px) {
    section#rankings .box {
        padding: 2% 0;
        left: -18em;
    }
}

/* Tablets em modo retrato (largura entre 600px e 768px) */
@media (max-width: 768px) {
    section#rankings .box {
        padding: 2.5% 0;
    }
}

/* Tablets em modo retrato (largura entre 600px e 768px) */
@media (max-width: 992px) {
    section#rankings .box {
        position: relative;
        padding: 1.5% 0;
        border: solid 1px #000000;
        width: 85% !important;
        left: 6em;
    }
}

/* Smartphones em modo paisagem (largura entre 480px e 600px) */
@media (max-width: 600px) {
    section#rankings .box {
        padding: 3% 0;
    }
}

/* Smartphones em modo retrato (largura até 480px) */
@media (max-width: 480px) {
    section#rankings .box {
        padding: 3.5% 0;
    }
}

section#rankings .box:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -23px;
    left: -23px;
    width: 46px;
    height: 46px;
    background: #000000;
    font-weight: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    section#rankings .box:before {
        top: 15%;
        margin-top: -11.5px;
        left: -11.5px;
        width: 23px;
        height: 23px;
        font-size: initial;
    }
}

section#rankings .box h4 {
    margin-left: 20%;
    padding-right: 10px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Open Sans", cursive;
}

@media only screen and (max-width: 768px) {
    section#rankings .box h4 {
        padding: 0 10%;
        margin-left: 0;
        font-size: 0.7em;
        text-align: center;
    }
}

section#rankings .box .text {
    font-size: 0.6em;
    padding-right: 5%;
    padding-left: 1%;
}

@media only screen and (max-width: 992px) {
    section#rankings .box .text {
        padding-left: 5%;
        font-size: 0.5em;
    }
}

section#footer {
    padding: 2% 0 2%;
    color: #fff;
    background-color: #000000;
}

@media only screen and (max-width: 768px) {
    section#footer {
        padding: 8% 0 8%;
    }
}

section#footer .logo {
    padding-bottom: 3.5%;
}

section#footer .logo img {
    max-width: 90%;
}

@media only screen and (max-width: 992px) {
    section#footer .logo img {
        max-width: 50%;
    }
}

@media only screen and (max-width: 992px) {
    section#footer .logo {
        text-align: center;
    }
}

section#footer .contact {
    font-size: 0.8em;
}

section#footer .contact h5 {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 0.7em;
}

section#footer .contact p strong,
section#footer .contact p span {
    display: block;
}

section#footer .contact .icon {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#footer .contact .icon {
        text-align: left;
    }
}

section#footer .contact .icon img {
    margin-left: 0x;
}

section#footer .contact .icon img.mail {
    max-width: 0px;
    margin-left: 500px;
}

section#footer .contact .icon img.linkedin {
    max-width: 19px;
}

section#footer .contact .icon img.youtube {
    max-width: 0px;
}

section#footer hr {
    border-bottom: solid 1px #fff;
    margin: 0;
}

section#powered-by {
    padding: 1% 0 5%;
    font-size: 0.6em;
    font-family: "Open Sans", cursive;
}

section#powered-by > div > div > div {
    margin-bottom: 2%;
}

@media only screen and (max-width: 768px) {
    section#powered-by > div > div > div {
        text-align: center;
    }
}

section#powered-by a {
    text-decoration: underline;
}

section#powered-by .credit {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    section#powered-by .credit {
        text-align: center;
    }
}

section#powered-by .credit span {
    display: block;
}

#back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    border: solid 1px #fff;
    font-weight: 800;
    z-index: 1001;
}

#loading-container {
    display: none;
}

#loading-container .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100vw;
    height: 100vh;
    background-color: #ccc;
    opacity: 0.8;
}

#loading-container .spinner {
    z-index: 2001;
    position: fixed;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

#loading-container .spinner div {
    width: 33%;
    height: 33%;
    background-color: #000000;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

#loading-container .spinner div.cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#loading-container .spinner div.cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#loading-container .spinner div.cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#loading-container .spinner div.cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#loading-container .spinner div.cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#loading-container .spinner div.cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#loading-container .spinner div.cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#loading-container .spinner div.cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#loading-container .spinner div.cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.start[data-v-23412522] {
    height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.start__container[data-v-23412522] {
    background: #fff;
    width: 90%;
    padding: 25px 16px;
    border-radius: 5px;
}
.start__hero[data-v-23412522] {
    display: flex;
    justify-content: center;
}
.start__logo[data-v-23412522] {
    flex: 0 0 33px;
    width: 33px;
    margin-right: 8px;
}
.start__content[data-v-23412522] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 0 0 auto;
}
.start__title[data-v-23412522] {
    font-size: 14px;
    font-weight: 600;
    color: #3b3030;
}
.start__description[data-v-23412522] {
    font-size: 12px;
    color: #7f7f80;
}
.start__country[data-v-23412522] {
    margin-top: 16px;
}
.start__country-title[data-v-23412522] {
    font-size: 12px;
    font-weight: 600;
    color: #3b3030;
    margin-bottom: 8px;
}

.search[data-v-9c4d83a6] {
    padding: 12px;
    position: relative;
}
.search__wrapper[data-v-9c4d83a6] {
    position: relative;
    display: block;
}
.search__input[data-v-9c4d83a6] {
    display: flex;
    align-items: center;
    border-radius: 43px;
    width: 100%;
    height: 40px;
    padding: 0 48px 0 16px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
    border: 1px solid #eee;
    text-decoration: none;
    text-align: left;
    position: static;
    margin: 0;
    font-weight: 400;
    color: #565a5c;
    background-color: #fff;
}
.search__input[data-v-9c4d83a6]:hover,
.search__input[data-v-9c4d83a6]:focus {
    outline: none;
}
.search__input:hover + .search__icon[data-v-9c4d83a6],
.search__input:focus + .search__icon[data-v-9c4d83a6] {
    background-color: #000;
}
.search__input[data-v-9c4d83a6]:focus {
    border: 1px solid #dddddd;
}
.search__icon[data-v-9c4d83a6] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 24px;
    min-height: 24px;
    cursor: text;
}
.search__loader[data-v-9c4d83a6] {
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
}
.search__loader[data-v-9c4d83a6]::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: 0 0;
    border-top: 2px solid red;
    border-right: 2px solid transparent;
    border-radius: 50%;
    animation-name: spin-data-v-9c4d83a6;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes spin-data-v-9c4d83a6 {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.shops[data-v-9c4d83a6] {
    position: relative;
    height: 344px;
    margin: 0 !important;
}
.shop[data-v-9c4d83a6] {
    display: grid;
    grid-template-columns: 68px auto 80px;
    align-items: center;
    grid-gap: 10px;
    padding: 12px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}
.shop[data-v-9c4d83a6]:not(:first-child) {
    margin-top: 12px;
}
.shop__figure[data-v-9c4d83a6] {
    height: 55px;
    display: flex;
    justify-content: center;
}
.shop__img[data-v-9c4d83a6] {
    width: auto;
    max-width: 100%;
    align-self: center;
}
.shop__name[data-v-9c4d83a6] {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.35px;
    color: #3b3030;
    margin-top: 0;
    margin-bottom: 4px;
    border: 0;
    overflow-wrap: anywhere;
}
.shop__offers-length[data-v-9c4d83a6] {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    display: flex;
}
.shop__offers-code[data-v-9c4d83a6],
.shop__offers-promo[data-v-9c4d83a6] {
    font-weight: 600;
    display: flex;
    align-items: center;
}
.shop__offers-code[data-v-9c4d83a6]::after,
.shop__offers-promo[data-v-9c4d83a6]::after {
    height: 16px;
    width: 16px;
    content: "";
    display: block;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    margin-left: 2px;
}
.shop__offers-code[data-v-9c4d83a6] {
    color: #e31e26;
    padding-right: 4px;
}
.shop__offers-code[data-v-9c4d83a6]::after {
    background-color: #e31e26;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M8.006 14.054l2.086-2.095-5.738-5.763a1.81 1.81 0 0 1-.39-.587c-.091-.219-.137-.455-.137-.692s.047-.473.137-.692a1.81 1.81 0 0 1 .39-.587L4.991 3l11.004 11.054c.769-.328 1.628-.376 2.429-.138a3.6 3.6 0 0 1 1.962 1.446 3.63 3.63 0 0 1 .599 2.369c-.08.835-.447 1.617-1.038 2.21s-1.369.962-2.2 1.043a3.59 3.59 0 0 1-2.358-.601c-.693-.469-1.201-1.166-1.439-1.97a3.63 3.63 0 0 1 .137-2.44L12 13.876l-2.085 2.096a3.63 3.63 0 0 1 .137 2.44c-.238.805-.746 1.501-1.439 1.97a3.59 3.59 0 0 1-2.358.601c-.832-.081-1.61-.449-2.2-1.043s-.958-1.375-1.038-2.21a3.63 3.63 0 0 1 .599-2.369 3.6 3.6 0 0 1 1.962-1.446c.801-.239 1.66-.19 2.429.138h0zm.394 3.33c0-.48-.19-.939-.527-1.279s-.795-.53-1.273-.53-.935.191-1.273.53-.527.799-.527 1.279a1.81 1.81 0 0 0 .527 1.279c.338.339.795.53 1.273.53s.935-.191 1.273-.53a1.81 1.81 0 0 0 .527-1.279h0zm10.8 0c0-.48-.19-.939-.527-1.279s-.796-.53-1.273-.53-.935.191-1.273.53-.527.799-.527 1.279a1.81 1.81 0 0 0 .527 1.279c.338.339.795.53 1.273.53s.935-.191 1.273-.53.527-.799.527-1.279h0zm-5.928-8.62L19.01 3l.636.639a1.81 1.81 0 0 1 .39.587c.091.219.137.455.137.692s-.047.473-.137.692a1.81 1.81 0 0 1-.39.587l-4.465 4.484-1.91-1.917h0z' fill='%23181a1b'/%3e%3c/svg%3e");
}
.shop__offers-promo[data-v-9c4d83a6] {
    color: #ff7f32;
}
.shop__offers-promo[data-v-9c4d83a6]::after {
    background-color: #ff7f32;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M12.378 20.469l8.1-8.1A1.79 1.79 0 0 0 21 11.1V4.8c0-.99-.81-1.8-1.8-1.8h-6.3c-.495 0-.945.198-1.278.531l-8.1 8.1A1.79 1.79 0 0 0 3 12.9a1.76 1.76 0 0 0 .531 1.269l6.3 6.3A1.76 1.76 0 0 0 11.1 21a1.82 1.82 0 0 0 1.278-.531zM16.5 6.15a1.35 1.35 0 0 1 2.7 0 1.35 1.35 0 1 1-2.7 0z' fill='%23181a1b'/%3e%3c/svg%3e");
}
.shop__cashback[data-v-9c4d83a6] {
    text-align: right;
}
.shop__cashback-volume[data-v-9c4d83a6] {
    font-size: 16px;
    color: #3bb54a;
    font-weight: 600;
}
.shop__cashback-volume--through[data-v-9c4d83a6] {
    font-size: 10px;
    color: #3b3030;
    text-decoration: line-through;
}
.shop__cashback-info[data-v-9c4d83a6] {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3b3030;
}

.offer[data-v-13b945fe] {
    background: #fff;
    border-radius: 3px;
    padding: 12px;
}
.offer[data-v-13b945fe]:not(:first-child) {
    margin-top: 12px;
}
.offer__title[data-v-13b945fe] {
    color: #3b3030;
    font-size: 14px;
    line-height: 18px;
    margin: 4px 0 0;
    letter-spacing: -0.35px;
    cursor: pointer;
}
.offer__title[data-v-13b945fe]:hover {
    color: #000;
}
.discount[data-v-13b945fe] {
    box-shadow: inset 0 0 0 1px #cecece;
    border-radius: 4px;
    height: 80px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}
.discount__value[data-v-13b945fe] {
    align-self: flex-end;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.discount__value--small[data-v-13b945fe] {
    font-size: 14px;
    line-height: 24px;
}
.discount__value > .icon-svg[data-v-13b945fe] {
    min-width: 25px;
    min-height: 25px;
}
.discount__caption[data-v-13b945fe] {
    text-transform: uppercase;
    color: #fff;
    align-self: flex-end;
    width: 100%;
    padding: 3px 0;
    font-weight: 600;
    text-align: center;
    font-size: 9px;
    line-height: 14px;
}
.discount--code[data-v-13b945fe] {
    color: #e31e26;
}
.discount--code .discount__caption[data-v-13b945fe] {
    background: #e31e26;
}
.discount--promo[data-v-13b945fe] {
    color: #ff7f32;
}
.discount--promo .discount__caption[data-v-13b945fe] {
    background: #ff7f32;
}
.btn[data-v-13b945fe] {
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    background-color: #3bb54a;
    color: #fff;
    border-radius: 30px;
    border: 0;
    user-select: none;
    outline: none;
    cursor: pointer;
}
.btn[data-v-13b945fe]:hover,
.btn[data-v-13b945fe]:focus {
    background-color: #236b2c;
}
.btn--code[data-v-13b945fe] {
    background: #fff;
}
.btn--code[data-v-13b945fe]:before {
    content: "";
    position: absolute;
    width: 85%;
    height: 100%;
    left: 0;
    top: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    transition: width 0.2s ease-out;
    z-index: 5;
    background-color: #3bb54a;
}
.btn--code[data-v-13b945fe]:after {
    border-color: transparent transparent transparent #2e8d3a;
    left: 85%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 35px;
    transform: rotate(17deg);
    transition: left 0.2s ease-out;
    transform-origin: top left;
    content: "";
    position: absolute;
    z-index: 5;
    display: block;
}
.btn--code[data-v-13b945fe]:hover {
    background-color: white;
}
.btn--code[data-v-13b945fe]:hover:before {
    background-color: #236b2c;
    width: 80%;
}
.btn--code[data-v-13b945fe]:hover::after {
    left: 80%;
}
.btn--visited[data-v-13b945fe] {
    cursor: text;
}
.btn--visited[data-v-13b945fe]::before,
.btn--visited[data-v-13b945fe]::after,
.btn--visited .btn__label[data-v-13b945fe] {
    display: none;
}
.btn--visited .btn__code[data-v-13b945fe] {
    justify-content: center;
    font-size: 14px;
    padding: 0 70px 0 8px;
    user-select: all;
}
.btn__label[data-v-13b945fe] {
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn__label--copy[data-v-13b945fe]::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4wOSIgaGVpZ2h0PSIxNiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTAuMzgyIDBoLTguOUMuNjcyLS4wMDUuMDEuNjQ1IDAgMS40NTV2MTAuMTgxaDEuNDgzVjEuNDU1aDguOXptMi4yMjUgMi45MDlINC40NDljLS44MS0uMDA2LTEuNDczLjY0NS0xLjQ4MyAxLjQ1NXYxMC4xODFjLjAxLjgxLjY3MyAxLjQ2MSAxLjQ4MyAxLjQ1NWg4LjE1N2MuODEuMDA2IDEuNDczLS42NDUgMS40ODMtMS40NTVWNC4zNjRjLS4wMS0uODEtLjY3Mi0xLjQ2LTEuNDgyLTEuNDU1em0wIDExLjYzNkg0LjQ0OVY0LjM2NGg4LjE1N3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    height: 16px;
    width: 14px;
    margin-left: 9px;
    display: inline-block;
}
.btn__code[data-v-13b945fe] {
    background-color: initial;
    border: 1px solid #cecece;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 12px;
    width: 100%;
    height: 100%;
    line-height: 22px;
    z-index: 0;
    color: #000;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}
.btn__copy[data-v-13b945fe] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #3bb54a;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 30px;
    z-index: 1;
    cursor: pointer;
}
.btn__copy[data-v-13b945fe]:hover {
    background-color: #236b2c;
}
.btn__copy[data-v-13b945fe]::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4wOSIgaGVpZ2h0PSIxNiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTAuMzgyIDBoLTguOUMuNjcyLS4wMDUuMDEuNjQ1IDAgMS40NTV2MTAuMTgxaDEuNDgzVjEuNDU1aDguOXptMi4yMjUgMi45MDlINC40NDljLS44MS0uMDA2LTEuNDczLjY0NS0xLjQ4MyAxLjQ1NXYxMC4xODFjLjAxLjgxLjY3MyAxLjQ2MSAxLjQ4MyAxLjQ1NWg4LjE1N2MuODEuMDA2IDEuNDczLS42NDUgMS40ODMtMS40NTVWNC4zNjRjLS4wMS0uODEtLjY3Mi0xLjQ2LTEuNDgyLTEuNDU1em0wIDExLjYzNkg0LjQ0OVY0LjM2NGg4LjE1N3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    height: 16px;
    width: 14px;
    margin-left: 6px;
}
.btn__copy--copied_code[data-v-13b945fe] {
    background-color: #236b2c;
}
.btn__copy--copied_code[data-v-13b945fe]::after {
    display: none;
}
.shop-name[data-v-13b945fe] {
    font-size: 16px;
    line-height: 24px;
    flex: 1;
    text-align: center;
}

.cashback .active[data-v-18edafe7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 16px;
    border-radius: 4px;
    background: #fff;
}
.cashback .active__title[data-v-18edafe7] {
    color: #3b3030;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.cashback .active__value[data-v-18edafe7] {
    color: #3bb54a;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.cashback .active__value--through[data-v-18edafe7] {
    font-size: 10px;
    color: #3b3030;
    text-decoration: line-through;
}
.cashback .active__numbers[data-v-18edafe7] {
    display: flex;
    justify-content: flex-end;
}
.cashback .active__offers-code[data-v-18edafe7],
.cashback .active__offers-promo[data-v-18edafe7] {
    font-weight: 400;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.cashback .active__offers-code[data-v-18edafe7]::after,
.cashback .active__offers-promo[data-v-18edafe7]::after {
    height: 16px;
    width: 16px;
    content: "";
    display: block;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    margin-left: 4px;
}
.cashback .active__offers-code[data-v-18edafe7] {
    color: #e31e26;
    padding-right: 8px;
}
.cashback .active__offers-code[data-v-18edafe7]::after {
    transform: rotate(-90deg);
    background-color: #e31e26;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M8.006 14.054l2.086-2.095-5.738-5.763a1.81 1.81 0 0 1-.39-.587c-.091-.219-.137-.455-.137-.692s.047-.473.137-.692a1.81 1.81 0 0 1 .39-.587L4.991 3l11.004 11.054c.769-.328 1.628-.376 2.429-.138a3.6 3.6 0 0 1 1.962 1.446 3.63 3.63 0 0 1 .599 2.369c-.08.835-.447 1.617-1.038 2.21s-1.369.962-2.2 1.043a3.59 3.59 0 0 1-2.358-.601c-.693-.469-1.201-1.166-1.439-1.97a3.63 3.63 0 0 1 .137-2.44L12 13.876l-2.085 2.096a3.63 3.63 0 0 1 .137 2.44c-.238.805-.746 1.501-1.439 1.97a3.59 3.59 0 0 1-2.358.601c-.832-.081-1.61-.449-2.2-1.043s-.958-1.375-1.038-2.21a3.63 3.63 0 0 1 .599-2.369 3.6 3.6 0 0 1 1.962-1.446c.801-.239 1.66-.19 2.429.138h0zm.394 3.33c0-.48-.19-.939-.527-1.279s-.795-.53-1.273-.53-.935.191-1.273.53-.527.799-.527 1.279a1.81 1.81 0 0 0 .527 1.279c.338.339.795.53 1.273.53s.935-.191 1.273-.53a1.81 1.81 0 0 0 .527-1.279h0zm10.8 0c0-.48-.19-.939-.527-1.279s-.796-.53-1.273-.53-.935.191-1.273.53-.527.799-.527 1.279a1.81 1.81 0 0 0 .527 1.279c.338.339.795.53 1.273.53s.935-.191 1.273-.53.527-.799.527-1.279h0zm-5.928-8.62L19.01 3l.636.639a1.81 1.81 0 0 1 .39.587c.091.219.137.455.137.692s-.047.473-.137.692a1.81 1.81 0 0 1-.39.587l-4.465 4.484-1.91-1.917h0z' fill='%23181a1b'/%3e%3c/svg%3e");
}
.cashback .active__offers-promo[data-v-18edafe7] {
    color: #ff7f32;
}
.cashback .active__offers-promo[data-v-18edafe7]::after {
    background-color: #ff7f32;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M12.378 20.469l8.1-8.1A1.79 1.79 0 0 0 21 11.1V4.8c0-.99-.81-1.8-1.8-1.8h-6.3c-.495 0-.945.198-1.278.531l-8.1 8.1A1.79 1.79 0 0 0 3 12.9a1.76 1.76 0 0 0 .531 1.269l6.3 6.3A1.76 1.76 0 0 0 11.1 21a1.82 1.82 0 0 0 1.278-.531zM16.5 6.15a1.35 1.35 0 0 1 2.7 0 1.35 1.35 0 1 1-2.7 0z' fill='%23181a1b'/%3e%3c/svg%3e");
}
.cashback .active__button[data-v-18edafe7] {
    flex-basis: 100%;
    background: #3bb54a;
    color: #fff;
    border: 0;
    padding: 13px;
    margin: 12px 0 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 23px;
    cursor: pointer;
}
.cashback .active__button[data-v-18edafe7]:hover {
    background: #236b2c;
}
.cashback .active__button--disabled[data-v-18edafe7] {
    background: #f2f1f1;
    color: #565a5c;
}
.cashback .active__button--disabled[data-v-18edafe7]:hover {
    background: #f2f1f1;
}
.cashback .active__button-svg[data-v-18edafe7] {
    width: 14px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
}
.cashback .active__cashback-date[data-v-18edafe7] {
    color: #565a5c;
    font-size: 10px;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.cashback .description[data-v-18edafe7] {
    margin-top: 16px;
    padding: 16px;
    border-radius: 4px;
    background: #fff;
}
.cashback .description__strong[data-v-18edafe7] {
    font-weight: 600;
    color: #3b3030;
}
.cashback .description__title[data-v-18edafe7] {
    color: #3b3030;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 12px;
    display: block;
}
.cashback .description__title--information[data-v-18edafe7] {
    margin-top: 16px;
}
.cashback .description__confirmation-time[data-v-18edafe7] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.cashback .description__confirmation-time--avg[data-v-18edafe7] {
    margin: 0 0 12px;
}
.cashback .description__confirmation-time--max[data-v-18edafe7] {
    margin: 0;
}
.cashback .description__information[data-v-18edafe7] {
    margin: 0;
    white-space: pre-line;
    font-size: 12px;
}
.cashback .description__information br[data-v-18edafe7] {
    margin-bottom: 12px;
    content: "";
    display: block;
}
.cashback .description__information--bonus[data-v-18edafe7] {
    font-size: 12px;
    border-radius: 8px;
    padding: 12px;
    background: #ecf9fe;
    border: 1px solid #077fc5;
    color: #000;
}

.tabs[data-v-ee87f390] {
    display: flex;
    flex-flow: wrap;
    color: #565a5c;
    margin: 1px 0 0;
    padding: 0;
    justify-content: space-between;
}
.tab__button[data-v-ee87f390] {
    padding: 21px 0 14px;
    cursor: pointer;
    color: #3b3030;
    background: #fff;
    flex: 1 1 auto;
    font-size: 12px;
    text-align: center;
    border-bottom: 4px solid #fff;
}
.tab__button--active[data-v-ee87f390] {
    font-weight: 600;
    color: #3bb54a;
    border-color: #3bb54a;
}
.tab__button--disabled[data-v-ee87f390] {
    color: #cecece;
    cursor: default;
}
.content[data-v-ee87f390] {
    flex: 1 1 100%;
    height: 339px;
}

.checkbox[data-v-0c14b907] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
}
.checkbox__titile[data-v-0c14b907] {
    width: 90%;
}
.checkbox__label[data-v-0c14b907] {
    display: inline-block;
    height: 19px;
    width: 33px;
    position: relative;
}
.checkbox__input[data-v-0c14b907] {
    display: none;
}
.checkbox__slider[data-v-0c14b907] {
    background-color: #f2f1f1;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
    border-radius: 25px;
}
.checkbox__slider[data-v-0c14b907]:before {
    background-color: #fff;
    bottom: 2px;
    left: 2px;
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    transition: 0.4s;
    border-radius: 50%;
}
.checkbox__input:checked + .checkbox__slider[data-v-0c14b907],
.checkbox__input:disabled + .checkbox__slider[data-v-0c14b907] {
    background-color: #3bb54a;
}
.checkbox__input:checked + .checkbox__slider[data-v-0c14b907]:before,
.checkbox__input:disabled + .checkbox__slider[data-v-0c14b907]:before {
    transform: translateX(15px);
    left: 0;
}
.checkbox__input:disabled + .checkbox__slider[data-v-0c14b907] {
    opacity: 0.5;
}
#cashabck:disabled + .checkbox__slider[data-v-0c14b907]:before {
    transform: none;
    left: 2px;
}
#cashabck:disabled + .checkbox__slider[data-v-0c14b907] {
    background-color: #f2f1f1;
}

.general[data-v-4ddf3c0a] {
    position: relative;
    height: 100%;
    padding-right: 16px;
    overflow-y: auto;
}
@supports (-moz-transform: translate(0, 0)) {
    .general[data-v-4ddf3c0a] {
        padding-right: 12px;
    }
}
.general[data-v-4ddf3c0a]::-webkit-scrollbar-track {
    background-color: #cecece;
    border-radius: 10px;
}
.general[data-v-4ddf3c0a]::-webkit-scrollbar-thumb {
    background-color: #3b3030;
    border-radius: 10px;
}
.general[data-v-4ddf3c0a]::-webkit-scrollbar {
    width: 5px;
    height: 0;
    border-radius: 10px;
    background-color: #f2f1f1;
}
.general__check-box[data-v-4ddf3c0a] {
    margin-bottom: 20px;
}
.general__my-picodi-account[data-v-4ddf3c0a] {
    display: inline-flex;
}
.general__button[data-v-4ddf3c0a] {
    flex-basis: 100%;
    background: #3bb54a;
    color: #fff;
    border: 0;
    padding: 10px;
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 600;
    border-radius: 23px;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
}
.general__button[data-v-4ddf3c0a]:hover {
    background: #3bb54a;
}
.general__select[data-v-4ddf3c0a] {
    margin-bottom: 20px;
}
.general__title[data-v-4ddf3c0a] {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #3b3030;
    margin-bottom: 0;
}
.general__description[data-v-4ddf3c0a] {
    color: #565a5c;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 4px 0 8px;
}
[data-v-4ddf3c0a] .checkbox {
    justify-content: flex-start;
    margin: 0;
}
[data-v-4ddf3c0a] .checkbox__title {
    font-size: 14px;
    line-height: 19px;
    margin-left: 8px;
    order: 2;
}
[data-v-4ddf3c0a] .checkbox__label {
    order: 1;
}

.categories[data-v-3551295e] {
    overflow: scroll;
    height: 100%;
    padding-right: 16px;
}
.categories__title[data-v-3551295e] {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 18px;
}
.categories__list[data-v-3551295e] {
    margin-top: 24px;
}
@supports (-moz-transform: translate(0, 0)) {
    .categories[data-v-3551295e] {
        padding-right: 12px;
    }
}
.categories[data-v-3551295e]::-webkit-scrollbar-track {
    background-color: #f2f1f1;
    border-radius: 10px;
}
.categories[data-v-3551295e]::-webkit-scrollbar-thumb {
    background-color: #3b3030;
    border-radius: 10px;
}
.categories[data-v-3551295e]::-webkit-scrollbar {
    width: 5px;
    height: 0;
    border-radius: 10px;
    background-color: #f2f1f1;
}

.stores[data-v-e2e5581e] {
    overflow: scroll;
    height: 100%;
    padding-right: 16px;
}
.stores__title[data-v-e2e5581e] {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 18px;
}
.stores__list[data-v-e2e5581e] {
    margin-top: 24px;
}
@supports (-moz-transform: translate(0, 0)) {
    .stores[data-v-e2e5581e] {
        padding-right: 12px;
    }
}
.stores[data-v-e2e5581e]::-webkit-scrollbar-track {
    background-color: #f2f1f1;
    border-radius: 10px;
}
.stores[data-v-e2e5581e]::-webkit-scrollbar-thumb {
    background-color: #3b3030;
    border-radius: 10px;
}
.stores[data-v-e2e5581e]::-webkit-scrollbar {
    width: 5px;
    height: 0;
    border-radius: 10px;
    background-color: #f2f1f1;
}

.tabs[data-v-352ce53c] {
    display: flex;
    flex-flow: wrap;
    color: #565a5c;
    margin: 12px 0 0;
    padding: 0 16px;
    justify-content: space-between;
}
.tab__button[data-v-352ce53c] {
    padding: 11px 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    color: #7f7f80;
    background: #e4e4e4;
    flex: 1 1 auto;
    font-size: 10px;
    text-align: center;
}
.tab__button[data-v-352ce53c]:nth-child(2) {
    margin: 0 1px;
}
.tab__button[data-v-352ce53c]:hover {
    background: #fff;
}
.tab__button--active[data-v-352ce53c] {
    font-weight: 600;
    color: #3b3030;
    background: #fff;
}
.content[data-v-352ce53c] {
    flex: 1 1 100%;
    padding: 16px 12px;
    background: #fff;
    height: 362.5px;
}

.account__button-my-picodi[data-v-a7c2606a] {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 12px;
    border-radius: 37px;
    margin: 12px 0 0;
    cursor: pointer;
    color: #3bb54a;
    background: #fff;
    border: 1px solid #3bb54a;
}
.account__button-my-picodi[data-v-a7c2606a]:hover,
.account__button-my-picodi[data-v-a7c2606a]:focus {
    color: #fff;
    background-color: #236b2c;
    border: 1px solid #236b2c;
}
.account__buttons-social[data-v-a7c2606a] {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 16px 0 0;
}
.account__button-social[data-v-a7c2606a] {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    cursor: pointer;
    transition: transform 0.3s;
}
.account__button-social[data-v-a7c2606a]:hover {
    transform: scale(0.9);
}
.account__button-social--fb[data-v-a7c2606a] {
    background: #004f9d;
}
.account__button-social--google[data-v-a7c2606a] {
    background: #ea4335;
}
.account__button-social--apple[data-v-a7c2606a] {
    background: #000;
}
.account__social-img[data-v-a7c2606a] {
    max-height: 19px;
    width: auto;
}
.account__line[data-v-a7c2606a] {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 12px 0;
}
.account__line[data-v-a7c2606a]::before {
    content: "";
    height: 1px;
    width: 100%;
    top: 50%;
    position: absolute;
    background: #cacdce;
}
.account__line-text[data-v-a7c2606a] {
    color: #62686a;
    background: #fff;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    padding: 0 8px;
}

.account[data-v-6533abab] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}
.account__logo[data-v-6533abab] {
    max-height: 100px;
    margin-bottom: 12px;
}
.account__title[data-v-6533abab] {
    color: #3b3030;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}
.account__description[data-v-6533abab] {
    color: #7f7f80;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 4px;
}
.account__container[data-v-6533abab] {
    background: #fff;
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 5px;
}
[data-v-6533abab] .account__foot {
    text-align: center;
    font-size: 12px;
    color: #3b3030;
    margin-top: 12px;
}
[data-v-6533abab] .account__link {
    color: #0277bd;
    cursor: pointer;
    margin-top: auto;
}
[data-v-6533abab] .account__link:hover {
    text-decoration: underline;
}
[data-v-6533abab] .account__link--inline {
    display: inline;
}

.progress[data-v-44b56989] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    margin: 0;
    transform: none;
}
.progress-bar[data-v-44b56989] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white-color;
    text-align: center;
    background-color: #ffff;
    transition: width 0.6s ease;
}
.progress-bar-striped[data-v-44b56989] {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
}
.bg-success[data-v-44b56989] {
    background-color: #28a745 !important;
}

.modal-progress[data-v-fb60da72] {
    align-self: stretch;
}
.modal-progress__bar[data-v-fb60da72] {
    width: 100%;
}
.modal-progress__image-container[data-v-fb60da72] {
    padding: 72px;
}
.modal-progress__title[data-v-fb60da72] {
    font-weight: 500;
}
.modal-progress__description[data-v-fb60da72] {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.14px;
    margin-top: 12px;
    color: #7f7f80;
    align-self: flex-start;
}
.modal-progress__testing-coupon[data-v-fb60da72] {
    font-weight: 600;
    color: #3b3030;
}

.modal-error__image[data-v-298f2006] {
    max-height: 200px;
}
.modal-error__title[data-v-298f2006] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.18px;
    color: #3b3030;
    text-align: center;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 5px;
}
.modal-error__title--cashback[data-v-298f2006] {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 32px;
}
.modal-error__title[data-v-298f2006] b {
    font-weight: 600;
}
.modal-error__title[data-v-298f2006] span {
    font-weight: 600;
    text-transform: uppercase;
    color: #3bb54a;
}
.modal-error__title[data-v-298f2006] span:before {
    content: "";
    display: block;
}
[data-v-298f2006] .modal-error__title--small {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}
.modal-error__description[data-v-298f2006] {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.14px;
    margin: 0 0 12px;
    color: #565a5c;
}
.modal-error__description--cashback[data-v-298f2006] {
    color: #3b3030;
}

.modal-success__image[data-v-3fdc6808] {
    max-height: 200px;
}
.modal-success__title[data-v-3fdc6808] {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.18px;
    color: #3b3030;
    text-align: center;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 5px;
}
.modal-success__title--cashback[data-v-3fdc6808] {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 32px;
}
.modal-success__title[data-v-3fdc6808] b {
    font-weight: 600;
}
.modal-success__title[data-v-3fdc6808] span {
    font-weight: 600;
    text-transform: uppercase;
    color: #3bb54a;
}
.modal-success__title[data-v-3fdc6808] span:before {
    content: "";
    display: block;
}
[data-v-3fdc6808] .modal-success__title--small {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}
.modal-success__row[data-v-3fdc6808] {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.16px;
    width: 100%;
    margin: 8px 0;
}
.modal-success__code[data-v-3fdc6808] {
    font-weight: 600;
}
.modal-success__picodi-price[data-v-3fdc6808] {
    font-weight: 600;
    color: #3bb54a;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -0.2;
}
.modal-success__description[data-v-3fdc6808] {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.14px;
    margin: 0 0 12px;
    color: #565a5c;
}
.modal-success__description--cashback[data-v-3fdc6808] {
    color: #3b3030;
}

[data-v-3a881b1c] .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    width: 500px;
    min-height: 580px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 30px #00000080;
    padding: 0 32px;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    align-items: center;
}
[data-v-3a881b1c] .modal__content {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
[data-v-3a881b1c] .modal__image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
[data-v-3a881b1c] .modal__title {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.18px;
    margin-bottom: 24px;
    color: #3b3030;
    text-align: center;
}
[data-v-3a881b1c] .modal__button {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #3bb54a;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 37px;
    margin: 12px 0 0;
    cursor: pointer;
    width: 300px;
}
[data-v-3a881b1c] .modal__button:hover,
[data-v-3a881b1c] .modal__button:focus {
    background-color: #236b2c;
}
[data-v-3a881b1c] .modal__close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 24px;
    width: 24px;
    opacity: 0.2;
    cursor: pointer;
}
[data-v-3a881b1c] .modal__close:hover {
    opacity: 1;
}
.app__blur[data-v-3a881b1c] {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vw;
    content: "";
    z-index: 9999;
}

.cart[data-v-7f716bce] {
    margin: 24px 12px;
}
.cart__content[data-v-7f716bce] {
    padding: 32px 16px 24px 16px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: flex;
    color: #3b3030;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.cart__title[data-v-7f716bce] {
    color: #3b3030;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.18px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 32px;
}
.cart__title[data-v-7f716bce] b {
    color: #3bb54a;
    font-weight: 600;
}
.cart__image[data-v-7f716bce] {
    min-height: 135px;
}
.cart__middle[data-v-7f716bce] {
    margin-top: auto;
    margin-bottom: auto;
}
.cart__text[data-v-7f716bce] {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.12px;
    padding: 0 32px;
}
.cart__test-button[data-v-7f716bce] {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #3bb54a;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 37px;
    margin: 32px 0 0;
    cursor: pointer;
}
.cart__test-button[data-v-7f716bce]:hover,
.cart__test-button[data-v-7f716bce]:focus {
    background-color: #236b2c;
}

.cashback-prompt[data-v-59be85ba] {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin: 12px 16px;
    padding: 25px 16px;
    text-align: center;
    justify-content: center;
    min-height: 415px;
}
.cashback-prompt__image[data-v-59be85ba] {
    max-width: 187px;
    margin: 0 auto 16px;
}
.cashback-prompt__title[data-v-59be85ba] {
    color: #3b3030;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.cashback-prompt__volume[data-v-59be85ba] {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 16px;
    padding: 16px 0;
    border-top: 1px solid #f2f1f1;
    border-bottom: 1px solid #f2f1f1;
    justify-content: space-between;
}
.cashback-prompt__value[data-v-59be85ba] {
    color: #3bb54a;
}
.cashback-prompt__terms[data-v-59be85ba] {
    font-size: 12px;
    margin: 12px 0 0;
    color: #7f7f80;
    cursor: pointer;
}
.cashback-prompt__terms[data-v-59be85ba]:hover {
    text-decoration: underline;
}
.cashback-prompt__button[data-v-59be85ba] {
    flex-basis: 100%;
    background: #3bb54a;
    color: #fff;
    border: 0;
    padding: 13px;
    margin: 12px 0 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 23px;
    cursor: pointer;
    width: 100%;
}
.cashback-prompt__button[data-v-59be85ba]:hover {
    background: #236b2c;
}
.cashback-prompt__close-link[data-v-59be85ba] {
    position: relative;
    margin-top: 24px;
}
.cashback-prompt__close-link:hover
    .cashback-prompt__close-link-tooltip[data-v-59be85ba] {
    display: block;
}
.cashback-prompt__close-link-tooltip[data-v-59be85ba] {
    display: none;
    position: absolute;
    background: #fff;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 100px;
    font-size: 10px;
    padding: 3px 8px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
}
.cashback-prompt__close-link-text[data-v-59be85ba] {
    cursor: pointer;
    color: #bf2b2d;
    font-size: 12px;
}

.cashback-activated[data-v-319d4e8d] {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin: 12px 16px;
    padding: 25px 16px;
    text-align: center;
    justify-content: center;
    min-height: 415px;
}
.cashback-activated__activated[data-v-319d4e8d] {
    color: #3bb54a;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.cashback-activated__image[data-v-319d4e8d] {
    max-width: 96px;
    margin: 16px auto 18px;
}
.cashback-activated__title[data-v-319d4e8d] {
    color: #3b3030;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}
.cashback-activated__descritpion[data-v-319d4e8d] {
    color: #3b3030;
    font-size: 14px;
}
.cashback-activated__button[data-v-319d4e8d] {
    flex-basis: 100%;
    background: #3bb54a;
    color: #fff;
    border: 0;
    padding: 13px;
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 23px;
    cursor: pointer;
    width: 100%;
}
.cashback-activated__button[data-v-319d4e8d]:hover {
    background: #236b2c;
}

.no-cashback-prompt.main[data-v-a7312a06] {
    overflow-y: auto;
    padding-right: 12px;
}
.no-cashback-prompt__description[data-v-a7312a06] {
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.no-cashback-prompt__description > p[data-v-a7312a06] {
    margin: 0;
}
.no-cashback-prompt__description[data-v-a7312a06] b {
    color: #3bb54a;
    text-transform: uppercase;
    font-weight: 700;
}
.no-cashback-prompt__description--last-child[data-v-a7312a06] {
    margin-bottom: 16px;
}
.no-cashback-prompt__description--large[data-v-a7312a06] {
    font-size: 18px;
    margin-bottom: 16px;
}
.no-cashback-prompt__description--large > b[data-v-a7312a06]:after {
    content: "";
    display: block;
}
.no-cashback-prompt__ico[data-v-a7312a06] {
    height: 20px;
    width: 20px;
    margin-left: 6px;
}
.no-cashback-prompt__shops[data-v-a7312a06] {
    display: flex;
    flex-direction: column;
    padding: 0 0 8px;
    margin-top: 16px;
}
.no-cashback-prompt__shop[data-v-a7312a06] {
    display: grid;
    grid-template-columns: 110px 35px 90px;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 12px;
    justify-content: space-between;
    text-align: center;
    cursor: pointer;
}
.shop__figure[data-v-a7312a06] {
    width: 100px;
}
.shop__description[data-v-a7312a06] {
    display: flex;
    flex-direction: column;
}
.shop__img[data-v-a7312a06] {
    max-width: 100px;
}
.shop__coin[data-v-a7312a06] {
    height: 30px;
    width: auto;
    margin: 0 auto;
}
.shop__value[data-v-a7312a06] {
    font-size: 16px;
    font-weight: 700;
    color: #3bb54a;
    text-transform: lowercase;
}
.shop__cashback[data-v-a7312a06] {
    font-size: 10px;
    text-transform: uppercase;
}

.notice-prompt[data-v-d57fc000] {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin: 12px 16px;
    padding: 25px 16px;
    text-align: center;
    justify-content: center;
}
.notice-prompt__head[data-v-d57fc000] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7.5px;
}
.notice-prompt__shop-logo[data-v-d57fc000] {
    display: flex;
}
.notice-prompt__shop-img[data-v-d57fc000] {
    max-width: 100px;
}
.notice-prompt__cashback[data-v-d57fc000] {
    font-size: 10px;
    text-transform: uppercase;
}
.notice-prompt__cashback-value[data-v-d57fc000] {
    display: block;
    color: #3bb54a;
    font-weight: 800;
}
.notice-prompt__cashback-value--through[data-v-d57fc000] {
    font-size: 10px;
    color: #3b3030;
    text-decoration: line-through;
    font-weight: 400;
}
.notice-prompt__animation-container[data-v-d57fc000] {
    max-width: 108px;
    min-height: 108px;
    align-self: center;
}
.notice-prompt__title[data-v-d57fc000] {
    font-size: 14px;
    color: #3bb54a;
    font-weight: 800;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.notice-prompt__check[data-v-d57fc000] {
    height: 14px;
    width: 14px;
    margin-left: 5px;
}
.notice-prompt__description[data-v-d57fc000] {
    font-size: 12px;
}

.dropdown-menu[data-v-cd82021a] {
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    position: absolute;
    top: 46px;
    right: 0;
    width: 150px;
    list-style: none;
    padding: 0;
}
.dropdown-menu__item[data-v-cd82021a] {
    cursor: pointer;
    font-size: 14px;
    color: #3b3030;
    padding: 16px;
    border-bottom: 1px solid #f2f1f1;
}
.dropdown-menu__item[data-v-cd82021a]:hover {
    background: #f2f1f1;
}
.dropdown-menu__item[data-v-cd82021a]:last-child {
    border-bottom: 0;
}

.custom-prompt[data-v-b7afddb4] {
    background: #fff;
    padding: 16px;
    min-height: 0;
}
.custom-prompt__figure[data-v-b7afddb4] {
    margin: 8px 0;
    cursor: pointer;
}
.custom-prompt__image[data-v-b7afddb4] {
    border-radius: 8px;
}

.custom-prompt[data-v-48e9f1e4] {
    min-height: 415px;
    height: 0;
    padding-top: 4px;
}
.custom-prompt__shops[data-v-48e9f1e4] {
    display: flex;
    flex-direction: column;
    padding: 0 0 8px;
    margin-top: 8px;
}
.custom-prompt__shop[data-v-48e9f1e4] {
    display: grid;
    grid-template-columns: 110px 35px 80px;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    padding: 17.5px 8px;
    margin-bottom: 8px;
    justify-content: space-between;
    text-align: center;
    cursor: pointer;
}
.shop__figure[data-v-48e9f1e4] {
    width: 100px;
    padding: 8px;
    border-radius: 6px;
}
.shop__description[data-v-48e9f1e4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.shop__img[data-v-48e9f1e4] {
    max-width: 100px;
}
.shop__coin[data-v-48e9f1e4] {
    height: 30px;
    width: auto;
    margin: 0 auto;
}
.shop__value[data-v-48e9f1e4] {
    font-size: 16px;
    font-weight: 700;
    color: #3bb54a;
    text-transform: lowercase;
}
.shop__value--through[data-v-48e9f1e4] {
    font-size: 10px;
    color: #3b3030;
    text-decoration: line-through;
}
.shop__cashback[data-v-48e9f1e4] {
    font-size: 10px;
    color: #62686a;
}

[data-v-7d591f4e] .custom-prompt {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    margin: 12px 16px;
}
[data-v-7d591f4e] .custom-prompt__title {
    font-weight: 600;
}
[data-v-7d591f4e] .custom-prompt__sub-title {
    font-size: 14px;
}
[data-v-7d591f4e] .custom-prompt__custom-title {
    font-weight: 600;
    font-size: 14px;
}
[data-v-7d591f4e] .custom-prompt__custom-sub-title {
    font-size: 10px;
    color: #62686a;
}

.countdown[data-v-088b2329] {
    background: #181a1b;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 8px 8px 8px;
    text-align: center;
}
.countdown__title[data-v-088b2329] {
    padding-bottom: 4px;
    font-size: 12px;
    color: #fff;
}
.countdown__timer[data-v-088b2329] {
    display: flex;
}
.countdown__timer-box[data-v-088b2329] {
    padding-right: 10px;
    display: flex;
    align-items: baseline;
}
.countdown__timer-box[data-v-088b2329]:last-child {
    margin-right: 0;
}
.countdown__time[data-v-088b2329] {
    font-size: 12px;
    padding: 2px 4px;
    margin: 0 2px;
    border-radius: 4px;
    background: #ffaf57;
    color: #662600;
}
.countdown__unit[data-v-088b2329] {
    font-size: 10px;
    color: #fff;
}

[data-v-02bade55] img {
    border: none;
    position: static;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    outline: none;
}
[data-v-02bade55] img:hover,
[data-v-02bade55] img:focus {
    border: none;
    outline: none;
}
[data-v-02bade55] *,
*[data-v-02bade55]:before,
*[data-v-02bade55]:after {
    font-family: "pico-ext-noto-sans", "Roboto", "Arial", sans-serif !important;
    font-weight: 400;
    box-sizing: border-box !important;
}
[data-v-02bade55] ul,
ol[data-v-02bade55] {
    margin: 0;
    list-style: none;
}
[data-v-02bade55] .app__container {
    position: fixed;
    top: 80px;
    right: 80px;
    background: #f2f1f1;
    width: 300px;
    height: 510px;
    z-index: 999999999999999;
    box-shadow: 0 3px 30px #0000004d;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
[data-v-02bade55] .app__container--logged-user {
    height: 524.5px;
}
[data-v-02bade55] .app__container--logged-user .main {
    margin-bottom: 1.5px;
}
[data-v-02bade55] .app__container--countdown {
    height: 577.5px;
}
[data-v-02bade55] .app__container--customprompt {
    height: auto;
    top: 150px;
}
[data-v-02bade55] .app__container--noticeprompt {
    min-height: 0;
    height: auto;
}
[data-v-02bade55] .app__container--cashback {
    height: auto;
}
[data-v-02bade55] .app__container--is-recognize {
    top: 150px;
}
[data-v-02bade55] .app__blur {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vw;
    content: "";
    z-index: 9999;
}
[data-v-02bade55] .app__header {
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0 16px;
    border-radius: 5px 5px 0 0;
}
[data-v-02bade55] .app__content {
    height: 100%;
}
[data-v-02bade55] .app__logged-user {
    padding: 0 12px;
    margin: 6px 0;
    font-size: 10px;
    text-align: center;
}
[data-v-02bade55] .app__logged-user b {
    color: #3b3030;
    font-weight: 600;
}
[data-v-02bade55] .app__footer {
    min-height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 0 16px;
    margin-top: auto;
    border-radius: 0 0 5px 5px;
}
[data-v-02bade55] .app__footer-icon {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 0;
    outline: 0;
    background-color: white;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 24px;
}
[data-v-02bade55] .app__footer-icon:hover {
    color: #3b3030;
}
[data-v-02bade55] .app__footer-icon:hover > .icon-svg {
    background-color: #3b3030;
}
[data-v-02bade55] .app__footer-icon > .icon-svg {
    min-width: 24px;
    min-height: 24px;
    margin-right: 8px;
}
[data-v-02bade55] .app__title {
    font-size: 12px;
    line-height: 14px;
    color: #3b3030;
    font-weight: 600;
    flex: 2;
    text-align: center;
    padding: 0 5px;
}
[data-v-02bade55] .app__error {
    padding: 15px;
    font-size: 14px;
    font-style: italic;
}
[data-v-02bade55] .logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 27px !important;
}
[data-v-02bade55] .logo__img {
    height: 27px !important;
    width: auto;
}
[data-v-02bade55] .logo__go-back {
    position: relative;
    display: inline-flex;
    padding: 5px;
    cursor: pointer;
    justify-content: center;
}
[data-v-02bade55] .logo__go-back-icon {
    display: block;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #3b3030;
    border-left: 2px solid #3b3030;
    transform: translateX(25%) rotate(45deg);
}
[data-v-02bade55] .main {
    padding-left: 12px;
    margin: 12px 0;
    overflow-y: scroll;
    overflow-x: hidden;
}
@supports (-moz-transform: translate(0, 0)) {
    [data-v-02bade55] .main {
        padding-right: 12px;
    }
}
[data-v-02bade55] .main::-webkit-scrollbar-track {
    background-color: #fff;
    border-right: 12px solid #f2f1f1;
    border-left: 12px solid #f2f1f1;
}
[data-v-02bade55] .main::-webkit-scrollbar {
    width: 29px;
    background-color: #f2f1f1;
}
[data-v-02bade55] .main::-webkit-scrollbar-thumb {
    background-color: #565a5c;
    border-right: 12px solid #f2f1f1;
    border-left: 12px solid #f2f1f1;
}
.nav-app[data-v-02bade55] {
    position: relative;
    list-style: none;
    padding: 0;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.nav-app__item[data-v-02bade55] {
    position: relative;
}
.nav-app__item > .icon-svg[data-v-02bade55] {
    margin: 3px;
    min-height: 24px;
    min-width: 24px;
    cursor: pointer;
}
.nav-app__item > .icon-svg[data-v-02bade55]:hover {
    background-color: #3b3030;
}
.close-app:hover .close-app__tooltip[data-v-02bade55] {
    display: block;
}
.close-app__tooltip[data-v-02bade55] {
    display: none;
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    min-width: 100px;
    font-size: 10px;
    padding: 2.5px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
}
.search[data-v-02bade55],
.settings[data-v-02bade55] {
    font-size: 16px;
    line-height: 16px;
}

.app__promo-icon[data-v-13e0cb27] {
    position: fixed;
    top: 150px;
    right: 0;
    z-index: 999999999;
}
.promo__container[data-v-13e0cb27] {
    position: relative;
}
.promo__btn[data-v-13e0cb27] {
    cursor: pointer;
}
.promo__icon-container[data-v-13e0cb27] {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
    height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.promo__icon[data-v-13e0cb27] {
    padding: 15px;
    width: 64px;
    height: 64px;
    box-sizing: border-box;
}
.promo__counter-container[data-v-13e0cb27] {
    background-color: #3bb54a;
    color: #fff;
    position: absolute;
    border-radius: 50px;
    bottom: 7px;
    left: 7px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
}

.picodi-app[data-v-2d1f8f88] {
    color: #3b3030;
    cursor: default;
    direction: ltr;
    font-family: "pico-ext-noto-sans", "Roboto", "Arial", sans-serif;
    letter-spacing: -0.01em;
    line-height: normal;
    text-align: left;
    text-indent: initial;
    text-transform: none;
    visibility: visible;
    word-spacing: normal;
    font-weight: normal;
}
[data-v-2d1f8f88] .notice-promt-fade-out-enter-active,
[data-v-2d1f8f88] .notice-promt-fade-out-leave-active {
    transition: opacity 0.5s ease;
}
[data-v-2d1f8f88] .notice-promt-fade-out-enter-from,
[data-v-2d1f8f88] .notice-promt-fade-out-leave-to {
    opacity: 0;
}
[data-v-2d1f8f88] .icon-svg {
    display: block;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
[data-v-2d1f8f88] .icon-svg--value {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M50 3.9c0-.3-.1-1.7-1.3-2.8C47.6.1 46.3 0 46 0H28.5c-.9-.1-1.9.3-2.6 1L1 25.9c-.6.6-1 1.5-1 2.4s.4 1.8 1 2.4L19.3 49c.7.7 1.5 1 2.4 1s1.7-.3 2.4-1L49 24.1c.7-.7 1-1.6 1-2.6V3.9zm-7.2 9a3.98 3.98 0 0 1-5.7 0 3.98 3.98 0 0 1 0-5.7 3.98 3.98 0 0 1 5.7 0 3.98 3.98 0 0 1 0 5.7z'/%3E%3C/svg%3E");
}
[data-v-2d1f8f88] .icon-svg--percent {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M21.3 1.3l-7.5 7.5 2.5 2.5L25 2.5V1.3M5 22.5c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5m0-15C3.6 7.5 2.5 6.4 2.5 5S3.6 2.5 5 2.5 7.5 3.6 7.5 5 6.4 7.5 5 7.5M9.6 7c.2-.6.4-1.3.4-2a4.95 4.95 0 0 0-5-5 4.95 4.95 0 0 0-5 5 4.95 4.95 0 0 0 5 5c.7 0 1.4-.2 2-.4l3 2.9-3 2.9c-.6-.2-1.3-.4-2-.4a4.95 4.95 0 0 0-5 5 4.95 4.95 0 0 0 5 5 4.95 4.95 0 0 0 5-5c0-.7-.2-1.4-.4-2l2.9-3 8.8 8.8H25v-1.3L9.6 7z' /%3E%3C/svg%3E");
}
[data-v-2d1f8f88] .icon-svg--free_delivery {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 25.5'%3E%3Cpath d='M3.2 0C1.4 0 0 1.4 0 3.2v17.5h3.2c0 2.6 2.1 4.8 4.8 4.8s4.8-2.1 4.8-4.8h9.5c0 2.6 2.1 4.8 4.8 4.8s4.8-2.1 4.8-4.8H35v-8l-4.8-6.4h-4.8V0m.1 8.8h4l3.1 4h-7.1M8 18.3c1.3 0 2.4 1.1 2.4 2.4S9.3 23.1 8 23.1 5.6 22 5.6 20.7s1-2.4 2.4-2.4m19 0c1.3 0 2.4 1.1 2.4 2.4s-1.1 2.4-2.4 2.4-2.4-1.1-2.4-2.4 1.1-2.4 2.4-2.4z'/%3E%3C/svg%3E");
}
[data-v-2d1f8f88] .icon-svg--gift {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 25.3'%3E%3Cpath d='M17.9 7.2l1.1-.6c1.2-.9 1.8-1.9 1.8-3 0-.9-.4-2.1-1-2.7-.7-.6-1.5-.9-2.3-.9-.9 0-1.8.3-2.5.8-1.1.7-2 2.3-2.6 3.5 0 .1-.1.1-.1.2-.2-.5-.5-1.4-.8-1.8C11 2 10.4 1.3 9.6.8 8.9.3 8.1 0 7.1 0c-.9 0-1.7.4-2.3 1-.7.6-1.1 1.9-1.1 2.8 0 .5.2 1.1.5 1.6.4.7 1.1 1.2 2 1.7 2.2.8 4 1 5.3 1.1h1.7c1.2 0 2.9-.1 4.7-1zm-3.4-3c.4-.6.9-1.6 1.4-1.9s1-.5 1.5-.5h0c.4 0 .8.2 1.1.4.3.3.4.7.4 1 0 .4-.2 1.3-1.1 1.9s-2.3 1.3-4.6 1.7c.3-.9.7-1.8 1.3-2.6zM6.6 5.4c-.5-.3-.8-.6-.9-.9-.2-.3-.2-.7-.2-1 0-.4.2-1 .5-1.4.3-.3.8-.5 1.2-.5h0c.5 0 1 .2 1.5.5.8.5 1.5 1.9 2 2.9.3.5.5 1 .6 1.6-2.4-.1-3.9-.7-4.7-1.2zM1.7 15.9h9.6v9.4H1.7zm11.4 9.4H23v-9.4h-9.9zM0 14.1h11.3v-5H0zm24.6-5H13.1v5h11.5v-5z'/%3E%3C/svg%3E");
}
[data-v-2d1f8f88] .icon-svg--close {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath fill-rule='evenodd' d='M17.53 7.53A.75.75 0 0 0 16.47 6.47L12 10.939 7.53 6.47A.75.75 0 0 0 6.47 7.53l4.47 4.47-4.47 4.47A.75.75 0 0 0 7.53 17.53l4.47-4.47 4.47 4.47a.75.75 0 0 0 1.061-1.061L13.061 12l4.47-4.47z' fill='%23181a1b'/%3e%3c/svg%3e");
}
[data-v-2d1f8f88] .icon-svg--search {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath fill-rule='evenodd' d='M14.385 15.446c-2.65 2.123-6.53 1.956-8.986-.501a6.75 6.75 0 0 1 9.546-9.546c2.457 2.457 2.624 6.336.501 8.987l5.156 5.156a.75.75 0 1 1-1.061 1.061l-5.156-5.156zm-7.926-1.562a5.25 5.25 0 1 1 7.425-7.425 5.25 5.25 0 0 1 .005 7.42c-2.06 2.055-5.38 2.053-7.429.005z' fill='%23181a1b'/%3e%3c/svg%3e");
}
[data-v-2d1f8f88] .icon-svg--settings {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='24' width='24' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M19.5 12l-.03-.68 1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23c-.12-.212-.314-.372-.545-.449s-.482-.067-.705.029l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62a1.01 1.01 0 0 0 .26 1.3l1.86 1.41c-.041.449-.041.901 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23a1.01 1.01 0 0 0-.26-1.3l-1.86-1.41a5.17 5.17 0 0 0 .04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z' fill='%23181a1b'/%3e%3c/svg%3e");
}
[data-v-2d1f8f88] .icon-svg--check {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.487' height='12.542' %3E%3Cpath d='M5.847 12.542a1.5 1.5 0 0 1-1.061-.439L.439 7.759A1.5 1.5 0 0 1 2.56 5.638l3.263 3.263 8.08-8.436a1.5 1.5 0 0 1 2.121-.046 1.5 1.5 0 0 1 .046 2.121l-9.14 9.542a1.5 1.5 0 0 1-1.067.462z' fill='%233bb54a'/%3E%3C/svg%3E");
}
[data-v-2d1f8f88] .icon-svg--notification-on {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23181a1b' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M6.429 2.413a.75.75 0 0 0-1.13-.986l-1.292 1.48a4.75 4.75 0 0 0-1.17 3.024L2.78 8.649a.75.75 0 1 0 1.5.031l.057-2.718a3.25 3.25 0 0 1 .801-2.069l1.292-1.48z'/%3e%3cpath fill-rule='evenodd' d='M6.237 7.701c.139-2.221 1.98-3.951 4.206-3.951H11V3a1 1 0 1 1 2 0v.75h.557c2.225 0 4.067 1.73 4.206 3.951l.221 3.533c.084 1.347.536 2.645 1.308 3.753a1.62 1.62 0 0 1-1.134 2.529l-3.407.409V19a2.75 2.75 0 1 1-5.5 0v-1.075l-3.407-.409a1.62 1.62 0 0 1-1.134-2.529c.771-1.108 1.223-2.406 1.308-3.753l.221-3.533zM10.75 19a1.25 1.25 0 1 0 2.5 0v-.75h-2.5V19z'/%3e%3cpath d='M17.643 1.355a.75.75 0 0 0-.072 1.058l1.292 1.48a3.25 3.25 0 0 1 .801 2.069l.057 2.718a.75.75 0 1 0 1.5-.031l-.057-2.718a4.75 4.75 0 0 0-1.17-3.024l-1.292-1.48a.75.75 0 0 0-1.058-.072z'/%3e%3c/svg%3e");
}
[data-v-2d1f8f88] .icon-svg--black {
    background-color: #3b3030;
}
[data-v-2d1f8f88] .icon-svg--white {
    background-color: #fff;
}
[data-v-2d1f8f88] .icon-svg--orange {
    background-color: #ff7f32;
}
[data-v-2d1f8f88] .icon-svg--red {
    background-color: #e31e26;
}
[data-v-2d1f8f88] .icon-svg--green {
    background-color: #3bb54a;
}

.serp[data-v-58b0b738] {
    background: #68d475;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 8px;
    cursor: pointer;
}
.serp__logo-wrapper[data-v-58b0b738] {
    background-color: #fff;
    min-height: 32px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #68d475;
}
.serp__logo[data-v-58b0b738] {
    height: 20px;
}
.serp__text[data-v-58b0b738] {
    padding: 0 12px;
    color: #0c4013;
    font-size: 12px;
}

html,
body {
    height: 100%;
    margin: 0;
}

.flex-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.flex-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

footer {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
}