.slideAk{
    position: relative;
    height: 100vh;width: 100vw;
    top:0px;left: 0px;
    perspective:500px;
    z-index: 1;
}


.borderT{
    position: absolute;
    top:0px;left:0px;z-index: 10;
    height:20vh;width:100vw;background-color:black;transition:1.8s height ease-out;
    height: 0vh;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}




.borderL{
    position: absolute;
    top:0px;left:0px;z-index: 10;
    height:100vh;width:25vw;background-color:black;transition:1.8s width ease-out;
    width: 0vw;   
    transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);
}



.borderB{
    position: absolute;
    bottom:0px;left:0px;z-index: 10;
    height:20vh;width:100vw;background-color:black;transition:1.8s height ease-out;
    height: 0vh;
    transition-timing-function:  cubic-bezier(0.770, 0.000, 0.175, 1.000);
}


.borderR{
    position: absolute;
    top:0px;right:0px;z-index: 10;
    height:100vh;width:25vw;background-color:black;transition:1.8s width ease-out;
    width: 0vw;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.imgsldR
{
    position: absolute;
    /*top:0;left:0;right:0;bottom: 0;margin: auto;*/
    top:0px;left:0px;
    z-index: 0;transition: 1.8s transform ease-out;
    transform:scale(2,2)translateZ(-2px);
    background-image: url('../img/LandCooming.png');
    background-image: url('http://www.contiducco.it/catalog/view/images/home-products-1280.jpg');
    height: 100%;width: 100%;z-index: -1;
    background-size: cover;background-repeat: no-repeat;background-position: center center;
}

.imgsldL
{
    z-index: -1;
    position: absolute;
    top:0px;left:0px;
    z-index: 0;
    transition: 1.8s transform ease-out;
    transform:scale(1,1)translateX(100%)translateZ(0px);
    background-image: url('../img/LandAcuni.png');
    background-image: url('http://www.contiducco.it/catalog/view/images/home-about-1280.jpg');
    height: 100%;width: 100%;
    background-size: cover;background-repeat: no-repeat;background-position: center center;
    /*transition-timing-function:  cubic-bezier(0.770, 0.000, 0.175, 1.000);*/
}



.banner {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; /* firefox requires this for children */
    z-index: -1;
}




.btnDots{
    position: absolute;
    bottom: 4vw;
    left: 20vw;
    z-index: 100;
    transition: .6s all linear;
    transform:scale(.2,.2);
    opacity: 0;

}

.dotC{
    float: left;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background: #fff;
    margin: 12px; cursor: pointer;
    transition: .3s all linear;
}

.dotActiv{
   /* #696969*/
    background-color: #808080;    
}

.dotActiv:hover{
    background-color:white;   
}

.btD1{

}

.btD2{
    
}
    

.h_St{
position: absolute;top:0;left:0;right:0;bottom: 0;height: fit-content;width:fit-content;
margin: auto;font-size: 112px; letter-spacing: 34px;z-index: 10;font-size: 75px;
}