.wideSlider .slider {
position: relative;
padding-left: 40px;
}
.wideSlider .item .detail {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.wideSlider .item .detail[data-sloganposition=before] {
flex-direction: column-reverse;
}
.wideSlider.type1 .item .detail {
align-items: start;
}
.wideSlider.type2.reverse .item .detail {
align-items: end;
}
.wideSlider .item .detail .slogan {
position: relative;
z-index: 1;
font-weight: 600;
font-size: 17px;
}
.wideSlider .item .detail .slogan .inner {
padding: 12px;
display: inline-flex;
align-items: center;
line-height: 20px;
gap: 7px;
position: relative;
}
.wideSlider .item .detail .slogan.oval .inner {
border-radius: 8px;
}
.wideSlider .item .detail .slogan.modern .inner:after {
display: block;
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 100%;
height: 100%;
background: #fff;
z-index: -1;
}
.wideSlider .item .detail .title > * {
line-height: 1.1;
}
.wideSlider .item.type2 .detail .slogan {
padding: 0 20px;
}
.wideSlider .item.type2.regular .detail .slogan {
padding-left: 0;
padding-right: 20px;
}
.wideSlider .item .postthumb {
width: 50%;
}
.wideSlider .item.type3 .postthumb {
width: 100%;
}
.wideSlider .infoBlock {
width: 50%;
} .wideSlider .item.type1 a {
display: flex;
align-items: stretch;
overflow: hidden;
}
.wideSlider .item.type1 .detail {
height: 100%;
display: flex;
justify-content: center;
position: relative;
padding: 0 20px;
text-align: right;
}
.wideSlider .item.type1 .detail .bg {
position: absolute;
top: 0;
left: -40px;
right: -100px;
bottom: 0;
z-index: 0;
transform: skew(6deg);
}
.wideSlider .item.type1 .detail .bg:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
z-index: 0;
}
.wideSlider .item.type1 .detail .bg:after {
position: absolute;
width: 10px;
height: 100%;
top: 0;
left: 0;
content: "";
background: rgba(255,255,255,0.125);
}
.wideSlider .item.type1 .detail .title {
position: relative;
z-index: 1;
}
.wideSlider .item.type1 .detail .title > * {
color: #fff;
font-weight: bold;
font-size: 40px;
transition: all .3s;
text-shadow: 1px 1px 3px rgba(0, 0, 0, .175);
}
.wideSlider .item.type1 .postthumb {
flex-shrink: 0;
} .wideSlider .item.reverse a {
flex-direction: row-reverse;
}
.wideSlider .item.type1.reverse a {
flex-direction: row-reverse;
}
.wideSlider .item.type1.reverse .detail {
text-align: left;
}
.wideSlider .item.type1.reverse .detail .bg {
right: -25px;
}
.wideSlider .item.type1.reverse .detail .bg:after {
left: initial;
right: 0;
} .wideSlider .item.type2 a {
display: block;
}
.wideSlider .item.type2 .detail {
width: 70%;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
padding-left: 20%;
text-align: right;
z-index: 2;
}
.wideSlider .item.type2 .detail .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.wideSlider .item.type2 .detail .title {
position: relative;
z-index: 1;
padding: 0 20px;
}
.wideSlider .item.type2 .detail .title > * {
color: #fff;
font-weight: bold;
transition: all .3s;
font-size: 40px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, .175);
}
.wideSlider .item.type2.reverse a {
overflow: hidden;
}
.wideSlider .item.type2.reverse .postthumb {
float: right;
}
.wideSlider .item.type2.reverse .detail {
right: inherit;
left: 0;
padding-left: 0;
padding-right: 20%;
text-align: left;
align-items: start;
}
.wideSlider .item.type2.reverse .detail .bg {
transform: rotate(180deg);
} .wideSlider .item.type3 .infoBlock {
width: 100%;
}
.wideSlider .item.type3 .detail {
display: none;
}
.wideSlider img {
object-fit:  cover;
}
.wideSlider .owl-dots {
position: absolute;
left: -40px;
top: 0;
bottom: -2px;
width: 38px;
display: flex !important;
flex-direction: column;
justify-content: space-around;
}
.wideSlider .owl-dots .owl-dot {
position: relative;
height: 100%;
width: 100%;
margin-bottom: 2px;
}
.wideSlider .owl-dots .owl-dot:before {
display: block;
opacity: 0;
content: "";
position: absolute;
top: 50%;
right: -5px;
margin-top: -7px;
background: #f3f3f3;
width: 14px;
height: 14px;
transform: rotate(45deg);
}
.wideSlider .owl-dots .owl-dot.active:before {
opacity: 1;
}
.wideSlider .owl-dots .owl-dot:after {
display: block;
opacity: 0;
content: "";
position: absolute;
top: 50%;
right: -3px;
margin-top: -5px;
width: 10px;
height: 10px;
transform: rotate(45deg);
transition: all .1s;
}
.wideSlider .owl-dots .owl-dot.active:after {
opacity: 1;
}
.wideSlider .owl-dots .owl-dot a {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
width: 100%;
height: 100%;
color: #000;
font-size: 15px;
font-weight: bold;
position: relative;
transition: all .1s;
}
.wideSlider .owl-dots .owl-dot.active a, .wideSlider .owl-carousel .owl-dot.ads.active a {
color: #fff;
}
@media (max-width: 768px) {
.wideSlider .slider {
padding-left: 0;
}
.wideSlider .owl-dots {
position: relative;
flex-direction: row;
width: 100%;
left: 0;
bottom: 0;
}
.wideSlider .owl-dots .owl-dot {
margin-bottom: 0;
padding-top: 2px;
}
.wideSlider .owl-dots .owl-dot a {
line-height: 38px;
border-left: 1px solid #eaeaea;
margin-top: 2px;
}
.wideSlider .owl-dots .owl-dot.active a, .wideSlider .owl-dots .owl-dot:first-child a {
border-left: 0;
}
.wideSlider .owl-dots .owl-dot:before {
top: 2px;
left: 50%;
margin-left: -7px;
}
.wideSlider .owl-dots .owl-dot:after {
top: 2px;
left: 50%;
margin-left: -5px;
}
} .wideSlider.bottom-nav .slider {
padding-left: 0;
}
.wideSlider.bottom-nav .owl-dots {
position: relative;
flex-direction: row;
width: 100%;
left: 0;
bottom: 0;
}
.wideSlider.bottom-nav .owl-dots .owl-dot {
margin-bottom: 0;
padding-top: 2px;
}
.wideSlider.bottom-nav .owl-dots .owl-dot a {
line-height: 38px;
border-left: 1px solid #eaeaea;
margin-top: 2px;
}
.wideSlider.bottom-nav .owl-dots .owl-dot.active a, .wideSlider.bottom-nav .owl-dots .owl-dot:first-child a {
border-left: 0;
}
.wideSlider.bottom-nav .owl-dots .owl-dot:before {
top: 2px;
left: 50%;
margin-left: -7px;
}
.wideSlider.bottom-nav .owl-dots .owl-dot:after {
top: 2px;
left: 50%;
margin-left: -5px;
} .safirSliderBadges .area {
position: absolute;
margin: 15px;
display: flex;
z-index: 3;
}
.safirSliderBadges .area.topleft {
top: 0;
left: 0;
}
.safirSliderBadges .area.topright {
top: 0;
right: 0;
}
.safirSliderBadges .area.bottomleft {
bottom: 0;
left: 0;
}
.safirSliderBadges .area.bottomright {
bottom: 0;
right: 0;
}
.safirSliderBadges .badge {
margin: 5px;
display: flex;
align-items: center;
padding: 10px;
line-height: 1;
font-size: 16px;
font-weight: bold;
position: relative;
overflow: hidden;
}
.safirSliderBadges .badge:before {
animation: shining 2s infinite;
animation-fill-mode: forwards;  
content: "";
position: absolute;
top: 0;
left: -100px;
width: 30px;
height: 100%;
transform: skew(-30deg);
background: rgba(255, 255, 255, 0.15);
}
.safirSliderBadges .badge .icon {
margin-right: 5px;
}
.safirSliderBadges .badge .icon svg {
margin: 0;
width: 16px;
height: 16px;
} .safirSliderBadges .badge.zoominout {
animation: zoominout 1s infinite;
}
@keyframes zoominout {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
0% {
transform: scale(1);
}
}
.safirSliderBadges .badge.blinking {
animation: blinking 1s infinite;
}
@keyframes blinking {
0% {
opacity: 1;
}
25% {
opacity: 1;
}
50% {
opacity: 0;
}
75% {
opacity: 1;
}
0% {
opacity: 1;
}
}
@keyframes shining {
0% {
left: -100px;
}
30% {
left: 130%;
}
100% {
left: 130%;
}
} @media (max-width:900px) {
.wideSlider .infoBlock {
width: 100%;
}	
.wideSlider .item .postthumb {
width: 100%;
}
.wideSlider .item .infoBlock {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}	
.wideSlider .item.type1 .detail {
height: auto;
padding: 0;
text-align: left;
}
.wideSlider .item.type1 .detail .bg {
opacity: .8;
}
.wideSlider .item.type2 .detail {
width: 100%;
padding: 0;
position: relative;
text-align: left;
justify-content: left;
}
.wideSlider .item.type2.reverse .detail {
padding-right: 0;
}
.wideSlider .item.type1 .detail .title,
.wideSlider .item.type2 .detail .title {
padding: 4%;
}
.wideSlider .item.type2 .detail .bg {
transform: rotate(180deg);
}
.wideSlider .item .badges {
flex-grow: 1;
position: relative;
}
.wideSlider .item:has(.slogan) .badges {
margin-bottom: 40px;
}
.wideSlider .item .detail .slogan {
position: absolute;
left: 20px;
top: -50px;
padding: 0 !important;
}
.wideSlider .item .detail .slogan .inner {
padding: 8px;
}
}
@media (max-width: 600px) {
.safirSliderBadges .area {
transform: scale(0.75);
margin: 8px;
}
.safirSliderBadges .area.topleft {
transform-origin: top left;
}
.safirSliderBadges .area.topright {
transform-origin: top right;
}
.safirSliderBadges .area.bottomleft {
transform-origin: bottom left;
}
.safirSliderBadges .area.bottomright {
transform-origin: bottom right;
}
}