.img-placeholder {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../../img/gmalogo-p.png);
    background-position: center center;
    background-size: cover;
}

.img-det{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
}
.img-placeholder  img {
    visibility: hidden;
    position: absolute;
}
/* GLOBALS / OVERRIDES */
body{
    background: none;
    font-family: 'TrajanPro-Regular';
}

#wrapper{
  box-sizing: border-box;
}

.header-box{
  box-sizing: border-box;
}


.container{
    padding: 0;
    width:100%;
}

.header-container, .header-wrapper, .hdr-container{
    position: relative;
    /*top:100px;*/
    height: 46px;
}

.hdr-content-left .label{
    margin-left: 20px;
}


/*.hdr-links .primary{
  display: none;
}*/

.nav-default {
    margin-top: 20px !important;
}


.header-ad{
    height: 100px;
    background: #4a4949;
    text-align: center;
    box-sizing: border-box;
    padding-top: 5px;
}


div.ads-mrect1{
    margin: 20px auto;
    /*width: 300px;*/
    text-align: center;
}

/* HEADER */

.header-logo-img {
    height: 85px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}

.header-container-wrapper{
    background-color: #724710;
    height: 140px;
    margin-top: 50px;
}

.header-logo-img img{
    height: 100%;
    width: auto;
}

#encantadia-sticky-header-mobile{
    display: none;
}

#encantadia-sticky-header{
    position: relative;
    opacity: 0;
    padding: 15px;
    height: 10px;
    /*background-color: #663c0c;*/
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(/gma/assets/encantadia/microsite/images/nav_bg_1.png) no-repeat #512e06;
    background-size: 100% 100%;
}

#encantadia-sticky-header #nav-logo{
    display: none;
    width: 20%;
    margin-top: -10px;

}

.pabsolute{
    position: absolute;
    z-index: 1000;
}

#with-livestream{
    position: absolute;
    right: 75px;
    width: 200px;
    height: 55px;
    top: -50px;
    display: none;
    cursor: pointer;
}

#encantadia-sticky-header.scrolled #with-livestream{
  top: -50px;
  right: 115px;
}

#encantadia-sticky-header #with-livestream{
  right: 25px;
  top: -52px;
}


#encantadia-sticky-header #nav-logo div{
    width: 100%;
    height: 37px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transform: scale(1.1);
    max-width: 340px;
    max-height: 50px;
}

#encantadia-sticky-header.scrolled{
    background: url(/gma/assets/encantadia/microsite/images/nav_bg_2000.png) no-repeat #fff;
    background-size: 100% 100%;
}


#encantadia-sticky-header.scrolled ul{
    max-width: 1395px;
    position: relative;
}


@media (max-width: 1800px) {
  #encantadia-sticky-header.scrolled ul{
      max-width: 1350px;
  }

  #encantadia-sticky-header.scrolled{
    background: url(/gma/assets/encantadia/microsite/images/nav_bg_1650.png) no-repeat #fff;
    background-size: 100% 100%;
  }
}


@media (max-width: 1600px) {
  #encantadia-sticky-header.scrolled{
    background: url(/gma/assets/encantadia/microsite/images/nav_bg_inside.png) no-repeat #fff;
    background-size: 100% 100%;
  }
}

#encantadia-sticky-header.scrolled  #nav-logo{
    display: block;
}

#encantadia-sticky-header.scrolled ul li{
    margin: 0 33px;
}


@media (max-width: 1400px) {
  #encantadia-sticky-header.scrolled #with-livestream{
    right: 75px;
  }

}

#encantadia-sticky-header ul {
    list-style: none;
    color: #000;
    font-size: 13px;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

#encantadia-sticky-header ul li{
    float: left;
    color: #f4d197;
    margin: 0 35px;
    cursor: pointer;
    text-align: center;
}

#encantadia-sticky-header ul li a{
    color: #f3d095;
}

#encantadia-sticky-header ul li a:hover, #encantadia-sticky-header ul li a.active{
    color: #fff;
    font-weight: bold;
}

#encantadia-sticky-header.scrolled{
    position: relative;
}

#encantadia-sticky-header.scrolled-in{
    position: fixed ;
}

