@font-face {
    font-family: 'Liif-tto';
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABU4ABAAAAAAJlgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABMVFNIAAACYAAAABMAAAAT1IHMTE9TLzIAAAHkAAAARQAAAGCC/X25VkRNWAAAAnQAAAMaAAAF4GLPanRjbWFwAAAG7AAAAJkAAAKcBRMJjWN2dCAAAAjQAAAADgAAAA4APwIgZnBnbQAAB4gAAAECAAABcwZZnDdnbHlmAAAI4AAAC2QAABZ0Z4u/GmhkbXgAAAWQAAABWwAAAdRnoEplaGVhZAAAAWwAAAA2AAAANg5LH7NoaGVhAAABpAAAACAAAAAkCOwFaGhtdHgAAAIsAAAANAAAADwsoAL9bG9jYQAAFEQAAAAgAAAAICOUKfRtYXhwAAABxAAAACAAAAAgAiAC425hbWUAABRkAAAAmQAAAR/xZIVBcG9zdAAAFQAAAAA3AAAARVJBVoNwcmVwAAAIjAAAAEEAAABObNxt/gABAAAAAQAAAdJq2F8PPPUAGQPoAAAAAM8aQBUAAAAA2iOctwAA/1EF4AKwAAAACQACAAAAAAAAeNpjYGRgYHr3n42Bk82WQZhBlPUBA1AEBfADAFf/A2AAAQAAAA8AsAAGAAAAAAABAAAAAAAKAAACAAIyAAAAAHjaY2BmNmCcwMDKwMK0h6mLgYGhB0Iz3mUwYvjFgAoYkTkFlUXFDA5ARgXTu/9sDAxMGxjWw9QwfmbaA6QUGBgAhq0NqwAAAHjaY/zCAAaMXyCYuYXBkdmBQYrNliEWSKsw7WHwAIoJMzsyzATiQiCWA4qD1MQCADEACcQAAAAPAQEBAUw7Ozs7AUwBTEREAHjaHcRTYBBgGIbRp5tatcxlG8vGcstcC8u2bWOrlm1uq2XbxrKt5VYt/r195+IAMYjxH55Eezg8iOn+EptYOo4dFw/tSWz3h3h2fOLoBMTVCfHUiezExHO/SUJ8ndRORgKdnIQ6hf5FShJpLxLrVHZqkug0JNVp9U/SkUynJ7nOQAqd0c5ESp0ZL/eDLHZWUulspNbZ7Ryk0TlJ66LJZecmnc5Dep3XzkcG9538ZNTeZNIF7IJk1oXIogvrbxQhqy5KNl3MLk52XYIcuqT+Sily6tLk0mXssuTW5cjjoihPXu1jVyCfrkh+XcmujLf7QhUK6Kp2NQrq6hTSvnYNCrvP1KSIrmXXpqiuQzFdl+K6nv5EfUroBpTUDe1GlNKNKe0+4mc3oYz2p6xuajejnG5OefeBFnYAProlFXQrKurWdhsqufe0pbJuZ7eniu5AVd1Rv6MT1XRnqusudld8dTdq6O76LT2oqXtSS/eitu5t96GO7ktdF0k/uz/19ADq64H2IBrowTR0bxhiD6WRHkZjPdwegZ97zUia6FH469H2GJrqsTTT4/QrxtNcT6CFnmhPIkBPpqWeol8ylVZ6Gq11IG10kD2dtu4FM2inZ9rBtNez6KBn23Po6J4zl056nj2fznoBXfRCexFd3TMW000vobteai+jh15OT71CP2UlvfQqeuvV9hr66LX0dU9YZ6+nn95Af73RDmGADmWge0wYg/QmezODdThD9BZ7K0PdI7YxTG+3dzBc72SE3qUfspuReg+j9F57H6P1fsboA4x1DzhoH2KcPsx4fcQ+ygR9jInuPsftE0zSJ5msT9mnmaLPMNXd46x9jmn6PIH6AkH6or7LJabry8zQV+yrzNQRBOtr+g7XmaVvMFvftG8xR99mrr6jb3OXefoe8/V9FugH9kMWuls8YpF+bD9hsX7KEv3Mfs5Sd5MXLNMv7Vcs169Zod/Ykax0N3jLKv2O1fq9/YE1+iNr9Sd9nc+s019Yr6Psr2zQ39jorvHdjiZE/yBU/7R/EaZ/s8lF8IfN+q/tCHcR/wCOKrH4AAB42iXPy07CQBTG8bOBzq1z6YVpO9ZiGyaWUKACQojUBW6MG1aufANfgMf3NP7zrX6bkwMAFgASKicwmVAqaUACQglBZHo0RjUldBxF49EUplPGIkYYozg0EY/GecwpZ4xzhhamAQSBEKmggo+hKUuAEBnakEsRYmg6H03JXHIZhlJKNOMoUKqUU0JJ+W9xxYAxoysdGj2GltYc8GpUGxWbKDIGLfMChJglPjWzJEnSBM2tJEiZ25WNMzuzdny43ChQqsg2WVJkY2jznQatS7dzs9K5onBoTwcDxpTu4Oyjwx7QFucY4riuzlXxVFXVY4W2vKaQpr65NqWvm7pp0NafFqxt/aeft94vvEd7ueWQ56v21jbdctm2S7TXbwfO9avvte+7rlt3aOefEspy3//0z/vtdttv0a6/NdT15fR72rwdT8fjEe3r7sH763AfDh/vw2UY0P4ARvsnngB42mNgYGBmAGMmHQZGBhCQAfKALMY9DGyMC8Aip6EyCMDIwARlMTHgBxCdzFhkOBiIAVwoPBYGTgZ2Bh4oj5WBjYESwIvG54OzuBkGP2AGhkYBkBZjEACy2cD+UWDQYrBlcGfwYchmKGao+P8f6k+IuAuDN1yc8f/X/4//3/t/loHh/67/i/7P/j8ZJZZ5sIQ6ne0DAHwjMoUAAAB42l2QPU7EMBCFxzgs5AZIFpItKxQrr+ipUjiRUJpAKDwNP9KuRPYOSGloXHCWoTNdLoZgko222MYz783o87MTgGsS5G34FuILk/j7TOCvfyAH+fK8SSCc1lXvSbyyOHNsrA130umaZFE/Bos66ni/jbrW729byoq58mAX8VYTdKHn8ykYKlEd2x3iHXOyiZPNnIhM2C+E/UxgwC8vnbtGk7xpw0OgwSsqPSpjdEVjG2j0yiDy1uqYlOtHf7VkvuDMqzU3lwdKF6hUBBjjQVlDQ4wq8jsWnWA8MQScGuVi8E9MRFlUSQztPBqsUZNhjTWcEz3fnbumCxUnNbj5ByTqa+QAAHja28HAoM2wi4ERCJm0GXcxMEEY+4GMfQxzGCoZwhlMGBgYOLQZ9gNl0IR2MTAD1bFr72BgUHCtzZRwAQDhigysAAAAABQAHQAdAAAAAAIDAA4AAHjarVhtbFvVGT7nXPt+OM2H48/bxI7tm2s3ie0bx7FdN+G6aZviKG6BtrSkJS0SbWg1pkE7PqpNTNoHrEIbaNrQWv4gJJjoULP1B0qTBSZtIPXHpG5ITGjVBNLGBNqPSQOmTsTZc869DgVNhClT8vh977nnvr73vO/zvPeYeMjE6mPSTvYYmSDfIefJPP3bEjlLGOkknqEl8hy8c8L7MbyfC8+CNwNvIklkTAgDaaAM7AYOAnPAw8DjwDPAi8ArwBvAW8B7wMdA1+z/I8iDE4EvFUQ7PeElP4HzAn8ufnABj3QRwEGSaHB0YACoAlPADHAKOAucA84DLwFXgKvA28D7wA1APMyGg/CH+TJBtNMLxOpaIL+8ThYIsRbIdiBhLeHhKPmuSNRT8C7Aw/muKwhCP8QMeCfhDRe8KYspskXTNYqPUma0xjLwy30UH8XKSB+rwA93UnyEIuFOBtAOzO2ksqFkRjAspopLKuJSEUlEzIjIYi7+Larwi2URS8SMVMqVVB5faLNKcSTOIsEOpkhGqoOFgnE2RkdsVhrNM3reJyWsfZq6S/Wkg4d8zHdn94Ak75B9+61eqe1YmzirTKpeM3hIY6ztzsCAV9khaZ79VsyjHTvqYdtk1jfdy+RtHvW20YzEoky+gx6QmS5J/eXbvMqYV4pP91JY2Tkvefex/QrTKcV5zxPx0S0RSsOZUlyCG3U8Fh3q8wcSg1HJcYa+reGbPbixtn1WTPK5N/bpbR/AWWWHquK2Pb5jPo9z2xJj4r6fomt3xdhNd8Xkz96VLDnnPeraU8n8PDsayYzG46UBfntwynCoGkxko9GBRLewg33d4Mhm0i2l2U9JlJgorD0oqlmmL+GAEUmUTA3ekPBK8KbgLZJD5HYiYSSEEb3F+xrYVgPbamBbDWyrgW01sK0GttXAthooWwNla6BsDZStgbI1ULYGytZavN9gEIf36wdxeV8DNWot3k+B91Mt3k/huabAtiksypT4mwFOAWeBc8B54CWA0+gq8DbwPnADcHm/wSAO79cPwnkfAu+PXSc8cZQQka52eH3C2wUvLbxueJuFdwDeEeHNwtsrNKEbQZRrC2QzrAF7BHYYdti6QrYJhaik0iX/aHmMVmwKSoK5yZGQPygbGX8yBXIbijxE/SZ4XBq1GadxCDSWXBIXXQ5HUrfQUVweo0EjUzJCObWtTb0QZJr6J1VjIWp0+9Rg8125jQVeC3g7nqF6v53v6cnb/f221dNj2f09hf5QqL/Q49o3A4FHA4HAflzHZLWtIWua3Ais/Fv1pemfFbXR6GymtvHrbo5DCzdFEDYemAzgP93XhyVEHc2uPuB9hz1BgqSfjGIVD5Az5PVFHLah+hex8rcLWyXbhb2H3CdsiPTCLpApLJ90zcmNCdsLm4W9B/ZOd/whrtWT0Ol7ATJ5FxJg9VwhCpHsGXdgnA+M84FFUiBbxFckwVf+FQpCkOsLJAnbec2xJdio+xUF2IOwW2CPuue/cm24YI6EsfiykWzlcyQc8ptBJC+VRm7cgc8d3zTGLypmPndMQ0Un7BAN3TScdL+L/kXbtElr/pB/zmmbPP9sV+e09nZtTm3/1FvpXBt6QUzkHvvRPB+dd6fRQf75tHuS/k6EvfR3Ny78p9ZcmsBhsTXtaT5PHOzTNjXf+YaY9Ec+j826lyDvlPSvvsY+YVWSp79HR0ViTMvprD4soQ9kIIR9KOSKQGkIuEWgNARKQ6A0BEpDoDQESkMgVwRyRSBXBHJFIFcEckUgV6SleRsM4mje+kFczSPQPNw/NIPhaZi1CJ33EeLvrgoVNKGCZksFTWiPCe3hrcFEvZvQHhPaY0J7TGiPCQEzIWAmBMyEgJkQMBMCZkLAzJYKbjCIo4LrB+EqaOJVJozcQLK4FiaQy16hcV3wBuFBweQYrUSUTCVSGi1DxVCykTivV6WDGhgquRrFXzyep43IAw+E61Y+d2Z77Uw+Nzycy5+p0bFTe3O5vafGYLMrlMqNMGbdKvEZlsVnbP96Ljfc6fXR3N6T42Mn+eyTWOb66j/YadZDAiRDivytWkf/9IobzMHLC68TntHqqToeR0dWdWRVR1Z1ZFVHVnVkVUdWdZSGjtLQURo6SkNHaegoDR2lobfqa4NBnPpaP4hbXzrqS2/1VAPVZLSqycC4gRwayKGBHBrIoYEcGsihgRwaKAQDhWCgEAwUgoFCMFAIBgrBaFXTBoM41bR+EF5NOTB+CziShx2B7eTiyusqvtZjffCCwhuENyS66BCmWZg+CFu4xt+qv7gbKqFiyAgZJaNULNHZ6onpbHb6RLV6vJHNNY5vLR7emcnsPFx0rXn5cs/ly13Zxonq1hONbLZxvFqdm86ydjHnCJ9zRMyt8Hk9l/l9ksDqHdLX2C/AAt7JMmhfaD6QtIgl3vlperTC39jDoaBC5UyEZmhKvLyLt30F7+gVpUIPKdK818s0X9u8x7Pysfe5Z+lHF1ZOKx5ZGmOqKs/LElM/2G5dGfJe8rbxib5Lstcjr/zLu3yBfvTsJ1c9ivKByph8SVFUNn590SLgxHnSy35Gf4tE7CS3Uixk2eXEoigz3uR0sDolWK1jSTNod16+tNdFcZdRl2XUZVn87QYOAnPAw8DjwDPAi8ArwBvAW8B7wMeAy5ANBnEYsn4QlyFlMKQsFJg/zxR/A9iFXVp1rao64WXdXdoCiaOWqrB9bgkWsAAZ3sPduqrYktgvxSVeXUZppCz0y9WwkKi2cLGS4lusCHZlSrFkUDNWTIeDRk6XAkYhmSikApKeS4XC6WIsPx5KDUU26QOx+IDui2SN8Hj+W4q3EZmoRaY9oVhshM/S8/26V8+ngsFUXvdG+/ObecTUeD6SiXVFsqlQKJWNdMUykfz4kx5cux3X/uZ5IurxQRJj0/QjkWgV1VjECmioRxnNiIKeMprRIs62PGnN87recIFW/DSiBJL4r9AfvNpMLy8X6NnlxeaTS1R+tfk9+s3XlunLy82/LhHR0+Orv2Y32Bh4ugqK4svSlkPVNixrG3q6l/d0rllpaFa6pVlpIXoDQBWYAmaAU8BZ4BxwHngJuAJcBd4G3gduAK5mbTCIo1nrB+GalQZXIoIrWa5USTx5TNSU360urBwqQnFaoE2/oAPSX1WPT2fpZN/Dj8R2MiubOzNRO53PFQrZ/EM76Lb79uSyjTkWGJq6d+tk7JFHemu3fDWbs4bX+l9A3USz03NVrmjO+/QE3jtW2W7cYD/ZShrkLnI3G1nCQWuvacMbFN4ovLpQgYPktrW9ZrTVF21wzcYj2yCSDa7ZmGaDaza4ZoNrNghrg7A2CGuDsDYIa4OwNghrt1i/wSAO69cP4rLeBuvtVl+so8bqrRqrI7N1ZLaOzNaR2ToyW0dm68hsHZmtozzqKI86yqOO8qijPOoojzrKo96qsQ0GcWps/SCtveZR8RsT354Qvj0hfHvibDmdctsJz1zbcurC2w/vsPDuhrfnM1tO/nNUVPwcxTUxhZHDbhu1wM2qODODoxm0rOJ/34SKPSjfgnZQ7EEr/+MedJ/i8ylPdjNVeR3dKUDlrq7u5kq7x/+yn/m8T6wktg5Go4NbE4kqt9WEPpQMBJJDumuX/f77/X7/tKbQN1Vtl1fTvLv8zVxXis63T04qcvOOkri6FQWWdvPro9lEIJDIRnmcHr/tx3+qt9fRydnV77M/sDPoBwEw2ST38xdZhhN8DdERQSRno89Ab+4l3HdH/qMe75StHAV5joJOjvxrbaaXb3WEp8HrFtcFRa8VPwYmP92/8W2emfQnaTJ10xAfYY1mgu+26Tv4bOboYnM3m2z2dagyfVdWm/184FFNZgdlvCKsXJS1FBtupjtwjItWLnakGN4CyH8AiJ4JDwAAAAAAAAAAAAAB9gOEBIAFrAboBzYIMAhqCSwKxAs6eNptzUsKglAUxvG/D3oQlLSBnDWShoEbaOJIaAEOVARB8TFwAU1adZ91IpDOgXt/5+NwL7DjicNcDpv3OZfLWtPHHgEHs6/0ZF7JZ/NRvmjT8bdKAq5mlz03s0fI3exrZzSv5EdSVUU0DE2al2Odde3U9XH4DX9a3iRU6oKIQd2QklPq6ZqMjpZJZ0+sr5eb/7LF/AIuICoBAAAAeNpjYGIAg/9bGYwYsAF+BgZGJgYmBmYGdQY9Bn0GTQZeBg0GBYZoBi0GP4YwFr9QHx8AmJYFagA=) format('woff');
}

