.hide{display:none}#lock-screen{margin:0;background-image:url(../img/background.jpeg);background-size:cover;height:100vh;width:100%;background-position:center;box-sizing:border-box;position:relative}.filtre-modal{width:100%;height:100vh;background-color:rgba(0,0,0,0.5);z-index:10;position:absolute}.filtre-brightness{width:100%;height:100vh;background-color:rgba(0,0,0,0.5);z-index:200;opacity:0;position:absolute;pointer-events:none}.panel-btn-container{position:absolute;width:100%;display:flex}.panel-btn-container .panel-button{margin:auto;width:40px;height:8px;border-radius:20px;background-color:rgba(255,255,255,0.4)}header{z-index:100;width:100%;position:fixed;color:#fff}header ul{display:flex;align-items:center}header ul:nth-child(1) li:nth-child(2){margin-left:0}header ul li{margin:0 4px;font-size:.9rem;display:inline-block}header #panel-top-btn-container{top:10px}header #left-header,header #center-header,header #right-header{margin:5px 0}header #left-header{justify-content:flex-start}header #left-header .round{margin:0 1px;height:7px;width:7px;border-radius:100%;border:1px solid #fff;background-color:#fff}header #left-header .empty{background-color:transparent}header #center-header{display:flex;justify-content:center}header #right-header{justify-content:flex-end}.extra-spacing-1{height:50px}.extra-spacing-2{height:76px}.no-battery{position:absolute;background-color:#000;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;z-index:500}.no-battery .apple-container{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-battery .apple-container i{font-size:5rem}.no-battery .apple-container p{font-weight:bold}#main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:85vh;color:#fff}#main #date{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}#main #date h1{font-size:6rem;font-weight:100;margin:30px 0 5px 0}#main #date p{margin:0;font-size:1.2rem}#main #unlock{align-items:center}#main #unlock h2{font-size:1.5rem;color:#fff;display:flex;justify-content:center;align-items:center}#main #unlock h2 i{font-size:2rem;margin-right:10px}#menu-scroll-bot{background-color:rgba(201,197,197,0.8);position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:50}#menu-scroll-bot .row{width:100%}#menu-scroll-bot #close-scroll-menu{display:flex;justify-content:center;color:#000;margin-bottom:0}#menu-scroll-bot #close-scroll-menu .arrow-down-img{background-image:url(../img/Arrow-Down-icon.png);background-size:contain;background-position:center;height:50px;width:50px;background-repeat:no-repeat}#menu-scroll-bot ul{margin:auto;width:85%;display:flex;justify-content:space-between}#menu-scroll-bot ul .menu-icon{background-color:rgba(119,119,119,0.61);color:#000;border-radius:100%;height:50px;width:50px;display:flex;justify-content:center;align-items:center;border:none;box-shadow:none}#menu-scroll-bot ul .menu-icon i{font-size:1.5rem}#menu-scroll-bot ul .active-icon{background-color:#fff}#menu-scroll-bot #luminosity,#menu-scroll-bot #sound-volume{display:flex;justify-content:center;align-items:center}#menu-scroll-bot #luminosity form,#menu-scroll-bot #sound-volume form{margin:0 10px;width:70%;display:flex;align-items:center}#menu-scroll-bot #luminosity form input,#menu-scroll-bot #sound-volume form input{margin:0;border:none;transform:rotate(180deg)}#menu-scroll-bot #luminosity form input[type=range],#menu-scroll-bot #sound-volume form input[type=range]{-webkit-appearance:none;margin:7.5px 0;width:100%}#menu-scroll-bot #luminosity form input[type=range]:focus,#menu-scroll-bot #sound-volume form input[type=range]:focus{outline:none}#menu-scroll-bot #luminosity form input[type=range]::-webkit-slider-runnable-track,#menu-scroll-bot #sound-volume form input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #222,0 0 0 #2f2f2f;background:transparent;border-radius:5px;border:1px solid black}#menu-scroll-bot #luminosity form input[type=range]::-webkit-slider-thumb,#menu-scroll-bot #sound-volume form input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #111,0 0 0 #1e1e1e;border:1px solid white;height:15px;width:15px;border-radius:100%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}#menu-scroll-bot #luminosity form input[type=range]:focus::-webkit-slider-runnable-track,#menu-scroll-bot #sound-volume form input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}#menu-scroll-bot #luminosity form input[type=range]::-moz-range-track,#menu-scroll-bot #sound-volume form input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #222,0 0 0 #2f2f2f;background:transparent;border-radius:5px;border:1px solid black}#menu-scroll-bot #luminosity form input[type=range]::-moz-range-thumb,#menu-scroll-bot #sound-volume form input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #111,0 0 0 #1e1e1e;border:1px solid white;height:15px;width:15px;border-radius:100%;background:#fff;cursor:pointer}#menu-scroll-bot #luminosity form input[type=range]::-ms-track,#menu-scroll-bot #sound-volume form input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;border-width:15px 0;color:transparent}#menu-scroll-bot #luminosity form input[type=range]::-ms-fill-lower,#menu-scroll-bot #sound-volume form input[type=range]::-ms-fill-lower{background:#fff;border:1px solid black;border-radius:10px;box-shadow:0 0 0 #222,0 0 0 #2f2f2f}#menu-scroll-bot #luminosity form input[type=range]::-ms-fill-upper,#menu-scroll-bot #sound-volume form input[type=range]::-ms-fill-upper{background:#000;border:1px solid black;border-radius:10px;box-shadow:0 0 0 #222,0 0 0 #2f2f2f}#menu-scroll-bot #luminosity form input[type=range]::-ms-thumb,#menu-scroll-bot #sound-volume form input[type=range]::-ms-thumb{box-shadow:0 0 0 #111,0 0 0 #1e1e1e;border:1px solid white;height:15px;width:15px;border-radius:100%;background:#fff;cursor:pointer}#menu-scroll-bot #luminosity form input[type=range]:focus::-ms-fill-lower,#menu-scroll-bot #sound-volume form input[type=range]:focus::-ms-fill-lower{background:#fff}#menu-scroll-bot #luminosity form input[type=range]:focus::-ms-fill-upper,#menu-scroll-bot #sound-volume form input[type=range]:focus::-ms-fill-upper{background:#0d0d0d}#menu-scroll-bot #luminosity form span,#menu-scroll-bot #sound-volume form span{display:none}#menu-scroll-bot #luminosity{background-color:rgba(119,119,119,0.61);padding:10px 0;margin-bottom:5px}#menu-scroll-bot #luminosity div:nth-child(1){font-size:.7rem}#menu-scroll-bot #music{display:flex;align-items:center;flex-direction:column;margin-bottom:0}#menu-scroll-bot #music #music-title{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:5px 0;height:40px}#menu-scroll-bot #music #music-title h3,#menu-scroll-bot #music #music-title p{margin:3px 0}#menu-scroll-bot #music #music-title h3{font-size:1.1rem;color:#fff}#menu-scroll-bot #music #music-title p{font-size:.9rem}#menu-scroll-bot #music ul{width:50%;margin-top:10px}#menu-scroll-bot #music ul i{font-size:1.6rem;transition:.2s}#menu-scroll-bot #music ul i:active{color:rgba(119,119,119,0.61)}#menu-scroll-bot #music #sound-volume{margin:10px 0}#menu-scroll-bot #airplay .airplay-active{filter:invert(100)}#menu-scroll-bot #airplay .container-airplay{background-color:rgba(119,119,119,0.61);display:flex;justify-content:center;align-items:center;height:60px}#menu-scroll-bot #airplay .container-airplay:nth-child(1){border-right:1px solid rgba(201,197,197,0.8)}#menu-scroll-bot #airplay .container-airplay p{font-size:.9rem}#menu-scroll-bot #airplay .container-airplay figure{background-position:center;background-size:contain;background-repeat:no-repeat;margin:0;height:25px;width:40px}#menu-scroll-bot #airplay .container-airplay #airplay-pict{background-image:url(../img/Airplay.png)}#menu-scroll-bot #airplay .container-airplay #airdrop-pict{background-image:url(../img/airdrop.png)}#menu-scroll-bot #buttons-down .menu-icon{border-radius:10px;height:60px;width:60px}#menu-scroll-bot #buttons-down .menu-icon i{font-size:1.8rem}footer{bottom:0}footer #panel-bottom-btn-container{bottom:15px}footer #camera-container{position:absolute;bottom:5px;right:10px}footer #camera-container a{color:rgba(255,255,255,0.4)}footer #camera-container a .fa-camera{font-size:1.8rem}.blink{animation:blink 3s ease infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}#menu{margin:0;background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../img/background.jpeg);background-size:cover;background-position:center;height:100vh;width:100%}#menu header{margin-bottom:5px}#menu #gallery,#menu footer{box-sizing:border-box}#menu #gallery .row,#menu footer .row{display:flex;margin-bottom:5px}#menu #gallery .row .app-container,#menu footer .row .app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;margin:0;transition:.3s}#menu #gallery .row .app-container:active .app-icon,#menu footer .row .app-container:active .app-icon{-webkit-filter:brightness(.5);filter:brightness(.5)}#menu #gallery .row .app-container .app-icon,#menu footer .row .app-container .app-icon{background-image:url(../img/message.png);background-repeat:no-repeat;background-size:contain;background-position:center;height:55px;width:60px;margin:0}#menu #gallery .row .app-container p,#menu footer .row .app-container p{margin:5px 0 0 0;font-size:.67rem}#menu #gallery{height:65vh;overflow:hidden}#menu footer{position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,0.2);padding:15px 0}#menu footer .row{margin:0}#menu footer .row p{margin-bottom:0 !important}#repertoire header,#messages header{color:#000;background-color:#F9F9F9;border-bottom:1px solid #d6d6d6}#repertoire header .round,#messages header .round{border-color:#000;background-color:#000}#repertoire header .empty,#messages header .empty{background-color:transparent}#repertoire header .row,#messages header .row{margin:0}#repertoire header .row:nth-child(2),#messages header .row:nth-child(2){display:flex;align-items:center;box-sizing:border-box;padding:10px 10px}#repertoire header .row:nth-child(2) .s4:nth-child(2),#messages header .row:nth-child(2) .s4:nth-child(2){text-align:center;font-size:1.3rem;margin:0}#repertoire header .row:nth-child(2) .s4:nth-child(3),#messages header .row:nth-child(2) .s4:nth-child(3){text-align:right}#repertoire header .message-header a:nth-child(3),#messages header .message-header a:nth-child(3){display:flex;justify-content:flex-end}#repertoire header .message-header a:nth-child(3) figure,#messages header .message-header a:nth-child(3) figure{background-image:url(../img/typecompose.png);background-size:contain;background-position:center;background-repeat:no-repeat;height:20px;width:20px;margin:0;filter:custom()}#repertoire #repertoire-main .row,#messages #repertoire-main .row{margin:0}#repertoire #repertoire-main .row:nth-child(2) .contact-pict,#messages #repertoire-main .row:nth-child(2) .contact-pict{background-image:url(../img/user1.jpg)}#repertoire #repertoire-main .row:nth-child(3) .contact-pict,#messages #repertoire-main .row:nth-child(3) .contact-pict{background-image:url(../img/user2.jpg)}#repertoire #repertoire-main #search-container,#messages #repertoire-main #search-container{background-color:#b9b9b9;display:flex;justify-content:center;padding:10px;box-sizing:border-box}#repertoire #repertoire-main #search-container input,#messages #repertoire-main #search-container input{margin:0;background-color:#fff;text-align:center;padding:5px 10px;height:20px;border-radius:5px;border:none}#repertoire #repertoire-main .contact-id-container,#messages #repertoire-main .contact-id-container{display:flex;align-items:flex-start;padding:10px 0;height:76.4px;border-bottom:1px solid #cfcfcf}#repertoire #repertoire-main .contact-id-container .contact-pict,#messages #repertoire-main .contact-id-container .contact-pict{border-radius:100%;background-position:center;background-repeat:no-repeat;background-size:contain;height:55px;width:55px;margin:0;align-self:center}#repertoire #repertoire-main .contact-id-container .contact-name,#messages #repertoire-main .contact-id-container .contact-name{padding:0}#repertoire #repertoire-main .contact-id-container .contact-name h3,#messages #repertoire-main .contact-id-container .contact-name h3{font-size:1rem;font-weight:bold;margin:0;color:#000}#repertoire #repertoire-main .contact-id-container .contact-name p,#messages #repertoire-main .contact-id-container .contact-name p{margin-top:5px}#repertoire #repertoire-main .contact-id-container p,#messages #repertoire-main .contact-id-container p{color:#7a7a7a}#repertoire #repertoire-main .contact-id-container .contact-to-sms,#messages #repertoire-main .contact-id-container .contact-to-sms{text-align:right;display:flex;align-items:center;justify-content:flex-end;margin:0}#repertoire #repertoire-main .contact-id-container .contact-to-sms span,#messages #repertoire-main .contact-id-container .contact-to-sms span{height:auto;padding-left:10px;font-size:1.5rem}#messages{background-color:#fff}#messages .toUppercase{text-transform:uppercase}#messages #messages-sent{height:80vh;display:flex;flex-direction:column;overflow:scroll;background-color:#fff;margin-bottom:0}#messages #messages-sent .message{max-width:85%;padding:10px;border-radius:10px;position:relative;margin:5px}#messages #messages-sent .message p{margin:0}#messages #messages-sent .user{align-self:flex-end;background-color:#069EEA;color:#fff}#messages #messages-sent .user:before{content:' ';position:absolute;width:0;height:0;right:-6px;bottom:0;border:10px solid;transform:rotate(90deg);border-radius:10px;z-index:0;border-color:transparent #069EEA transparent transparent}#messages #messages-sent .other-user{align-self:flex-start;background-color:#cfcfcf}#messages #messages-sent .other-user:before{content:' ';position:absolute;width:0;height:0;left:-6px;bottom:0;border:10px solid;border-radius:10px;z-index:0;border-color:transparent #cfcfcf #cfcfcf transparent}#messages #messages-sent .date{font-size:.8rem;color:#7a7a7a;margin:10px 0}#messages #writing{position:fixed;bottom:0;width:100%}#messages #writing #writing-bar{margin-bottom:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -1px 1px rgba(201,197,197,0.8);background-color:#F9F9F9;width:100%;padding:10px 15px;box-sizing:border-box}#messages #writing #writing-bar form{width:80%}#messages #writing #writing-bar form input{background-color:#fff;height:25px;margin:0;border-radius:3px;border:none;box-sizing:border-box;box-shadow:inset 2px 1px 2px rgba(119,119,119,0.61);color:#7a7a7a;padding:2px 5px}#messages #writing #writing-bar a{height:20px;width:20px;display:flex;align-items:center;justify-content:center}#messages #writing #writing-bar .fa-camera{color:#7a7a7a;font-size:1.3rem}#messages #writing #writing-bar .micro-container{height:27px;width:27px;font-size:1.2rem;color:#F9F9F9;background-color:#7a7a7a;border-radius:100%;display:flex;justify-content:center;align-items:center}#messages #writing #keyboard{display:none}#messages #writing #keyboard .row{display:flex;justify-content:center;flex-wrap:wrap;background-color:#cfcfcf;margin-bottom:0}#messages #writing #keyboard .row .letter{height:30px;width:25px;background-color:#fff;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:3px;box-shadow:0 2px 0 rgba(119,119,119,0.61);cursor:pointer;text-transform:uppercase}#messages #writing #keyboard .row .letter:active{background-color:#7a7a7a;box-shadow:inset 2px 1px 2px rgba(0,0,0,0.5)}#messages #writing #keyboard .row .special{color:#fff;background-color:#adadad;width:35px}#messages #writing #keyboard .row .maj{margin-right:12px}#messages #writing #keyboard .row .delete{margin-left:12px}#messages #writing #keyboard .row .return{width:70px}#messages #writing #keyboard .row .space{width:65px}#camera{background-color:#000;position:relative;width:100%;box-sizing:border-box}#camera header,#camera footer{background-color:rgba(0,0,0,0.5)}#camera header{padding:5px 0;display:flex;align-items:center;justify-content:space-between}#camera header .hdr-enabled{color:#ffd600}#camera header i{font-size:1.5rem}#camera #inner-camera-container{position:absolute;height:100vh;width:100%;overflow:hidden}#camera #inner-camera-container #inner-camera{transform:rotateY(180deg);position:absolute;top:0;height:100vh;left:-270px}#camera footer{z-index:500;position:fixed;width:100%}#camera footer .row{margin-bottom:5px;display:flex;justify-content:center;align-items:center}#camera footer #picture-mode{display:flex}#camera footer #picture-mode li{margin:0 3px;position:relative;padding-top:5px}#camera footer #picture-mode li a{color:#fff}#camera footer #picture-mode li .yellow-round{height:5px;width:5px;border-radius:100%;background-color:#ffd600;position:absolute;top:0;left:50%;display:none}#camera footer #snap-container{height:70px;width:70px;border-radius:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}#camera footer #snap-container #snap{height:55px;width:55px;border-radius:100%;background-color:#fff;border:1px solid #000}#camera footer #snap-container #snap:active{background-color:#7a7a7a}#camera footer #last-picture{position:absolute;bottom:10px;left:10px;height:50px;width:50px;background-image:url(../img/snap-pict.jpg);background-size:cover;background-position:center;margin:0}