/*!

 * Start Bootstrap - Grayscale v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/grayscale)

 * Copyright 2013-2017 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)

*/
body {

    font-family: Raleway, sans-serif;

    position: relative;

    font-weight: 50;

    width: 100%;

    height: 100%;

    color: #fff;

    background-color: #0e0e0e;

}

html {

    width: 100%;

    height: 100%;

}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: Raleway, sans-serif;

    font-weight: 900;

    margin: 0 0 35px;

    text-transform: uppercase;

}

p {

    font-size: 16px;

    font-weight: 100;

    line-height: 1.5;

    margin: 0 0 25px;

}

h1 {

    font-weight: 900;

    font-size: 65px;

    color: #fff;

}

.underline {

    padding-bottom: 10px;

    border-bottom: 5px solid #da1a35;

}

.underline2 {

    padding-bottom: 10px;

    border-bottom: 2px solid #da1a35;

}

#lisbon-area .underline2{
    border-bottom:none;
}

@media (max-width:804px){
    #lisbon-area .underline {
        border-bottom: none;
    }
    #lisbon-area .underline2 {
        padding-bottom: 0;

        border-bottom: 2px solid #da1a35;
    }
}

.underline3 {

    padding-bottom: 2px;

    border-bottom: 3px solid #da1a35;

}

.underline4 {

    padding-bottom: 10px;

    border-bottom: 5px solid #da1a35;

    padding: 0 16px;

}

.fade-in {


    animation: fadeIn ease 10s;

    -webkit-animation: fadeIn ease 10s;

    -moz-animation: fadeIn ease 10s;

    -o-animation: fadeIn ease 10s;

    -ms-animation: fadeIn ease 10s;

}

.nav-link {

    display: inline;

}

#navbarDropdownMenuLink .nav-link {

    display: block;

}

.dropdown-menu {

    text-align: right;
    font-size: 0.8rem;

}

.dropdown-menu {

    background-color: transparent;

    border-color: transparent;

}

.dropdown-item {
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 0.8rem;

}

.dropdown-item:hover {
    background-color: transparent;
}

.fix-top {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    z-index: 1030 !important;

}

.push {

    margin-left: auto;

}

#slide {

    visibility: hidden;

}

.image-info-container, .image-live-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
}

#maniac {
    font-weight: 100 !important;
    font-size: 1.4vw !important;

}
#scenarios .image-info-container h3{
    margin: 0;

}
#scenarios .image-info-container h3, #liveplay .image-live-container h3 {

    text-align: left;
    line-height: 1.7vw;
    font-size: 1.9vw;
    font-weight: 900;
}

#scenarios .image-info-container img, #liveplay .image-live-container img {
    width: 4vw;
    height: 4vw;
}

#scenarios .image-info-container h3 span, #liveplay .image-live-container h3 span {
    font-weight: 400;
    font-size: 2vw;
    letter-spacing: -.1vw;
}

#scenarios a, #liveplay a {

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;

}

#scenarios img.img-fluid,
#liveplay img.img-fluid {

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    outline: #0e0e0e solid 6px;
    outline-offset: -6px;

}


.image-live-container {
    flex-direction: column;
}

.war-of-thrones-live, .top-secret-live {
    display: inline-flex;
}

.liveplaysvg {
    position: absolute;
    right: 35px;
    top: 15px;
}

.top-secret-live h3 {
    margin-top: 15px;
}

.war-of-thrones-live h3 {
    margin-top: 8px;
}

@media (max-width: 1167px){
    .top-secret-live h3 {
        margin-top: 8px;
    }
}
@media (max-width: 590px){
    .top-secret-live h3 {
        margin-top: 40px;
    }
}

.initial-button{
    display:block;
}
.final-button{
    display:none;
}
.videolivebutton:hover .initial-button {
   display:none
}
.videolivebutton:hover .final-button {
    display:block
}


#birthday {

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url("../img/birtdaycake.jpg");

}


#companies {

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url("../img/team_building2.jpg");

}

#gift {

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url("../img/lisbon-voucher.jpg");

}

#meeting {

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url("../img/meeting.jpg");

}

#puzzle {

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url("../img/puzzle.jpg");

}


.form-control {

    border-top: black;

    border-right: black;

    border-left: black;

    background-color: black;

    border-radius: 0;

}


#foot {


    border: 1px solid white;

    border-top-color: black;

    border-right-color: black;


    border-bottom-color: black;

}

#contact-name {

    color: white;

    background-color: black;

    box-shadow: black;

    border-top-color: black;

    border-right-color: black;

    border-left-color: black;


}