body{background-color:#0a4fa1;margin:0;padding:0;overflow:hidden;}
div,input,span,p,label,textarea{
    box-sizing: border-box;
    font-family:'Source Sans Pro', sans-serif;
    }
form {text-align:center;}
.fileContainer_ {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 0vw;
    line-height: 0vw;
    text-transform: uppercase;
    /* background-color: #ffcc00; */
    padding: 0px;
    border: 20px dotted orange;
    border-radius: 50vw;
    width: 80vw;
    height: 80vw;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 9px;
    /* font-size: 999px; */
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
#container {
/*    position: absolute;
    height: 40vh;
    top: 30%;
    left: 50%;
    margin: -5vw -45vw;
*/
    position: relative;
    margin: 16vh auto 0;
    }
_input#usub {
    font-size: 6vw;
    line-height: 11vw;
    vertical-align: middle;
    width: 81vw;
    padding: 0px;
    height: 12vw;
    -webkit-appearance: textfield;
    text-transform: uppercase;
    }
.fileContainer {
overflow: hidden;
position: relative;
z-index:10;
text-align: center;
display: block;
margin: 0 auto;
font-size: 0vw;
line-height: 0vw;
text-transform: uppercase;
/* background-color: #ffcc00; */
padding: 0px;
border: 20px dotted orange;
border-radius: 50vw;
width: 80vw;
height: 80vw;
vertical-align: middle;
/* 
    background-size: contain;
    background-repeat: no-repeat;
background-image:url(_sys/tto-back-4-blur.jpg);
 */
transition:transform 1500ms ease-in-out;
}
.fc-container {
position: relative;
text-align: center;
display: block;
margin: 0 auto;
font-size: 0vw;
line-height: 0vw;
padding: 0px;
/* border: 20px dotted green; */
border-radius: 50vw;
width: 80vw;
height: 80vw;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
/* background-image:url(_sys/tto-back-4-blur.jpg); */
transition:all 1000ms ease-in-out;
}
.fc-container .back {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(_sys/tto-back-skarpt2.jpg);
    transition: filter 1000ms ease-in-out;
    filter: blur(0px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:1;
    }
body.blink .fc-container .back {
    filter: blur(10px);
    }
.fc-container .backtop {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(_sys/take-klik.png);
    transition: all 1000ms ease-in-out;
    filter: blur(20px);
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:2;
    }

body.blink .fc-container .backtop {
    opacity: 1;
    filter: blur(0px);
    }

body.blink .fileContainer {
    /* border: 10px dotted orange; */
    transform: rotate(180deg);
    }
_form#image-form {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(_sys/tto-back-2.jpg);
    width: 80vw;
    height: 80vw;
    margin: 0 auto;
    font-size: 0vw;
    }
