/* Example Before / after (#1) */
.twentytwenty-before-label:before { content: "Before"; }

.twentytwenty-after-label:before { content: "After"; }

html:not(.page-loaded) .twentytwenty img:nth-child(1) { display: none; }

/* Slide 96 (#2) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-96-e4bd9c0a"] */
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player.pause .play { display: block; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player.pause .pause { display: none; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .play { display: none; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .pause { display: block; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .playpause { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 27px; height: 27px; cursor: pointer; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.101421), 0px 1px 2px rgba(0, 0, 0, 0.101421); }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .playpause img { width: 13px; height: 13px; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .trackinfo { display: flex; justify-content: space-between; align-items: baseline; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .scrubber { margin-top: 17px; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .scrubber .bar { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); height: 3px; border-radius: 2px; cursor: pointer; transition: background-color 0.2s; }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .scrubber .bar:hover { background: rgba(255, 255, 255, 0.5); }
.slide[data-cid=slide-96-e4bd9c0a] .music-96 .player .scrubber .played { position: absolute; left: 0; top: 0; bottom: -1px; background: #ffffff; border-radius: 2px; }
.slide[data-cid=slide-96-e4bd9c0a].whiteSlide .music-96 .scrubber .bar { border-bottom: 1px solid rgba(32, 32, 32, 0.2); }
.slide[data-cid=slide-96-e4bd9c0a].whiteSlide .music-96 .scrubber .played { background: rgba(32, 32, 32, 0.5); }

/* Slide 98 (#3) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-98-7863ffba"] */
.slide[data-cid=slide-98-7863ffba] a.box-98 { width: 380px; }
.slide[data-cid=slide-98-7863ffba] a.box-98:active, .slide[data-cid=slide-98-7863ffba] a.box-98:focus { outline: none; }
.slide[data-cid=slide-98-7863ffba] a.box-98:hover { opacity: 1; }
.slide[data-cid=slide-98-7863ffba] .thumbnail-98 img { width: 100%; height: 100%; border-radius: 6px; }
.slide[data-cid=slide-98-7863ffba] .title-slide-98 { position: absolute; top: 40%; left: 50%; transform: translateX(-50%); z-index: 15; }
.slide[data-cid=slide-98-7863ffba] .subtitle-slide-98 { position: absolute; width: 70%; top: 45%; left: 50%; transform: translateX(-50%); z-index: 15; }
.slide[data-cid=slide-98-7863ffba] .blackout-98 { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 6px; border: none; background-color: rgba(0, 0, 0, 0.4); z-index: 10; }

/* Slide 99 (#4) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-99-6cc0b53b"] */
.slide[data-cid=slide-99-6cc0b53b] a.box-99:active, .slide[data-cid=slide-99-6cc0b53b] a.box-99:focus { outline: none; }
.slide[data-cid=slide-99-6cc0b53b] a.box-99:hover { opacity: 1; }
.slide[data-cid=slide-99-6cc0b53b] .thumbnail-99 { position: relative; }
.slide[data-cid=slide-99-6cc0b53b] .thumbnail-99 img { width: 100%; height: 100%; }
.slide[data-cid=slide-99-6cc0b53b] .blackout-99 { position: absolute; top: 0; width: 100%; height: 100%; border: none; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); z-index: 10; }
.slide[data-cid=slide-99-6cc0b53b] .title-slide-99 { position: absolute; text-align: left; width: 80%; bottom: 12%; left: 50%; transform: translateX(-50%); font-size: 20px; line-height: 26px; z-index: 15; }
.slide[data-cid=slide-99-6cc0b53b] .more-99 { position: absolute; bottom: 5px; z-index: 15; text-align: left; width: 80%; left: 50%; transform: translateX(-50%); }

/* Slide 97 (#5) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-97-c2eb72d1"] */
.slide[data-cid=slide-97-c2eb72d1] .calendar-97 { width: 52px; height: 52px; padding: 8px; font-size: 14px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.4); left: 0; cursor: default; pointer-events: none; }
.slide[data-cid=slide-97-c2eb72d1] .calendar-97:hover { transform: translateY(0) !important; }
.slide[data-cid=slide-97-c2eb72d1] .calendar-97 .month { font-size: 10px; line-height: 12px; letter-spacing: 1px; opacity: 0.8; }
.slide[data-cid=slide-97-c2eb72d1] .calendar-97 .number { font-size: 22px; line-height: 26px; font-weight: 400; }
.slide[data-cid=slide-97-c2eb72d1] .frame-97 { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; padding: 30px 0; }

@media (min-width: 768px) {
 .slide[data-cid=slide-97-c2eb72d1] .frame-97 { display: flex; flex-direction: column; justify-content: center; }
}

.slide[data-cid=slide-97-c2eb72d1] .frame-97:last-child { border-bottom: none !important; }
.slide[data-cid=slide-97-c2eb72d1].whiteSlide .frame-97 { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.slide[data-cid=slide-97-c2eb72d1].whiteSlide .frame-97 a.button.text-white { color: #202020 !important; }
.slide[data-cid=slide-97-c2eb72d1] .button-buy-97 { float: right; }
.slide[data-cid=slide-97-c2eb72d1] .title-group-97 { min-width: 49%; display: inline-block; vertical-align: text-top; }

@media (max-width: 991px) {
 .slide[data-cid=slide-97-c2eb72d1] .title-group-97 { min-width: 37%; margin-left: 80px !important; }
}

@media (max-width: 767px) {
 .slide[data-cid=slide-97-c2eb72d1] .title-group-97 { margin-left: 0 !important; margin-top: 60px; display: block; }
 .slide[data-cid=slide-97-c2eb72d1] .button-buy-97 { float: none; margin-top: 20px; display: inline-block; }
}

/* Slide 102 (#6) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-102-6e995fa0"] */
.slide[data-cid=slide-102-6e995fa0] .swiper-102-prev, .slide[data-cid=slide-102-6e995fa0] .swiper-102-next { background: transparent !important; position: relative !important; top: unset !important; left: unset !important; right: unset !important; margin-top: 0 !important; display: flex; justify-content: center; align-items: center; height: 24px !important; width: 24px !important; transition: 0.15s; }
.slide[data-cid=slide-102-6e995fa0] .swiper-102-prev:hover, .slide[data-cid=slide-102-6e995fa0] .swiper-102-next:hover { opacity: 0.6; }
.slide[data-cid=slide-102-6e995fa0].whiteSlide .swiper-102-prev svg, .slide[data-cid=slide-102-6e995fa0].whiteSlide .swiper-102-next svg { stroke: #202020; opacity: 0.6; }

.slide[data-cid=slide-105-fdd78169] .swiper-105-prev, .slide[data-cid=slide-105-fdd78169] .swiper-105-next { background: rgba(252,192,7,0.2) !important; position: relative !important; top: unset !important; left: unset !important; right: unset !important; margin-top: 0 !important; display: flex; justify-content: center; align-items: center; height: 24px !important; width: 24px !important; transition: 0.15s; }
.slide[data-cid=slide-105-fdd78169] .swiper-105-prev:hover, .slide[data-cid=slide-105-fdd78169] .swiper-105-next:hover { opacity: 0.6; }
.slide[data-cid=slide-105-fdd78169].whiteSlide .swiper-105-prev svg, .slide[data-cid=slide-105-fdd78169].whiteSlide .swiper-105-next svg { stroke: #202020; opacity: 0.6; }



.slide[data-cid=slide-102-6e995fa0] .box-102:active, .slide[data-cid=slide-102-6e995fa0] .box-102:focus { outline: none; }
.slide[data-cid=slide-102-6e995fa0] .box-102:hover { opacity: 1; }
.slide[data-cid=slide-102-6e995fa0] .box-102 { max-width: 340px; }
.slide[data-cid=slide-102-6e995fa0] .img-102 { width: 100%; height: 100%; border-radius: 6px 6px 0 0; }
.slide[data-cid=slide-102-6e995fa0] .box-102-shadow { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.101421), 0px 1px 4px rgba(0, 0, 0, 0.101421); }
.slide[data-cid=slide-102-6e995fa0] .box-102-shadow.done { transition: 0.15s !important; }
.slide[data-cid=slide-102-6e995fa0] .box-102-shadow:hover { box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); }
.slide[data-cid=slide-102-6e995fa0] .thumbnail-102 { border-radius: 0 0 6px 6px; background: #fff; }
.slide[data-cid=slide-102-6e995fa0] .social-102:hover { opacity: 0.6 !important; }

/* Slide 105 (#7) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-105-fdd78169"] */
.slide[data-cid=slide-105-fdd78169] .box-105 { max-width: 480px; min-height: 580px; }

@media (max-width: 569px) {
 .slide[data-cid=slide-105-fdd78169] .box-105 { max-width: 320px; min-height: 440px; }
}

.slide[data-cid=slide-105-fdd78169] .thumbnail-105:hover .poster-105 { opacity: 1 !important; }
.slide[data-cid=slide-105-fdd78169] .thumbnail-105 a:hover { opacity: 1 !important; }
.slide[data-cid=slide-105-fdd78169] .poster-105 { transition: 0.15s; }
.slide[data-cid=slide-105-fdd78169] .number-105 { top: 35px; left: 35px; }
.slide[data-cid=slide-105-fdd78169] .inner-105 { right: 35px; bottom: 35px; left: 35px; }

/* Slide 124 (#8) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-124-36c72d95"] */
.slide[data-cid=slide-124-36c72d95] .swiper-124-prev, .slide[data-cid=slide-124-36c72d95] .swiper-124-next { position: static !important; height: 24px !important; width: 24px !important; transition: 0.15s; }
.slide[data-cid=slide-124-36c72d95] .swiper-124-prev:active, .slide[data-cid=slide-124-36c72d95] .swiper-124-prev:focus, .slide[data-cid=slide-124-36c72d95] .swiper-124-prev:hover, .slide[data-cid=slide-124-36c72d95] .swiper-124-next:active, .slide[data-cid=slide-124-36c72d95] .swiper-124-next:focus, .slide[data-cid=slide-124-36c72d95] .swiper-124-next:hover { opacity: 1 !important; }
.slide[data-cid=slide-124-36c72d95].whiteSlide .swiper-124-prev svg, .slide[data-cid=slide-124-36c72d95].whiteSlide .swiper-124-next svg { stroke: #fbfbfb; }
.slide[data-cid=slide-124-36c72d95] .swiper-pagination-bullets.swiper-124-pagination { width: auto; }
.slide[data-cid=slide-124-36c72d95] .swiper-pagination-bullets.swiper-124-pagination .swiper-pagination-bullet { margin: 0 5px !important; height: 10px; width: 10px; }
.slide[data-cid=slide-124-36c72d95] .swiper-pagination-bullets.swiper-124-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #2196F3 !important; }

@media (max-width: 767px) {
 .slide[data-cid=slide-124-36c72d95] .controls-124.right { text-align: left !important; }
}

/* Slide 122 (#9) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-122-a82f2d77"] */
.slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-prev, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-next { position: static; height: 24px; width: 24px; transition: 0.15s; }
.slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-prev:active, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-prev:focus, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-prev:hover, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-next:active, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-next:focus, .slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-button-next:hover { opacity: 1 !important; }
.slide[data-cid=slide-122-a82f2d77] .swiper-122.swiper-container-horizontal > .swiper-pagination-bullets { width: auto; }
.slide[data-cid=slide-122-a82f2d77] .swiper-122.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px !important; height: 10px; width: 10px; }
.slide[data-cid=slide-122-a82f2d77] .swiper-122 .swiper-pagination-bullet-active { background-color: #2196F3 !important; }
.slide[data-cid=slide-122-a82f2d77].whiteSlide .swiper-122 .swiper-button-prev svg, .slide[data-cid=slide-122-a82f2d77].whiteSlide .swiper-122 .swiper-button-next svg { fill: transparent !important; stroke: #202020 !important; }
.slide[data-cid=slide-122-a82f2d77].whiteSlide .swiper-122 .swiper-pagination-bullet-active { background-color: #2196F3 !important; }
.slide[data-cid=slide-122-a82f2d77].whiteSlide .btn-122 { stroke: #fbfbfb; }
.slide[data-cid=slide-122-a82f2d77]:not(.whiteSlide) .btn-122 { stroke: #fff; }

/* Slide 134 (#10) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-134-f397c5b4"] */
.slide[data-cid=slide-134-f397c5b4] .slider-134 > li { display: block; visibility: hidden; height: 0; transition: none !important; }
.slide[data-cid=slide-134-f397c5b4] .slider-134 > li.selected { visibility: visible; height: auto; }
.slide[data-cid=slide-134-f397c5b4] .controller-134 { margin-bottom: 5px; }
.slide[data-cid=slide-134-f397c5b4] .controller-134 > li:hover > p { opacity: 1; }
.slide[data-cid=slide-134-f397c5b4] .controller-134 > li.selected > p { opacity: 1; border-color: #2196F3; }
.slide[data-cid=slide-134-f397c5b4] .controller-134 > li > p { position: relative; padding-bottom: 5px; border-bottom: 2px solid transparent; opacity: 0.6; transition: 0.15s; }
.slide[data-cid=slide-134-f397c5b4] .swiper-134 .swiper-wrapper { flex-wrap: nowrap; }

/* Slide 160 (#12) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-160-1b8683b9"] */
.slide[data-cid=slide-160-1b8683b9] .btn-160 { min-width: 142px; }