/* Slider */

.slider {

    user-select: none;

    display: inline-block;

    position: relative;

}



.slider_first {

    width: 460px;

}



.slider_second {

    width: 100%;

	height:auto;

}



.slider_viewport {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.slider_list {

    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);

    display: flex;

    flex-flow: row nowrap;

}



.slider_item {

    flex-shrink: 0;

    position: relative;

}



.slider_item img {

    display: block;

    width: 100%;

    height: auto;

}

.slider_item-content{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    font-size: 40px;

    font-weight: 700;

    text-shadow: 2px 2px 1px #333;

    padding: 20px;

    text-align: center;

    background: rgba(0,0,0,0.5);

}

.slider_nav.is-disabled {

    display: none;

}



.slider_control-nav {

    position: absolute;

    z-index: 999;

    left: 0;

    right: 0;

    bottom:0;

    text-align: center;

}



.slider_control-nav-item {

    transition: all 0.5s linear;

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    margin: 0 5px;

    cursor: pointer;

    background: #fff;

}



.slider_control-nav-item:hover {

    opacity: 0.3;

}



.slider_control-nav-item.is-active {

    opacity: 0.3;

    cursor: default;

    display: none;

}



.slider_arrow {

    position: absolute;

    top: 50%;

    margin-top: -25px;

    width: 26px;

    height: 49px;

    z-index: 999;

    cursor: pointer;

}



.slider_arrow.is-disabled {

    cursor: default;

    opacity: 0.5;

}



.slider_arrow:hover {

    opacity: 0.5;

}



.slider_arrow__right {

    right: 20px;

    background: url(../images/arrow_right.png) no-repeat 0 0;

}



.slider_arrow__left {

    left: 20px;

    background: url(../images/arrow_left.png) no-repeat 0 0;

	display:none;

}



.slider__carousel {

    overflow: hidden;

}



.slider__carousel::before, .slider__carousel::after {

    content: "";

    width: 150px;

    position: absolute;

    top: -5px;

    bottom: -5px;

    z-index: 200;

}



.slider__carousel::before {

    left: -5px;

    background: -webkit-linear-gradient(left, #fff 10%, transparent);

    background: linear-gradient(to right, #fff 10%, transparent);

}



.slider__carousel::after {

    right: -5px;

    background: -webkit-linear-gradient(right, #fff 10%, transparent);

    background: linear-gradient(to left, #fff 10%, transparent);

}



.slider__carousel .slider_viewport {

    overflow: visible;

    width: 250px;

    margin: 0 auto;

}



.slider__carousel .slider_arrow__left {

    left: 70px;

}



.slider__carousel .slider_arrow__right {

    right: 70px;

}