.cards_box .contents{display:block;position:relative;max-width:760px;margin:0 auto var(--gap-contents);text-align:center}.cards_box .contents:last-child{margin-bottom:0}.cards_box .contents .caption{display:block;margin:-3px 0 15px;font-size:12px;font-weight:500;line-height:1.33;text-transform:uppercase;opacity:0.8}.cards_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%;z-index:1}.cards_box .image:after{content:'';display:block;padding-bottom:100%;z-index:1}.cards_box .image img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;object-fit:cover}.cards_box .items{display:flex;position:relative;flex-wrap:wrap;width:calc(100% + var(--gap-grid));margin:0 calc(-1 * var(--gap-grid)) calc(-1 * var(--gap-vertical)) 0;z-index:2}.cards_box .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;width:calc(var(--width-item) - var(--gap-grid));margin:0 var(--gap-grid) var(--gap-vertical) 0;overscroll-behavior:contain}.cards_box .image.overlay .play{display:flex;position:absolute;top:50%;left:50%;align-items:center;justify-content:center;width:var(--size-play);height:var(--size-play);margin:calc(-0.5 * var(--size-play)) 0 0 calc(-0.5 * var(--size-play));border:2px solid rgba(255,255,255,0.25);border-radius:50%;color:#fff;transition:0.3s;cursor:pointer;z-index:4;--size-play: 100px}@media (hover: hover){.cards_box .image.overlay .play:hover{opacity:0.75}}.cards_box .image.overlay .play:before{content:'';display:block;position:relative;left:4%;width:33.333%;height:33.333%;background-color:currentColor;-webkit-mask:url(../../images/ico_play.svg) 50% 50%/contain no-repeat}@media (max-width: 1024px){.cards_box .image.overlay .play{--size-play: 80px}}.cards_box .is_playing.video .play,.cards_box .is_playing.video:before{opacity:0}.cards_box .video:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);transition:0.4s;z-index:3}.cards_box .video .play{position:absolute;top:50%;left:50%;width:var(--size-play);height:var(--size-play);margin:calc(-0.5 * var(--size-play)) 0 0 calc(-0.45 * var(--size-play));background:#fff;transition:0.4s;z-index:4;-webkit-mask:url(../../images/ico_play.svg) 50% 50%/contain no-repeat;--size-play: 42px}.cards_box .video video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;object-fit:cover}@media (max-width: 1024px){.cards_box .video .play{--size-play: 32px}}.cards_box.is_wide .fixed{max-width:none;padding-right:0;padding-left:0;--gap-vertical: 0px;--gap-grid: 0px}.cards_box.is_wide .contents{padding-right:var(--gap-aside);padding-left:var(--gap-aside)}.cards_box.is_wide .embla_dots{margin-top:20px}.cards_box.is_wide .embla_next{right:var(--gap-aside)}.cards_box.is_wide .embla_prev{left:var(--gap-aside)}.cards_box.box_dark{background-color:#000;color:#fff}.cards_box.box_dark:last-child{--gap-section-bottom: 0px}.cards_box.box_dark .text{color:rgba(255,255,255,0.6)}.cards_box .items{justify-content:center;--gap-vertical: var(--gap-grid);--width-item: 20%}.cards_box .items .item{text-align:center;transition:none}.cards_box .items_1{--width-item: 100%}.cards_box .items_2{--width-item: 50%}.cards_box .items_3{--width-item: 33.333%}.cards_box .items_4{--width-item: 25%}.cards_box .items_5{--width-item: 20%}.cards_box .items_gallery .image{display:block}.cards_box .items_gallery .image:after{display:none}.cards_box .items_gallery .image img{display:block;position:relative;width:100%;height:auto}.cards_box .items_vertical .image:after{padding-bottom:150%}.cards_box .items_horizontal .image:after{padding-bottom:80%}.cards_box .items_large{--width-item: 25%}.cards_box .items_large .title{font-size:18px}.cards_box .items_large .text{font-size:15px}.cards_box .items_huge{--width-item: 33.3333%}.cards_box .items_huge .title{margin-top:20px;font-size:22px;line-height:24px}.cards_box .items_huge .text{font-size:16px}.cards_box .items_cards .image.overlay:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.25);transition:0.2s;z-index:3}.cards_box .items_cards .title{display:flex;position:absolute;top:0;right:10px;bottom:0;left:10px;align-items:center;justify-content:center;padding:20px;margin:0;color:#fff;font-family:Inter,Tahoma,sans-serif;font-size:24px;z-index:4}.cards_box .item .buttons{padding-top:12px;margin-top:auto}.cards_box .image.overlay:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:3}.cards_box .title{display:block;margin-top:15px;font-weight:700;line-height:24px}.cards_box .title:first-child{margin-top:0}.cards_box .title+.text{margin-top:5px}.cards_box .text{display:block;max-width:320px;margin:12px auto 0;color:#707070;font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.cards_box .items_4 .image.overlay .play,.cards_box .items_5 .image.overlay .play{--size-play: 80px}}@media (max-width: 1620px){.cards_box .items{--width-item: 25%}.cards_box .items_1{--width-item: 100%}.cards_box .items_2{--width-item: 50%}.cards_box .items_3{--width-item: 33.3333%}.cards_box .items_5{--width-item: 20%}.cards_box .items_huge{--width-item: 33.3333%}}@media (max-width: 1024px){.cards_box .items{--width-item: 33.3333%}.cards_box .items_1{--width-item: 100%}.cards_box .items_2{--width-item: 50%}.cards_box .items_cards .title{font-size:22px}.cards_box .items_large .title{font-size:18px}.cards_box .items_huge{--width-item: 50%}.cards_box .items_huge .title{margin-top:15px;font-size:18px}.cards_box .items_huge .text{font-size:14px}.cards_box .image.overlay .play{--size-play: 60px}}@media (max-width: 640px){.cards_box .items{--width-item: 50%}.cards_box .items_cards .item{margin-bottom:10px}.cards_box .items_1{--width-item: 100%}.cards_box .items_1 .image:after{display:none}.cards_box .items_1 .image img{position:relative;width:100%;height:auto}.cards_box .items_cards .title{padding:10px;font-size:20px}.cards_box .items_huge{--width-item: 100%;--gap-vertical: 30px}.cards_box .title{margin-top:12px;font-size:14px;line-height:24px}.cards_box .text{font-size:12px;line-height:1.5}}@media (max-width: 420px){.cards_box .items_cards .title{font-size:18px}}

/*# sourceMappingURL=cards.css.map */