@charset "UTF-8";[class*=fontawesome-]:before{font-family:FontAwesome,sans-serif}*,:after,:before{box-sizing:border-box}a{color:#333;text-decoration:none}body{background:#eee}#phone{background:#dfdfdf;border-radius:25px;box-shadow:0 1px 2px rgba(0,0,0,.2);height:560px;margin:0 auto;position:relative;top:10px;width:320px}#phone:after,#phone:before{background:#d3d3d3;box-shadow:inset 0 1px 1px rgba(0,0,0,.05),0 1px 1px hsla(0,0%,100%,.25);content:"";display:block;position:absolute}#phone:after{border-radius:50%;bottom:15px;height:40px;left:calc(50% - 20px);width:40px}#phone:before{border-radius:10px;height:10px;left:calc(50% - 20px);top:30px;width:50px}#app{background:#fff;height:420px;left:calc(50% - 140px);overflow:hidden;position:absolute;top:calc(50% - 210px);width:280px}#app .header{background:#f6f6f6;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#ddd;font:18px Open Sans;font-weight:300;height:50px;line-height:30px;margin-bottom:10px;text-align:center}#app .header .top{color:#666;font-family:Open Sans;font-size:8px;font-weight:600;height:16px;line-height:16px;position:relative;text-transform:uppercase}#app .header .top .left{left:5px;position:absolute;top:0}#app .header .top .center{font-size:10px;text-align:center}#app .header .top .right{position:absolute;right:5px;top:0}#app .header #battery{border:1px solid #999;border-radius:2px;display:inline-block;height:10px;margin-left:2px;margin-right:2px;position:relative;right:0;top:2px;width:20px}#app .header #battery:before{background:#4d4;border:1px solid transparent;content:"";display:block;height:100%;width:75%}#people,.person{height:265px;width:250px}#people{margin:0 auto;position:relative}.person{background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.2);overflow:hidden;position:absolute;transition:all .1s linear}.person:first-child{z-index:5}.person:nth-child(2){top:7px;transform:scale(.98);z-index:4}.person:nth-child(3){top:14px;transform:scale(.96);z-index:3}.person:nth-child(n+4){transform:scale(.7);z-index:2}.person:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.person img{background:#f73961;width:105%}.person span{background:#f73961;bottom:0;color:#fff;font:16px Open Sans;left:0;line-height:30px;padding:10px;position:absolute;width:100%}.person span strong{color:#fff;font-weight:600}@-webkit-keyframes yes{0%{left:0;transform:scale(1) rotate(0deg)}30%{left:0;transform:scale(1.05) rotate(0deg)}to{left:400px;transform:rotate(45deg)}}@keyframes yes{0%{left:0;transform:scale(1) rotate(0deg)}30%{left:0;transform:scale(1.05) rotate(0deg)}to{left:400px;transform:rotate(45deg)}}.animateYes{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:yes .6s linear;animation:yes .6s linear}.animateYes:before{background:url(https://i.imgur.com/Zkwj970.png) no-repeat center 10px;transform:rotate(-35deg)}@-webkit-keyframes no{0%{right:0;transform:rotate(1turn)}30%{right:0;transform:scale(1.05) rotate(1turn)}to{right:400px;transform:rotate(315deg)}}@keyframes no{0%{right:0;transform:rotate(1turn)}30%{right:0;transform:scale(1.05) rotate(1turn)}to{right:400px;transform:rotate(315deg)}}.animateNo{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:no .6s linear;animation:no .6s linear}.animateNo:before{background:url(https://i.imgur.com/XqQZ4KR.png) no-repeat center 10px;transform:rotate(35deg)}#control{margin:15px auto 0;position:relative;width:300px}#control .button{background:#f73961;border-radius:50%;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);height:65px;position:absolute;top:5px;width:65px}#control .button .trigger{background:#521e1e;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.05);display:block;height:75%;margin:0 auto;position:relative;text-align:center;top:50%;transform:translateY(-50%);transition:all .1s;width:75%}#control .button .trigger:active{transform:translateY(-50%) scale(.75);transition:all .05s linear}#control .button .trigger:before{font-family:FontAwesome;left:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%)}#control .no{left:38px}#control .no .trigger:before{color:#c33;content:"";font-size:28px}#control .yes{right:38px}#control .yes .trigger:before{color:#3b7;content:"";font-size:22px}#control .info{height:46px;left:calc(50% + 1px);top:17px;width:46px}#control .info .trigger{height:65%;width:65%}#control .info .trigger:before{color:#3498db;content:"";font-size:16px}#control .message{height:46px;left:calc(50% - 47px);top:17px;width:46px}#control .message .trigger{height:65%;width:65%}#control .message .trigger:before{color:#3498db;content:"";font-size:16px}#copy{color:#ccc;font:12px Open Sans;left:5px;position:fixed;top:5px}#copy a{color:#aaa}.displayprofile{background:#f73961;border:3px solid #dd2929;border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.5);height:410px;padding:20px}.bg-light{background-color:#f73961!important}.displayprofile .descriptionsliderprofile{color:#fff}.displayprofile div#infobox{float:left;padding:10px;width:400px}.displayprofile #people{float:right;margin:0 auto;position:relative}.displayprofile .descriptionsliderprofile{-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;max-width:380px;overflow:hidden;text-align:left}div#slidermodule{margin:0 auto;max-width:800px}.displayprofile #people,.displayprofile .person{height:365px;width:350px}.slidermodule{transform:scale(1.5)}.navbar-light .navbar-nav .nav-link{color:#f7eeee}.fa{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit}.birubg{color:#181817}@media only screen and (min-width:300px) and (max-width:800px){div#slidermodule{max-width:500px}.displayprofile #people{float:none}div#slidermodule{margin-top:20px}.displayprofile{height:610px}.displayprofile .descriptionsliderprofile{-webkit-line-clamp:6;max-width:320px;text-align:center}.displayprofile div#infobox{float:right;margin-top:400px;max-width:500px;padding:10px;width:100%}.slidermodule{transform:scale(.9)}.displayprofile #people,.displayprofile .person{height:100%;max-height:365px;max-width:350px;width:100%}}@media only screen and (min-width:800px) and (max-width:1000px){.displayprofile div#infobox{width:280px}.slidermodule{transform:scale(1)}}@media only screen and (min-width:1000px) and (max-width:1600px){.slidermodule{transform:scale(1)}}