#encantadia-sticky-header-mobile.scrolled-in{
    position: fixed ;
    top: 0;
    z-index: 10;
}

.clear-fix {
    overflow: auto;
    clear: both;
}



/* ADS */

.desktop-ads-container{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.footer-ads{
    height: 105px;
}


/* FOOTER  */
footer{
    background: #4a4949;
    text-align: center;
    padding: 10px 0 0;
    box-sizing: border-box;

}

footer #footer-container{
    background-color: #191919;
    box-sizing: border-box;
    padding: 10px 20px;
    color: #8b8b8b;
    font-size: 14px;
    height: 30px;
}

#footer-wrapper-content{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

#all-rights-reserved, .all-rights-reserved{
    float: left;
    font-weight: bold;
    color: #8b8b8b;
}

#footer-mobile #footer-social{
    float: none;
    margin: 10px auto 10px;
    clear: both;
    display: inline-block;
    width: auto;
}

#footer-mobile .all-rights-reserved{
    float: none;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}

#footer-mobile #footer-social a{
    width: 45px;
    float: left;
    margin: 0 20px;
}

.footer-social-img{
    float: left;
    color: #8b8b8b;
    box-sizing: border-box;
    padding: 0 2px;
}

#encantadia-logo-mobile{
    width: 60%;
    height: 45px;
    position: absolute;
}

#encantadia-logo-mobile div{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#footer-wrapper-content #footer-mobile{
    display: none;
}


/* Dropdown Button */
.dropbtn-enca {
    background-color: transparent;
    color: #f4d197;
    font-size: 15px;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    float: right;
    height: 45px;
    text-align: center;
    width: 33%;
    margin-right: 10px;
    position: relative;
    font-family: TrajanPro-Regular;
}

.dropbtn-enca:after{
    content: " ";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f4d197;
    position: absolute;
    right: 2px;
    top: 18px;
}

/* Dropdown button on hover & focus */
.dropbtn-enca:hover, .dropbtn-enca:focus {
    background-color: transparent;
    outline: none;
}

.st_icon{
    transform: scale(0.9);
}

/* The container <div> - needed to position the dropdown content */
.dropdown-enca {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-enca {
    display: none;
    position: absolute;
    background:url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_bg_dropdown.png) repeat-y;
    min-width: 160px;
    background-size: contain;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    top: 40px;
    z-index: 10;
    left: 0;
}

.dropdown-content-enca li:hover{
    color: #854f0b;
    background:url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_bg_onpress.png) repeat-y;
}

.dropdown-content-enca a:hover{
    color: #854f0b;
}

.nav-img{
    height: 40px;
    width: 55px;
    float: left;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: cover;

}

.dropdown-content-enca ul li{
  border-bottom: 1px solid #fff;
}
.dropdown-content-enca ul li a{
    background-position: 55px 0;
}


#nav-img-about{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_about.png);

}

#nav-img-cast{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_casts.png);
}

#nav-img-updates{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_updates.png);
}

#nav-img-videos{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_videos.png);
}

#nav-img-gallery{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_gallery.png);
}

#nav-img-community{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_community.png);
}

#nav-img-livestream{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_livestream.png);
}

#nav-img-about:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_about_2.png);

}

#nav-img-cast:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_casts_2.png);
}

#nav-img-updates:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_updates_2.png);
}

#nav-img-videos:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_videos_2.png);
}

#nav-img-gallery:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_gallery_2.png);
}

#nav-img-community:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_community_2.png);
}

#nav-img-livestream:hover{
    background-image: url(/gma/assets/encantadia/microsite/images/mobile-nav/mobile_nav_livestream_2.png);
}

/* Links inside the dropdown */
.dropdown-content-enca a {
    color: #fff;
    padding: 20px 0 20px 70px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 53px;
    background-repeat: no-repeat;
}

.dropdown-content-enca ul{
    list-style: none;
}

/* Change color of dropdown links on hover */
.dropdown-content-enca a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


#myModal #vid_photo_sr{
    padding: 10px;
}

#footer-social{
    float: right;
    font-weight: bold;
}

.ads-mobile{
    display: none;
}

.container{
    margin: 0;
    padding: 0;
}

.ads-desktop, .ads-mobile{
    text-align: center;
}

