body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
.esagoni::before { background-image:url("../Resources/esagoni.png"); background-repeat:no-repeat; height:100%; background-size:650px; content:''; position:absolute; left:0; top:0; width:100%; background-position:bottom right }
.esagoni-negativo::before { background-image:url("../Resources/esagoni-negativo.png"); background-repeat:no-repeat; height:100%; background-size:650px; content:''; position:absolute; left:0; top:0; width:100%; background-position:bottom right }
.esagoni-vuoti-slider { background-image:url("../Resources/esagoni-vuoti-sli.png"); background-repeat:repeat no-repeat; background-size:auto; left:0; width:200%; height:100%; background-position:0 top; transform-origin:center center; position:absolute; bottom:0 }
.esagoni-vuoti-slider-animation { animation:move-esagoni-vuoti 30s linear infinite; -webkit-animation:move-esagoni-vuoti 30s linear infinite }
.esagoni-pieni-slider { background-image:url("../Resources/esagoni-pieni-sli.png"); background-repeat:repeat no-repeat; bottom:0; left:0; width:200%; height:100%; background-position:0 top; transform-origin:center center; position:absolute; background-size:auto }
.esagoni-pieni-slider-animation { animation:move-esagoni-pieni 40s linear infinite; -webkit-animation:move-esagoni-pieni 40s linear infinite }
.esagono-numerato { color:#495057; background-color:#adb5bd; text-align:center; height:200px; padding-top:50px }
#PageDiv { position:relative; min-height:100% }
#esagoni-css { position:absolute; left:10px; top:10px; width:800px; height:360px; z-index:1 }
@media all and (min-width: 0px) {

@keyframes move-esagoni-vuoti {
    0% {
        transform: translateX(-50%) translateY(0%) scale(1)
    }
    50% {
        transform: translateX(-25%) translateY(20%) scale(1)
    }
    100% {
        transform: translateX(0%) translateY(0%) scale(1)
    }
}

@-webkit-keyframes move-esagoni-vuoti {
    0% {
        transform: translateX(-50%) translateY(0%) scale(1)
    }
    50% {
        transform: translateX(-25%) translateY(20%) scale(1)
    }
    100% {
        transform: translateX(0%) translateY(0%) scale(1)
    }
}


@keyframes move-esagoni-pieni {
    0% {
        transform: translateX(-50%) translateY(20%) scale(1)
    }
    50% {
        transform: translateX(-25%) translateY(0%) scale(1)
    }
    100% {
        transform: translateX(0%) translateY(20%) scale(1)
    }
}

@-webkit-keyframes move-esagoni-pieni {
    0% {
        transform: translateX(-50%) translateY(20%) scale(1)
    }
    50% {
        transform: translateX(-25%) translateY(0%) scale(1)
    }
    100% {
        transform: translateX(0%) translateY(20%) scale(1)
    }
}


}