.video-item{display:flex!important;align-items:center!important;cursor:pointer}.video-item.item img{max-width:160px}.player{display:flex!important;align-items:left!important;width:400px;height:400px}.wrapper{display:flex;width:40%;height:50%;-webkit-transition:margin .5s;transition:margin .5s;margin:0 0 0 -150px}.wrapper.is-nav-open{margin-left:0}.nav{position:relative;width:150px;height:70%;padding:20px;border-right:1px solid #ccc}.nav__icon{margin:2px;position:absolute;top:0;right:-30px;padding:10px;font-size:12px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.nav__icon:hover{color:#de5c1f}.text-box{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-50deg);transform:translateX(-100%) rotate(-50deg)}60%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-50deg);transform:translateX(-100%) rotate(-50deg)}60%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInBotton{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInBotton{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveLogo{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveLogo{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:30px 20px;display:inline-block;border-radius:50%;-webkit-transition:all 3s;transition:all 3s;position:relative;color:#616161}.btn-white{background-color:#fff;color:#4e342e}.btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all 4s;transition:all 4s}.btn-white:after{background-color:#fff}.btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn-animated{-webkit-animation:moveInBotton .5s ease-out .75;animation:moveInBotton .5s ease-out .75;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.logo-box{position:absolute;top:40px;left:40px}.logo{height:35px}.logo:hover{-webkit-animation:moveLogo 3s ease-in;animation:moveLogo 3s ease-in}.Halfbody{background-color:#111211;color:#fff;font-size:18px;height:300px}.bblack{font:black;font-size:7px}html{background-color:#de5c1f}.form{flex-direction:column}.form,.form__row{display:flex;flex-wrap:nowrap;width:100%}.form__row{padding:20px}.form__input{width:100%;padding:15px 20px;border-radius:5px 0 0 5px;border:1px solid #ddd;box-sizing:border-box;outline:0}.form__input:focus{background-color:rgba(245,243,243,.5)}.form__button{padding:0 30px;background-color:#000;color:#fff;border:0;border-radius:0 5px 5px 0;outline:0;cursor:pointer}.form__button:hover{background-color:rgba(0,0,0,.8)}.form__message{width:100%;padding:0 20px}.message{position:relative;padding:10px 60px 10px 20px;font-size:12px;color:rgba(0,0,0,.6);background-color:rgba(0,0,0,.05);text-align:auto;line-height:1.7}.message:nth-child(2n){background-color:rgba(0,0,0,.025)}.message__author{font-weight:600;margin-right:10px;color:#000}
/*# sourceMappingURL=main.61f8d1df.chunk.css.map */