.video_preview_opts{
    position: relative;
}

.video_preview_fullview{
    position: absolute;
    right: 0;
    top: 0;
}

.vertical-menu {
    top: 49px;
    position: absolute;
}


/*
  Livestream enabled
 */

.gwd-img-3sij {
    width: 218px;
    height: 63px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
    -webkit-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
    -moz-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
    top: -250px;
    position: relative;
    left: -652px;
}
.gwd-img-sgry {
    width: 100px;
    height: 20px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: translate3d(502px, 255px, 0px);
    -webkit-transform: translate3d(502px, 255px, 0px);
    -moz-transform: translate3d(502px, 255px, 0px);
    top: -208px;
    position: absolute;
    left: -430px;
}
@keyframes gwd-gen-1gcugwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    50% {
        transform: translate3d(665px, 277px, 0px) scale3d(0.816514, 0.816514, 1);
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(0.816514, 0.816514, 1);
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(0.816514, 0.816514, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-1gcugwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
    50% {
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(0.816514, 0.816514, 1);
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-1gcugwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
    50% {
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(0.816514, 0.816514, 1);
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(665px, 277px, 0px) scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
}
body .gwd-gen-1gcugwdanimation {
    animation: gwd-gen-1gcugwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-1gcugwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-1gcugwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
}
.gwd-img-1rem {
    width: 82px;
    height: 43px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: translate3d(407px, 277px, 0px);
    -webkit-transform: translate3d(407px, 277px, 0px);
    -moz-transform: translate3d(407px, 277px, 0px);
    opacity: 0;
    position: absolute;
    top: -230px;
    left: -330px;
}
@keyframes gwd-gen-11cngwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(407px, 277px, 0px);
        -webkit-transform: translate3d(407px, 277px, 0px);
        -moz-transform: translate3d(407px, 277px, 0px);
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    50% {
        transform: translate3d(407px, 265px, 0px);
        -webkit-transform: translate3d(407px, 265px, 0px);
        -moz-transform: translate3d(407px, 265px, 0px);
        opacity: 1;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(407px, 257px, 0px);
        -webkit-transform: translate3d(407px, 257px, 0px);
        -moz-transform: translate3d(407px, 257px, 0px);
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-11cngwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(407px, 277px, 0px);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
    50% {
        -webkit-transform: translate3d(407px, 265px, 0px);
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(407px, 257px, 0px);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-11cngwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(407px, 277px, 0px);
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
    50% {
        -moz-transform: translate3d(407px, 265px, 0px);
        opacity: 1;
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(407px, 257px, 0px);
        opacity: 0;
        -moz-animation-timing-function: linear;
    }
}
body .gwd-gen-11cngwdanimation {
    animation: gwd-gen-11cngwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-11cngwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-11cngwdanimation_gwd-keyframes 2s linear 0s infinite normal forwards;
}


.ads-native{
  width: 300px;
  margin: 0 auto;
}


/* ST Section */


.st_count_loading {
    font-size: 0.8em;
}

.st_icon {
    position: relative;
    display: inline-block;
}

.st_count_holder {
    font-family: 'Roboto-regular';
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    max-height: 0px;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

.st_facebook_custom {
    background: url(/gma/assets/encantadia/microsite/images/share-sprite.png);
    background-position: 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.st_facebook_custom > .st_icon_fade_in {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.st_twitter_custom {
    background: url(/gma/assets/encantadia/microsite/images/share-sprite.png);
    cursor: pointer;
    background-position: 376px 0;
    width: 40px;
    height: 40px;

    overflow: hidden;
}

.st_twitter_custom > .st_icon_fade_in {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.st_plusone_custom {
    background: url(/gma/assets/encantadia/microsite/images/share-sprite.png);
    background-position: 325px 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.st_plusone_custom > div:nth-child(3) {
    display: none !important;
    /*opacity: 0;*/
}

.st_plusone_custom > .st_icon_fade_in {
    width: 40px;
    height: 40px;
    overflow: hidden;
}


.st_email_custom {
    background: url(/gma/assets/encantadia/microsite/images/share-sprite.png);
    background-position: 272px 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.st_email_custom > .st_icon_fade_in {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

#videos-section-player .st_email_custom{
    background: url(/gma/assets/encantadia/microsite/images/share-sprite-video.png);
    background-position: 272px 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#videos-section-player .st_facebook_custom{
    background: url(/gma/assets/encantadia/microsite/images/share-sprite-video.png);
    background-position: 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#videos-section-player .st_twitter_custom{
    background: url(/gma/assets/encantadia/microsite/images/share-sprite-video.png);
    cursor: pointer;
    background-position: 376px 0;
    width: 40px;
    height: 40px;
}

#videos-section-player .st_plusone_custom {
    background: url(/gma/assets/encantadia/microsite/images/share-sprite-video.png);
    background-position: 325px 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#st_section {
    padding: 5px 0;min-height: 20px;position: relative;
}

.st_count_loading {
    font-size: 0.8em;
    color:#ebebeb;
}

.st_icon_fade_in {
    position: absolute;
    /*height: 50px;*/
    /*width: 50px;*/
    left: 0;
    top: 0;
    transition: opacity .10s ease-in-out;
    -moz-transition: opacity .10s ease-in-out;
    -webkit-transition: opacity .10s ease-in-out;
    opacity: 0;
    z-index: 2;
}

.st_count {
    color: white;
    bottom: -25px;
    position: relative;
    -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;
    z-index: 2;
    text-align: center;
    font-size: 12px;
}

/*.st_icon_fade_in{

}*/


/* DESKTOP ONLY */
@media all and (min-width: 40em) {

    .st_icon:hover > .st_icon_fade_in  {
        opacity: 1;
        border-radius: 15px;
        width: 32px;
        height: 28px;
        background: #A78B88;
        margin: 7px auto;
        margin-left: 2px;
        text-align: center;
    }

    #videos-section-player .st_icon:hover > .st_icon_fade_in  {
        background: #999A60;
    }


    .st_icon:hover > .st_count_holder {
        max-height: 40px;
    }

    .st_icon:hover > .st_count_holder > .st_count{
        bottom: 0;
    }
}
/* MOBILE ONLY */

@media all and (max-width: 40em) {
    #st_section {
        padding:15px 0 !important;
        min-height:25px !important;
    }

    .st_icon_fade_in {
        left:-1px !important;
    }

    .st_count_holder {
        bottom:18px;
    }
}




@media (max-width: 1350px) {
  #encantadia-sticky-header.scrolled ul li{
    box-sizing: border-box;
  }
}

@media (max-width: 1300px) {
  #encantadia-sticky-header.scrolled ul li{
    box-sizing: border-box;
    margin: 0 30px;
  }
}

@media (max-width: 1225px) {
    #encantadia-sticky-header.scrolled ul li{
        margin: 0 25px;
    }
}


@media (max-width: 1120px){

  #encantadia-sticky-header.scrolled ul li{
    margin: 0 22px;
  }

  #encantadia-sticky-header.scrolled #with-livestream{
    right: 38px;
  }

  #encantadia-sticky-header ul li{
      margin: 0 25px;
  }


}

@media (max-width: 1050px){
    #with-livestream{
        right: 66px;
    }
}

