.popup{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;z-index:1050;overflow:auto;outline:0;text-align:center;font-size:0;transform:translate3d(0,0,0)}.popup:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%}@media (max-width:767px){.popup{padding:20px 0}}.popup__container{display:inline-block;vertical-align:middle;position:relative}.popup.opened{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible}body.popup-opened{position:fixed;top:0;left:0;right:0;overflow:hidden}
.popup{background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s ease,-webkit-transform .5s ease;transition:opacity .3s ease,-webkit-transform .5s ease;-o-transition:opacity .3s ease,-o-transform .5s ease;-moz-transition:opacity .3s ease,transform .5s ease,-moz-transform .5s ease;transition:opacity .3s ease,transform .5s ease;transition:opacity .3s ease,transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease,-o-transform .5s ease;will-change:opacity,transform}.popup__container{text-align:left;font-size:12px;background-color:#fff;-webkit-box-shadow:0 3px 24px rgba(0,0,0,.12);-moz-box-shadow:0 3px 24px rgba(0,0,0,.12);box-shadow:0 3px 24px rgba(0,0,0,.12);padding:35px;margin:30px auto;-webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform .3s ease;transition:opacity .2s ease,visibility 0s .1s,-webkit-transform .3s ease;-o-transition:opacity .2s ease,visibility 0s .1s,-o-transform .3s ease;-moz-transition:opacity .2s ease,transform .3s ease,visibility 0s .1s,-moz-transform .3s ease;transition:opacity .2s ease,transform .3s ease,visibility 0s .1s;transition:opacity .2s ease,transform .3s ease,visibility 0s .1s,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);will-change:transform,opacity}.popup__close{position:absolute;top:15px;right:15px;width:18px;height:18px;cursor:pointer;padding-top:8px}.popup__close span{display:block;width:100%;height:1px;background-color:#d0d0d0}.popup__close span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup__close span:last-of-type{-webkit-transform:rotate(-45deg) translateY(-1px);-moz-transform:rotate(-45deg) translateY(-1px);-ms-transform:rotate(-45deg) translateY(-1px);-o-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}@media (max-width:767px){.popup__container{width:80%;margin:10px auto;padding:20px 18px}.popup__close{top:10px;right:10px}}.popup.opened .popup__container{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
body {
    width: 100%;
    height: 100%;
}
#arjsDebugUIContainer {display:none!important;}
button {
    position: absolute;
    width: 0;
    height: 0;
    left: -1000px;
    top: -1000px;
    opacity: 0;
    text-align: left;
    visibility: hidden;
}
@font-face {
    font-family: 'UniSansBold';
    src: url("../assets/fonts/UniSansBold.eot");
    src: url("../assets/fonts/UniSansBold.eot%3F") format("embedded-opentype"), url("../assets/fonts/UniSansBold.woff") format("woff"), url("../assets/fonts/UniSansBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url("../assets/fonts/RobotoBold.eot");
    src: url("../assets/fonts/RobotoBold.eot%3F") format("embedded-opentype"), url("../assets/fonts/RobotoBold.woff") format("woff"), url("../assets/fonts/RobotoBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.popup__title {
    font-family: 'UniSansBold';
    font-size: 30px;
    line-height: 110%;
    color: #121212;
}
.popup {
    background-color: rgba(0,0,0,.8);
}
.popup__container {
    width: 87%;
    max-width: 240px;
}
.popup__buttons {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.popup__buttons .button {
    position: relative;
    left: 0;
    top: 0;
    padding-top: 0;
    right: 0;
    height: auto;
    height: 16px;
    overflow: hidden;
    width: 50%;
    text-align: left;
    color: black;
    cursor: pointer;
    text-decoration: underline;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    text-decoration: none;
}
.popup__buttons .skipBtn {
    text-align: right;
    position: relative;
    height: 16px;
}
.popup__buttons .button p{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    transition: .3s;
}
.popup__buttons .button p:first-child{
    transform: translateY(100%);
}
.popup__buttons .button:hover p:first-child{
    transform: translateY(0);
}
.popup__buttons .button:hover p:last-child{
    transform: translateY(-100%);
}
/* new css */