[v-cloak] {
    display: none;
}

#app {
    font-family: 'Lora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    width: 100%;
    height: 100%;
    color: black;
    background-color: transparent;
}
.parallax {
    /* The image used */
    background-image: url('../img/background/bg2.jpg');
    /* Full height */
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 1s linear;
}

.parallax.h100{
    height: 100%;
}
.parallax.h95 {height: 95%;}
.parallax.h90 {height: 90%;}
.parallax.h85 {height: 85%;}
.parallax.h80 {height: 80%;}
.parallax.h75 {height: 75%;}
.parallax.h70 {height: 70%;}
.parallax.h65 {height: 65%;}
.parallax.h60 {height: 60%;}
.parallax.h55 {height: 55%;}
.parallax.h50 {height: 50%;}
.parallax.h45 {height: 45%;}
.parallax.h40 {height: 40%;}
.parallax.h35 {height: 35%;}
.parallax.h30 {height: 30%;}
.parallax.h25 {height: 25%;}
.parallax.h20 {height: 20%;}
.parallax.h15 {height: 15%;}
.parallax.h10 {height: 10%;}
.parallax.h5{height: 5%;}
.parallax.h-auto{height: auto;}

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

    .parallax {
        background-attachment: unset;
        background-position: center;
        background-repeat: unset;

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transition: unset;
    }
}


.parallax.bg1 {
    /* The image used */
    background-image: url('../img/background/bg2.jpg');
}
.parallax.bg2 {
    /* The image used */
    background-image: url('../img/background/bg3.jpg');
}
.parallax.bgNull {
    /* The image used */
    background-image: none;
}
.thumbnail {
    cursor: pointer;
}
.thumbnail > img {
    width: 100%;
    height: 300px; /* force image's height */
    /* force image fit inside it's "box" */
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}

.product_thumbnail {
    cursor: pointer;
}

.product_thumbnail > img {
    width: 100%;
    height: 400px; /* force image's height */
    /* force image fit inside it's "box" */
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}

.product_details {
    color: white;
    margin-left:7.5%;
    margin-right:7.5%
}
.winnexhk_details {
    color: white;
    margin-left: 7.5%;
    margin-right: 7.5%
}

.social-media-btn:hover .small-btn-circle,
.social-media-btn .small-btn-circle-hover {
    display: none;
}
.social-media-btn:hover .small-btn-circle-hover {
    display: inline;
}


.small-btn-fb {
    color: rgb(59, 89, 152);
}
.small-btn-fb:hover {
    color: white;
    cursor: pointer;
}

.small-btn-twitter {
    color: rgb(8, 160, 233);
}
.small-btn-twitter:hover {
    color: white;
    cursor: pointer;
}

.small-btn-youtube {
    color: rgb(230, 33, 23);
}
.small-btn-youtube:hover {
    color: white;
    cursor: pointer;
}

.small-btn-eshop {
    color: #333F48;
}

    .small-btn-eshop:hover {
        color: white;
        cursor: pointer;
    }

.small-btn-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.small-btn-instagram:hover {
    color: white;
    cursor: pointer;
}
.small-btn-instagram-text {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.small-btn-instagram-text:hover {
    background: transparent;
    color: white;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    cursor: pointer;
}

.UpBtn {
    font-size: -webkit-xxx-large;
    cursor:pointer;
}

#video {
    padding-top: 5%;
    padding-bottom: 5%;
}