body.upload .fileContainer {
    font-size: 2vw;
    line-height: 2vw;
    text-transform: uppercase;
    /* background-color: #ffcc00; */
    padding: 0px;
    border: 4px dashed rgba(255,255,255,0.4);
    background-image:none;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.5);
    
}
body.upload _form#image-form {
    background-image:none;
    }
body.upload.saved .fileContainer {
    opacity:0;
    }

.usub-container {
    position: relative;
    display:inline-block;
    width: 12vw;
    height: 12vw;
    vertical-align: middle;
    padding:2px;
    border:0px solid rgba(255,255,255,0.5);
    border-radius: 6vw;
    margin: 20px 0 0 0;
    box-shadow: inset 6px 6px 24px rgba(0,0,0,0.6);
    }
input#usub, input[name=savename] {
    font-family: 'Liif-tto';
    font-size: 7vw;
    line-height: 0vw;
    vertical-align: middle;
    padding: 0px;
    -webkit-appearance: textfield;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 6vw;
    background-color: red;
    }
input[name=savename] {
    width: 8vw;
    height: 8vw;
    font-size: 9vw;
    background-color:rgb(59, 156, 196);
}
input#usub {
    position: absolute;
    z-index:1000;
    top: 50%;
    left:50%;

    width: 8vw;
    height: 8vw;
    margin: -4vw;
    box-shadow: inset -6px -6px 24px black;
    transition:all 100ms ease-in-out
    }