#contact-subject {

    color: white;

    background-color: black;

    border-radius: transparent;

    border-top: black;

    border-right: black;

    border-left: black;

}

#contact-email {

    color: white;

    background-color: black;

    border-radius: transparent;

    border-top: black;

    border-right: black;

    border-left: black;

}

#contact-message {

    color: white;

    background-color: black;

    border-radius: transparent;

    border-top: black;

    border-right: black;

    border-left: black;

}

input[type=text]:focus,
textarea:focus {

    box-shadow: 0 0 rgba(0, 0, 0);

    border-color: white;

}

input[type=email]:focus,
textarea:focus {

    box-shadow: 0 0 rgba(0, 0, 0);

    border-color: white;

}

textarea[type=text]:focus,
textarea:focus {

    box-shadow: 0 0 rgba(0, 0, 0);

    border-color: white;

}

.terms img {

    float: left;

    padding-right: 9px;

}

.terms p {

    overflow: hidden;

    font-size: 14px;

}

#term {

    margin-top: 5%;

}

@media (min-width: 768px) {

    p {

        font-size: 18px;

        font-weight: 100;

        line-height: 1.3;

        margin: 0 0 35px;

    }

}

#myTab a {

    display: block;

    font-weight: 100;

    color: #fff;

    z-index: 1000;

    position: relative;

    border: 1px solid #fff;

    padding: 0.6rem 1.5rem;

}

.nav-link#all-tab {

    border-right-color: transparent !important;

    background-color: transparent;

    border-radius: 0.5rem 0 0 0.5rem;

}

.nav-link#profile-tab {

    background-color: transparent;

    border-radius: 0 0.5rem 0.5rem 0;

}

a {

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    color: #da1a35;

}

a:focus,
a:hover {

    text-decoration: none;

    color: #fff;

}

div#navbarResponsive {

    text-align: right;

}

#book_btn {

    color: #fff;

    border: 1px solid #da1a35;

    outline: 0;

    background-color: #da1a35;

}

#menu_logo {

    height: 65px;

}

@media (max-width: 600px) {

    #difficulty {

        margin-top: 40px;

    }

    #difficulty1 {

        margin-top: 40px;

    }

}

#difficulty {

    margin-top: 20px;

}

#difficulty1 {

    margin-top: 20px;

}

#mainNav {

    font-size: 13px;

    font-family: Raleway, sans-serif;

    margin-bottom: 0;

    text-transform: uppercase;

    background-color: #000;

    font-weight: 500;

    background: 0;

}

#mainNav .navbar-toggler {

    font-size: 14px;

    padding: 11px;

    color: #fff;

    outline: 0;

}

#mainNav .navbar-brand {

    font-weight: 400;

}

#mainNav a {

    color: #fff;

}

#mainNav a:hover {

    color: #da1a35;

}

#mainNav .navbar-nav .nav-item {

    -webkit-transition: background 0.3s ease-in-out;

    -moz-transition: background 0.3s ease-in-out;

    transition: background 0.3s ease-in-out;

    padding-right: 15px;

    padding-bottom: 10px;

}

#mainNav .navbar-nav .nav-item:hover {

    color: fade(white, 80%);

    outline: 0;

    background-color: transparent;

}

#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus {

    outline: 0;

    background-color: transparent;

}

#room_logo {

    width: 45%;

}

#room_logo_aztec {

    width: 60%;

}

@media (max-width: 500px) {

    #room_logo_aztec {

        width: 100%;

    }

}

@media (max-width: 992px) {

    .carousel {

        padding-top: 63px;

    }

    #hours {

        display: none;

    }

}

@media (max-width: 450px) {

    .carousel {

        padding-top: 28px;

    }

}

@media (max-width: 375px) {

    .carousel {

        padding-top: 3px;

        margin-bottom: 3%;

    }

}

