/*
**************************************************
		ALZA.CZ Philips SK LP
        www.alza.sk/vernostny-program-philips

		Autor: Tomas Jares
		E-mail: info@tomasjares.com
		Datum: unor 2020
**************************************************
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/* CSS Document */
body {
    margin: 0;
    /* pouze pro šablonu zvlášť, při implementaci smazat! */
    color: #222;
    /*background: #bae2fc url(https://cdn.alza.cz/Styles/full/images/bg-gradient.png) repeat-x top center;*/
}

#celek {
    font-family: "Roboto", "Roboto", "Verdana", "DejaVu Sans", "Trebuchet MS", sans-serif;
    font-weight: 400;
    margin: 0 auto;
    background-color: white;
    max-width: 1255px;
    text-align: center;
    background: rgb(91,163,223);
    background: linear-gradient(120deg, rgba(27, 151, 255, 0.1) 0%, rgba(255,255,255,1) 60%);
}

#celek h1 {
    font-family: "Poppins", "Verdana", "DejaVu Sans", "Trebuchet MS", sans-serif;
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    color: #252525;
}

#celek p {
    font-family: "Roboto", "Verdana", "DejaVu Sans", "Trebuchet MS", sans-serif;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #252525;
}

#celek .blok.prvni {
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
}

#celek .blok.prvni h1 {
    font-size: 40px;
    font-family: "Poppins";
    text-align: center;
    text-transform: uppercase;
}

#celek .blok.prvni h1 img {
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}


#celek .blok.treti .pruvodci {
    margin-left: -25px;
    min-width: calc(100% + 50px);
    margin-right: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    width: 100%;
}

#celek .blok.treti {
    padding-top: 25px;
    padding-bottom: 75px;
}

#celek .blok.treti .pruvodci .box {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    text-align: left;
    /*flex-grow: 1;
    flex-basis: 0;*/
    margin-left: 10px;
    margin-right: 10Px;
    margin-top: 10Px;
    margin-bottom: 10px;
}

#celek .blok.treti .pruvodci .box a {
    text-decoration: none;
    color: black;
    border: 1px solid rgb(235, 235, 235);
    box-shadow: 2px 2px 12px 2px rgb(239, 239, 239);
    display: block;
    border-radius: 8px;
    padding: 20px;
    transition: 0.3s;
    width: 225px;
    background: white;
}

#celek .blok.treti .pruvodci .box a:hover {
    border: 1px solid rgb(247, 247, 247);
    box-shadow: 2px 2px 20px 2px rgb(199, 199, 199);
    transition: 0.3s;
}

#celek .blok.treti .pruvodci .box a:hover {
    text-decoration: none;
    color: black;
}

#celek .blok.treti .pruvodci .box .obsah {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: flex-start;
    width: 100%;
    position: relative;
}

#celek .blok.treti .pruvodci .box .obsah .vlevo,
#celek .blok.treti .pruvodci .box .obsah .vpravo {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
}

#celek .blok.treti .pruvodci .box .obsah .vlevo .obrazek img {
    height: 75px;
}

#celek .blok.treti .pruvodci .box .obsah .vpravo {
    padding-left: 10px;
}

#celek .blok.treti .pruvodci .box .obsah .vpravo p {
    text-align: -webkit-left;
}

#celek .blok.treti .pruvodci .box .obsah .vpravo .nazev p {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

#celek .blok.ctvrty {
    padding-bottom: 75px;
    text-align: center;
}

#celek .blok.ctvrty img {
    height: 50px;
    margin: 0 auto;
}

.mobile #celek {
    width: 100%;
}

.mobile #celek .blok.treti {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

.mobile #celek .blok.treti {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

#celek .blok.treti h3 {
    font-size: 31px;
    color: black;
    font-family: "Poppins";
    margin-top: 75px;
    margin-bottom: 25px;
    font-weight: 600;
}

.mobile #celek .blok.treti .pruvodci {
    width: 100%;
    margin: 0;
    margin-left: 0;
    min-width: 0;
    margin-right: 0;
    display: block;
}

.mobile #celek .blok.treti .pruvodci .box {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
}

.mobile #celek .blok.treti .pruvodci .box.prvni a {
    margin-right: 0;
    display: block;
    position: relative;
    width: calc(100% - 62px);
    color: black;
}