input#usub:focus {
    box-shadow: inset 6px 6px 24px black;
    }
@media (orientation:landscape) {
    span.vert{display:none;
        }
    #container {
        margin: 10vh auto;
        }
    .fileContainer, .fc-container {
        display: inline-block;
        width: 80vh;
        height: 80vh;
        }
    _form#image-form {
        width: 100vh;
        height: 80vh;
        }
    input#usub {
        width: 8vh;
        height: 8vh;
        margin: -4vh;
        font-size: 5vh;
        }
    .usub-container {
        position: relative;
        width: 12vh;
        height: 12vh;
        vertical-align: middle;
        padding:2px;
        margin: 0 0 0 20px;
        /* border:4px solid yellow; */
        }
}
#result-image {
    position:fixed;
    z-index:2;
    top:0;
    left:0;
    right:0;
    bottom:0;
    /* background-color:#d3d3d3; */
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
    }
#datainput {
    position: absolute;
    top: 50%;
    left:50%;
    margin: -35%;
    width: 70%;
    font-size:4vw;
    }
#part-name, #part-comment {
    width:100%;
    /* height:20vw; */
    /* max-height: 20vh; */
    /* font-size:6vw; */
    /* line-height:6vw; */
        font-size:22px;
        line-height:24px;
    height: 12vh;
    max-height: 12vh;
    overflow: scroll;
    font-weight: 600;
    }
