.mainpage__slider-outer-wrap {
  /*  background-color: #eef1f3;  */
	background-image: linear-gradient(180deg, #96d0f5ff 0%, #9fd4f6ff 38%, #e1f2fcff 100%);
    position: relative;
}

.mainpage__slider-wrap {
    overflow: visible;
}

.mainpage__slide {
    background-position: 100% bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 60px 0 95px 0;
}

.mainpage__slide .detail-text{
    margin-bottom: 30px;
}

.mainpage__slide-text-content {
    position: relative;
}

.mainpage__slide-head {
    color: #014282;
}

.mainpage__slide-subhead {
    margin-top: 21px;
    /* padding-bottom: 25px; */
	padding-bottom: 0px;
    font-size: -webkit-calc((100vw - 320px) / (1920 - 320) * (18 - 14) + 14px);
    font-size: calc((100vw - 320px) / (1920 - 320) * (18 - 14) + 14px);
    position: relative;
}
/*
.mainpage__slide-subhead:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    height: 4px;
    background-color: #f68121;
}
*/
.mainpage__slide-perks-wrap {
    /* margin-top: 35px; */
	margin-top: 0px;
}

.mainpage__slide-perk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: -webkit-calc((100vw - 320px) / (1920 - 320) * (18 - 14) + 14px);
    font-size: calc((100vw - 320px) / (1920 - 320) * (18 - 14) + 14px);
}

.mainpage__slide-btn {
    max-width: 220px;
}

.mainpage__slide-item-wrap {
    width: 50%;
    font-size: 0;
    float: left;
    background-position: right bottom;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
}

.mainpage__slide-item-wrap img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mainpage__slider-nav {
    position: static !important;
}

.mainpage__slider-nav .slick-dots {
    position: absolute;
    z-index: 99;
    margin: 30px 0 0 0;
}

.mainpage__slider-nav .slick-dots li {
    padding-left: 0;
    width: 30px;
    float: left;
}

.mainpage__slider-nav .slick-dots li:before {
    display: none;
}

.mainpage__slider-nav .slick-dots li:first-child button {
    margin-left: 0;
}

.mainpage__slider-nav .slick-dots li:last-child button {
    margin-right: 0;
}

.mainpage__slider-nav .slick-dots li.slick-active button {
    background-color: #f68121;
    width: 17px;
    height: 17px;
}

.mainpage__slider-nav .slick-dots button {
    border: none;
    background-color: #5882ad;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0;
    cursor: pointer;
    margin: 0 12px;
}

.mainpage__slider-nav .slick-dots button:hover {
    background-color: #014282;
}

@media (max-width: 1170px) {
    .mainpage__slider-wrap .slick-dots {
        left: 15px;
    }

    .mainpage__slider-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .mainpage__slide {
        background-position: 180% 100%;
    }

    .slider-arrow_prev {
        left: 5px;
    }

    .slider-arrow_next {
        right: 5px;
    }

    .left-stripe__outer {
        padding-left: 15px;
    }

    .right-stripe__outer {
        padding-right: 15px;
    }
}

@media (max-width: 960px) {
    .mainpage__slide-item-wrap {
        margin-right: -140px;
    }

    .mainpage__slide {
        background-position: 110px 100%;
    }
}

@media (max-width: 750px) {
    .mainpage__slide {
        padding-top: 25px;
        padding-bottom: 300px;
    }

    .mainpage__slide-text-content {
        width: 100%;
    }

    .mainpage__slide {
        background-position: 20% 100%;
    }

    .mainpage__slider-wrap .slick-dots button {
        width: 9px;
        height: 12px;
    }
}

@media (max-width: 520px) {
    .mainpage__slide-item-wrap {
        margin-top: -220px;
        margin-right: -190px;
    }
}

@media (max-width: 420px) {
    .mainpage__slide-item-wrap img {
        width: auto;
    }

    .mainpage__slide {
        background-position: 30% 100%;
    }
}