@media (max-width: 1024px){
    #encantadia-sticky-header ul li{
        margin: 0 33px;
    }
}


@media (max-width: 930px){
    #encantadia-sticky-header ul li{
        margin: 0 20px;
    }
}


.gwd-img-gimi {
    position: absolute;
    width: 320px;
    height: 543px;
    top: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    left: 50%;
    transform: translate3d(-160px, -271px, 0px);
    -webkit-transform: translate3d(-160px, -271px, 0px);
    -moz-transform: translate3d(-160px, -271px, 0px);
}

[data-gwd-group="fab_livestream"] .gwd-grp-1en6.gwd-img-1s53 {
    position: absolute;
    width: 54px;
    height: 54px;
    left: 0px;
    top: -2px;
}

[data-gwd-group="fab_livestream"] {
    width: 54px;
    height: 54px;
}

.gwd-div-1wla {
    display: none;
    position: fixed;
    bottom: 190px;
    right: 100px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: translate3d(87px, 169px, 0px);
    -webkit-transform: translate3d(87px, 169px, 0px);
    -moz-transform: translate3d(87px, 169px, 0px);
    z-index: 12;
}

[data-gwd-group="fab_livestream"] .gwd-grp-1en6.gwd-img-1at3 {
    position: absolute;
    width: 149px;
    height: 148px;
    left: -46px;
    top: -50px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
}