#part-comment {
    height: 18vh;
    max-height: 18vh;
    }
@media(orientaion:landscape){
    #part-name, #part-comment {
        height: 16vh;
        max-height: 16vh;
        }
    #part-comment {
        height: 26vh;
        max-height: 26vh;
        }
    }
@media(min-width:500px){
    #part-name, #part-comment {
        font-size:28px;
        line-height:28px;
        }
    }

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    color: rgba(0,0,0,0.4);
    }
[contenteditable=true]:empty:focus:before {
    content: '';
    }
.get-data{
    position: absolute;
    z-index: 2;
    bottom: 6px;
    left: 6px;
    right: 6px;
    height: auto;
    border-radius: 4px;
    }
#wrapper.e404, .edit #wrapper, #wrapper.loaded{
    background-image: none;/*url(_sys/tto-back-2.jpg);*/
    }
#wrapper.e404 .get-data{
    position: absolute;
    z-index: 2;
    bottom: auto;
    left: 50%;
    top:40%;
    width:50%;
    margin-left:-25%;
    right: auto;
    height: auto;
    border-radius: 4px;
    }
body.upload.saved .get-data, body.view .get-data, .slide .get-data{
    background-color: rgba(255,255,255,0.7);
    padding: 8px 8px 4px 70px;
    background-image: url(_sys/take-neg-180.png);
    background-size: 60px;
    background-position:3px 3px;
    background-repeat: no-repeat;
    }