@media (min-width: 992px) {

    #mainNav {

        padding: 15px 5%;

        -webkit-transition: background 0.3s ease-in-out,
        padding-top 0.3s ease-in-out, padding-bottom 0.3s;

        -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out,
        padding-bottom 0.3s;

        transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out,
        padding-bottom 0.3s;

        letter-spacing: 1px;

        border-bottom: none;

    }

    #mainNav.navbar-shrink {

        border-bottom: 0 solid rgba(255, 255, 255, 0.3);

        background: #0e0e0e;

        padding-top: 0;

        padding-bottom: 0;

    }

    #mainNav .nav-link.active {

        outline: 0;

    }

    #mainNav .nav-link.active:hover {

        color: #fff;

    }

    div#navbarResponsive li {

        padding: 0;

    }

    .nav-link {

        padding: 0;

    }

    div#navbarResponsive a {

        position: relative;

    }

    div#navbarResponsive a:hover {

        color: #fff;

    }

    div#navbarResponsive a:before {

        content: "";

        position: absolute;

        width: 95%;

        height: 2px;

        bottom: -2px;

        left: 2%;

        background-color: #da1a35;

        visibility: hidden;

        -webkit-transform: scaleX(0);

        transform: scaleX(0);

        -webkit-transition: all 0.15s ease-in-out 0s;

        transition: all 0.15s ease-in-out 0s;

    }

    li#navbarDropdownMenuLink a:before {

        background-color: transparent;

    }

    div#navbarResponsive a.active:before,
    div#navbarResponsive a:hover:before {

        visibility: visible;

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

    .active {

        color: #da1a35;

    }

    .counter {

        font-size: 42px;

        color: #da1a35;

        font-weight: 300;

        margin-bottom: 10px;

        display: inline-block;

    }

    .live_act {

        color: #da1a35;

        margin: 14px 0 0 0;

        line-height: 1;

        display: block;

        font-weight: 100;

        font-size: 40px;

    }

    #senario_img {

        width: auto;

        height: 350px;

        padding-bottom: 3px;

    }

}

#contact_map {

    padding: 100px 80px;

}

#event-section {

    padding: 180px 0;

}

@media (max-width: 768px) {

    #contact_map {

        padding: 150px 0 50px 0;

    }

    #menu_logo {

        height: 45px;

    }

}

@media screen and (min-width: 1900px) {
    #maniac {
        font-size: 1.3vw !important;
    }

    #scenarios .image-info-container h3 span, #liveplay .image-live-container h3 span {
        font-weight: 400;
        font-size: 2vw;
        letter-spacing: -.1vw;
    }

}

@media (max-width: 990px) {

    #mainNav {

        font-size: 13px;

        font-family: Raleway, sans-serif;

        margin-bottom: 0;

        text-transform: uppercase;

        background-color: #0e0e0e;

        font-weight: 500;

    }

}

.content-section {

    padding: 9% 0;

}

.download-section {

    color: #fff;

    background-color: #818181;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

@media (min-width: 992px) {

    .content-section {

        padding: 6% 0;

    }

}

.faq{
    margin: 50px auto 0 auto;
    width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width:500px){
    .faq{
    width: 100%;
    }
}

.videoplaylogo{
    width: 25%;

}
.videoplaylogo img{
    width: 100%;
    height:auto;

}

#accordion{
    width:70%;
    margin:50px 20px;
    text-align: left;
}

/* -----------------> can start accordion style copy from here ------------------------*/

.accordion-started.accordion-bral {
    min-height: 240px;
    min-width: 220px;
    width: 70%;
    /*margin: 0px!important;*/
    color: #fff;
}
.accordion-started.accordion-bral img {
    width: 100%;
    height: 100%;
}
.accordion-started.accordion-bral .ac-label {
    font-family: Arial, sans-serif;
    padding: 5px 20px;
    position: relative;
    display: block;
    height: auto;
    cursor: pointer;
    color: #fff;

    line-height: 33px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.accordion-started.accordion-bral .ac-label:hover {
    color:#da1a35;
    cursor: pointer;
}
.accordion-started.accordion-bral input + .ac-label  {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordion-started.accordion-bral input:checked + .ac-label,
.accordion-started.accordion-bral input:checked + .ac-label:active {

}
.accordion-started.accordion-bral input.ac-input {
    display: none;
}
.accordion-started.accordion-bral .article {
    overflow: hidden;
    height: 0px;
    max-height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordion-started.accordion-bral .article p {
    line-height: 23px;
    padding-left: 5px;
    padding-right: 50px;
}
.accordion-started.accordion-bral input:checked ~ .article i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.accordion-started.accordion-bral input:checked ~ .article.ac-content {
    height: auto;
    margin-left: 20px;
}

.accordion-started.accordion-bral i {
    position: absolute;
    transform: translate(-30px, 0);
    margin-top: 16px;
    right: 0;
}
.accordion-started.accordion-bral input:checked ~ .ac-label i:before {
    transform: translate(2px, 0) rotate(-45deg);
}
.accordion-started.accordion-bral input:checked ~ .ac-label i:after {
    transform: translate(-2px, 0) rotate(45deg);
}
.accordion-started.accordion-bral i:before, .accordion-bral i:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 3px;
    height: 9px;
}
.accordion-started.accordion-bral i:before {
    transform: translate(-2px, 0) rotate(-45deg);
}
.accordion-started.accordion-bral i:after {
    transform: translate(2px, 0) rotate(45deg);
}

.accordion-started ul.ac-list {
    padding-left: 40px;
    list-style-type: disc;
}


/* ---------- accordion style end --------------------------------------- */
@media (max-width: 881px){
    .accordion-started.accordion-bral {
        width: 100%;
    }
    .videoplaylogo{
        margin: 0 auto;
    }
}


.btn {

    font-family: Cabin, "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 400;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    text-transform: uppercase;

    border-radius: 0;

}

.btn-default {

    color: #da1a35;

    border: 1px solid #da1a35;

    background-color: transparent;

}

.btn-default:focus,
.btn-default:hover {

    color: #000;

    border: 1px solid #da1a35;

    outline: 0;

    background-color: #da1a35;

}

@media (max-width: 767px) {

    #senario_img {

        width: auto;

        height: 250px;

        padding-bottom: 3px;

    }

    #scenarios .image-info-container img, #liveplay .image-live-container img {

        width: 80px;
        height: 20vw;

    }

    #maniac {
        font-size: 3.4vw !important;

    }

    #scenarios .image-info-container h3, #liveplay .image-live-container h3 {
        text-align: left;
        line-height: 5.55vw;
        font-size: 6.3vw;
        font-weight: 900;
    }

    .top-secret-live h3 {
        margin-top: 58px;
    }
    .war-of-thrones-live h3 {
        margin-top: 50px;
    }



}