@keyframes gwd-gen-dk7bgwdanimation_gwd-keyframes {
    0% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    50% {
        transform: scale3d(0.837838, 0.837838, 1);
        -webkit-transform: scale3d(0.837838, 0.837838, 1);
        -moz-transform: scale3d(0.837838, 0.837838, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-dk7bgwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
    50% {
        -webkit-transform: scale3d(0.837838, 0.837838, 1);
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-dk7bgwdanimation_gwd-keyframes {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
    50% {
        -moz-transform: scale3d(0.837838, 0.837838, 1);
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
}
[data-gwd-group="fab_livestream"] .gwd-gen-dk7bgwdanimation {
    animation: gwd-gen-dk7bgwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-dk7bgwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-dk7bgwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
}

[data-gwd-group="fab_livestream"] .gwd-grp-1en6.gwd-img-1qru {
    position: absolute;
    width: 45px;
    height: 51px;
    top: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    left: 50%;
    transform: translate3d(-22px, -25px, 0px) rotateZ(0deg);
    -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg);
    -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg);
}

@keyframes gwd-gen-6bjzgwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(-22px, -25px, 0px) rotateZ(0deg) scale3d(1, 1, 1);
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg) scale3d(1, 1, 1);
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg) scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    45.45% {
        transform: translate3d(-22px, -25px, 0px) rotateZ(-180deg) scale3d(0.72549, 0.72549, 1);
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(-180deg) scale3d(0.72549, 0.72549, 1);
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(-180deg) scale3d(0.72549, 0.72549, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
    100% {
        transform: translate3d(-22px, -25px, 0px) rotateZ(-360deg) scale3d(1, 1, 1);
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(-360deg) scale3d(1, 1, 1);
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(-360deg) scale3d(1, 1, 1);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
    }
}
@-webkit-keyframes gwd-gen-6bjzgwdanimation_gwd-keyframes {
    0% {
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
    45.45% {
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(-180deg) scale3d(0.72549, 0.72549, 1);
        -webkit-animation-timing-function: linear;
    }
    100% {
        -webkit-transform: translate3d(-22px, -25px, 0px) rotateZ(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes gwd-gen-6bjzgwdanimation_gwd-keyframes {
    0% {
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(0deg) scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
    45.45% {
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(-180deg) scale3d(0.72549, 0.72549, 1);
        -moz-animation-timing-function: linear;
    }
    100% {
        -moz-transform: translate3d(-22px, -25px, 0px) rotateZ(-360deg) scale3d(1, 1, 1);
        -moz-animation-timing-function: linear;
    }
}
[data-gwd-group="fab_livestream"] .gwd-gen-6bjzgwdanimation {
    animation: gwd-gen-6bjzgwdanimation_gwd-keyframes 5.5s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-6bjzgwdanimation_gwd-keyframes 5.5s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-6bjzgwdanimation_gwd-keyframes 5.5s linear 0s infinite normal forwards;
}

[data-gwd-group="fab_livestream"] .gwd-grp-1en6.gwd-img-1bz8 {
    position: absolute;
    width: 32px;
    height: 47px;
    left: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    top: 50%;
    transform: translate3d(-16px, -23px, 0px);
    -webkit-transform: translate3d(-16px, -23px, 0px);
    -moz-transform: translate3d(-16px, -23px, 0px);
}

@media (max-width: 768px) {
    #encantadia-sticky-header.scrolled ul li {
        width: auto;
        margin: 0 8px;
    }

    #encantadia-sticky-header #with-livestream{
        right: 0;
    }
}


@media (max-width: 1024px) {
    #encantadia-sticky-header.scrolled ul li {
        margin: 0 19px;
    }

    #encantadia-sticky-header.scrolled #with-livestream{
      right: 2%;
    }

    #encantadia-sticky-header #with-livestream{
      right: 30px;
    }
}

@media (max-width: 1070px) {
    #encantadia-sticky-header.scrolled ul li{
        margin: 0 19px;
    }
}

@media (max-width: 1020px) {
    #encantadia-sticky-header.scrolled ul li{
        margin: 0 17px;
    }
}

