.myslide{ height: 540px !important; background-repeat: no-repeat; background-position: right bottom; background-size: cover; }


.myslide-text{ padding: 40px 20px; margin: auto; max-width: 1100px;  }
.myslide-text .t1{ font-size: 1.2em}
.myslide-text .t2{ font-size: 1.7em; font-weight: 600; margin: 20px 0; line-height: 1.2em}
.myslide-text .t2 span{ font-weight: 300; display: block}
.myslide-text .t3  { padding-bottom: 10px; max-width: 250px;}
.myslide-text .t4  { padding-bottom: 40px; max-width: 420px; font-size: 20px; font-weight: 500}


.myslide-text .tbut a{ margin: 15px 0; width: 220px; display: block }
.myslide-text a.text-link{ text-decoration: underline}

.section-slider .slick-dots { text-align: left; position: absolute; bottom: 10px; width: 300px; left: 20px; width: 100%; padding-bottom: 15px;    }
.section-slider .slick-dots li { display: inline-block; padding: 0 5px; }
.section-slider .slick-dots li button{ display:block; font-size: 0; width: 16px; height: 16px; border-radius: 50%;  border: none;
    background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); cursor: pointer}
.section-slider .slick-dots li.slick-active button{ background: #f74531}

.myslide.chip:before{ content: ""; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 40%)}
.myslide.chip img{ width: 100px;}
.myslide.chip .t2{ font-size: 24px; margin-bottom: 5px;}
.myslide.chip .t3{ font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
.myslide.chip .t4{ font-size: 14px; padding-bottom: 10px; max-width: 500px;}
.myslide.chip .t5{ font-size: 14px;  max-width: 200px;padding-bottom: 10px; font-weight: 800}
.myslide.chip .tbut {}
.myslide.chip .tbut .white{ width: 120px; margin-left: 15px;}


@media only screen and (min-width: 768px) {
    .myslide{ background-position: center bottom; height: 480px !important;;}

    .myslide-text{ }
    .myslide-text .t1{ font-size: 1.3em}
    .myslide-text .t2{ font-size: 2.5em; line-height: 1.1em;  margin: 30px 0; }
    .myslide-text .t3  {font-size: 1.1em; padding-bottom: 20px; max-width: 350px;}

    .myslide-text .tbut a{ float: left; margin-right: 15px}

    .myslide.chip .t2{ font-size: 36px; }
    .myslide.chip .t3{ font-size: 24px; }
    .myslide.chip .t4{ font-size: 16px; }
    .myslide.chip .t5{ font-size: 16px;  max-width: none; }
    .myslide.chip:before{background: rgb(255 255 255 / 30%)}
    .myslide.chip .tbut .white{ margin-left: 0}


}

@media only screen and (min-width: 1024px) {
    .myslide{ background-position: center bottom; height: 540px !important;;    }


    .myslide-text{ padding: 40px 20px;}
    .myslide-text .t1{ font-size: 1.5em}
    .myslide-text .t2{ font-size: 2.7em;   margin: 30px 0; }
    .myslide-text .t3  {font-size: 1.2em; padding-bottom: 20px; max-width: 400px; line-height: 1.5em}

    .myslide.chip img{ width: 140px;}
    .myslide-text .tbut a{ float: left; margin-right: 15px}
    .myslide.chip .t2{ font-size: 36px; }
    .myslide.chip .t3{ font-size: 24px; }
    .myslide.chip .t4{ font-size: 16px; }
    .myslide.chip .t5{ font-size: 16px;  max-width: none; }
    .myslide.chip:before{ display: none}


}
@media only screen and (min-width: 1100px) {

    .section-slider .slick-dots { left: calc(50% - 530px);    }
}