@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');html{height:100%}body{font-family:'Lato',sans-serif;font-size:85%;margin:0;padding:0;height:100%;color:#233148}*{box-sizing:border-box;text-decoration:none}a,button{outline:none}a{text-decoration:none;color:#fff}img{box-shadow:#000 0 0 0;border:0;vertical-align:middle}h2{font-weight:normal}.tb{display:table;width:100%}.tb-col{display:table-cell;vertical-align:middle}.clear{clear:both}.panel{padding:0 10%}.pd-t-b{padding-top:5%;padding-bottom:5%}.mg-s{margin-left:10;margin-right:10%}.col-sp{width:10%}.text-center{text-align:center}.text-right{text-align:right}div[canvas="container"]{overflow-x:hidden!important}.landing{width:100%;height:100vh;background-image:url(/imgs/home/bh-home_min.jpg);background-position:left bottom;background-size:cover;position:relative;color:#fff}.header{width:100%;line-height:25px;padding-top:2rem;padding-bottom:2rem;position:relative;z-index:2;background:rgba(0,0,0,0.2)}.landing .header{position:absolute}.header.fixed{background-color:rgba( 0,0,0,0.3 )}.header .menu{text-transform:uppercase}.header .menu-mobile{display:none;float:right;cursor:pointer}div.toggleMenu{font-size:1.8em!important;padding:10%}div.toggleMenu a{display:block;margin-bottom:1.5em;text-transform:uppercase}.home-txt{height:100%;position:relative;z-index:1;text-align:center}.home-txt h1{font-weight:600;font-size:2.5rem;margin:0 0 1rem 0}.home-txt h2{font-size:1.5rem;margin:0 0 3rem 0}.home-txt .btn{text-transform:uppercase;display:block;width:180px;margin:0 auto}.home-txt .btn1{margin-bottom:1rem}section{position:relative}section h2{font-size:2rem;margin:0 0 1rem 0}section p{font-size:1rem;margin:0 0 3rem 0}section .separator{width:40px;height:1px;background:#fff;margin-bottom:1rem}section.tr{position:relative;padding:240px 0;display:flex}section.tr.hd{margin-top:-155px;color:#fff}section.tr.hd h2 img{height:25px;vertical-align:initial}section .text{margin-left:10%;width:300px;z-index:1;display:inline-block}section .text.right{margin-left:unset;margin-right:10%;text-align:left}.trapezoid{border-left:100vw solid #484141;border-top:150px solid transparent;border-bottom:150px solid transparent;width:0;height:100%;transform:rotate(180deg);color:#fff;position:absolute;top:0;z-index:0}.trapezoid.right{border-right:100vw solid #fff;border-left:unset;border-top:150px solid #484141}section.features{padding:50px 0 150px}section.features .text h3{margin:0 0 2.5rem 0;position:relative;padding-left:50px}section.features .text h3:last-child{margin:0}section.features .text h3 img{width:38px;margin-right:.5rem}section.features .item::before{width:38px;height:38px;display:inline-block;content:"";position:absolute;top:50%;left:0;margin-top:-19px;background-repeat:no-repeat;background-position:center;background-size:100% auto}section.features .item.ic-unlimited::before{background-image:url('/imgs//home/unlimited_min.png')}section.features .item.ic-free::before{background-image:url('/imgs//home/free_min.png')}section.features .item.ic-live::before{background-image:url('/imgs//home/live_min.png')}section.features .item.ic-embed::before{background-image:url('/imgs//home/embed_min.png')}.features .tablet{position:absolute;bottom:0;right:0;max-width:50%}section.player{padding-top:10%;padding-bottom:10%;background:#484141;text-align:right;color:#fff}section.devices{padding-top:10%;padding-bottom:2%;text-align:right}section.devices .separator{background:#484141}section .block{max-width:227px;text-align:left;display:inline-block}section.devices .phone{position:absolute;left:10%;top:0;height:600px;z-index:2;margin-top:-300px;border-radius:5px}section.bottomimg img{width:100%}.footer{padding-top:6%;padding-bottom:6%;background-color:#484141;font-weight:500}.footer .tb-col{width:50%}.footer .tb-col.text-center{width:370px;min-width:370px}.footer .logo{height:24px}.footer .tb-col a:not(:last-child){margin-right:10%}.footer a:hover{color:#bf4a1e}.btn{cursor:pointer;color:#fff;padding:0.7em 3.2em;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;font-weight:bold;border:1px solid #fff;display:unset}.btn:active{opacity:.7}.btn1{background:#eba388;border:1px solid #eba388}.btn1:hover{color:#bf4a1e}.btn2:hover{border:1px solid #eba388;color:#eba388}.btn3{border:1px solid #bf4a1e;background:#bf4a1e}.btn3:hover{color:#442a1a}@media handheld,only screen and (max-width:1024px){.header{line-height:40px}body{font-size:0.9em}.menu-mobile{display:inline-block!important}.panel{padding-left:5%;padding-right:5%}.mg-s{margin-left:5%;margin-right:5%}section.devices .phone{height:400px;margin-top:-220px;left:6%}}@media handheld,only screen and (max-width:700px){body{font-size:0.8em}.pd-t-b{padding-top:10%;padding-bottom:10%}section.devices .phone{height:200px;margin-top:-230px}.header{line-height:20px}.footer .text-center img,.header .logo{height:20px}.footer .tb-col.text-center{width:210px;min-width:210px}}@media handheld,only screen and (max-width:550px){body{font-size:0.7em}section .text{margin-left:6%}section .text.right{margin-right:6%}section.devices .phone{display:none}section.devices{padding-bottom:10%}.footer .text-center img{height:10px}.footer .tb-col.text-center{width:110px;min-width:110px}}.animated{visibility:hidden}.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight{0%{transform:translateX(-150%)}50%{transform:translateX(8%)}65%{transform:translateX(-4%)}80%{transform:translateX(4%)}95%{transform:translateX(-2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%)}50%{-webkit-transform:translateX(8%)}65%{-webkit-transform:translateX(-4%)}80%{-webkit-transform:translateX(4%)}95%{-webkit-transform:translateX(-2%)}100%{-webkit-transform:translateX(0%)}}.slideLeft2{transform:translateX(220%);-webkit-transform:translateX(220%);animation-name:slideLeft2;-webkit-animation-name:slideLeft2;animation-duration:1s;-webkit-animation-duration:1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft2{0%{transform:translateX(220%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideLeft2{0%{-webkit-transform:translateX(220%)}100%{-webkit-transform:translateX(0%)}}.slideRight2{animation-name:slideRight2;-webkit-animation-name:slideRight2;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight2{0%{transform:translateX(-150%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideRight2{0%{-webkit-transform:translateX(-150%)}100%{-webkit-transform:translateX(0%)}}.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft{0%{transform:translateX(150%)}50%{transform:translateX(-8%)}65%{transform:translateX(4%)}80%{transform:translateX(-4%)}95%{transform:translateX(2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%)}50%{-webkit-transform:translateX(-8%)}65%{-webkit-transform:translateX(4%)}80%{-webkit-transform:translateX(-4%)}95%{-webkit-transform:translateX(2%)}100%{-webkit-transform:translateX(0%)}}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{transform:scale(0);opacity:0.0}60%{transform:scale(1.1)}80%{transform:scale(0.9);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0.0}60%{-webkit-transform:scale(1.1)}80%{-webkit-transform:scale(0.9);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}