@media (max-width: 950px) {
    #encantadia-sticky-header.scrolled ul li a{
      font-size: 11px;
    }

}


@media (max-width: 860px) {

    #encantadia-sticky-header.scrolled ul li:nth-child(2){
        margin-left: 22px;
    }

  #encantadia-sticky-header.scrolled ul li{
    margin: 0 8px;
  }

  #encantadia-sticky-header.scrolled #with-livestream {
    right: 10px;
  }

  #encantadia-sticky-header #with-livestream{
    right: 11px;
  }

}


.blocker{
  z-index: 5001;
}


@media (max-width: 750px) {

    .vertical-menu{
        top: 100px;
        position: fixed;
    }

    .ads-desktop{
        display: none;
    }

    /*.blocker:before{
      height: 160px !important;
    }*/

    .blocker{
        padding: 5px;
        background-color: rgba(0,0,0,1) !important;
    }

    #myModal.modal{
        width: 100%;
        top: 35px;
        min-height: 615px;
    }

    #full-mediaplayer iframe{
        width: 100%;
        height: 250px;
    }

    .ads-mobile{
        display: block;
    }

    .footer-ads .ads-mobile{
        max-height: 65px;
        overflow: hidden;
    }

    #casts-section .ads-mobile{
        max-height: 68px;
        height: 77px;
        overflow: hidden;
    }

    .header-ad{
        height: 70px;
    }

    .footer-ads{
        height: 55px;
    }

    #footer-wrapper-content #footer-mobile{
        display: block;
    }

    #footer-wrapper-content #footer-desktop{
        display: none;
    }

    #encantadia-sticky-header-mobile{
        display: inline-block;
        background: url(/gma/assets/encantadia/microsite/images/mobile-nav.png) no-repeat;
        background-size: 100% 100%;
    }
    #encantadia-sticky-header{
        display: none !important;
    }
    footer #footer-container{
        height: 110px;
    }

}



@media (max-height: 414px)  {

  .dropdown-content-enca {
    height: 250px;
  }
}

@media (max-height: 415px)  {

    .dropbtn-enca {
        width: 33% !important;
        text-align: center !important;
    }

}

@media (max-height: 375px)  {
    .dropdown-content-enca {
        height: 220px;
    }
}

@media (max-width: 400px)  {


  footer #footer-container{
    padding: 10px 0;
  }

  #footer-mobile #footer-social a{
    width: 14.3%;
  }
}


/*Homepage*/

#watch-videos img{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    o-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
}
#watch-videos img:hover {
    -webkit-box-shadow: 1px 1px 30px 1px rgb(146, 137, 57);
    -moz-box-shadow: 1px 1px 30px 1px rgb(146, 137, 57);
    box-shadow: 1px 1px 30px 1px rgb(146, 137, 57);
}

.photo-contents.with-ad {
    left: 0;
    right: 0;
    margin-top: 20px;
}

.article-inside ads{
    margin: 20px auto;
}

.leaderboard ads{
    display: block;
    text-align: center;
}
.leaderboard ads > div, .ads-mrect1 ads > div{
    display: inline-block;
    position: relative;
}

/* In leaderboard tablet and desktop */
.leaderboard ads.desktop-ad > div:before {
    position: absolute;
    top: 39px;
    left: -42px;
    content: 'advertisement';
    color: #FFF;
    font-size: 10px;
    text-align: center;
    display: block;
    font-family: "Roboto-regular";
    line-height: 1;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* In leaderboard mobile */
.leaderboard ads.mobile-ad > div:before {
    content: 'advertisement';
    color: #FFF;
    font-size: 9px;
    text-align: center;
    display: block;
    font-family: "Roboto-regular";
    line-height: 1.5;
    letter-spacing: 1px;
}
/* In all MREC */
.ads-mrect1 ads > div:before, .ads-native ads > div:before, .mrect > ads-native > ads > div:before{
    content: 'advertisement';
    color: #FFF;
    font-size: 10px;
    text-align: center;
    display: block;
    font-family: "Roboto-regular";
    line-height: 2;
    letter-spacing: 1px;
}