.mobile #celek .blok.treti .pruvodci .box.druhy a {
    margin-right: 0;
    width: 100%;
    width: calc(100% - 62px);
}

.mobile #celek .blok.treti .pruvodci .box.treti a {
    width: 100%;
    width: calc(100% - 62px);
}

.mobile #celek .blok.treti .pruvodci .box.ctvrty a {
    width: 100%;
    width: calc(100% - 62px);
}

.mobile #celek .blok.treti .pruvodci .box.paty a {
    width: calc(100% - 110px);
}


.mobile #celek .blok.treti .pruvodci .box.prvni .obsah .vpravo {
    padding-left: 30px;
}

.mobile #celek .blok.treti .pruvodci .box.druhy .obsah .vpravo {
    padding-left: 15px;
}

.mobile #celek .blok.treti .pruvodci .box.treti .obsah .vpravo {
    padding-left: 30px;
}

.mobile #celek .blok.treti .pruvodci .box.ctvrty .obsah .vpravo {
    padding-left: 15px;
}
















.categoryArticles {
    display: none
}

#brandpage {
    position: relative;
    width: 100%;
    max-width: 1085px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

#brandpage * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#brandpage .brandpage-img {
    width: 100%;
    position: relative
}

#brandpage figure {
    margin: 0;
    padding: 0
}

#brandpage .brandpage-img img {
    max-width: 100%;
    vertical-align: bottom
}

#brandpage section.brandpage-intro {
    position: relative;
    text-align: center
}

#brandpage .brandpage-intro h2 {
    color: #00136e;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    line-height: 32px;
    font-size: 1.688rem;
    margin: 45px 0 27px 0
}

#brandpage .brandpage-category .brandpage-category-content p,
#brandpage .brandpage-intro p {
    padding-bottom: 50px;
    color: #878787;
    width: 63%;
    margin: 0 auto;
    line-height: 24px;
    font-size: .9375rem;
    display: block
}

#brandpage section.brandpage-stuff {
    width: 100%;
    padding: 0 3%
}

#brandpage section .brandpage-stuff-grey {
    background: #f8f8f8;
    width: calc(100% + 7%);
    margin-left: -3.5%;
    padding: 0 3.5%;
    padding-top: 2vw;
    padding-bottom: 4vw;
    margin-bottom: 4em;
    border-bottom: 1px solid #d2d2d2
}

#brandpage .brandpage-category {
    margin-top: 54px;
    margin-bottom: 54px;
    font-size: 0;
    letter-spacing: 0
}

#brandpage .brandpage-category:first-of-type {
    margin-top: 24px
}

#brandpage .brandpage-category-delimiter {
    margin-top: 90px;
    width: calc(100% + 7%);
    margin-left: -3.5%;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    position: relative
}

#brandpage .brandpage-category-delimiter + .brandpage-stuff-grey {
    padding-top: 4em
}

#brandpage .brandpage-category-delimiter span {
    position: absolute;
    width: 100%;
    top: -1em;
    left: 0;
    font-size: 130%;
    font-weight: 200
}

#brandpage .brandpage-category-delimiter-arrow {
    position: absolute;
    top: 0;
    left: calc(50% - 10em);
    width: 10em;
    height: 3em
}

#brandpage .brandpage-category-delimiter-arrow::before {
    content: "";
    position: absolute;
    display: block;
    border-top: 3em solid #d2d2d2;
    border-left: 10em solid transparent;
    border-right: 10em solid transparent
}

#brandpage .brandpage-category-delimiter-arrow::after {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    border-top: 3em solid #fff;
    border-left: 10em solid transparent;
    border-right: 10em solid transparent
}

#brandpage .brandpage-category .brandpage-category-content {
    text-align: left
}

#brandpage .brandpage-category .brandpage-category-content:nth-child(odd) {
    padding-left: 0;
    padding-right: 54px
}

#brandpage .brandpage-category .brandpage-category-content,
#brandpage .brandpage-category figure {
    vertical-align: middle;
    display: inline-block
}

#brandpage .brandpage-category figure {
    width: 42%
}

#brandpage .carousel-container .carousel-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#brandpage .brandpage-category .brandpage-category-content {
    width: 58%;
    padding-left: 54px
}

