@charset "utf-8";

*:focus,
*:focus-visible,
a:focus,
a:active,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

a, a:active, a:focus {
    -webkit-tap-highlight-color: transparent;
}

html {
    min-height: 100%;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-width: 700px;
    font-size: 16px;
    color: #5c5c5c;
    font-family: 'Oxanium', sans-serif;
    /*background: url("/assets/img/bg.jpg") no-repeat center center;*/
    background-color: #b65722;
    background-size: cover;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}
#player,
#player-buffer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 700px) {
    #player,
    #player-buffer {
        width: 100%;
        height: auto;
    }
}

#player.is-active,
#player-buffer.is-active {
    opacity: 1;
}


.logo img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 300px;
}

.about {
    text-align: right;
    position: absolute;
    top: 20%;
    right: 40px;
    color: #fff;
    font-size: 17px;
    max-width: 800px;
}
.about span {
    color: #cfe910;
}

@media (max-width: 700px) {
    .about {
        left: 20px;
        right: 20px;
        text-align: left;
        font-size: 20px;
    }
}

.contact {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #fff;
    font-size: 16px;
}

.sponsor {
    position: absolute;
    top: 32px;
    right: 20px;
    text-align: right;
}
.btn-sponsor {
        position: relative;
    display: block;
    float: right;
    /* font-size: 0; */
    /* width: 100px; */
    height: 13px;
    margin-bottom: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: #cfe910;
    font-size: 19px;
}
.sponsor-list {
    text-align: left;
    color: #fff;
    clear: both;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}

.sponsor-list.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.sponsor-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sponsor-list li {
    margin-bottom: 8px;
}

.nav {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
    height: 130px;
}
[class*="icon-"] {
    display: block;
    position: absolute;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon-play {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_4' data-name='Group 4' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='198.248' height='198.184' viewBox='0 0 198.248 198.184'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='198.248' height='198.184' fill='%23cfe910'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M99.133,198.184h-.009A99.211,99.211,0,0,1,3.231,73.859l6.486,1.7A92.51,92.51,0,0,0,99.124,191.478h.009a91.914,91.914,0,0,0,64.4-26.141l4.672,4.807a98.587,98.587,0,0,1-69.074,28.039m91.319-60.533-6.173-2.609A92.479,92.479,0,0,0,102.43,6.7l.234-6.7a99.175,99.175,0,0,1,87.788,137.652M35.189,32.322l-4.639-4.84A98.649,98.649,0,0,1,63.815,6.409L66.2,12.674A91.936,91.936,0,0,0,35.189,32.322' transform='translate(0 0)' fill='%23cfe910'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M190.823,137.512l-70.285-43.27v86.54Z' transform='translate(-49.14 -38.42)' fill='%23cfe910'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
}
.icon-pause {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='19.5856 62.8435 198.2479 198.184' width='198.248px' height='198.184px'%3E%3Cg transform='matrix(1, 0, 0, 1, 19.5858726501465, 62.84348678588867)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M99.133,198.184h-.009A99.211,99.211,0,0,1,3.231,73.859l6.486,1.7A92.51,92.51,0,0,0,99.124,191.478h.009a91.914,91.914,0,0,0,64.4-26.141l4.672,4.807a98.587,98.587,0,0,1-69.074,28.039m91.319-60.533-6.173-2.609A92.479,92.479,0,0,0,102.43,6.7l.234-6.7a99.175,99.175,0,0,1,87.788,137.652M35.189,32.322l-4.639-4.84A98.649,98.649,0,0,1,63.815,6.409L66.2,12.674A91.936,91.936,0,0,0,35.189,32.322' fill='%23cfe910'/%3E%3C/g%3E%3Cg transform='matrix(1, 0, 0, 1, 11.935041427612319, 62.395492792129545)'%3E%3Crect x='71.323' y='56.023' width='28.899' height='87.034' style='fill: rgb(207, 233, 16);'/%3E%3Crect x='113.327' y='56.023' width='28.899' height='87.034' style='fill: rgb(207, 233, 16); stroke-width: 1;'/%3E%3C/g%3E%3C/svg%3E");
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
}
.icon-next {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_7' data-name='Group 7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='116.256' height='116.219' viewBox='0 0 116.256 116.219'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='116.256' height='116.219' fill='%23ededed'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_7' data-name='Path 7' d='M58.122,116.218h.006a58.179,58.179,0,0,0,56.233-72.906l-3.8,1a54.248,54.248,0,0,1-52.43,67.979h-.006A53.9,53.9,0,0,1,20.356,96.957l-2.74,2.819a57.814,57.814,0,0,0,40.506,16.443M4.571,80.721l3.62-1.53a54.231,54.231,0,0,1,48-75.262L56.052,0A58.159,58.159,0,0,0,4.571,80.721M95.62,18.954l2.72-2.838A57.854,57.854,0,0,0,78.833,3.758l-1.4,3.674A53.91,53.91,0,0,1,95.62,18.954' transform='translate(0 0.001)' fill='%23ededed'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M164.181,124.291l-35.9,22.1V102.187Z' transform='translate(-92.482 -66.692)' fill='%23ededed'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='11.316' height='44.208' transform='translate(68.628 35.495)' fill='%23ededed'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 60px;
    height: 60px;
    margin-left: 10px;
    vertical-align: bottom;
    right: 0;
    bottom: 30px;
}
.icon-prev {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_6' data-name='Group 6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='116.256' height='116.219' viewBox='0 0 116.256 116.219'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='116.256' height='116.219' fill='%23ededed'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_7' data-name='Path 7' d='M58.134,116.218h-.006A58.179,58.179,0,0,1,1.895,43.312l3.8,1a54.248,54.248,0,0,0,52.43,67.979h.006A53.9,53.9,0,0,0,95.9,96.957l2.74,2.819a57.813,57.813,0,0,1-40.506,16.443m53.551-35.5-3.62-1.53a54.231,54.231,0,0,0-48-75.262L60.2,0a58.159,58.159,0,0,1,51.481,80.722M20.636,18.954l-2.72-2.838A57.854,57.854,0,0,1,37.423,3.758l1.4,3.674A53.91,53.91,0,0,0,20.636,18.954' transform='translate(0 0.001)' fill='%23ededed'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M128.276,124.291l35.9,22.1V102.187Z' transform='translate(-83.719 -66.692)' fill='%23ededed'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='11.316' height='44.208' transform='translate(36.312 35.495)' fill='%23ededed'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 60px;
    height: 60px;
    margin-right: 10px;
    vertical-align: bottom;
    left: 0;
    bottom: 30px;
}
#nav-musicOff {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    color: #fff;
    font-size: 14px;
}

.is-hidden {
    display: none;
}