/*********************************************
 * Slider Custom
**********************************************/
.slider-custom-section {}
.slider-custom-section .slide-list {position:relative;}
.slider-custom-section .item {
    position:absolute; top:0; left:0; width:100%;
    opacity:0; visibility:hidden;
    -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
}
.slider-custom-section .item.active {opacity:1; visibility:visible;}
.slider-custom-section .item .img {position:relative;}
.img_1 {overflow:hidden;}
.img_1 .inner {height:510px; background-size:cover; background-position:center;}
.img_1 .inner img {display:none;}
.img_2 {position:absolute; top:40%; width:40%; right:70px; z-index:2; overflow:hidden;}
.img_2 .inner {
    height:550px; width:100%; background-size:cover; background-position:center;
    box-shadow:0 2px 50px 0 rgba(0, 0, 0, 0.3);
}
.img_2 .inner img {display:none;}

.slider-custom-section .content {
    width:55%; padding:70px; box-sizing:border-box; opacity:0;
    -webkit-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;
    -webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);
}
.slider-custom-section .content h3.title {font-size:50px; line-height:1;}

.slider-custom-section .item .img .inner {
    -webkit-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;
    -webkit-transform:translateX(-30%);-ms-transform:translateX(-30%);transform:translateX(-30%);
}
.slider-custom-section .item.active .img .inner {
    -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);
}
.slider-custom-section .item.active .content {
    -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);
    opacity:1;
}

/*********************************************
 * Slider Custom Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .slider-custom-section .content {padding:30px 30px 0 0;}
    .slider-custom-section .content h3.title {font-size:35px;}
    .slider-custom-section .img_1 .inner {height:350px;}
    .slider-custom-section .img_2 {width:30%; top:50%; right:50px;}
    .slider-custom-section .img_2 .inner {height:400px;}
    .navigation-slider {top:335px; height:50px;}
    .navigation-slider span {padding:0 7px;}
}