/* SLIDER */

.slider
{
	width: 100%;
    position:relative;
	
}
.slider .slice
{
	width: 100%;
	text-align:center;
} 
.slider .slice img
{
	display:inline-block;
}




.next,
.prev
{
    cursor:pointer;
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";

  /* IE 5-7 */
  filter: alpha(opacity=25);

  /* Netscape */
  -moz-opacity: 0.25;

  /* Safari 1.x */
  -khtml-opacity: 0.25;

  /* Good browsers */
  opacity: 0.25;
}

.next:hover,
.prev:hover
{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1.0;

  /* Safari 1.x */
  -khtml-opacity: 1.0;

  /* Good browsers */
  opacity: 1.0;
}

@media (max-width:479px) 
{
    .next
    {
        position: absolute;
        top: 45%;
        right: 0px;
        z-index: 1100;
        font-size: 20px;
        color: #FFFFFF;
    }
    .prev
    {
        position: absolute;
        top: 45%;
        left: 0px;
        z-index: 1100;
        font-size: 20px;
        color: #FFFFFF;
    }
}
@media (min-width:480px) and (max-width:767px) 
{
    .next
    {
        position: absolute;
        top: 45%;
        right: 0px;
        z-index: 1100;
        font-size: 20px;
        color: #FFFFFF;
    }
    .prev
    {
        position: absolute;
        top: 45%;
        left: 0px;
        z-index: 1100;
        font-size: 20px;
        color: #FFFFFF;
    }
}
@media (min-width:768px) and (max-width:991px) 
{
    .next
    {
        position: absolute;
        top: 45%;
        right: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
    .prev
    {
        position: absolute;
        top: 45%;
        left: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
}

@media (min-width:992px) and (max-width: 1199px)
{
    .next
    {
        position: absolute;
        top: 45%;
        right: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
    .prev
    {
        position: absolute;
        top: 45%;
        left: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
}

@media (min-width:1200px)
{
    .next
    {
        position: absolute;
        top: 45%;
        right: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
    .prev
    {
        position: absolute;
        top: 45%;
        left: 10px;
        z-index: 1100;
        font-size: 40px;
        color: #2E3192;
    }
}