body.view .get-data{
    background-color: rgba(255,255,255,0.6);
    }
.get-data h3{
    margin: 0;
    color: black;
    font-size: 20px;
    line-height: 20px;
    font-weight:400;
    }
.get-data p{
    margin: 6px 0;
    color: black;
    font-size: 18px;
    line-height: 20px;
    font-weight: 200;
    }
.get-data a{
    color:rgba(204,0,0,1);
    text-decoration: none;
    border-bottom: 2px dotted rgba(204,0,0,0.7);
    }
.get-data h3:empty, .get-data p:empty{
    content:' ';
    }
    
/* Slide wrapper */
#wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0a4fa1;
    }
#wrapper{
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(_sys/tto-back-4-blur-2.jpg);
    }
body.sliding #wrapper{
    background-image: none;
    background-color: black;
    }
#wrapper .slide{
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity:0;
    transition:opacity 1000ms;
    overflow: hidden;
    }
#wrapper .slide-image{
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition:transform 4000ms;
    transform:scale(1);
    overflow: hidden;
    }
#wrapper .slide.selected{
    opacity:1
    }
#wrapper .slide.selected .slide-image{
    transform:scale(1.15);
    }
#wrapper .slide .slide-back {
    filter: blur(14px) contrast(0.7) brightness(1.5);
    -webkit-filter: blur(14px) contrast(0.7) brightness(1.5);
    transform:scale(1.15);
    background-size:cover;
    }
#wrapper .slide.selected .slide-back {
    transform:scale(1.7);
    }
#wrapper .slide{
    transition:opacity 1500ms;
    }
#wrapper .slide-image{
    transition:transform 6000ms ease-in-out;
    }
#controls {
    position:fixed;z-index:1001;top:6px;right:6px;
    }    
.control {
    font-family: 'Liif-tto';
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    width:38px;
    height:38px;
    border-radius: 30px;
    background-color: rgba(0,0,0,0.8);
    color: white;
    transition:all 200ms;
    cursor:pointer;
    margin-bottom: 10px;
    transform: rotate(45deg);
    }
.control:before {
    content:'*';
    }
body.slide-stop .control.stop {
    background-color: rgba(255,255,255,0.8);
    color: black;
    }
body.slide-stop .control.stop:before {
    content:'G';
    }
body.edit .control.stop {
    background-color: rgba(255,255,255,0.8);
    color: black;
    transform: rotate(0deg);
    }
body.edit .control.stop:before {
    content:'s';
    }
.control.kamera {
    transform: rotate(0deg);
    background-color: rgba(0,104,255,0.8);
    color: white;
    }
.control.kamera:before {
    content:'k';
    }
.edit .control.kamera {
    background-color: rgba(153,153,153,0.6);
    color: rgb(186, 186, 186);
    }