.slidesholder {
    position: relative;
    -webkit-transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);
    transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);


}
img
{
	max-width: 100%;
}
.autoheight .slidesholder
{ 
    padding:0
}

.myslider {
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1;
    width: 100%;
	margin: 0 auto;
    z-index: 1;
    list-style: none;
     fill:#fff;
	overflow:hidden;
   
    cursor: pointer;
}
.nextslide
{
	position:absolute;right:100%;
}
.myslider:hover .mainslides
{
transform: translateX(-2.5%)
}
.myslider.hover:hover .mainslides
{
transform: translateX(-4.5%)
}
.myslider.hover:hover .mainslides.active
{
transform: translateX(-3%)
}
.myslider:hover .next svg
{
  -webkit-transform: translate(5vw, -50%);
    transform: translate(5vw, -50%);
   
}
.mainslides
{
   width: 100%;
    top: 0;
    right: 0;
    -webkit-backface-visibility: hidden;  
    height:100%;
    background-size:cover;
	position: absolute;
	font-size: 80px ;
	color: #000;
	text-align: center;
    height:760px;
  -webkit-transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);
    transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);

}
.fullbg
{	background-size:cover;
	width:100%;
	height: 100%;
}
.myslider .slides {
 height:0;
    width: 0%;
    top: 0;
    right: 0;
    -webkit-backface-visibility: hidden;  
    height:100%;
    background-size:cover;
	position: absolute;


}
.z3
{
	z-index: 3;

}
.z2
{
	z-index: 2;
	
}
.z1
{
	z-index:1;
	
}
.mainslides.active {
  
        position:relative;

    }

    .slides img {
        width: 100%;
    }

.next {
    text-decoration: none;
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0;
    z-index: 2;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
       -webkit-transition: width 500ms cubic-bezier(0.5, 0, 0.08, 1), background 200ms cubic-bezier(0.5, 0, 0.08, 1);
        transition: width 500ms cubic-bezier(0.5, 0, 0.08, 1), background 200ms cubic-bezier(0.5, 0, 0.08, 1);;
    z-index: 2;
}

.prev {
    text-decoration: none;
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 5;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
       -webkit-transition: width 500ms cubic-bezier(0.5, 0, 0.08, 1), background 200ms cubic-bezier(0.5, 0, 0.08, 1);
        transition: width 500ms cubic-bezier(0.5, 0, 0.08, 1), background 200ms cubic-bezier(0.5, 0, 0.08, 1);;
    z-index: 23;
}
.myslider:hover .next {
    width: 30% !important;
}
.next svg
{
        -webkit-transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);
    transition: transform 500ms cubic-bezier(0.5, 0, 0.08, 1);
    height:8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 .next:hover {
 
      background: rgba(0,0,0,0.7);
    }
    .next.disapear {
 
      background: rgba(0,0,0,0);
    }

.navigation {
    position: absolute;
    bottom: 40px;
    width: 100%;
    z-index: 100;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .navigation li {
        width: 16px;
        height: 16px;
        display: inline-block;
        margin: 0 7.5px;
        border: 1px solid #fff;
        border-radius: 10px;
        position: relative;
    }

        .navigation li:after {
            position: absolute;
            width: 6px;
            height: 6px;
            background: #fff;
            content: '';
            display: block;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            opacity: 0;
            border-radius: 10px;
        }

     
          .myslider .slides  .slidecontent,.mainslides  .slidecontent
        {
            width:0;
            height:0;
            overflow:hidden;
            visibility:hidden;
            opacity:0;
        }
#slidercontent
{

    background:#000;
    position:relative;
    padding:30px;
    z-index:50;
        width: 360px;
    height: 360px;
    position:absolute;
    left: 95px;
    top: 200px;
    color:#fff;
}
#slidercontent p,#slidercontent h2
{    -webkit-transition: all.3s cubic-bezier(.72,.16,.345,.875);
    transition: all.3s cubic-bezier(.72,.16,.345,.875);
    opacity:0;
}
#slidercontent.active *
{
     opacity:1;
}
#slidercontent h2
{
    margin-bottom:25px
}
#slidercontent p{
    margin-bottom:10px;
}
#slidercontent *.delay
{
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s;
}
#slidercontent *.delay1
{
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s;
}
#slidercontent *.delay2
{
    -webkit-transition-delay:0.4s;
    transition-delay:0.4s;
}
    #slidercontent *.delay3 {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }
    #slidercontent *.delay4
{
    -webkit-transition-delay:0.7s;
    transition-delay:0.7s;
}
body
{
	padding:0;
	margin:0;
}