.actions_slider{position:relative}
.actions_all{display: flex; flex-wrap: wrap; justify-content: center;  margin:-20px}
.action__col{width:33.333%; padding:20px}
.actions_slider{margin:-20px}
.actions_slider .actions_slide{height:auto; padding:20px}
.action{transition:all 0.15s linear 0s;border-radius: 20px;overflow: hidden;background-color: #EEF4FA;height: 100%;}
.action:hover{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1)}
.action_img_bg{position: relative;z-index: 2;display:block}
.action_img_bg, .action_img{width: 100%; height: 240px;display:block}
.action_name_bg span{display:block}
.action_img{object-fit: cover}
.action_mask{position: absolute;bottom: -3px; left: 0;width: 100%; fill: #EEF4FA;z-index: 50}
.action_name_bg{padding: 30px;display:block}
.action_name{font-size: 16px;font-weight: 500; line-height:125%; color: #333333}
.action:hover .action_name{text-decoration: underline;color: #007ABE}
.action_tema{font-size: 16px; line-height:125%;  margin: 15px 0px; color: #666666;}
.action_price{color: #333333; font-size: 18px}
.action_button{margin-top: auto;margin: auto auto 0}
.action_name_bg{position:relative; text-align:center;height: calc(100% - 240px);display: flex;flex-direction: column;}
.action_name_bg a:nth-child(1){text-align:left}
span.action_sale{position: absolute;bottom: 100%;left: 50%;background:#3478B9;border-radius: 22px;transform: translateX(-50%) translateY(20%) rotate(-45deg);width: 65px;height: 65px;display: flex;justify-content: center;align-items: center;z-index: 3}
span.action_sale-in{transform: rotate(45deg);color: #fff;font-weight: 700;font-size: 24px}

.actions_slider .swiper-arrow{top: -58px;}
.actions_slider .swiper-arrow-prev.swiper-arrow{left:20px}
.actions_slider .swiper-arrow-next.swiper-arrow{right:20px}


@media(min-width: 576px) {
	.wrapper__action .widget__title{padding-left:60px; padding-right:60px}
}
@media(min-width: 1230px) {
	.action_button{padding:20px 30px}
}
@media(max-width: 1229px) {
	.action__col{width:50%}
	.actions_slider .swiper-arrow{top: -52px;}
	.actions_slider .swiper-arrow{top: -52px;}
	.action_img_bg, .action_img{height: 270px}
	.action_name_bg{height:calc(100% - 270px)}
}
@media(max-width: 991px) {
	.actions_slider .swiper-arrow{top: -60px;}
	.actions_slider .swiper-arrow-prev.swiper-arrow{left:10px}
	.actions_slider .swiper-arrow-next.swiper-arrow{right:10px}
	.actions_slider{margin:-10px}
	.actions_slider .actions_slide{height:auto; padding:10px}
	.actions_all{margin:-10px}
	.action__col{padding:10px}
	.action_img_bg, .action_img{height: 220px}
	.action_name_bg{height:calc(100% - 220px)}
	.action_name_bg{padding: 30px 20px 20px 20px}
	.action_tema{margin: 10px 0px; font-size:14px}	
	.actions_slider .action:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
}
@media(max-width: 767px) and (min-width:576px) {
	.action_button{padding-left:0; padding-right:0; width:100%}
}
@media(max-width:767px) {
	.action_img_bg, .action_img{height: 300px}
	.action_name_bg{height:calc(100% - 300px)}
}
@media(max-width: 575px) {
	.wrapper__works{background:none}
	.actions_all{margin:-5px}
	.action_img_bg, .action_img{height:60vw}
	.action_name_bg{height:calc(100% - 60vw)}
	.action__col{width:100%; padding:5px}
	.actions_slider{padding-left:40px; padding-right:40px}
	.actions_slider .swiper-arrow{top: 50%; transform:translateY(-50%)}
	.actions_slider .swiper-arrow-prev.swiper-arrow{left:0}
	.actions_slider .swiper-arrow-next.swiper-arrow{right:0}
}
@media(max-width: 420px) {
	span.action_tema{display:none}
	span.action_name{margin-bottom:10px; text-align:center}
}