#brandpage .brandpage-category figure img {
    width: 100%;
    vertical-align: top
}

#brandpage .brandpage-category .brandpage-category-content h2 {
    color: #00136e;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    line-height: 32px;
    font-size: 1.688rem;
    margin: 0 0 27px 0
}

#brandpage .brandpage-category .brandpage-category-content p {
    width: 100%;
    padding-bottom: 0
}

#brandpage .brandpage-category .brandpage-category-list {
    -webkit-animation-name: lazy-left;
    animation-name: lazy-left;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    text-align: left
}

#brandpage .brandpage-category .brandpage-category-list ul {
    margin: 24px 0 0 0;
    padding: 0
}

#brandpage .brandpage-category .brandpage-category-list ul li {
    position: relative;
    font-size: .9375rem;
    display: inline-block;
    list-style-type: none;
    padding: 0 20px 0 14px !important
}

#brandpage .brandpage-category .brandpage-category-list ul li::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #ff921e;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

#brandpage .brandpage-category .brandpage-category-list ul li a {
    color: #00136d;
    font-weight: 800
}

#brandpage .brandpage-category .brandpage-category-list ul li a:hover {
    color: #ff921e
}

#brandpage .brandpage-category ul.ul-standard li {
    list-style: disc;
    padding: 0 0 .25em .5em;
    margin-left: 1em
}

#brandpage .brandpage-category ul.ul-standard li::before {
    display: none
}

#brandpage .brandpage-roller {
    width: 95%;
    margin: auto;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    clear: both
}

#brandpage .brandpage-roller a {
    text-decoration: none;
    border: 1px solid #d2d2d2;
    border-top: 0 none;
    background-color: #efefef;
    display: inline-block;
    line-height: 30px
}

#brandpage .brandpage-roller a span:hover {
    text-decoration: underline
}

#brandpage .brandpage-roller a span {
    border: 1px solid #fff;
    display: inline-block;
    line-height: 30px;
    padding-right: 6px;
    padding-left: 25px;
    background: url(https://i.alza.cz/Foto/LegendFoto/EN/Files/brandingpage/sablona-01/img/sipka-dolu-min.png) no-repeat 8px center;
    color: #00136d;
    font-size: .8125rem
}

#brandpage .brandpage-roller a span.roller-close {
    background: url(https://i.alza.cz/Foto/LegendFoto/EN/Files/brandingpage/sablona-01/img/sipka-nahoru-min.png) no-repeat 8px center
}

#brandpage .brandpage-roller .roller-btn .roller-close,
#brandpage .brandpage-roller a.roller-close span.roller-open,
#brandpage .brandpage-roller a.roller-open span.roller-close {
    display: none
}

