﻿.start-slideshow { overflow:hidden; height:520px;}

.start-header {max-width:1215px; display:flex; justify-content:space-between; align-items:center; padding: 50px 0 30px 0; margin:80px auto 0;}
.start-inner .start-header {margin: 0 auto;}
.start-header h3 {font-size:24px; font-weight:normal; margin:0;}
.start-header a {font-size: 16px; text-decoration:none; font-weight: 600;}
    .start-header a:hover { text-decoration: underline; }

    .start-inner {max-width:1215px; margin: 40px auto 0;}

.start-news { text-align: center; margin: 0; background: #CAD8DF; padding: 0 0 90px 0; }
    .content .start-news .inner { display:flex; justify-content:flex-start; gap: 2%; min-height:0; margin:0 auto; padding:0; overflow:visible;}
.start-news .newsItem { background: #fff; width: 23.7%; border-radius: 10px; box-shadow: 0px 3px 12px #00000017; }
    .start-news .newsItem a {text-decoration:none;}
        .start-news .newsItem .image { width: 100%; height: 200px; text-align: center; position: relative; display: flex; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow:hidden; }
            .start-news .newsItem .image img { width: 100%; height: 100%; display: block; object-fit: cover; text-align: center; margin: auto; }
            .start-news .newsItem .image.hidden img { display: none; }
        .start-news .newsItem .textContent { text-align: left; padding:20px; }
            .start-news .newsItem .textContent h3 { font-size: 16px; margin: 0 0 15px 0; }
        .start-news .newsItem .preamble { color:#000; font-size: 14px; font-weight: lighter; }

.resellers { padding: 85px 0; }
    .content .resellers .inner { min-height: 0; text-align: center; padding:0; overflow:visible; }
    .resellers h3 { margin: 0 0 20px 0; font-size: 24px; font-weight:600; }
    .resellers p { font-size: 18px; font-weight: 100; }
.resellersLinks { display: flex; justify-content: space-between; align-items: center; margin: 40px 0 0 0; }
.resellers a { height: 82px; width: 18.3%; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0px 3px 12px #0000000F; }
    .resellers a img { max-height: 50%; max-width:80%; }

    @media screen and (max-width: 1215px) {
        .start-slideshow {height: 420px; }
        .start-news .start-header { width: 100%; padding: 25px 15px 15px; box-sizing: border-box; }
        .start-inner,
        .content .start-news .inner,
        .content .resellers .inner { width: 100%; padding: 0 15px; box-sizing: border-box; }
        .start-news {padding: 0 0 40px 0;}
    }

    @media screen and (max-width: 1100px) {
        .start-header { padding: 25px 0 15px 0; margin: 40px auto 0; }
        .start-news .newsItem .textContent {padding: 10px;}
    }

@media screen and (max-width: 960px) {
    .content .start-news .inner { flex-wrap: wrap; gap: 10px 2%; }
    .start-news .newsItem { width: 49%; }

}
    @media screen and (max-width: 600px) {
        .start-slideshow { height: 350px; }
        .start-header { padding: 15px 0 7.5px 0; margin: 20px auto 0; }
            .start-header h3 { font-size: 22px; }
            .start-header a { font-size: 14px; }
            .start-news .newsItem .textContent h3 { font-size: 14px; }
            .start-news .newsItem .preamble { font-size: 12px; }
        .resellers { padding: 20px 0; }
            .resellers p { font-size: 16px; }
        .resellersLinks { flex-wrap: wrap; justify-content: flex-start; gap: 10px 2%; margin: 20px 0 0 0; }
        .resellers a { width: 32%; }
    }

    @media screen and (max-width: 480px) {

        .start-slideshow { height: 300px; }
        .start-news .newsItem { width: 100%; }
    }