@charset "UTF-8";
/* CSS Document */

.container {
	/* defaults for responsive height container */
	position: relative;
	width: 100%;/*265px*/
	height: 300px;
	margin: 0 auto;
	overflow: visible;
}

.container .prev, .container-2 .prev {
	position: absolute;
	top: 65px;
	left: -60px;
	width: 40px;
	height: 40px;
	background: #000;
	z-index: 10;
}

.container .next, .container-2 .next {
	position: absolute;
	top: 65px;
	right: -60px;
	width: 40px;
	height: 40px;
	background: #000;
	z-index: 10;
}

.container .unselectable, .container-2 .unselectable {
	opacity: 0.2;
}
/* INDEX */
.iosSlider-1, .iosSlider-2, .iosSlider-3, .iosSlider-4, .iosSlider-5, .iosSlider-6, .iosSlider-7, .iosSlider-8 {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.iosSlider-9, .iosSlider-10, .iosSlider-11, .iosSlider-12, .iosSlider-13, .iosSlider-14, .iosSlider-15, .iosSlider-16, .iosSlider-17, .iosSlider-18 {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.iosSlider-17, .iosSlider-18 { display: none; }


/* GENRES */
.iosSlider-19, .iosSlider-20, .iosSlider-21, .iosSlider-22, .iosSlider-23, .iosSlider-24, .iosSlider-25, .iosSlider-26 {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.iosSlider-1 .prevButton1, .iosSlider-2 .prevButton2, .iosSlider-3 .prevButton3, .iosSlider-4 .prevButton4, .iosSlider-5 .prevButton5, .iosSlider-6 .prevButton6, .iosSlider-7 .prevButton7, .iosSlider-8 .prevButton8, .iosSlider-9 .prevButton9, .iosSlider-10 .prevButton10, .iosSlider-11 .prevButton11, .iosSlider-12 .prevButton12, .iosSlider-13 .prevButton13, .iosSlider-14 .prevButton14, .iosSlider-15 .prevButton15, .iosSlider-16 .prevButton16, .iosSlider-17 .prevButton17, .iosSlider-18 .prevButton18, .iosSlider-19 .prevButton19, .iosSlider-20 .prevButton20, .iosSlider-21 .prevButton21, .iosSlider-22 .prevButton22, .iosSlider-23 .prevButton23, .iosSlider-24 .prevButton24, .iosSlider-25 .prevButton25, .iosSlider-26 .prevButton26  {
    position: absolute;
    top: 75px;
    left: 0;
    width: 20px;
    height: 40px;
    background: url(../_assets/iosslider/slider-buttons.png) no-repeat 0 0;
    z-index: 2;
}

.iosSlider-1 .nextButton1, .iosSlider-2 .nextButton2, .iosSlider-3 .nextButton3, .iosSlider-4 .nextButton4, .iosSlider-5 .nextButton5, .iosSlider-6 .nextButton6, .iosSlider-7 .nextButton7, .iosSlider-8 .nextButton8, .iosSlider-9 .nextButton9, .iosSlider-10 .nextButton10, .iosSlider-11 .nextButton11, .iosSlider-12 .nextButton12, .iosSlider-13 .nextButton13, .iosSlider-14 .nextButton14, .iosSlider-15 .nextButton15, .iosSlider-16 .nextButton16, .iosSlider-17 .nextButton17, .iosSlider-18 .nextButton18, .iosSlider-19 .nextButton19, .iosSlider-20 .nextButton20, .iosSlider-21 .nextButton21, .iosSlider-22 .nextButton22, .iosSlider-23 .nextButton23, .iosSlider-24 .nextButton24, .iosSlider-25 .nextButton25, .iosSlider-26 .nextButton26 {
    position: absolute;
    top: 75px;
    right: 0;
    width: 20px;
    height: 40px;
    background: url(../_assets/iosslider/slider-buttons.png) no-repeat 100% 0;
    z-index: 2;
}

.iosSlider-1 .slider, .iosSlider-2 .slider, .iosSlider-3 .slider, .iosSlider-4 .slider, .iosSlider-5 .slider, .iosSlider-6 .slider, .iosSlider-7 .slider, .iosSlider-8 .slider, .iosSlider-9 .slider, .iosSlider-10 .slider, .iosSlider-11 .slider, .iosSlider-12 .slider, .iosSlider-13 .slider, .iosSlider-14 .slider, .iosSlider-15 .slider, .iosSlider-16 .slider, .iosSlider-17 .slider, .iosSlider-18 .slider, .iosSlider-19 .slider, .iosSlider-20 .slider, .iosSlider-21 .slider, .iosSlider-22 .slider, .iosSlider-23 .slider, .iosSlider-24 .slider, .iosSlider-25 .slider, .iosSlider-26 .slider {
    width: 100%;
    height: 100%;
}

.iosSlider-1 .slider .item, .iosSlider-2 .slider .item, .iosSlider-3 .slider .item, .iosSlider-4 .slider .item, .iosSlider-5 .slider .item, .iosSlider-6 .slider .item, .iosSlider-7 .slider .item, .iosSlider-8 .slider .item, .iosSlider-9 .slider .item, .iosSlider-10 .slider .item, .iosSlider-11 .slider .item, .iosSlider-12 .slider .item, .iosSlider-13 .slider .item, .iosSlider-14 .slider .item, .iosSlider-15 .slider .item, .iosSlider-16 .slider .item, .iosSlider-17 .slider .item, .iosSlider-18 .slider .item, .iosSlider-19 .slider .item, .iosSlider-20 .slider .item, .iosSlider-21 .slider .item, .iosSlider-22 .slider .item, .iosSlider-23 .slider .item, .iosSlider-24 .slider .item, .iosSlider-25 .slider .item, .iosSlider-26 .slider .item {
    position: relative;
    margin: 15px -15px 0px 27px;
    float: left;
    width: 100px;
}

/* STARS */
.iosSlider-30 {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 210px;
}

.iosSlider-30 .prevButton1 {
    position: absolute;
    top: 75px;
    left: 0;
    width: 20px;
    height: 40px;
    background: url(../_assets/iosslider/slider-buttons.png) no-repeat 0 0;
    z-index: 2; 
}

.iosSlider-30 .nextButton1 {
    position: absolute;
    top: 75px;
    right: 0;
    width: 20px;
    height: 40px;
    background: url(../_assets/iosslider/slider-buttons.png) no-repeat 100% 0;
    z-index: 2;
}

.iosSlider-30 .slider {
    width: 100%;
    height: 100%;
}

.iosSlider-30 .slider .item {
    position: relative;
    margin: 15px -15px 0px 27px;
    float: left;
    width: 100px; 
}


/*-- Media Queries --*/

@media screen and (max-width: 1165px) {
    
    /* left sidebar */
    .iosSlider-1, .iosSlider-2, .iosSlider-3, .iosSlider-4, .iosSlider-5, .iosSlider-6, .iosSlider-7, .iosSlider-8 { width: 100%; }
    
    .iosSlider-17 { display: block; }
    
    /* main content */
    .iosSlider-18 { display: block; }
    
    /*.iosSlider-9, .iosSlider-10, .iosSlider-11, .iosSlider-12, .iosSlider-13, .iosSlider-14, .iosSlider-15, .iosSlider-16, .iosSlider-17, .iosSlider-18 { width: 100%; }*/
       
    .iosSlider-1 .prevButton1, .iosSlider-2 .prevButton2, .iosSlider-3 .prevButton3, .iosSlider-4 .prevButton4, .iosSlider-5 .prevButton5, .iosSlider-6 .prevButton6, .iosSlider-7 .prevButton7, .iosSlider-8 .prevButton8, .iosSlider-9 .prevButton9, .iosSlider-10 .prevButton10, .iosSlider-11 .prevButton11, .iosSlider-12 .prevButton12, .iosSlider-13 .prevButton13, .iosSlider-14 .prevButton14, .iosSlider-15 .prevButton15, .iosSlider-16 .prevButton16, .iosSlider-17 .prevButton17, .iosSlider-18 .prevButton18 { top: 85px; }
    
    .iosSlider-1 .nextButton1, .iosSlider-2 .nextButton2, .iosSlider-3 .nextButton3, .iosSlider-4 .nextButton4, .iosSlider-5 .nextButton5, .iosSlider-6 .nextButton6, .iosSlider-7 .nextButton7, .iosSlider-8 .nextButton8, .iosSlider-9 .nextButton9, .iosSlider-10 .nextButton10, .iosSlider-11 .nextButton11, .iosSlider-12 .nextButton12, .iosSlider-13 .nextButton13, .iosSlider-14 .nextButton14, .iosSlider-15 .nextButton15, .iosSlider-16 .nextButton16, .iosSlider-17 .nextButton17, .iosSlider-18 .nextButton18 { top: 85px; }
    
    .iosSlider-1 .slider .item, .iosSlider-2 .slider .item, .iosSlider-3 .slider .item, .iosSlider-4 .slider .item, .iosSlider-5 .slider .item, .iosSlider-6 .slider .item, .iosSlider-7 .slider .item, .iosSlider-8 .slider .item, .iosSlider-9 .slider .item, .iosSlider-10 .slider .item, .iosSlider-11 .slider .item, .iosSlider-12 .slider .item, .iosSlider-13 .slider .item, .iosSlider-14 .slider .item, .iosSlider-15 .slider .item, .iosSlider-16 .slider .item, .iosSlider-17 .slider .item, .iosSlider-18 .slider .item { width: 120px; }
    
}


/* GENRES */
@media screen and ( max-width: 1015px ) {
      
    .iosSlider-19, .iosSlider-20, .iosSlider-21, .iosSlider-22, .iosSlider-23, .iosSlider-24, .iosSlider-25, .iosSlider-26 { width: 100%; }
    
}

/* STAR RATINGS */
@media screen and (max-width: 656px) {
    
    .iosSlider-1, .iosSlider-2, .iosSlider-3, .iosSlider-4, .iosSlider-5, .iosSlider-6, .iosSlider-7, .iosSlider-8 { width: 100%; }
    
    .iosSlider-9 .slider { margin-top: -10px; }

    .iosSlider-17, .iosSlider-18 { display: block; }
}