#brandpage .lazy-left {
    -webkit-animation-name: lazy-left;
    animation-name: lazy-left;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#brandpage .lazy-right {
    -webkit-animation-name: lazy-right;
    animation-name: lazy-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#brandpage .brandpage-category.brandpage-category-video {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 10px 10px 15px;
    background: #eee
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content {
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content .articleVideoWrapper {
    margin-right: 10px
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content:last-child .articleVideoWrapper {
    margin-right: 0
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content:first-child:last-child {
    width: 70%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content video,
#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content video + p {
    width: calc(100% - 20px);
    max-width: 500px;
    margin: 0 auto;
    padding: 10px 10px 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: left;
    color: #555;
    font-size: 90%;
    line-height: 1.6em
}

#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content:first-child:last-child video,
#brandpage .brandpage-category.brandpage-category-video .brandpage-category-content:first-child:last-child video + p {
    max-width: none;
    text-align: center
}

@-webkit-keyframes lazy-left {
    0% {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes lazy-left {
    0% {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes lazy-right {
    0% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes lazy-right {
    0% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

body #h1cc {
    background: 0 0 !important
}

#brandpage.brandpage-short {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

#brandpage.brandpage-short > .brandpage-stuff {
    border-top: 1px solid #d2d2d2
}

#brandpage.brandpage-short > :nth-child(1) {
    width: calc(35% - 30px);
    margin-right: 30px;
    margin-top: -1.75em;
    margin-bottom: 1.75em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: block
}

#brandpage.brandpage-short > :nth-child(2) {
    width: calc(62.5% - 30px);
    margin-left: 30px;
    margin-right: 2.5%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#brandpage.brandpage-short > :nth-child(n+3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

#brandpage.brandpage-short > :nth-child(2) p {
    width: 100%;
    text-align: left;
    margin-top: 20px;
    padding-bottom: 40px
}

.mobile #brandpage {
    margin: 0 auto;
    width: 100%
}

@media (max-width:980px) {
    .mobile div#brandpage .brandpage-intro p {
        width: 90%
    }

    .mobile #brandpage section.brandpage-stuff {
        padding: 0
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right {
        padding-left: 5%
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left {
        padding-right: 5%
    }
}

@media (max-width:600px) {

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left > *,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right > * {
        margin-right: 0;
        margin-left: 0
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right h2 {
        text-align: right;
        margin-left: -50%;
        padding-left: 0
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left h2 {
        margin-right: -50%;
        padding-right: 0
    }

    .mobile #brandpage.brandpage-short > :nth-child(1) {
        width: 50%;
        margin-left: 25%;
        margin-top: 0;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .mobile #brandpage.brandpage-short > :nth-child(2) {
        width: 90%;
        margin-left: 5%;
        margin-right: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mobile #brandpage.brandpage-short > :nth-child(2) p {
        text-align: center
    }
}

@media (max-width:480px) {
    .mobile #brandpage .brandpage-category {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: stretch;
        -webkit-box-align: stretch;
        align-items: stretch
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right,
    .mobile #brandpage .brandpage-category > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left h2,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right h2,
    .mobile #brandpage .brandpage-category > * {
        margin: 0;
        padding: 0;
        text-align: center
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left h2,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right h2 {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .mobile #brandpage .brandpage-category figure img {
        width: 80%
    }

    .mobile #brandpage .brandpage-category figure.lazy-left,
    .mobile #brandpage .brandpage-category figure.lazy-right {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-left,
    .mobile #brandpage .brandpage-category .brandpage-category-content.lazy-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .mobile #brandpage .brandpage-category .brandpage-category-list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

#brandpage .carousel-container .carousel-button-next,
#brandpage .carousel-container .carousel-button-prev {
    background: #0094e7;
    left: 0;
    width: 25px;
    height: 70px;
    margin-top: -40px
}

#brandpage .carousel-container .carousel-button-next:hover,
#brandpage .carousel-container .carousel-button-prev:hover {
    background: #2f8dcd
}

#brandpage .carousel-container .carousel-button-prev {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#brandpage .carousel-container .carousel-button-next::after,
#brandpage .carousel-container .carousel-button-prev::before {
    content: '';
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    height: 0;
    width: 0;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%)
}

#brandpage .carousel-container .carousel-button-next {
    left: auto;
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

#brandpage .carousel-container .carousel-button-next::after {
    border-left: 8px solid #fff;
    border-right: none;
    left: 55%
}

#brandpage .carousel-container.carousel-container-horizontal > .carousel-pagination-bullets {
    width: auto;
    background: rgba(255, 255, 255, .9);
    left: 50%;
    bottom: 1rem;
    padding: .5em 1em;
    transform: translate(-50%);
    border-radius: 2rem;
    opacity: 0;
    animation: bullets 1s forwards;
    visibility: hidden;
    transition: opacity .5s
}

@keyframes bullets {
    99% {
        visibility: hidden
    }

    100% {
        visibility: visible
    }
}

#brandpage .carousel-container.carousel-container-swiping.carousel-container-horizontal > .carousel-pagination-bullets,
#brandpage .carousel-container:hover > .carousel-pagination-bullets {
    opacity: 1
}

#brandpage .carousel-container.carousel-container-horizontal > .carousel-pagination-bullets .carousel-pagination-bullet {
    Width: 12px;
    height: 12px;
    margin: 0 .4rem
}

#brandpage .carousel-container.carousel-container-horizontal > .carousel-pagination-bullets .carousel-pagination-bullet:not(.carousel-pagination-bullet-active):hover {
    opacity: .3
}

#brandpage .carousel-container.carousel-container-horizontal > .carousel-pagination-bullets .carousel-pagination-bullet.carousel-pagination-bullet-active {
    background: #0094e7
}

#brandpage .carousel-container .carousel-slide .carousel-link {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.carousel-container {
    max-height: 363px;
}