/*Slider container styles for both Active and Inactive states.*/
.pix-carousel						{position: relative; overflow: hidden; width: 100%;}

/*Slides list styles.*/

/*
	The .pixSlider class is to make sure list-style and margin are set before the slide is created and widths are calculated.
 */
.std .pixSlider ul, 
.pixSlider ul 						{list-style: none;margin-bottom: 0;}
.std .pixSlider ul li,
.pixSlider li 						{/* list-style: none; */ /* margin:0; *//* position: relative; */}

.pixSlider ul::after 				{content: '.'; display: block; clear: both; overflow: hidden; width: 0; height: 0;}

/*Slide styles.*/
.pix-carousel .active li			{float: left; display: block; margin:0; padding:0; width: 100%; box-sizing:content-box;}
.pix-carousel .pix-carousel-item	{/* display: inline-block; */ float: left;margin: 0; padding:0; width: 100%; box-sizing:content-box;}
.pix-carousel li.disabled			{display: none;}
.pix-carousel li img				{width: 100%;}

/*Control styles.*/
.pixSlider .prev-btn,
.pixSlider .next-btn				{display: none;}
.pix-carousel .slide-btn			{display: block; width: 40px; height: 49px; background-color: #ccc; position: absolute; top: 50%; 
	margin-top: -20px; transition: all 0.5s ease; cursor: pointer; background-image:url(images/arrows.png); text-indent: -99999px;}
.pix-carousel .slide-btn.disabled	{display: none;}
.pix-carousel .prev-btn				{left: 10px; background-position: 0 -50px;}
.pix-carousel .next-btn				{right: 10px; background-position: 0 0;}

.pix-carousel .prev-btn:hover		{left: 0; background-color: #333;}
.pix-carousel .next-btn:hover		{right: 0; background-color: #333;}

.pix-carousel-page 					{position: absolute; text-align: center;width: 100%;bottom: 60px;height: 0;}
.pix-carousel-page li				{display: inline-block; background: #fff; margin: 0 5px; width: 26px; height: 26px; line-height: 26px; text-align: center; cursor: pointer; background-color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.pix-carousel-page li:hover,
.pix-carousel-page li.active		{background-color: #333; color: #fff; transition: all 0.5s ease;}

@media screen and (max-width: 1024px){
    .pix-carousel .slide-btn {
        display: none;
    }
    .pix-carousel-page {
        display: none;
    }
}