.homeSlideSection {
background-color: var(--bgDarkblue);
}
#homeSlider {
position: relative;
z-index: 2;
min-height: 800px;
height: 43vw;
max-height: 1024px;
}
.slideImage img {
height: 100%;
width: 100%;
object-fit: cover;
max-width: 200% !important;
}
#homeSlider .slideshow,
#homeSlider .slick-list,
#homeSlider .slick-track,
#homeSlider .slideRow,
#homeSlider .slick-list {
height: 100% !important
}
#homeSlider .sliderItem {
position: relative;
}
#homeSlider .textContainer {
position: absolute;
display: flex;
align-items: flex-end;
bottom: 0;
left: 0;
right: 0;
top: 0;
padding-bottom: 80px;
background-color: rgb(0 0 0 / 30%);
}
#homeSlider .textContainer h1 {
text-transform: none;
margin: 0;
}
#homeSlider .textContainer {
position: absolute;
bottom: 0;
}
#homeCTA {
color: #646464;
padding-top: 0px;
position: relative;
z-index: 1;
}
.slideRow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
}
.slideLeft {
min-width: 48%;
position: relative;
z-index: 2;
}
.slideRight {
width: 52%;
position: relative;
z-index: 1;
}
.slideLeftWrapper {
max-width: 670px;
padding-left: 20px;
width: 100%;
float: right;
height: 100%
}
#homeCTAs:after {
content: '';
display: block;
background-color: var(--bgDarkblue);
width: 100%;
height: 175px;
position: absolute;
bottom: 0;
left: 0
}
#homeSlider .slick-dots {
position: absolute !important;
bottom: 30px;
left: 70px
}
.homeSlideLeft {
display: flex;
max-width: 100%;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 100%
}
.homeSlideLink ul {
display: flex;
}
.homeSlideLink ul li {
margin-right: 10px
}
.homeSlideLink ul li:last-child {
margin-right: 0
}
.homeSlideLink ul li a:hover {
color: #fff !important;
background-color: var(--maincolor) !important;
border-color: var(--maincolor) !important;
}
.homeSlideLink ul li:nth-child(odd) a {
background-color: #fff;
color: var(--bgDarkblue) !important;
}
.homeSlideLink ul li:nth-child(odd) a:hover {
color: #fff !important;
background-color: var(--bgDarkblue) !important;
border-color: var(--bgDarkblue) !important;
}
.slick-dots {
margin: 0 !important;
padding: 0 !important;
display: flex;
}
.slick-dots li:before {
display: none !important;
content: '' !important;
}
.slick-dots button {
border: 0;
display: inline-block;
text-indent: -9999px;
width: 50px;
height: 5px;
background-color: #ececec;
border-radius: 0;
padding: 0;
-webkit-appearance: none;
}
.slick-dots .slick-active button {
background: rgba(255, 255, 255, 0.4);
}
.slick-dots li {
padding-left: 0 !important;
display: inline-block;
margin: 0 10px 0 0 !important
}
.slick-dots li:last-child {
margin-right: 0 !important
}
#homeSlider .sliderItem .slideImage, 
.slideRight .slideImage {
height: inherit;
width: 100%;
object-fit: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.slick-dots li:only-child {
display: none !important
}
@media screen and (max-width:1336px) {
.homeSlideLeft br {
display: none
}
.slideRight {
width: auto
}
}
@media screen and (max-width:1140px) {
.homeSlideLeft.padLeftContainer {
padding-left: 20px
}
}
@media screen and (max-width:1140px) and (min-width:768px) {
#homeSlider .headingH1 h2 {
font-size: 46px;
line-height: 56px;
}
}
@media screen and (max-width:1060px) {
.slideLeftWrapper {
padding-left: 0
}
.homeSlideText {
margin-bottom: 26px;
}
.homeSlideLink ul li {
margin-top: 0px !important;
margin-bottom: 10px !important;
}
.homeSlideLink ul li:last-child {
margin-bottom: 0 !important
}
.homeSlideLink ul {
display: flex;
flex-direction: column;
}
.homeSlideLink ul li,
.homeSlideLink ul li a {
width: fit-content;
}
#homeSlider .slideshow .sliderItem,
#homeSlider .slideshow,
#homeSlider {
height: 580px;
min-height: 580px;
}
#homeSlider .textContainer {
padding-bottom: 40px;
}
.slideLeft {
width: 385px;
min-width: 342px;
max-width: 100%;
padding-left: 30px
}
.slideRight {
min-width: calc(100% - 342px) !important;
width: calc(100% - 342px) !important
}
#homeSlider .headingH1 h2 {
font-size: 38px !important;
line-height: 40px !important;
margin-bottom: 16px;
}
.homeSlideText p {
font-size: 14px !important;
line-height: 20px !important
}
.slideRight .slideImage {
align-items: flex-end;
}
}
@media screen and (max-width:840px) {}
@media screen and (max-width:767px) {
.slideRow {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.homeSlideLeft.padLeftContainer {
padding-left: 0
}
.slideRight {
min-width: 100% !important;
width: 100% !important;
}
#homeSlider {
height: auto;
min-height: 540px;
}
#homeSlider .button {
padding: 12px 16px;
}
.homeSlideLink li {
display: none;
}
.homeSlideLink li:first-child {
display: inline-block
}
.homeSlideText p {
font-size: 16px !important;
line-height: 22px !important;
}
.home .logoMob {
display: block !important;
}
.slideLeftWrapper {
padding-left: 0
}
}