@charset "utf-8";


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;
}

.phoneRotate {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: none;
}
@media (max-width: 700px) {
    .phoneRotate {
        display: block;
    }
}

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

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

.contact {
    position: absolute;
    bottom: 20px;
    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;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='55.392998mm' height='7.4083099mm' viewBox='0 0 55.392998 7.4083099' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1' transform='translate(-73.980783,-97.978788)'%3E%3Cg style='stroke-width:0.264583;fill:%23c2cfe7'%3E%3Cpath d='m 73.980779,104.2441 v -1.05833 h 1.418163 v 0.62442 l 0.349248,0.34925 h 2.190743 l 0.359833,-0.35983 v -1.22767 l -0.349249,-0.34925 h -2.804575 l -1.142996,-1.14299 v -1.957913 l 1.142996,-1.142997 h 3.344323 l 1.142996,1.142997 V 100.1907 H 78.214099 V 99.555702 L 77.86485,99.206453 h -2.095493 l -0.349249,0.349249 v 1.090078 l 0.349249,0.34925 h 2.804574 l 1.142997,1.143 v 2.08491 l -1.164163,1.16416 h -3.428989 z' id='path273' /%3E%3Cpath d='m 80.881082,97.97879 h 4.646068 l 1.132413,1.142997 v 2.592913 l -1.142996,1.15357 H 82.32041 v 2.51883 h -1.439328 z m 3.989904,3.68299 0.370415,-0.37042 V 99.555702 L 84.870986,99.185287 H 82.32041 v 2.476493 z' id='path275' /%3E%3Cpath d='m 87.612059,104.17002 v -4.97415 l 1.21708,-1.21708 h 3.809988 l 1.217079,1.21708 v 4.97415 l -1.217079,1.21708 h -3.809988 z m 4.26507,-0.0106 0.539748,-0.53975 v -3.873488 l -0.539748,-0.539749 h -2.285993 l -0.539748,0.539749 v 3.873488 l 0.539748,0.53975 z' id='path277' /%3E%3Cpath d='m 95.12621,97.97879 h 1.291162 l 3.30199,5.02707 h 0.02117 v -5.02707 h 1.386408 v 7.40831 h -1.291158 l -3.301989,-5.01648 h -0.02117 v 5.01648 H 95.12621 Z' id='path279' /%3E%3Cpath d='m 102.34403,104.2441 v -1.05833 h 1.41816 v 0.62442 l 0.34925,0.34925 h 2.19074 l 0.35983,-0.35983 v -1.22767 l -0.34925,-0.34925 h -2.80457 l -1.143,-1.14299 v -1.957913 l 1.143,-1.142997 h 3.34432 l 1.143,1.142997 v 1.068913 h -1.41816 v -0.634998 l -0.34925,-0.349249 h -2.0955 l -0.34924,0.349249 v 1.090078 l 0.34924,0.34925 h 2.80458 l 1.14299,1.143 v 2.08491 l -1.16416,1.16416 h -3.42899 z' id='path281' /%3E%3Cpath d='m 109.13849,104.17002 v -4.97415 l 1.21708,-1.21708 h 3.80999 l 1.21708,1.21708 v 4.97415 l -1.21708,1.21708 h -3.80999 z m 4.26507,-0.0106 0.53975,-0.53975 v -3.873488 l -0.53975,-0.539749 h -2.28599 l -0.53975,0.539749 v 3.873488 l 0.53975,0.53975 z' id='path283' /%3E%3Cpath d='m 122.47346,102.93177 v 2.45533 h -1.43933 v -2.12724 l -0.63499,-0.70908 h -2.30716 v 2.83632 h -1.43933 v -7.40831 h 4.64607 l 1.13241,1.142997 v 2.243663 l -0.71967,0.73024 z m -4.38148,-1.56632 h 2.55057 l 0.37042,-0.37042 v -1.439328 l -0.37042,-0.370415 h -2.55057 z' id='path285' /%3E%3Cpath d='m 123.63762,104.2441 v -1.05833 h 1.41816 v 0.62442 l 0.34925,0.34925 h 2.19074 l 0.35983,-0.35983 v -1.22767 l -0.34925,-0.34925 h -2.80457 l -1.143,-1.14299 v -1.957913 l 1.143,-1.142997 h 3.34432 l 1.143,1.142997 v 1.068913 h -1.41816 v -0.634998 l -0.34925,-0.349249 h -2.0955 l -0.34924,0.349249 v 1.090078 l 0.34924,0.34925 h 2.80458 l 1.143,1.143 v 2.08491 l -1.16417,1.16416 h -3.42899 z' id='path287' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.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: 40px;
    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;
}