@font-face {
	font-family: "LubalinBold";
	src: url("fonts/Lubalin Graph Bold BT.ttf");
}
@font-face {
	font-family: "LubalinBK";
	src: url("fonts/Lubalin Graph Book BT.ttf");
}

body {
	background-color: #000000;
	margin: 0;
}

.container {
    display: block;
    overflow-x: hidden;
}
.menu-btn {
    position: fixed;
    top: 20px;
    left: 50%;
    cursor: pointer;
    margin-left: 550px;
    z-index: 99;
}
.menu-list {
    background-image: url(../assets/img/frontend/web/menu-bg.png);
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;

    position: fixed;
    top: 75px;
    width: 990px;
    height: 559px;
    /*padding: 40px;*/
    z-index: 100;
    left: 50%;
    background-color: #ffe000;
    margin-left: -499px;
    border-radius: 25px;
    display: none;
}
.menu-close {
    display: none;
}
.menu-list .menu-1 {
    position: absolute;
    top: 25px;
    left: 43px;
}
.menu-list .menu-2 {
    position: absolute;
    top: 25px;
    left: 343px;
}
.menu-list .menu-3 {
    position: absolute;
    top: 25px;
    left: 645px;
}

.menu-list .menu-4 {
    position: absolute;
    top: 280px;
    left: 43px;
}
.menu-list .menu-5 {
    position: absolute;
    top: 280px;
    left: 343px;
}
.menu-list .menu-6 {
    position: absolute;
    top: 280px;
    left: 645px;
}

