.section-slider-block {
margin: 0;
width: 100%;
position: relative;
}
.section-slider-block .slide {
background-size: cover;
display: flex!important;
flex-direction: column;
justify-content: center;
position: relative;
}
.section-slider-block .slide .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.section-slider-block .slide .container {
z-index: 3;
} .section-slider-block .box {
width: 100%;
margin-right: auto;
text-align: left;
}
.slide.contentalign-center .box {
padding: 1em 0;
margin-left: auto;
width: 70%;
text-align: center;
}
.slide.contentalign-right .box {
margin-left: auto;
margin-right: 0;
text-align: right;
padding: 0 1em 0 25px;
width: 45%;
}
.slide.contentalign-left .box {
padding: 0 0 1em 0;
margin-left: 0;
width: 45%;
margin-right: auto;
} .section-slider-block .slick-dots {
z-index: 3;
}
.section-slider-block.slick-slider { overflow: hidden;
position: relative;
} .slick-arrow {
position: absolute!important;
top: 50%;
z-index: 99!important;
font-size: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.slick-arrow:focus {
border: none;
outline: none;
}
.slick-prev.slick-arrow {
left: 35px;
right: auto;
}
.slick-next.slick-arrow {
left: auto;
right: 35px;
}
.slick-prev:before {
content: "<";
color: #ffb717;
font-size: 30px;
}
.slick-next:before {
content: ">";
color: #ffb717;
font-size: 30px;
}
.slick-dots {
text-align: center;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
.slider .slick-dots {
z-index: 3;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li:not(:last-child) {
margin-right: 10px;
}
.slick-dots li a {
font-size: 0.1px;
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
}
.slick-dots li:not(.slick-active) a {
background-color: #fff!important
}
.slick-dots button {
border-style: none;
}
.slick-dots .slick-active button {
background-color: #ffb717!important;
} .section-slider-block,
.slide .slide-image,
.slide .slide-content {
max-height: 434px;
}
.slide .content-column {
background-color: #f9f8f6;
display: flex;
flex-direction: column;
justify-content: center;
}
.slide .slide-content {
text-align: center;
margin: 2.5em 2em 0;
}
.slide .slide-content h4 {
font-weight: 400;
font-size: 0.7em;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.slide .slide-content h3 {
font-weight: 500;
font-size: 1.65em;
margin-bottom: 0;
}
.slide .slide-content .btn {
border: none !important;
color: #000 !important;
background-color: transparent !important;
margin-top: 1em;
}
.slide .slide-content .btn span {
font-size: 0.8em;
letter-spacing: 0.1em;
text-transform: uppercase;
border-bottom: 1px solid;
font-weight: 300;
}
.slide.contentalign-left .slide-image {
margin-right: -5vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}
.section-slider-block .slick-dots {
left: calc(50vw - (1200px/6));
right: calc(45vw - (1200px/2));
margin: 0 !important;
}
.section-slider-block .slick-dots button {
border-style: none;
border-radius: 50%;
font-size: 0;
line-height: 0;
display: block;
width: 18px;
height: 18px;
padding: 5px;
cursor: pointer;
color: #fff;
border: 2px solid #fff;
outline: none;
background: transparent;
transition: color .3s, border .3s;
}
.section-slider-block .slick-dots .slick-active button {
background-color: #fff!important;
}
.section-slider-block .slick-dots button:hover {
border-color: #000;
}
.section-slider-block .slick-dots .slick-active button:hover {
background-color: #000!important;
}
.section-slider-block .slick-dots li:not(:last-child) {
margin-right: 18px;
}
.section-slider-block .slick-next:before,
.section-slider-block .slick-prev:before {
content: " ";
}
.section-slider-block .slick-arrow svg polyline {
transition: stroke .3s;
}
.section-slider-block .slick-arrow {
width: 30px;
}
.section-slider-block .slick-arrow:hover svg polyline {
stroke: #000;
}
.section-slider-block .slick-prev.slick-arrow {
left: calc(50vw - (1200px/8));
top: 50%;
transform: rotate(180deg) translateY(calc(-50% + 58px));
}
.section-slider-block .slick-next.slick-arrow {
top: 50%;
right: calc(45vw - (600px - 30px));
transform: translateY(-50%);
}  .section-slider-block h1,
.section-slider-block h2,
.section-slider-block h3,
.section-slider-block h4,
.section-slider-block h5,
.section-slider-block p {
margin-top: 0;
}
.section-slider-block p {}
.slider.light .box p,
.slider.light .box h1,
.slider.light .box h2,
.slider.light .box h3,
.slider.light .box h4 {
color: #fff !important;
}
@media screen and (max-width: 1366px) {
.slide.contentalign-right .box {
padding: 0 55px 0 25px;
}
.slide.contentalign-left .box {
padding: 0 25px 0 55px;
}
.slide.contentalign-left .slide-image {
margin-right: 0;
}
.section-slider-block .slick-next.slick-arrow {
right: 4vw;
}
.section-slider-block .slick-prev.slick-arrow {
left: 38vw;
}
.section-slider-block .slick-dots {
left: 38vw;
right: 4vw;
}
.section-slider-block .slide .container {
max-width: unset;
padding: 0;
}
}
@media screen and (max-width: 1024px) {
.section-slider-block.slick-slider {
max-height: none;
}
.slide .image-column {
order: 0;
}
.slide .content-column {
order: 1;
}
.section-slider-block .slick-prev.slick-arrow {
left: 4vw;
}
.slide .slide-content {
text-align: center;
margin: 2.5em 2em 4em;
}
.section-slider-block,
.slide .slide-image {
max-height: unset;
}
.slide .slide-content h3 {
margin-bottom: 0;
}
.section-slider-block .slick-dots {
left: 4vw;
right: 4vw;
bottom: 35px;
}
.section-slider-block .slick-dots button {
color: #000;
border: 2px solid #000;
}
.section-slider-block .slick-dots button:hover {
color: #222;
border: 2px solid #222;
}
.section-slider-block .slick-dots .slick-active button {
background-color: #222!important;
}
}
@media screen and (max-width: 768px) {
.slide .box {
text-align: center !important;
width: 80%!important;
margin: auto!important;
padding: 0;
}
}
@media (max-width: 600px) {
.slider .overlay {
background: rgba(0, 0, 0, 0.3) !important;
}
.slider .box {
padding: 3em 0;
width: 100%;
text-align: center;
}
}