.main_custom_slider { text-align: center; }

/* Slider Setup */
.main_custom_slider #slide1:checked ~ .slides .inner { margin-left:0; }
.main_custom_slider #slide2:checked ~ .slides .inner { margin-left: -100%; }
.main_custom_slider #slide3:checked ~ .slides .inner { margin-left: -200%; }
.main_custom_slider #slide4:checked ~ .slides .inner { margin-left: -300%; }
.main_custom_slider #slide5:checked ~ .slides .inner { margin-left: -400%; }
.main_custom_slider #slide6:checked ~ .slides .inner { margin-left: -500%; }

.main_custom_slider .overflow { width: 100%; overflow: hidden; }
.main_custom_slider .slides article img { width: 100%; }
.main_custom_slider .slides .inner {
    width: 600%;
    line-height: 0;
}

.main_custom_slider .slides article {
    width: 16.66%;  /* 100 : nr slider */
    float: left;
}
/* Slider Styling */

/* Control Setup */
.main_custom_slider .controls {
    margin: -20% 0 0 0;
    width: 100%;
    height: 20px;
}

.main_custom_slider .controls label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.3;
}

.main_custom_slider .active {
    margin: 20% 0 0;
    text-align: center;
}

.main_custom_slider .active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bbb;
}

.main_custom_slider .active label:hover {
    background: #ccc;
    border-color: #777 !important;
}

.main_custom_slider .controls label:hover {
    opacity: 0.8;
}

.main_custom_slider #slide1:checked ~ .controls label:nth-child(2),
.main_custom_slider #slide2:checked ~ .controls label:nth-child(3),
.main_custom_slider #slide3:checked ~ .controls label:nth-child(4),
.main_custom_slider #slide4:checked ~ .controls label:nth-child(5),
.main_custom_slider #slide5:checked ~ .controls label:nth-child(6),
.main_custom_slider #slide6:checked ~ .controls label:nth-child(1) {
    background: url('next.png') no-repeat;
    float: right;
    margin: 0 -70px 0 0;
    display: block;
}


.main_custom_slider #slide1:checked ~ .controls label:nth-child(6),
.main_custom_slider #slide2:checked ~ .controls label:nth-child(1),
.main_custom_slider #slide3:checked ~ .controls label:nth-child(2),
.main_custom_slider #slide4:checked ~ .controls label:nth-child(3),
.main_custom_slider #slide5:checked ~ .controls label:nth-child(4),
.main_custom_slider #slide6:checked ~ .controls label:nth-child(5) {
    background: url('prev.png') no-repeat;
    float: left;
    margin: 0 0 0 -70px;
    display: block;
}

.main_custom_slider #slide1:checked ~ .active label:nth-child(1),
.main_custom_slider #slide2:checked ~ .active label:nth-child(2),
.main_custom_slider #slide3:checked ~ .active label:nth-child(3),
.main_custom_slider #slide4:checked ~ .active label:nth-child(4),
.main_custom_slider #slide5:checked ~ .active label:nth-child(5),
.main_custom_slider #slide6:checked ~ .active label:nth-child(6) {
    background: #333;
    border-color: #333 !important;
}

/* Slider Styling */
.main_custom_slider .slides {
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #666;
    padding: 1px;
    background: #fff;
    background: rgb(252,255,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(219,218,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(219,218,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */
}


/* Animation */

.main_custom_slider .slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.main_custom_slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.main_custom_slider .controls label{
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.main_custom_slider #slide1:checked ~ .slides article:nth-child(1) .info,
.main_custom_slider #slide2:checked ~ .slides article:nth-child(2) .info,
.main_custom_slider #slide3:checked ~ .slides article:nth-child(3) .info,
.main_custom_slider #slide4:checked ~ .slides article:nth-child(4) .info,
.main_custom_slider #slide5:checked ~ .slides article:nth-child(5) .info,
.main_custom_slider #slide6:checked ~ .slides article:nth-child(6) .info {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
}

.main_custom_slider .controls, 
.main_custom_slider .slides, 
.main_custom_slider .active, 
.main_custom_slider .active label {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1372px) and (min-width: 850px){
    .main_custom_slider .controls {
        margin: -20% 0 0 100px;
        width: 78%;
    }
}
@media only screen and (max-width: 850px) and (min-width: 450px) {

    .main_custom_slider .controls {
        margin: -25% 0 0 15%;
        width: 70%;
        height: 50px;
    }

    .main_custom_slider .controls label {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .main_custom_slider .slides {
        padding: 1% 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .main_custom_slider .active {
        margin: 22% 0 0;
    }

}



@media only screen and (max-width: 450px) {

    .main_custom_slider .controls {
        margin: -18% 0 0 24%;
        width: 50%;
        height: 50px;
    }

    .main_custom_slider .active {
        margin: 5% 0 0;
    }

    .main_custom_slider .slides {
        padding: 1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .main_custom_slider .slides .info {
        opacity: 0 !important;
    }

    .main_custom_slider .controls label {
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

}