.loader,.title{position:fixed;right:0;z-index:9999;top:0}.main{position:fixed}.main .annonce{display:block;-webkit-transition:.5s ease;transition:.5s ease;margin-bottom:30px}.main .annonce:nth-child(1){margin-top:0}.main .annonce:nth-child(2){margin-top:220px}@font-face{font-family:Dosis;src:url(../fonts/Dosis-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Dosis;src:url(../fonts/Dosis-SemiBold.ttf);font-weight:400;font-style:italic}@font-face{font-family:Dosis;src:url(../fonts/Dosis-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Dosis;src:url(../fonts/Dosis-ExtraBold.ttf);font-weight:700;font-style:italic}@font-face{font-family:Dosis;src:url(../fonts/Dosis-Light.ttf);font-weight:lighter;font-style:normal}@font-face{font-family:Dosis;src:url(../fonts/Dosis-ExtraLight.ttf);font-weight:lighter;font-style:italic}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.1)}::selection{background:rgba(249,133,178,.2)}::-moz-selection{background:rgba(249,133,178,.2)}body{font-family:Dosis;margin:0;padding:0;background:#111}.loader .wrap,.title{background:url(../ressources/avatarbg.png)}.no-scroll{overflow:hidden!important}.no-scroll .operator{min-height:inherit!important}.show-on-mobile{display:none!important}.hide-on-mobile{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.loader{left:400px;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.loader .wrap{width:214px;height:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:26px;border-radius:6px}.loader .wrap svg{width:572px;height:300px}.loader .wrap svg path{stroke-width:4;fill:none;stroke:#F90;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1500;stroke-dashoffset:0;-webkit-animation:animLoader 4s linear infinite alternate;animation:animLoader 4s linear infinite alternate}@-webkit-keyframes animLoader{0%{stroke-dasharray:2000;stroke-dashoffset:-2000}100%{stroke-dasharray:1700;stroke-dashoffset:0}}@keyframes animLoader{0%{stroke-dasharray:2000;stroke-dashoffset:-2000}100%{stroke-dasharray:1700;stroke-dashoffset:0}}.title{display:none;left:0;height:55px;color:#fff;font-weight:700}.logo,.operators,.operators.list,.title .caption,.title .menu,.title .menu i{position:absolute}.title .menu{top:0;left:0;bottom:0;width:55px;cursor:pointer}.title .menu i{opacity:0;-webkit-transition:.5s ease;transition:.5s ease;top:22px;left:19px}.title .menu i.show{opacity:1}.title .caption{top:0;left:55px;right:55px;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.logo,.main{top:0;left:0}.main{bottom:0;width:340px;background:#111}.logo{background:url(../ressources/logo.png) center no-repeat;right:0;height:200px}.logo.on-list{right:inherit;left:-300px;width:300px;z-index:4;border-bottom:solid 1px #ccc;background:url(../ressources/logo.png) center no-repeat,url(../ressources/aside-bg.png) top left;-webkit-transition:.5s ease;transition:.5s ease}.logo.opened{left:0}.operators .operator .actions{display:none}.list .operator .actions a,.operators.list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.operators.list{padding:60px 0 0;left:400px;right:100px;display:flex;list-style:none;width:auto;-webkit-flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box}.operators.list li{position:relative;list-style:none;background:url(../ressources/avatarbg.png);width:241px;height:400px;border-radius:6px;-webkit-transition:.5s ease;transition:.5s ease;margin:10px 2%}.list .operator .actions a,.list .operator>.phoneCode{position:absolute;-webkit-transition:.5s ease;text-decoration:none}.operators.list li:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.list .operator>.phoneCode{top:140px;left:0;right:0;color:#F90;font-size:31px;transition:.5s ease;padding:12px 16px}.list .operator>.phoneCode .code{position:absolute;left:50px;right:0;top:11px;bottom:0}.list .operator>.avatar{position:absolute;top:10px;left:69px;width:100px;height:100px;background-size:cover;background-position:center center;border-radius:100px}.list .operator>.state{background-image:url(../ressources/avatarbg.png);position:absolute;left:143px;top:81px;width:33px;height:33px;border-radius:33px;z-index:999;opacity:1;background-position:-143px -81px;background-color:transparent;border:none}.list .operator>.state::after{content:'';position:absolute;width:0;height:0;top:4px;left:4px;border-width:13px;border-radius:17px;border-style:solid;-webkit-transition:1s ease;transition:1s ease;-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}.list .operator>.state>.fa{display:none}.list .operator>.state.available::after{-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}.list .operator>.state.atPhone::after{-webkit-transform:rotate3d(-1,0,0,180deg);transform:rotate3d(-1,0,0,180deg)}.list .operator>.state.disconnected::after{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}.list .operator>.username{position:absolute;top:111px;left:0;right:0;text-align:center;font-size:21px;color:#eee}.list .operator .description{position:absolute;top:200px;left:0;right:0;bottom:60px;background:url(../ressources/opDetails-bg.png);color:#333;overflow:auto;padding:5px 12px;text-align:justify}.list .operator .actions{display:block;position:absolute;left:0;right:0;bottom:0;height:60px}.list .operator .actions a{display:flex;top:0;bottom:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;color:#F90;font-size:31px;transition:.5s ease}.list .operator .actions a:hover{background-color:rgba(255,255,255,.2)}.list .operator .actions a.album{left:0}.list .operator .actions a.chat{left:50%}.dock-transition{left:-300px;-webkit-animation:asideSlideRight .3s ease forwards;animation:asideSlideRight .3s ease forwards}.operators.dock{top:200px;left:0;bottom:0;width:300px;margin:0;list-style-type:none;padding:0;position:fixed;background:url(../ressources/aside-bg.png);z-index:3;overflow:auto}@-webkit-keyframes asideSlideRight{from{left:-300px}to{left:0}}@keyframes asideSlideRight{from{left:-300px}to{left:0}}.operators+.close{position:fixed;top:0;right:0;background:#F90;color:#fff;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;z-index:5;height:44px;width:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.dock .operator,.dock li,.operator .state{position:relative}.operators.dock+.close{-webkit-animation:closeDetailsAnim .5s ease forwards;animation:closeDetailsAnim .5s ease forwards}.album>.close,.album>.describe,.album>.state,.chat .chat-details>.close,.chat .chat-details>.describe-operator,.chat .chat-details>.state-operator,.operators.list .operator .actions>.phoneCode{display:none}@-webkit-keyframes closeDetailsAnim{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}50%{-webkit-transform:rotateX(77deg);transform:rotateX(77deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes closeDetailsAnim{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}50%{-webkit-transform:rotateX(77deg);transform:rotateX(77deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.operator .state{width:45px;height:45px;border:4px solid;z-index:2}.operator .state .fa{font-size:36px;padding:6px;-webkit-transition:.5s ease;transition:.5s ease}.operator .state.available,.operator .state.available::after{border-color:#77C53B}.operator .state.available .fa{color:#77C53B}.operator .state.atPhone,.operator .state.atPhone::after{border-color:orange}.operator .state.atPhone .fa{color:orange;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.operator .state.disconnected,.operator .state.disconnected::after{border-color:red}.operator .state.disconnected .fa{color:red;-webkit-transform:rotate(86deg);-ms-transform:rotate(86deg);transform:rotate(86deg)}.dock .operator{height:83px;overflow:hidden;-webkit-transition:.5s ease;transition:.5s ease;border-bottom:solid 1px #ccc}.dock .operator.selected,.dock .operator:hover{background:rgba(255,255,255,.5)}.dock .operator.has-description:hover{height:153px}.dock .operator a{position:absolute;left:0;right:0;top:0;bottom:0;display:block}.dock .operator .avatar{width:60px;height:60px;display:block;background-size:cover;background-position:center;position:absolute;left:10px;top:9px;border-radius:60px}.details .operator>.state>.fa,.dock .operator .phoneCode .fa{display:none}.dock .operator .state{width:0;height:0;border:0 solid transparent;right:24px;top:30px;position:absolute}.dock .operator .state i{left:-31px;top:-12px;position:absolute}.dock .operator .phoneCode{position:absolute;left:81px;right:0;top:47px;color:#F90;font-size:22px}.dock .operator .phoneCode .code{position:absolute;top:0;left:0}.dock .username{position:absolute;left:81px;top:13px;font-size:21px;color:#333}.dock .operator .description{position:absolute;top:82px;left:81px;right:20px;bottom:0;color:#333}.dock .operator .description p{margin:0}.details{width:100%;height:100%;position:absolute;top:0;left:0}.details .operator{position:fixed;top:0;bottom:0;background:url(../ressources/opDetails-bg.png);width:300px;padding-left:100px;-webkit-animation:detailsSlideRight .5s ease forwards;animation:detailsSlideRight .5s ease forwards;overflow-x:hidden}@-webkit-keyframes detailsSlideRight{from{left:-300px}to{left:300px}}@keyframes detailsSlideRight{from{left:-300px}to{left:300px}}.details .loading{position:absolute;top:273px;left:0;right:0;height:3px;background:orange;-webkit-transition:.5s ease;transition:.5s ease}.details .loading.show{top:276px}.details .loading .current{position:absolute;top:0;bottom:0;left:0;width:33%;background:#F90;-webkit-animation:loadingAnimate linear 2s infinite alternate;animation:loadingAnimate linear 2s infinite alternate}.details .loading .current .shadow{position:absolute;top:0;bottom:0;left:-80%;width:80%;background:#2E9FFC}@-webkit-keyframes loadingAnimate{0%{left:0;width:33%}50%{left:50%;width:50%}100%{left:100%;width:33%}}@keyframes loadingAnimate{0%{left:0;width:33%}50%{left:50%;width:50%}100%{left:100%;width:33%}}.details .operator>.avatar{position:absolute;top:30px;left:120px;width:150px;height:150px;background-size:cover;background-position:center center;border-radius:150px}.details .operator>.avatar-background{background-image:url(../ressources/avatarbg.png);height:276px;position:absolute;top:0;left:0;right:0;background-position-y:-54px}.details .operator>.username{position:absolute;top:200px;left:0;font-size:40px;width:400px;text-align:center;color:#fff}.details .operator>.state{background-image:url(../ressources/avatarbg.png);position:absolute;left:220px;top:142px;width:44px;height:44px;border-radius:22px;z-index:999;opacity:1;background-position:-220px -138px;background-color:transparent;border:none}.details .operator>.state::after{content:'';position:absolute;width:0;height:0;top:5px;left:5px;border-width:17px;border-radius:17px;border-style:solid;-webkit-transition:1s ease;transition:1s ease;-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}.details .operator>.state.available::after{-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}.details .operator>.state.atPhone::after{-webkit-transform:rotate3d(-1,0,0,180deg);transform:rotate3d(-1,0,0,180deg)}.details .operator>.state.disconnected::after{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}.details .operator>.play{position:absolute;top:238px;right:33px;width:70px;height:70px;border-radius:70px;background:#2E9FFC;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:30px;-webkit-box-shadow:0 1px 5px 1px #555;box-shadow:0 1px 5px 1px #555;cursor:pointer;-webkit-transition:.5s ease;transition:.5s ease}.details .operator>.play.hide{display:none}.details .phone-process .call,.details .phone-process-close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.details .operator>.play:hover{background:#58B2FC}.details .operator .menuBtn,.details .operator .menuBtn:active,.details .operator .menuBtn:visited{position:absolute;left:0;width:400px;height:60px;text-decoration:none;background:0 0;-webkit-transition:.5s ease;transition:.5s ease;cursor:pointer}.details .operator .menuBtn:hover{background:#fff}.details .operator .menuBtn>.fa{font-size:33px;position:absolute;left:16px;top:13px;color:#F90}.details .operator .menuBtn>.caption{position:absolute;top:19px;left:70px;font-size:25px;color:#333;border-bottom:solid 1px #ccc;padding-bottom:11px;right:50px}.menuBtn.phoneCode{top:314px}.menuBtn.album{top:374px}.menuBtn.chat{top:434px}.details .operator>.description{position:absolute;top:370px;bottom:0;left:16px;width:400px;overflow-y:auto;overflow-x:hidden;color:#333}.details .operator>.description h3{color:#58B2FC}.details .operator>.description p{padding-left:20px;border-left:solid 3px #F90;margin:0 55px 0 4px;text-align:justify}.details .phone-process-close{position:fixed;top:0;color:#F90;left:300px;width:44px;height:44px;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}.details .phone-process{position:fixed;top:274px;left:300px;width:400px;bottom:0;background:url(../ressources/avatarbg.png);background-position-y:-270px;z-index:4;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;-webkit-transition:.5s ease;transition:.5s ease;color:#eee;font-size:20px}.details .phone-process .call{display:flex;position:absolute;bottom:55px;left:0;right:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.details .phone-process .call-btn{background:#F90;color:#fff;width:121px;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;font-size:37px;border-radius:37px}.details .phone-process .informations .contact{text-align:center;margin-top:30px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.details .phone-process .informations .contact.hide-on-mobile .caption{display:block;font-size:18px}.details .phone-process .informations .contact.hide-on-mobile .number{display:inline-block;font-weight:700}.details .phone-process .informations .code{text-align:center;font-size:60px;margin-top:39px;opacity:.7}.details .phone-process .surtax-information{position:absolute;bottom:21px;font-size:15px;left:0;right:0;text-align:center}.details .operator>.surtax-information{position:absolute;top:283px;left:9px;color:#2E9FFC;font-size:22px}.details .phone-process.show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.details .content{position:absolute;left:700px;right:0;top:-100%;height:100%;-webkit-animation:albumSlideUp .5s ease forwards;animation:albumSlideUp .5s ease forwards}.details .content>div[ui-view]{position:absolute;top:0;left:0;right:0;bottom:0}@-webkit-keyframes albumSlideUp{from{top:-100%}to{top:0}}@keyframes albumSlideUp{from{top:-100%}to{top:0}}.details .album,.details .album ul{position:relative;height:100%;margin:0;padding:0;overflow:hidden;white-space:nowrap;outline:0;background:#111}.details .album .btn{position:absolute;top:0;bottom:0;width:100px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-size:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#F90;-webkit-transition:.5s ease;transition:.5s ease}.details .album .btn:active{background:rgba(255,255,255,.2)}.details .album .btn.back{left:0}.details .album .btn.next{right:0}.details .album:hover .btn{color:#aaa;width:80px}.details .album .btn:hover{color:#fff}.details .album li{width:100%;height:100%;position:relative;list-style-type:none;margin:0 0 200px;display:inline-block}.chat-details .state,.surtax-message{display:-webkit-box;display:-webkit-flex}.details .album .pic{position:absolute;background-size:contain;background-position:center center;top:20%;left:20%;right:20%;bottom:20%;background-repeat:no-repeat}.chat,.chat-details{left:0;right:0;position:absolute;top:0}.slideNext{-webkit-animation:slideNext .5s ease forwards;animation:slideNext .5s ease forwards}@-webkit-keyframes slideNext{0%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:.4}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}@keyframes slideNext{0%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:.4}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}.slideBack{-webkit-animation:slideBack .5s ease forwards;animation:slideBack .5s ease forwards}@-webkit-keyframes slideBack{0%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1);opacity:.4}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}@keyframes slideBack{0%{-webkit-transform:translateX(50%) scale(1);transform:translateX(50%) scale(1);opacity:.4}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}}.chat{bottom:0}.chat-details .state{position:absolute;top:0;right:44px;width:44px;height:44px;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.5s ease;transition:.5s ease;color:#fff}.lock-message,.surtax-message{height:65px;color:#fff;padding:0 17px;cursor:pointer}.chat-details .state .fa{display:none}.chat-details .state.lock .fa-lock,.chat-details .state.unlock .fa-unlock{display:block}.chat-details .state.lock{background-color:#F90}.chat-details .state.unlock{background-color:#77C53B}.surtax-message{background:#F90;position:fixed;top:10px;left:350px;right:10px;z-index:9999;text-decoration:none;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotateX(90deg) translateY(-40px);transform:rotateX(90deg) translateY(-40px);-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;max-width:100%;-webkit-animation:surtaxMessage .5s ease forwards;animation:surtaxMessage .5s ease forwards}.chat-details .visitor,.lock-message{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;position:absolute}@-webkit-keyframes surtaxMessage{0%{-webkit-transform:rotateX(90deg) translateY(-40px);transform:rotateX(90deg) translateY(-40px)}100%{-webkit-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}}@keyframes surtaxMessage{0%{-webkit-transform:rotateX(90deg) translateY(-40px);transform:rotateX(90deg) translateY(-40px)}100%{-webkit-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}}.surtax-message b{font-family:"Helvetica Neue"!important}.lock-message{background:#F90;right:20px;top:58px;z-index:4;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotateX(90deg) translateY(-40px);transform:rotateX(90deg) translateY(-40px);-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;max-width:80%}.lock-message::after{position:absolute;content:'';right:37px;bottom:-5px;width:20px;height:20px;background:#F90;z-index:3;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.lock-message.lock{-webkit-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}.chat-details .visitor{top:0;left:70px;right:88px;height:44px;background-color:#333;color:#eee;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:10px}.chat-details .visitor form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.chat-details .visitor form>*{margin:0 5px 0 0;-webkit-transition:.5s ease;transition:.5s ease}.chat-details .visitor input{width:0;height:14px;opacity:0;outline:0;border:none;padding:15px;margin:0;background:#444;color:#eee;font-weight:700;font-size:15px}.chat-details .visitor:hover input{width:150px;opacity:1}.chat-details .visitor .pseudo{font-weight:700}.chat-details .visitor:hover .pseudo{display:none}.chat-details .users,.phone-alert.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.chat-details .visitor button{height:44px;color:#eee;background:#111;border:none;cursor:pointer}.chat-details .visitor button:hover{background:#eee;color:#111}.chat-details .users{position:absolute;top:0;left:0;height:44px;width:70px;background:#eee;color:#77C53B;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:700}.chat-details .users .number{color:#111}.chat .chat-messages{overflow:auto;position:absolute;top:44px;left:0;right:0;bottom:44px;background-image:url(../ressources/bg.png)}.phone-alert{background:rgba(0,0,0,.3);position:absolute;top:0;bottom:0;left:300px;right:0;display:none;font-size:50px;color:#fff;z-index:3}.phone-alert.show{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.phone-alert .circle,.phone-alert .circle:active,.phone-alert .circle:visited{position:relative;background:#F90;color:#fff;text-decoration:none;border-radius:50px;width:70px;height:70px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-animation:vibrate 1s infinite;animation:vibrate 1s infinite;z-index:999}@-webkit-keyframes vibrate{0%,10%,100%,20%,40%,60%,90%{-webkit-transform:rotate(0);transform:rotate(0)}30%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes vibrate{0%,10%,100%,20%,40%,60%,90%{-webkit-transform:rotate(0);transform:rotate(0)}30%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}.phone-alert .circle .pulse{position:absolute;width:90px;height:90px;left:0;top:0;border-radius:90px;-webkit-box-shadow:inset 0 0 8px 6px #F90;box-shadow:inset 0 0 8px 6px #F90}.phone-alert .circle .pulse.a{-webkit-animation:pulseA 1.5s infinite;animation:pulseA 1.5s infinite}.phone-alert .circle .pulse.b{-webkit-animation:pulseB 1.5s infinite;animation:pulseB 1.5s infinite}@-webkit-keyframes pulseA{0%{width:90px;height:90px;border-radius:90px;top:0;left:0;-webkit-box-shadow:inset 0 0 8px 6px #F90;box-shadow:inset 0 0 8px 6px #F90}100%{width:150px;height:150px;border-radius:150px;left:-30px;top:-30px;-webkit-box-shadow:inset 0 0 18px 10px #F90;box-shadow:inset 0 0 18px 10px #F90}}@keyframes pulseA{0%{width:90px;height:90px;border-radius:90px;top:0;left:0;-webkit-box-shadow:inset 0 0 8px 6px #F90;box-shadow:inset 0 0 8px 6px #F90}100%{width:150px;height:150px;border-radius:150px;left:-30px;top:-30px;-webkit-box-shadow:inset 0 0 18px 10px #F90;box-shadow:inset 0 0 18px 10px #F90}}@-webkit-keyframes pulseB{0%{width:90px;height:90px;border-radius:90px;top:0;left:0;-webkit-box-shadow:inset 0 0 8px 6px #F90;box-shadow:inset 0 0 8px 6px #F90}100%{width:120px;height:120px;border-radius:120px;left:-15px;top:-15px;-webkit-box-shadow:inset 0 0 18px 10px #F90;box-shadow:inset 0 0 18px 10px #F90}}@keyframes pulseB{0%{width:90px;height:90px;border-radius:90px;top:0;left:0;-webkit-box-shadow:inset 0 0 8px 6px #F90;box-shadow:inset 0 0 8px 6px #F90}100%{width:120px;height:120px;border-radius:120px;left:-15px;top:-15px;-webkit-box-shadow:inset 0 0 18px 10px #F90;box-shadow:inset 0 0 18px 10px #F90}}.chat .chat-messages .chat-message{position:relative;margin:10px 10px 17px 30%;background:#fff;color:#000;width:40%;-webkit-box-shadow:0 0 1px 1px #ddd;box-shadow:0 0 1px 1px #ddd;border-radius:0 5px 5px;padding:10px}.chat .chat-messages .chat-message.left{margin-left:10%;-webkit-box-shadow:-1px 1px 1px 1px #ddd;box-shadow:-1px 1px 1px 1px #ddd}.chat .chat-messages .chat-message.left::before{content:'';position:absolute;top:0;left:-5px;width:20px;height:9px;background:#fff;-webkit-transform:skew(45deg);-ms-transform:skew(45deg);transform:skew(45deg);-webkit-box-shadow:-3px 1px 1px 1px #ddd;box-shadow:-3px 1px 1px 1px #ddd;z-index:1}.chat .chat-messages .chat-message.left::after{content:'';position:absolute;top:0;left:-5px;width:24px;height:12px;background:#fff;-webkit-transform:skew(45deg);-ms-transform:skew(45deg);transform:skew(45deg);z-index:2}.chat .chat-messages .chat-message .pseudo{position:absolute;top:9px;left:6px;font-weight:700;color:#79A458}.chat .chat-messages .chat-message .message-content{position:relative;margin:16px 0 3px;color:#444}.chat .chat-messages .chat-message.right{background:#e2eed9;color:#000;margin-right:10%;margin-left:auto;-webkit-box-shadow:1px 1px 1px 1px #ddd;box-shadow:1px 1px 1px 1px #ddd}.chat .chat-messages .chat-message.right::before{content:'';position:absolute;top:0;right:-5px;width:20px;height:9px;background:#e2eed9;-webkit-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg);-webkit-box-shadow:3px 1px 1px 1px #ddd;box-shadow:3px 1px 1px 1px #ddd;z-index:1}.chat .chat-messages .chat-message.right::after{content:'';position:absolute;top:0;right:-5px;width:24px;height:11px;background:#e2eed9;-webkit-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg);z-index:2}.chat .chat-messages .chat-message .date{position:absolute;bottom:1px;right:3px;font-size:13px;color:#555}.chat .chat-messages .chat-message.information{background:#FFF6E8;color:#000;border-radius:5px}.chat .chat-messages .chat-message.information::after,.chat .chat-messages .chat-message.information::before{display:none}.chat .chat-send{position:absolute;bottom:0;left:0;right:0;height:44px;background-color:#111}.chat .chat-send button{position:absolute;top:0;right:0;width:44px;bottom:0;color:#eee;background:#111;border:none;cursor:pointer;-webkit-transition:.5s ease;transition:.5s ease}.chat .chat-send button:hover{color:#111;background-color:#eee}.chat .chat-send .text{position:absolute;top:0;left:0;bottom:0;right:44px}.chat .chat-send .text input{width:100%;position:absolute;top:0;left:0;bottom:0;border:0;outline:0;background:#444;color:#eee;padding:15px;font-weight:700;font-size:15px}@media (max-width:992px){.surtax-message{left:10px;top:4px;position:absolute;z-index:1;min-height:96px}.loader,.main{left:0}.show-on-mobile{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.hide-on-mobile{display:none!important}.title{display:block}.operators+.close{top:0;z-index:10000;width:55px;height:55px}.main{position:fixed;-webkit-transform:translate(-101%);-ms-transform:translate(-101%);transform:translate(-101%);-webkit-transition:.5s ease;transition:.5s ease;z-index:1000;top:0;bottom:0;right:0;width:auto;overflow:auto}.main .logo{top:55px}.main.ng-hide{display:block!important}.main.opened{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.operators.list{left:0;right:0;top:57px;padding-top:105px}.operators.list li{width:100%;height:200px;margin:11px}.operators.list li:hover{-webkit-transform:none;-ms-transform:none;transform:none}.operators.list .operator>.state{top:81px;left:81px;background-position:-81px -81px}.operators.list .operator>.avatar{top:22px;left:18px;width:88px;height:88px}.operators.list .operator>.username{left:0;right:auto;width:122px;top:118px;font-size:18px}.operators.list .operator .description{left:125px;top:0;padding:14px 14px 0;bottom:60px}.operators.list .operator .actions{left:125px;background:url(../ressources/opDetails-bg.png) 0 -140px}.operators.list .operator .actions>.phoneCode{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;left:-125px;width:125px}.operators.list .operator .actions>.phoneCode:hover{background:rgba(255,255,255,.2)}.operators.list .operator .actions>.phoneCode .code{font-size:26px;padding-left:8px}.operators.list .operator .actions a:hover{background-color:rgba(0,0,0,.1)}.operators.list .operator>.phoneCode{display:none}.details{overflow-x:hidden;overflow-y:auto}.details .loading{top:191px}.details .loading.show{top:194px}.details .operator{position:absolute;top:53px;bottom:0;left:0!important;width:auto;-webkit-animation:none;animation:none;z-index:4;right:0;padding:0;min-height:700px}.details .operator>.avatar{position:relative;margin-left:auto;margin-right:auto;left:0;height:100px;width:100px;border-radius:100px}.details .operator>.state{left:52px;top:133px;background-position:-52px -129px}.details .operator>.state::after{border-width:13px;border-radius:13px}.details .operator>.menuBtn,.details .operator>.menuBtn:active,.details .operator>.menuBtn:visited{right:0;width:auto}.details .operator>.username{top:124px;left:93px;text-align:left}.details .operator>.avatar-background{height:194px}.details .operator>.play{top:158px}.details .operator>.description{top:341px;width:auto;right:16px}.details .album .btn{top:44px}.menuBtn.phoneCode{top:234px}.menuBtn.album{top:295px}.menuBtn.chat{top:357px}.phone-alert{left:0;z-index:9}.details .phone-process{top:240px;background-position-y:-241px;left:0;right:0;width:auto}.details .phone-process .call-btn{height:50px}.album.opened>.close,.album.opened>.describe,.chat.opened .chat-details>.close{position:fixed;top:55px;height:44px;-webkit-box-align:center;background-image:url(../ressources/avatarbg.png)}.details .phone-process .informations .contact{margin-top:0}.details .phone-process .informations .code{font-size:40px;margin-top:30px}.details .phone-process-close{top:55px;left:0}.album.opened,.chat.opened{position:fixed;top:55px;left:0;right:0;bottom:0;z-index:6}.album.opened>.close,.chat.opened .chat-details>.close{left:0;color:#F90;opacity:1;z-index:5;cursor:pointer;width:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.album.opened>.describe{left:43px;right:0;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:40px;background-position:-43px 0}.album.opened>.state{position:absolute;left:57px;top:14px;width:17px;height:17px;border-radius:17px;z-index:999;opacity:1;border:none;display:block;background:0 0;-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg);-webkit-transition:.5s ease;transition:.5s ease}.album.opened>.state.available,.chat.opened .chat-details>.state-operator.available{background:#77C53B;-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg)}.album.opened>.state.atPhone,.chat.opened .chat-details>.state-operator.atPhone{background:orange;-webkit-transform:rotate3d(-1,0,0,180deg);transform:rotate3d(-1,0,0,180deg)}.album.opened>.state.disconnected,.chat.opened .chat-details>.state-operator.disconnected{background:red;-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}.chat.opened .chat-details .visitor{top:43px;left:0;right:0;font-size:13px;height:45px;z-index:3}.chat.opened .chat-messages{top:87px}.chat.opened .chat-details>.describe-operator{position:fixed;top:55px;left:43px;right:0;height:44px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:40px;background-image:url(../ressources/avatarbg.png);background-position:-43px 0}.chat.opened .chat-details>.state-operator{position:absolute;left:57px;top:14px;width:17px;height:17px;border-radius:17px;z-index:999;opacity:1;border:none;background:0 0;-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg);-webkit-transition:.5s ease;transition:.5s ease;display:block}.chat-details .visitor button{position:absolute;top:0;right:0;bottom:0;margin:0}.chat-details .state{right:70px}.lock-message{height:65px;left:10px;right:10px;top:60px;z-index:4;padding:11px 17px;max-width:none}.lock-message::after{right:72px}.chat-details .users{right:0;left:auto}.chat-details .visitor input,.chat-details .visitor:hover input{height:14px;outline:0;border:none;padding:15px;margin:0;background:#444;color:#eee;font-weight:700;font-size:15px;width:100%;opacity:1;position:absolute;top:0;left:0;right:44px}.chat-details .visitor .pseudo{display:none}.chat .chat-messages .chat-message.information{margin-left:10%;margin-right:10%;width:auto}}