/* Start:/local/components/softmajor/about/templates/.default/style.css?17551626811368*/
/* values-block */

.values-block {
    padding: 48px;
    background: #416398;
    color: #FFFFFF;
}

.values-block h3 {
    color: #FFFFFF;
}

.values-slider .title {
    font-weight: 600;
    margin: 0 0 20px;
}

.values-slider .descr {
    font-size: 15px;
    line-height: 20px;
}

.values-slider .slick-slide {
    padding: 0 48px;
}

.values-slider.slick-dotted.slick-slider {
    margin: 0 -48px;
}

.values-slider .slick-dots {
    text-align: left;
    margin: 40px 36px 0;
    position: relative;
    bottom: auto;
    line-height: 0;
}

.values-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 12px;
}

.values-slider .slick-dots li button {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    padding: 0;
}

.values-slider .slick-dots li button::before {
    content: none;
}

.values-slider .slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
    background: transparent;
}

@media screen and (max-width: 767px) {
    .values-block {
    	padding: 24px;
    }

    .values-slider .slick-dots {
    	margin: 20px 12px 0;
    }

    .values-slider .slick-slide {
    	padding: 0 24px;
    }

    .values-slider.slick-dotted.slick-slider {
    	margin: 0 -24px;
    }
}
/* End */
/* /local/components/softmajor/about/templates/.default/style.css?17551626811368 */