.saw {
    font-size: 2.9vw;
}
@media (max-width:590px){
.top-secret-live h3 {
    margin-top: 40px;
}
.war-of-thrones-live h3 {
    margin-top: 35px;
}

}
@media (max-width: 550px) {
    .saw {
        font-size: 8.9vw !important;
    }
}

@media (max-width: 530px) {

    #senario_img {

        width: auto;

        height: 160px;

        padding-bottom: 3px;

    }

    #room_logo {

        width: 90%;

    }

    .info_icons {

        width: 50%;

    }

    h1 {

        font-size: 40px;

    }

}

footer {

    padding: 50px 0;

}

footer p {

    font-size: 14px;

    margin: 0;

}

::-moz-selection {

    background: #fcfcfc;

    background: rgba(255, 255, 255, 0.2);

    text-shadow: none;

}

::selection {

    background: #fcfcfc;

    background: rgba(255, 255, 255, 0.2);

    text-shadow: none;

}

img::selection {

    background: 0 0;

}

img::-moz-selection {

    background: 0 0;

}

.cleanAndSafe{
    width:190px;
    height:auto;
}
@media (max-width: 390px){
    .cleanAndSafe{
        margin-top:20px;
    }
}
body {

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);

}

@media (max-width: 370px) {

    #senario_img {

        width: 290px;

        height: auto;

        padding-bottom: 3px;

    }

}

@media (max-width: 991px) {

    #slider1_container {

        top: 95px;

    }

    .display-items {

        display: none !important;

    }

    .display-items-mobile {

        display: block !important;

    }

    .counter {

        font-size: 35px;

        color: #da1a35;

        font-weight: 300;

        margin-bottom: 10px;

        display: inline-block;

    }

    .live_act {

        color: #da1a35;

        margin: 14px 0 0 0;

        line-height: 1;

        display: block;

        font-weight: 100;

        font-size: 30px;

    }

    .pirates {

        padding-top: 150px;

    }

}

@media (max-width: 500px) {

    #book_now_imgr {

        width: 150px;

    }

    .counter {

        font-size: 28px;

        color: #da1a35;

        font-weight: 300;

        margin-bottom: 10px;

        display: inline-block;

    }

    .live_act {

        color: #da1a35;

        margin: 10px 0 15px 0;

        line-height: 1;

        display: block;

        font-weight: 100;

        font-size: 22px;

    }

    .underline {

        padding-bottom: 0;

        border-bottom: 5px solid #da1a35;

    }

}

@media (min-width: 500px) {

    #book_now_imgr {

        width: 200px;

    }

}

.display-items-mobile {

    display: none;

}

#location {

    margin-bottom: 1%;

}

@media (min-width: 991px) {

    #titles {

        width: 200px;

    }

}

@media (max-width: 1300px) {

    #coming {

        margin-top: 0;

    }

}

