/**
 * Image slider
 */

/*slider*/
.twc-image-slider {margin:0 -30px; padding-bottom:110px; position:relative;}
.twc-image-slider .mCSB_container {
    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex;display:flex;
    align-items:flex-end;
}
.twc-image-slider__item {padding:0 30px 80px;}
.twc-image-slider__item:nth-child(even) {width:35vw;}
.twc-image-slider__item:nth-child(odd) {width:45vw;}
.twc-image-slider__item-inner {display:block; height:100%;}
.twc-image-slider__item-bg {height:100%;}
.twc-image-slider__item-bg img {height:0;}

/*scroll bar*/
.twc-image-slider .mCSB_scrollTools {opacity:1 !important;}
.twc-image-slider .mCSB_draggerContainer {max-width:1140px; margin:auto;}
.twc-image-slider .mCSB_dragger {width:250px !important;}
.twc-image-slider .mCSB_dragger_bar {background:#007cb2 !important; position:relative;}
.twc-image-slider .mCSB_dragger_bar:before {
    content:"\e92e"; font-family:"icomoon", fantasy; font-size:16px; line-height:16px;
    width:36px; height:16px; background:#fff;
    position:absolute; top:-6px; left:89px;
}
.twc-image-slider .mCSB_dragger_bar:after {
    content:"\e92f"; font-family:"icomoon", fantasy; font-size:16px; line-height:16px;
    width:36px; height:16px; background:#fff;
    position:absolute; top:-6px; right:89px;
}
.twc-image-slider .mCSB_draggerRail {background:#e1e1e1; height:2px;}

/*page-home*/
.page-home .twc-image-slider:before {
    content:""; display:block;
    width:100%; height:50%; background:#fafafa;
    position:absolute; top:0; left:0;
}
.page-home .twc-image-slider:after {
    content:""; display:block;
    width:30%; height:100%; background:#fafafa;
    position:absolute; top:0; right:0; z-index:-1;
}
.page-home .twc-image-slider .mCSB_draggerContainer {
    margin:unset; width:770px;
    position:absolute; bottom:0; left:calc(50% - 570px);
}

/*page overs-on*/
.page-over-ons .twc-image-slider:before {
    content:""; display:block;
    width:100%; height:50%; background:#fafafa;
    position:absolute; top:0; left:0;
}

/*********************
*RESPONSIVE
*********************/

@media only screen and (max-width:1280px) {
    .twc-image-slider .mCSB_draggerContainer {max-width:calc(100vw - 40px);}

    /*page-home*/
    .page-home .twc-image-slider .mCSB_draggerContainer {width:70vw; margin:auto;}
}

@media only screen and (max-width:768px) {
    .twc-image-slider {margin:0 -15px; padding-bottom:50px;}
    .twc-image-slider__item {padding:0 15px 50px;}
    .twc-image-slider__item:nth-child(odd) {width:48vw;}
    .twc-image-slider__item:nth-child(even) {width:40vw;}
    .twc-image-slider .mCSB_container {margin-bottom:0 !important;}
    .twc-image-slider .mCSB_dragger {min-width:100px !important; width:200px !important;}
    .twc-image-slider .mCSB_dragger_bar {height:3px !important;}
    .twc-image-slider .mCSB_dragger_bar:before {width:20px; left:80px; font-size:12px;}
    .twc-image-slider .mCSB_dragger_bar:after {width:20px; right:80px; font-size:12px;}

    /*page home*/
    .page-home .twc-image-slider .mCSB_draggerContainer {left:35px; margin:unset;}
    .page-home .twc-image-slider:before {height:100%;}
    .page-home .twc-image-slider:after {width:100%;}
    .page-home .twc-image-slider .mCSB_dragger_bar:before,
    .page-home .twc-image-slider .mCSB_dragger_bar:after {background:#fafafa;}
}
@media only screen and (max-width:480px) {
    .twc-image-slider {margin:0 -10px; padding-bottom:35px;}
    .twc-image-slider__item {padding:0 10px 35px;}
    .twc-image-slider__item:nth-child(odd) {width:65vw;}
    .twc-image-slider__item:nth-child(even) {width:55vw;}
    .twc-image-slider .mCSB_container {margin-bottom:20px !important;}
    .twc-image-slider .mCSB_dragger {width:100px !important;}
    .twc-image-slider .mCSB_dragger_bar:before {left:30px;}
    .twc-image-slider .mCSB_dragger_bar:after {right:30px;}

    /*page home*/
    .page-home .twc-image-slider .mCSB_draggerContainer {width:calc(100vw - 40px); margin:auto; left:0;}
}