.menu-notocar{
    position: absolute;
    top: 470px;
    left: 70px;
    cursor: pointer;
}
.home {
    background-image: url(../assets/img/frontend/web/bg.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
}
.home-logo {
    position: relative;
    left: 50%;
    margin-left: -490px;
    padding-top: 100px;
    padding-bottom: 450px;
}
.home-player-bg {
    position: absolute;
    background-image: url(../assets/img/frontend/web/home-player-bg2.png);
    background-size: 100% 100%;
    width: 560px;
    height: 399px;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    z-index: 0;
}
.home-player-bg iframe{
    padding: 14px;    
}
.home-player {
    width: 517px;
    height: 310px;
    margin-top: 13px;
    margin-left: 13px;
}
.home-box {
    position: absolute;
    left: 50%;
    margin-left: -420px;
    top: 550px;
}
.home-text-1 {
    position: absolute;
    left: 50%;
    margin-left: -490px;
    top: 500px;
    font-family: 'LubalinBold';
    font-size: 25pt;
    text-transform: uppercase;
    line-height: 35px;
    color: #fff;
    width: 350px;
}
.home-text-2 {
    position: absolute;
    left: 50%;
    margin-left: -490px;
    top: 590px;
    font-family: 'LubalinBold';
    font-size: 25pt;
    text-transform: uppercase;
    line-height: 33px;
    color: #FFE000;
    width: 350px;
}
.home-suscribe {
    position: absolute;
    left: 50%;
    margin-left: -90px;
    top: 750px;
    cursor: pointer;
}
.home-thumbs {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 540px;
    width: 550px;
}
.home-left {
    position: absolute;
    left: 0px;
    top: 18px;
    cursor: pointer;
}
.home-right {
    position: absolute;
    right: 0px;
    top: 18px;
    cursor: pointer;
}
.home-items {
    position: absolute;
    top: 0px;
    width: 380px;
    left: 50%;
    margin-left: -180px;
    overflow-x: hidden;
}
.home-thumb {
    margin-right: 24px;
    cursor: pointer;
}
.home-data {
    width: 3000px;
}

.home-notocar {
    position: absolute;
    left: 50%;
    margin-left: -105px;
    top: 550px;
    cursor: pointer;
}
.home-notocar-mobile {
    display: none;
}
.home-yt {
    position: absolute;
    left: 50%;
    margin-left: -170px;
    top: 730px;
}
.home-cn {
    position: absolute;
    left: 50%;
    margin-left: 60px;
    top: 725px;
}

.videos {
    background-image: url(../assets/img/frontend/web/bg-videos.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.video-title {
    font-family: 'LubalinBold';
    font-size: 25pt;
    text-transform: uppercase;
    line-height: 33px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #ffffff;
    margin-left: -220px;
    top: 30px;
}
.video-title span{
    color: #3EAEFF;
}
#player {
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -342px;
    width: 668px;
    height: 368px;
    display: none;
}
#playerhtml5 {
    position: absolute;
    background-color: #000;
    top: 130px;
    left: 50%;
    margin-left: -342px;
    width: 668px;
    height: 368px;
    display: none;
}
.v-box {
    position: relative;
    top: 45px;
    left: 50%;
    margin-left: -361px;
}
.v-thumbs {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -230px;
    width: 440px;
    text-align: center;
    cursor: pointer;
}
.v-left {
    position: absolute;
    left: 0px;
    top: 20px;
    cursor: pointer;
}
.v-right {
    position: absolute;
    right: 0px;
    top: 20px;
    cursor: pointer;
}
.v-btns {
    position: relative;
    padding-top: 30px;
    left: 50%;
    margin-left: -230px;
    width: 440px;
    text-align: center;
    padding-bottom: 170px;
}

.votation {
    background-image: url(../assets/img/frontend/web/bg.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.votation-title {
    font-family: 'LubalinBold';
    font-size: 20pt;
    text-transform: uppercase;
    line-height: 34px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #ffffff;
    margin-left: -220px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.votation-content {
    position: relative;
    top: 0px;
    width: 100%;
    text-align: center;
}

.votation-left {
    left: 50%;
    position: absolute;
    top: 0px;
    margin-left: -930px;
}
.votation-right {
    top: 0px;
    position: absolute;
    left: 50%;
    margin-left: 370px;
}
.votation-items {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -340px;
    width: 680px;
    text-align: center;
}
.votation-descriptions {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    text-align: center;
    padding-bottom: 40px;
}
.votation-item-1-desc {
    font-family: 'LubalinBK';
    font-size: 15pt;
    line-height: 25px;
    text-align: center;
    width: 345px;
    position: relative;
    display: inline-block;
    color: #ffffff;
    top: 10px;
}
.votation-item-2-desc {
    font-family: 'LubalinBK';
    font-size: 15pt;
    line-height: 25px;
    text-align: center;
    width: 345px;
    position: relative;
    display: inline-block;
    color: #ffffff;
    top: 10px;
}
.votation-bottom {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -231.5px;
    width: 463px;
    text-align: center;
    padding-bottom: 153px;
}
.votation-notocar {
    cursor: pointer;
}
.votation-notocar-cuadrado {
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: 195px;
    display: none;
}
.votation-thanks {
    display: none;
}
.item-1-selected {
    position: absolute;
    top: -50px;
    left: 19px;
    display: none;
    z-index: 9;
}
.item-2 {
    margin-left: 20px;
}
.item-2-selected {
    position: absolute;
    top: -50px;
    right: 33px;
    display: none;
    z-index: 9;
}
.item-win-bg {
    position: absolute;
    left: 50%;
    margin-left: -180px;
    z-index: 9;
    display: none;
}
.item-win {
    position: relative;
    width: 340px;
    left: 7px;
}
.votation-end {
    display: none;
}

.survey {
    background-image: url(../assets/img/frontend/web/bg-survey.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.survey-title {
    font-family: 'LubalinBold';
    font-size: 23pt;
    text-transform: uppercase;
    line-height: 36px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #ffffff;
    margin-left: -220px;
    padding-top: 50px;
}
.survey-box {
    position: relative;
    padding-top: 10px;
    left: 50%;
    margin-left: -333.5px;
    width: 667px;
    padding-bottom: 220px;
}
.survey-box-mobile {
    display: none;
}
.survey-01 {
    position: absolute;
    top: 149px;
    left: 50%;
    margin-left: -314px;
    cursor: pointer;
    display: none;
}
.survey-02 {
    position: absolute;
    top: 144px;
    left: 50%;
    margin-left: -153px;
    cursor: pointer;
    display: none;
}
.survey-03 {
    position: absolute;
    top: 144px;
    left: 50%;
    margin-left: 1px;
    cursor: pointer;
    display: none;
}
.survey-04 {
    position: absolute;
    top: 149px;
    left: 50%;
    margin-left: 163px;
    cursor: pointer;
    display: none;
}

.survey-05 {
    position: absolute;
    top: 322px;
    left: 50%;
    margin-left: -310px;
    cursor: pointer;
    display: none;
}
.survey-06 {
    position: absolute;
    top: 321px;
    left: 50%;
    margin-left: -154px;
    cursor: pointer;
    display: none;
}
.survey-07 {
    position: absolute;
    top: 322px;
    left: 50%;
    margin-left: 2px;
    cursor: pointer;
    display: none;
}
.survey-08 {
    position: absolute;
    top: 322px;
    left: 50%;
    margin-left: 163px;
    cursor: pointer;
    display: none;
}

.survey-09 {
    position: absolute;
    top: 497px;
    left: 50%;
    margin-left: -312px;
    cursor: pointer;
    display: none;
}
.survey-10 {
    position: absolute;
    top: 497px;
    left: 50%;
    margin-left: -154px;
    cursor: pointer;
    display: none;
}
.survey-11 {
    position: absolute;
    top: 499px;
    left: 50%;
    margin-left: 3px;
    cursor: pointer;
    display: none;
}
.survey-12 {
    position: absolute;
    top: 497px;
    left: 50%;
    margin-left: 162px;
    cursor: pointer;
    display: none;
}
.survey-selected {
    position: absolute;
    left: 50%;
    margin-top: -25px;
    z-index: 9;
    display: none;
}
.survey-thanks {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 700px;
    display: none;
}

.products {
    background-image: url(../assets/img/frontend/web/bg-products.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.productsmenu {
    background-image: url(../assets/img/frontend/web/bg-products-menu.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    display: none;
}
.productsmenu-title {
    font-family: 'LubalinBold';
    font-size: 25pt;
    text-transform: uppercase;
    line-height: 56px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #009EDF;
    margin-left: -220px;
    padding-top: 30px;
}
.productsmenu-title span{
    color: #000;
    font-size: 50pt;
}
.products-items {
    position: relative;
    width: 800px;
    padding-top: 100px;
    padding-bottom: 214px;
    left: 50%;
    margin-left: -400px;
}
.products-items img {
    cursor: pointer;
}
.products-title {
    font-family: 'LubalinBold';
    font-size: 25pt;
    text-transform: uppercase;
    line-height: 56px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #FFE000;
    margin-left: -220px;
    padding-top: 30px;
}
.products-title span{
    color: #fff;
    font-size: 50pt;
}
.products-menu-btn {
    position: relative;
    left: 50%;
    margin-left: -120px;
    cursor: pointer;
}
.products-grid-items {
    position: relative;
    left: 50%;
    margin-left: -435px;
    width: 900px;
}
.products-item {
    width: 205px;
    height: 225px;
    background-color: #fff;
    border-radius: 6px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.products-bottom {
    position: relative;
    left: 50%;
    margin-left: -435px;
    width: 900px;
    text-align: center;
    padding-bottom: 110px;
}
.products-left{
    position: absolute;
    left: 0px;
}
.products-right{
    position: absolute;
    right: 0px;
}
.products-bullets {
    width: 400px;
    position: relative;
    display: inline-block;
    padding: 40px 0px;
}
.products-bullet {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
}
.products-bullet-selected {
    background-color: #DD0080;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
}
.products-popup {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -580px;
    width: 1160px;
    height: 610px;
    z-index: 10;
    background-image: url(../assets/img/frontend/web/products-popup.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
}
.products-popup-close {
    position: absolute;
    top: -30px;
    right: -35px;
    cursor: pointer;
}
.products-popup-item {
    position: absolute;
    top: 140px;
    left: 30px;
}
.products-popup .t1 {
    font-family: 'LubalinBold';
    font-size: 30pt;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: absolute;
    color: #fff;
    margin-left: -220px;
    padding-top: 19px;
    padding-bottom: 5px;
}
.products-popup .t2 {
    font-family: 'LubalinBold';
    font-size: 22pt;
    text-transform: uppercase;
    line-height: 35px;
    text-align: center;
    width: 440px;
    left: 50%;
    position: absolute;
    color: #fff;
    margin-left: -220px;
    padding-top: 60px;
    padding-bottom: 5px;
}
.products-popup .t3 {
    font-family: 'LubalinBold';
    font-size: 18pt;
    line-height: 35px;
    text-align: justify;
    width: 600px;
    left: 50%;
    position: absolute;
    color: #fff;
    margin-left: -80px;
    padding-top: 140px;
    padding-bottom: 5px;
}

.roulette {
    background-image: url(../assets/img/frontend/web/bg-ruleta.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    overflow: hidden;
}
.roulette-title {
    font-family: 'LubalinBold';
    font-size: 30pt;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    width: 500px;
    left: 50%;
    position: relative;
    color: #FFE000;
    margin-left: -250px;
    padding-top: 50px;
    padding-bottom: 5px;
}
.roulette-title .t1{
    font-size: 35pt;
}
.roulette-title .t2{
    color: #fff;
    font-size: 18pt;
    line-height: 18px;
}
.roulette-bg {
    position: relative;
    left: 50%;
    margin-left: -372.5px;
    width: 725px;
    height: 783px;
    padding-bottom: 29px;
}
.roulette-disc {
    margin: 20px;
    width: 685px;
}
.roulette-hand {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 0px;
    width: 118px;
}
.roulette-popup {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -345.5px;
    width: 691px;
    height: 578px;
    z-index: 10;
    background-image: url(../assets/img/frontend/web/roulette-popup.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
}
.roulette-popup-close {
    position: absolute;
    top: -30px;
    right: -35px;
    cursor: pointer;
}
.roulette-item {
    padding: 90px 0px 0px 50px;
}
.roulette-popup-title{
    font-family: 'LubalinBold';
    font-size: 40pt;
    text-transform: uppercase;
    text-align: left;
    width: 440px;
    left: 50%;
    position: absolute;
    color: #FFE000;
    margin-left: -20px;
    top: 110px;
}
.roulette-popup-description{
    font-family: 'LubalinBold';
    font-size: 28pt;
    text-align: center;
    width: 675px;
    left: 50%;
    position: absolute;
    color: #ffffff;
    margin-left: -337px;
    top: 350px;
}
.unboxers {
    background-image: url(../assets/img/frontend/web/bg-unboxers.png);
    margin: 0 auto;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.unboxers-title {
    font-family: 'LubalinBold';
    font-size: 40pt;
    text-transform: uppercase;
    text-align: center;
    width: 440px;
    left: 50%;
    position: relative;
    color: #FFF000;
    margin-left: -220px;
    padding-top: 90px;
    padding-bottom: 30px;  
}
.unboxers-items {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
}
.unboxers-left {
    position: absolute;
    top: 160px;
    left: 0px;
    cursor: pointer;
}
.unboxers-right {
    position: absolute;
    top: 160px;
    right: 0px;
    cursor: pointer;
}
.unboxers-bottom {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    text-align: center;
}
.unboxers-bullets {
    width: 400px;
    position: relative;
    display: inline-block;
    padding: 20px 0px;
}
.unboxers-bullet {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
}
.unboxers-bullet-selected {
    background-color: #FFE000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
}
.unboxer-01 {
    position: absolute;
    top: 26px;
    left: 60px;
}
.unboxer-01-name {
    font-family: 'LubalinBold';
    font-size: 30pt;
    text-transform: uppercase;
    width: 360px;
    left: 50%;
    top: 8px;
    position: absolute;
    color: #000;
    margin-left: -40px;
    padding-top: 0px;
    padding-bottom: 30px;
    text-align: left; 
}
.unboxer-01-age {
    font-family: 'LubalinBK';
    font-size: 15pt;
    width: 360px;
    left: 50%;
    top: 139px;
    position: absolute;
    color: #000;
    margin-left: -40px;
    padding-top: 0px;
    text-align: left; 
}
.unboxer-01-toy {
    font-family: 'LubalinBK';
    font-size: 15pt;
    width: 360px;
    left: 50%;
    top: 180px;
    position: absolute;
    color: #000;
    margin-left: -40px;
    padding-top: 0px;
    text-align: left; 
}
.unboxer-01-comment {
    font-family: 'LubalinBK';
    font-size: 15pt;
    width: 410px;
    left: 50%;
    top: 265px;
    position: absolute;
    color: #000;
    margin-left: -200px;
    padding-top: 0px;
    text-align: center;
}
.unboxers-content {
    position: relative;
    width: 702px;
    left: 50%;
    margin-left: -351px;
    overflow-x: hidden;
}
.unboxers-data {
    display: inline-block;
    width: 5000px;
    max-height: 500px;
}
.unboxers-data-item {
    display: inline-block;
    position: relative;
}



#prank {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    display: none;
}
#prank .img1 {
    position: fixed;
    top: 8vw;
    left: 50%;
    margin-left: -15vw;
    z-index: 1;
    width: 30vw;
}
#prank .img2 {
    position: fixed;
    bottom: 0px;
    left: 50%;
    margin-left: -18vw;
    z-index: 2;
    width: 35vw;
}
.divblock {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
}

@media screen and (max-width: 1340px) {
    .menu-btn {
        left: auto;
        right: 2.4vw;
        margin-left: 0px;
        width: 9vw;
        top: 2vw;
    }
}

@media screen and (max-width: 1280px) {
    
}

@media screen and (max-width: 1100px) {
    .menu-list {
        width: 87vw;
        height: 49vw;
        margin-left: -48.5vw;
        padding: 5vw;
    }
    .menu-list .menu-1 {
        top: 2.5vw;
        left: 4.3vw;
    }
    .menu-list .menu-2 {
        top: 2.5vw;
        left: 34.3vw;
    }
    .menu-list .menu-3 {
        top: 2.5vw;
        left: 64.5vw;
    }

    .menu-list .menu-4 {
        top: 28vw;
        left: 4.3vw;
    }
    .menu-list .menu-5 {
        top: 28vw;
        left: 34.3vw;
    }
    .menu-list .menu-6 {
        top: 28vw;
        left: 64.5vw;
    }
    .menu-list .menu-1 img, .menu-list .menu-4 img{
        width: 30.1vw;
    }
    .menu-list .menu-2 img,.menu-list .menu-3 img,.menu-list .menu-5 img,.menu-list .menu-6 img {
        width: 30.3vw;
    }
    }
    .menu-notocar {
        top: 43.9vw;
        left: 6.37vw;
        width: 86.1vw;
    }
}

@media screen and (max-width: 1000px) {
    .home-logo {
        width: 32.6vw;
        margin-left: -45vw;
        padding-top: 15vw;
        padding-bottom: 40vw;
    }
    .home-player-bg {
        width: 56vw;
        height: 39.9vw;
        top: 15vw;
        margin-left: -10vw;
    }
    .home-player-bg iframe {
        width: 51.7vw;
        height: 31vw;
    }
    .home-notocar {
        margin-left: -10.5vw;
        top: 55vw;
        width: 56.9vw;
    }
    .home-box {
        margin-left: -42vw;
        top: 55vw;
        width: 17.6vw;
    }
    .home-yt {
        margin-left: -23vw;
        top: 146vw;
        width: 26vw;
    }
    .home-cn {
        margin-left: 8vw;
        top: 144.8vw;
        width: 14vw;
    }
    .home {
        background-size: auto 100%;
    }
    .videos {
        background-size: auto 100%;
    }
    .v-box {
        top: 4.5vw;
        margin-left: -36.1vw;
        width: 72.2vw;
    }
    #player {
        top: 13vw;
        margin-left: -34.2vw;
        width: 66.8vw;
        height: 36.8vw;
    }
    .video-title {
        font-size: 3vw;
        line-height: 3.3vw;
        width: 44vw;
        margin-left: -22vw;
        top: 3vw;
    }
    .survey {
        background-size: auto 100%;
    }
    .productsmenu {
        background-size: auto 100%;
    }
    .products-title {
        font-size: 3.5vw;
        line-height: 5.6vw;
        width: 44vw;
        margin-left: -22vw;
        padding-top: 3vw;
    }
    .products-title span {
        font-size: 6.6vw;
    }
    .products-items img {
        width: 39.2vw;
    }
    .products-items {
        width: 80vw;
        padding-top: 40vw;
        padding-bottom: 21.4vw;
        margin-left: -40vw;
    }
    .roulette-title {
        font-size: 3vw;
        line-height: 3.5vw;
        width: 44vw;
        margin-left: -22vw;
        padding-top: 1.9vw;
        padding-bottom: 0.5vw;
    }
    .roulette-title span {
        font-size: 3.85vw;
    }
    .roulette-bg {
        margin-left: -39.15vw;
        width: 78.3vw;
        height: 78.3vw;
        padding-bottom: 2.9vw;
    }
    .roulette-disc {
        margin: 6.7vw;
        width: 64.5vw;
    }
    .roulette-hand {
        margin-left: -5vw;
        width: 11.8vw;
    }
    .roulette {
        background-size: auto 100%;
    }
    .unboxers-title {
        font-size: 5.3vw;
        width: 44vw;
        margin-left: -22vw;
        padding-top: 9vw;
        padding-bottom: 3vw;
    }
    .unboxers-items {
        margin-left: -48vw;
        width: 96vw;
    }
    .unboxers-left {
        top: 16vw;
        width: 11.8vw;
    }
    .unboxers-right {
        top: 16vw;
        width: 11.8vw;
    }
    .unboxers-box-01 {
        width: 70.1vw;
    }
    .unboxers-bottom {
        margin-left: -50vw;
        width: 100vw;
    }
    .unboxers-bullets {
        width: 40vw;
        padding: 2vw 0px;
    }
    .unboxers-notocar {
        width: 69.9vw;
    }
    .unboxers-content {
        width: 70.2vw;
        margin-left: -35.1vw;
    }
    .unboxer-01 {
        /*margin-left: -28.3vw;*/
        top: 1.7vw;
        width: 22.7vw;
    }
    .unboxer-01-name {
        font-size: 4vw;
        width: 36vw;
        top: 0.8vw;
        margin-left: -4vw;
        padding-bottom: 3vw;
    }
    .unboxer-01-age {
        font-size: 2vw;
        width: 36vw;
        top: 13.9vw;
        margin-left: -4vw;
    }
    .unboxer-01-toy {
        font-size: 2vw;
        width: 36vw;
        top: 18vw;
        margin-left: -4vw;
    }
    .unboxer-01-comment {
        font-size: 2vw;
        width: 41vw;
        top: 26.5vw;
        margin-left: -20vw;
    }
    .products-grid-items {
        margin-left: -43.5vw;
        width: 90vw;
    }
    .products-item {
        width: 20.5vw;
        height: 22.5vw;
        border-radius: 0.6vw;
        margin-right: 1.5vw;
        margin-bottom: 1.5vw;
    }
    .products-item img{
        width: 20.5vw;
    }
    .products-bottom {
        margin-left: -43.5vw;
        width: 90vw;
        padding-bottom: 11vw;
    }
}

@media screen and (max-width: 750px) {
    .home {
        background-image: url(../assets/img/frontend/mobile/home-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .home-player-bg {
        width: 90vw;
        height: 63.5vw;
        top: 26vw;
        margin-left: -45vw;
    }
    .home-player {
        width: 84vw;
        height: 50.4vw;
        margin-top: 1.5vw;
        margin-left: 1.8vw;
    }
    .home-notocar {
        display: none;
    }
    .home-logo {
        width: 44vw;
        margin-left: -22vw;
        padding-top: 115vw;
        padding-bottom: 0vw;
    }
    .home-text-1 {
        margin-left: -32vw;
        top: 5vw;
        font-size: 6vw;
        line-height: 6vw;
        width: 70vw;
    }
    .home-text-2 {
        margin-left: -30vw;
        top: 19vw;
        font-size: 3.5vw;
        line-height: 4vw;
        width: 70vw;
    }
    .home-box {
        margin-left: -19vw;
        top: 98vw;
        width: 38.5vw;
    }
    .home-notocar {
        display: none;
    }
    .home-notocar-mobile {
        display: none;
        position: absolute;
        right: 0px;
        top: 127vw;
        width: 22.67vw;
        cursor: pointer;
    }
    .home-thumbs {
        margin-left: -40vw;
        top: 92vw;
        width: 80vw;
    }
    .home-thumb {
        margin-right: 3.2vw;
        width: 13.87vw;
    }
    .home-items {
        width: 50.67vw;
        margin-left: -24vw;
    }
    .home-left {
        top: 1vw;
        width: 12vw;
    }
    .home-right {
        top: 1vw;
        width: 12vw;
    }
    #prank .img1 {
        margin-left: -44vw;
        width: 88vw;
    }
    #prank .img2 {
        margin-left: -42vw;
        width: 84vw;
    }
    .videos {
        background-image: url(../assets/img/frontend/mobile/videos-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .video-title {
        font-size: 7.2vw;
        line-height: 8vw;
        width: 44vw;
        margin-left: -22vw;
        top: 7vw;
    }
    .v-box {
        top: 16vw;
        margin-left: -47vw;
        width: 94vw;
    }
    #player {
        top: 34.3vw;
        margin-left: -44vw;
        width: 86.5vw;
        height: 48vw;
    }
    #playerhtml5 {
        top: 34vw;
        margin-left: -44.53vw;
        width: 87vw;
        height: 48.5vw;
    }
    .v-thumbs {
        top: 14vw;
        width: 94vw;
        margin-left: -47vw;
    }
    .v-btns {
        padding-bottom: 44vw;
        
    }
    .v-yt {
        padding-top: 26vw;
        width: 40vw;
        margin: 0 auto;
        display: block;
    }    
    .v-suscribe {
        padding-top: 3.3vw;
        width: 42vw;
    }
    .v-suscribe img {
        width: 42vw;
    }
    .v-left {
        width: 12vw;
    }
    .v-right {
        width: 12vw;
    }
    .v-thumb {
        width: 20vw;
    }
    .votation {
        background-image: url(../assets/img/frontend/mobile/votation-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .votation-title {
        font-size: 5vw;
        line-height: 5.8vw;
        width: 80vw;
        margin-left: -40vw;
        padding-top: 13vw;
        padding-bottom: 7.5vw;
    }
    .votation-items .item-1, .votation-items .item-2 {
        width: 38.54vw;
    }
    .votation-items .item-1 {
        position: absolute;
        left: 50%;
        margin-left: -42vw;
    }
    .votation-items .item-2 {
        position: absolute;
        left: 50%;
        margin-left: 2vw;
    }
    .votation-item-1-desc {
        width: 33vw;
        font-size: 3.2vw;
        line-height: 4.3vw;
        top: 43vw;
        padding-right: 12vw;
    }
    .votation-item-2-desc {
        width: 33vw;
        font-size: 3.2vw;
        line-height: 4.3vw;
        top: 43vw;
    }
    .votation-descriptions {
        top: 4vw;
        padding-bottom: 72vw;
    }
    .votation-bottom {        
        top: -17vw;
    }
    .votation-thanks {
        width: 80vw;
        left: 50%;
        margin-left: -40vw;
        position: absolute;
    }
    .item-1-selected {
        width: 42.54vw;
        top: -6.67vw;
        left: 50%;
        margin-left: -45vw;
    }
    .item-2-selected  {
        width: 42.54vw;
        top: -6.67vw;
        left: 50%;
        margin-left: -2vw;
    }
    .item-2 {
        margin-left: 2.67vw;
    }
    .survey {
        background-image: url(../assets/img/frontend/mobile/survey-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .survey-title {
        font-size: 4.9vw;
        line-height: 5.5vw;
        width: 88vw;
        margin-left: -44vw;
        padding-top: 7vw;
    }
    .survey-box {
        display: none;
    }
    .survey-box-mobile {
        display: inline;
        position: relative;
        padding-top: 12vw;
        left: 50%;
        margin-left: -44.47vw;
        width: 88.94vw;
        padding-bottom: 32vw;
    }
    .survey-01 {
        top: 33.34vw;
        margin-left: -41.06vw;
        width: 26.4vw;
    }
    .survey-02 {
        top: 33.34vw;
        margin-left: -12.94vw;
        width: 26.4vw;
    }
    .survey-03 {
        top: 33.34vw;
        margin-left: 15.47vw;
        width: 26.4vw;
    }

    .survey-04 {
        top: 64.67vw;
        margin-left: -41.06vw;
        width: 26.4vw;
    }
    .survey-05 {
        top: 64.67vw;
        margin-left: -12.94vw;
        width: 26.4vw;
    }
    .survey-06 {
        top: 64.67vw;
        margin-left: 15.47vw;
        width: 26.4vw;
    }

    .survey-07 {
        top: 96vw;
        margin-left: -41.06vw;
        width: 26.4vw;
    }
    .survey-08 {
        top: 96vw;
        margin-left: -12.94vw;
        width: 26.4vw;
    }
    .survey-09 {
        top: 96vw;
        margin-left: 15.47vw;
        width: 26.4vw;
    }

    .survey-10 {
        top: 127.47vw;
        margin-left: -41.06vw;
        width: 26.4vw;
    }
    .survey-11 {
        top: 127.47vw;
        margin-left: -12.94vw;
        width: 26.4vw;
    }
    .survey-12 {
        top: 127.47vw;
        margin-left: 15.47vw;
        width: 26.4vw;
    }
    .survey-selected {
        width: 30vw;
        margin-top: -4vw;
    }
    .survey-selected-01 {
        top: 33vw;
        margin-left: -44.5vw;
    }
    .survey-selected-02 {
        top: 33vw;
        margin-left: -16.5vw;
    }
    .survey-selected-03 {
        top: 33.34vw;
        margin-left: 12vw;
    }
    .survey-selected-04 {
        top: 64vw;
        margin-left: -44.5vw;
    }
    .survey-selected-05 {
        top: 64vw;
        margin-left: -16.5vw;
    }
    .survey-selected-06 {
        top: 64.34vw;
        margin-left: 12vw;
    }
    .survey-selected-08 {
        top: 96vw;
        margin-left: -16.5vw;
    }
    .survey-selected-09 {
        top: 96vw;
        margin-left: 12vw;
    }
    .survey-selected-10 {
        top: 127.5vw;
        margin-left: -44.5vw;
    }
    .survey-selected-11 {
        top: 127.5vw;
        margin-left: -16.5vw;
    }
    .survey-selected-12 {
        top: 127.5vw;
        margin-left: 12vw;
    }
    .survey-thanks {
        margin-left: -35vw;
        top: 162vw;
        width: 70vw;
    }

    .products {
        background-image: none;
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: #00aeef;
    }
    .products-item {
        width: 42.5vw;
        height: 46.6vw;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }
    .products-item img {
        width: 42.5vw;
    }
    .products-title {
        font-size: 6vw;
        line-height: 8vw;
        width: 80vw;
        margin-left: -40vw;
    }
    .products-title span {
        font-size: 9vw;
    }
    .products-menu-btn {
        margin-left: -22vw;
        width: 44vw;
        margin-top: 1vw;
        margin-bottom: 2vw;
    }
    .products-popup {
        margin-left: -45vw;
        border-radius: 2.5vw;
        width: 90vw;
        height: 154vw;
        background-color: #009edf;
        background-image: none;
        top: 20vw;
    }
    .products-popup-close {
        right: -2.7vw;
        width: 11.87vw;
        top: -4vw;
    }
    .products-popup .t1 {
        width: 70vw;
        font-size: 8vw;
        margin-left: -35vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        line-height: 8vw;
    }
    .products-popup .t2 {
        font-size: 5vw;
        line-height: 5vw;
        width: 80vw;
        margin-left: -40vw;
        padding-top: 11vw;
        padding-bottom: 2vw;
        border-bottom: 1vw solid #FFE000;
    }
    .products-popup-item {
        top: 22vw;
        left: 4vw;
        width: 82vw;
    }
    .products-popup .t3 {
        font-size: 3vw;
        line-height: 4.5vw;
        width: 80vw;
        margin-left: -40vw;
        padding-top: 100vw;
        padding-bottom: 1vw;
        border-bottom: 1vw solid #FFE000;
    }
    .products-bullets {
        width: 50vw;
        display: inline-block;
        padding: 6vw 0px;
    }
    .products-left, .products-right {
        width: 17vw;
    }
    .products-bullet, .products-bullet-selected {
        width: 5vw;
        height: 5vw;
    }
    .products-grid-items {
        margin-left: -45vw;
        width: 90vw;
    }
    .products-bottom {
        margin-left: -40vw;
        width: 80vw;
    }

    .roulette {
        background-image: url(../assets/img/frontend/mobile/roulette-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .roulette-title {
        font-size: 5vw;
        line-height: 7vw;
        width: 88vw;
        margin-left: -44vw;
        padding-top: 10vw;
        padding-bottom: 4vw;
    }
    .roulette-title span {
        font-size: 7.5vw;
    }
    .roulette-bg {
        width: 140vw;
        margin-left: -70vw;
        height: 160vw;
    }
    .roulette-disc {
        margin: 10vw;
        width: 120vw;
    }
    .roulette-hand {
        margin-left: -15vw;
        width: 30vw;
    }
    .roulette-popup {
        top: 20vw;
        margin-left: -35vw;
        width: 70vw;
        height: 68vw;
    }
    .roulette-popup-close {
        top: -6vw;
        right: -7vw;
        width: 14vw;
    }
    .roulette-item {
        padding: 4.67vw 5.6vw;
        width: 58vw;
    }

    .unboxers {
        background-image: url(../assets/img/frontend/mobile/unboxers-bg.png);
        background-position: top center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .unboxers-title {
        font-size: 11vw;
        width: 88vw;
        margin-left: -44vw;
        padding-top: 10vw;
    }
    .unboxers-left, .unboxers-right {
        display: none;
    }
    .unboxers-box-01 {
        width: 88vw;
    }
    .unboxers-bottom {
        display: none;
    }
    .unboxers-items {
        padding-bottom: 0vw;
        margin-left: -45vw;
        width: 90vw;
    }
    .unboxers-content {
        width: 90vw;
        margin-left: -45vw;
    }
    .unboxers-data {
        width: 90vw;
        max-height: none;
    }
    .unboxer-01 {
        top: 2vw;
        margin-left: -1vw;
        width: 30vw;
        left: 8vw;
    }
    .unboxer-01-name {
        font-size: 5.5vw;
        width: 46vw;
        top: 0.8vw;
        margin-left: -6vw;
    }
    .unboxer-01-age {
        font-size: 3.4vw;
        width: 46vw;
        top: 17vw;
        margin-left: -6vw;
    }
    .unboxer-01-toy {
        font-size: 3.4vw;
        width: 46vw;
        top: 23vw;
        margin-left: -6vw;
    }
    .unboxer-01-comment {
        font-size: 3.4vw;
        width: 70vw;
        top: 36vw;
        margin-left: -35vw;
    }


    .menu-btn {
        width: 13vw;
    }
    .menu-list {
        top: 0px;
        left: auto;
        margin-left: 0vw;
        width: 100%;
        height: 100%;
        padding: 0px;
        border-radius: 0px;
        background-image: url(../assets/img/frontend/mobile/menu-bg.png);
    }
    .menu-close {
        display: inline;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
    }
    .menu-list .menu-1 {
        top: 20vw;
        left: 0vw;
    }
    .menu-list .menu-2 {
        top: 20vw;
        left: 50vw;
    }
    .menu-list .menu-3 {
        top: 61.5vw;
        left: 0vw;
    }
    .menu-list .menu-4 {
        top: 61.5vw;
        left: 50vw;
    }
    .menu-list .menu-5 {
        top: 104vw;
        left: 0vw;
    }
    .menu-list .menu-6 {
        top: 104vw;
        left: 50vw;
    }
    .menu-list .menu-1 img, .menu-list .menu-4 img {
        width: 50.1vw;
    }
    .menu-list .menu-2 img, .menu-list .menu-3 img, .menu-list .menu-5 img, .menu-list .menu-6 img {
        width: 50.3vw;
    }
    .menu-notocar {
        top: 177vw;
        left: 0vw;
        width: 100vw;
    }
    .menu-list a img {
        width: 50vw;
        height: 42.7vw;
    }


}