@media (max-width: 991px) {

    #titles {

        height: 100px;

    }

}

@media (max-width: 991px) {

    #titles {

        height: 100px;

    }

}

.blur-div {

    width: 100%;

    bottom: 0;

    height: 200px;

    position: absolute;

    background: linear-gradient(to bottom, transparent 40%, #0e0e0e 100%);

    z-index: 2;

}

#gameover-map {

    display: block;

    width: 100%;

    height: 100%;

}

#info-box,
.st0 {

    display: none;

}

#info-box {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999;

    background-color: #212121;

    border: 2px solid #212121;

    border-radius: 5px;

    padding: 8px;

    color: #fff;

    font-family: Raleway;

    overflow-x: hidden;

    text-align: left;

    opacity: 0.9;

}

.st1,
.st2 {

    display: inline;

}

.st4 {

    fill: #da1a35;

}

.st6 {

    fill: #fff;

}

.st8 {

    font-size: 19.3px;

}

.st9 {

    font-size: 32.25px;

}

.st11 {

    font-size: 60px;

}

.st12 {

    letter-spacing: -3;

}

.st13 {

    fill: none;

    stroke-width: 5;

}

#client {

    transform: translate(-866px);

}

#svg1 {

    position: relative;

    width: 600px;

    height: 468px;

    left: 5%;

}

#svg1 .firstg {

    transform: translate(200px, 0);

}

#clients {

    transform: translate(-866px, -220px);

}

@media (min-width: 1920px) {

    #svg1 .firstg {

        transform: translate(120px, 0) !important;

    }

    #svg1 .firstg #txt1 {

        font-size: 1.6rem !important;

    }

}

@media (max-width: 1600px) {

    #svg1 .firstg {

        transform: translate(130px, 108px);

    }

    #svg1 .firstg #txt1 {

        transform: matrix(1, 0, 0, 1, -30px, 220px);

    }

}

@media (max-width: 1360px) {

    #svg1 .firstg {

        transform: translate(123px, 9px);

    }

    @media (max-width: 1360px) {

        #svg1 .firstg {

            transform: translate(145px, 53px);

        }

    }

    #svg1 .firstg #txt1 {

        transform: matrix(1, 0, 0, 1, -30px, 220px);

    }

}

#PORTUGAL path {
    fill: #b32d36;
}

#AUSTRALIA:hover path,
#USA:hover path,
#DENMARK:hover path,
#FRANCE:hover path,
#GERMANY:hover path,
#GREECE:hover path,
#NEW_ZEALAND:hover path,
#ITALY:hover path,
#KUWAIT:hover polygon,
#NETHERLANDS:hover path,
#POLAND:hover path,
#PORTUGAL:hover path,
#SAUDI_ARABIA:hover polygon,
#SWITZERLAND:hover path,
#UK:hover path {
    fill: #b32d36 !important
}

@media (max-width: 1060px) {

    #AUSTRALIA:hover path,
    #USA:hover path,
    #DENMARK:hover path,
    #FRANCE:hover path,
    #GERMANY:hover path,
    #GREECE:hover path,
    #NEW_ZEALAND:hover path,
    #ITALY:hover path,
    #KUWAIT:hover polygon,
    #NETHERLANDS:hover path,
    #POLAND:hover path,
    #PORTUGAL:hover path,
    #SAUDI_ARABIA:hover polygon,
    #SWITZERLAND:hover path,
    #UK:hover path {
        fill: #b32d36
    }
}

#svg-desk {

    display: block;

}

#svg-mobile {

    display: none;

}

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

    #svg-desk {

        display: none;

    }

    #svg-mobile {

        display: block;

    }

}

.second-box {

    z-index: 10;

    flex-wrap: nowrap;

}

.second-box img {

    margin: 1rem auto;

}

.second-box .paragraph-container {

    position: relative;

    padding: 5px 0;

}

@media (max-width: 992px) {

    .display-items1 {

        text-align: center !important;

    }

}

@media (max-width:420px) {

    #liveplay .image-live-container img {
        width: 55px;
        height: 20vw;
    }
.liveplaysvg{
    right: 20px;
    top: 5px;
}
    .top-secret-live h3 {
        margin-top: 30px;
    }
    .war-of-thrones-live h3 {
        margin-top: 20px;
    }

}

.fade-in {


    animation: fadeIn ease 10s;

    -webkit-animation: fadeIn ease 10s;

    -moz-animation: fadeIn ease 10s;

    -o-animation: fadeIn ease 10s;

    -ms-animation: fadeIn ease 10s;

}