footer,header{
    display:block
}
b,body,body div,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,span{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-weight:400;
    vertical-align:baseline;
    background:0 0
}
img,input,select{
    vertical-align:middle
}
html{
    overflow-y:auto
}
ul{
    list-style:none
}
a{
    font-size:100%;
    vertical-align:baseline
}
.clearfix:after,.clearfix:before{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    clear:both
}
b{
    font-weight:700
}
img{
    max-width:40%;
    height:auto;
    -ms-interpolation-mode:bicubic;
    display:inline-block
}
svg:not(:root){
    overflow:hidden
}
button,input,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button,select{
    text-transform:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
select,textarea{
    border-radius:0
}
textarea{
    height:auto;
    min-height:50px
}
html{
    -ms-text-size-adjust:100%;
    font-size:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*,:after,:before{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
body{
    margin:0;
    font-weight:400;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button{
    width:auto;
    overflow:visible;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:0;
    border-radius:0;
    line-height:1
}
.bslider{
    display:block;
    width:100%;
    position:relative;
    height:100%;
    -webkit-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
    opacity:0;
    will-change:opacity;
    visibility:hidden
}
.bslider.deployed{
    opacity:1;
    visibility:visible
}
.bslider-outer{
    position:relative;
    display:block;
    height:100%;
    width:100%;
    overflow-x:clip
}
.bslider-stage{
    height:100%;
    position:relative;
    display:block;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.bslider.deployed .bslider-stage{
    -webkit-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    transition:all .5s ease 0s
}
.bslider-stage.dragging{
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    -moz-user-drag:none;
    -o-user-drag:none;
    user-drag:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:all 70ms ease!important;
    -o-transition:all 70ms ease!important;
    transition:all 70ms ease!important;
    cursor:-webkit-grab;
    cursor:grab
}
.bslider-stage.dragging a{
    pointer-events:none
}
.bslider-item{
    float:left;
    width:auto;
    min-height:1px;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none
}
.bslider-nav{
    width:60px;
    height:80%;
    position:absolute;
    top:0;
    z-index:100;
    opacity:.6;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.bslider-nav:hover{
    opacity:1
}
.bslider-nav::before{
    background: #000;
    width:120px;
    height:120px;
    border-radius:60px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    content:"";
    position:absolute;
    left:-60px;
    top:calc(50% - 60px)
}
.bslider.undraggable .bslider-nav{
    display:none
}
.bslider-prev{
    left:0;
    visibility:hidden
}
.bslider.hasDragged .bslider-prev{
    visibility:visible
}
.bslider-next{
    right:0
}
.bslider-next::before{
    left:unset;
    right:-60px
}
.bslider-nav .bicon{
    width:15px;
    height:30px;
    top:calc(50% - 15px);
    left:15px;
    position:absolute;
    cursor:pointer
}
.bslider-next .bicon{
    left:27px
}
.bslider-nav .bicon .line{
    position:absolute;
    width:15px;
    height:2px;
    background:#fff;
    top:10px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.bslider-nav .bicon .line:last-child{
    top:20px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.bslider-prev .bicon{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
@media only screen and (max-width:640px){
    .bslider-nav{
        width:40px
    }
    .bslider-nav::before{
        display:none
    }
    .bslider-next .bicon{
        left:15px
    }
}
@font-face{
    font-family:'Open Sans';
    src:url('opensans.woff2') format('woff2-variations');
    font-weight:100 600;
    font-display:swap
}
*{
    -webkit-overflow-scrolling:touch
}
body,html{
    height:100%;
    display:block
}
body{
    font-family:'Open Sans',sans-serif;
    background:var(--themeBackground);
    overflow-x:hidden
}
svg path{
    fill:#FFF
}
img{
    font-size:0
}
a{
    color:#fff;
    text-decoration:none
}
.hover{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .31s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.click{
    overflow:hidden!important
}
.click .wave{
    background-color:rgba(255,255,255,.2);
    -webkit-animation:waveAnim 1s 1;
    animation:waveAnim 1s 1;
    width:600px;
    height:600px;
    position:absolute;
    z-index:10;
    border-radius:300px
}
@-webkit-keyframes waveAnim{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes waveAnim{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.gButton{
    display:inline-block;
    position:relative;
    height:50px;
    border-radius:25px;
    font-size:12px;
    text-align:center;
    padding:0 35px;
    text-transform:uppercase;
    color:#fff;
    background:#000;
    font-weight:600;
    line-height:50px;
    letter-spacing:1px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.4);
    box-shadow:0 0 30px 0 rgba(0,0,0,.4)
}
.gButton:hover{
    background:#191923;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.8);
    box-shadow:0 0 30px 0 rgba(0,0,0,.8)
}
.gButton.red{
    background:var(--mainColor);
    color:var(--mainColorText);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow)
}
.gButton.red:hover{
    color:var(--mainColorText);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddowHover);
    box-shadow:0 0 30px 0 var(--mainShaddowHover)
}
.gButton.red svg path{
    fill:var(--mainColorText)
}
.gButton.iconized{
    padding-left:60px
}
.gButton.iconized svg{
    width:16px;
    height:16px;
    position:absolute;
    top:17px;
    left:25px
}
.wrap{
    display:block;
    position:relative;
    max-width:1440px;
    margin:0 auto
}
#topBar{
    width:100%;
    height:100px;
    position:relative;
    display:block;
    z-index:300
}
#topBar .logo{
    float:left;
    margin-left:5px;
    margin-top:18px;
}
#topBar .searchBar{
    float:right;
    vertical-align:top;
    width:100px;
    height:100px;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#topBar .searchBar input{
    opacity:0;
    position:fixed;
    top:-100px;
    left:0;
    width:100%;
    height:100px;
    border:none;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background:#0b0b0e;
    font-size:28px;
    padding:0 50px;
    font-weight:300;
    color:#fff;
    z-index:500;
    text-align:center
}
#topBar .searchBar.active input{
    top:0;
    opacity:1
}
#topBar .searchBar svg{
    width:24px;
    height:24px;
    position:absolute;
    top:38px;
    left:38px;
    z-index:500;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
#topBar .searchBar.active svg:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
#topBar .menu{
    float:right;
    vertical-align:top;
    font-size:0;
    position:relative
}
#topBar .menu .item{
    display:inline-block;
    font-size:16px;
    margin:0 30px;
    line-height:100px;
    color:rgba(255,255,255,.5);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative
}
#topBar .menu .item.active,#topBar .menu .item:hover{
    color:rgba(255,255,255,.9)
}
#topBar .menu .item.active::before{
    content:"";
    width:12px;
    height:3px;
    border-radius:2px;
    position:absolute;
    bottom:25px;
    left:calc(50% - 6px);
    background:var(--mainColor);
    -webkit-box-shadow:0 0 5px 1px var(--mainShaddow);
    box-shadow:0 0 5px 1px var(--mainShaddow)
}
#topBar .arrowed{
    padding-right:30px
}
#topBar .item i{
    position:absolute;
    top:41px;
    right:0;
    display:block;
    width:30px;
    height:30px;
    opacity:.6;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#topBar .arrowed:hover i{
    opacity:1
}
#topBar .item i::after,#topBar .item i::before{
    width:10px;
    height:1px;
    background:#fff;
    position:absolute;
    right:0;
    top:10px;
    content:"";
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
#topBar .item i::after{
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
    right:7px
}
#topBar .subMenu{
    position:fixed;
    top:0;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    visibility:hidden;
    opacity:0;
    right:0;
    width:100%;
    font-size:0;
    line-height:1;
    padding:20px 30px;
    padding-bottom:10px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background:#0b0b0e
}
#topBar .arrowed.submenuActive .subMenu{
    -webkit-transform:translate(0,100px);
    -ms-transform:translate(0,100px);
    transform:translate(0,100px);
    visibility:visible;
    opacity:1
}
#topBar .subMenu a{
    display:inline-block;
    width:12.5%;
    line-height:40px;
    text-align:center;
    position:relative;
    vertical-align:top;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border-radius:20px;
    margin-bottom:10px;
    font-size:14px
}
#topBar .subMenu a:hover{
    background:var(--mainColor);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow)
}
#mainLauncher{
    position:relative;
    display:block;
    width:100%;
    height:auto
}
#mainLauncher .background{
    width:100%;
    height:calc(100% + 100px);
    position:absolute;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    top:-100px
}
#mainLauncher .hover{
    width:100%;
    height:calc(100% + 100px);
    position:absolute;
    background:#07060a;
    background:-webkit-gradient(linear,left bottom,left top,from(rgb(var(--themeBackgroundNumbers))),color-stop(22%,rgba(var(--themeBackgroundNumbers),.95)),color-stop(58%,rgba(var(--themeBackgroundNumbers),.75)),to(rgba(var(--themeBackgroundNumbers),.65)));
    background:-o-linear-gradient(bottom,rgb(var(--themeBackgroundNumbers)) 0,rgba(var(--themeBackgroundNumbers),.95) 22%,rgba(var(--themeBackgroundNumbers),.75) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%);
    background:linear-gradient(0deg,rgb(var(--themeBackgroundNumbers)) 0,rgba(var(--themeBackgroundNumbers),.95) 22%,rgba(var(--themeBackgroundNumbers),.75) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%);
    top:-100px
}
.moviePresent{
    /* z-index:10; */
    display:block;
    position:relative;
    color:#fff;
    padding:100px 20px
}
.moviePresent .runtime{
    display:block;
    font-size:12px;
    color:rgba(255,255,255,.8);
    font-weight:600
}
.moviePresent .infos{
    display:block;
    margin-top:20px;
    height:30px;
    font-size:0;
    position:relative;
    color:rgba(255,255,255,.8)
}
.moviePresent .infos .rating{
    display:inline-block;
    font-size:16px;
    line-height:30px;
    margin-right:10px
}
.moviePresent .infos .rating svg{
    display:inline-block;
    width:20px;
    height:20px;
    top:3px;
    position:relative;
    margin-right:3px
}
.moviePresent .infos .rating svg path{
    fill:#eca500
}
.moviePresent .infos .rating .of{
    font-weight:600;
    font-size:10px;
    display:inline-block;
    display:n
}
.moviePresent .infos .contentRating,.moviePresent .infos .quality,.moviePresent .infos .year{
    display:inline-block;
    font-size:14px;
    margin:0 5px
}
.moviePresent .infos .contentRating{
    background:var(--mainColor);
    border-radius:5px;
    padding:0 7px;
    color:#000;
    font-weight:700;
    font-size:12px;
    line-height:20px
}
.moviePresent .infos b{
    text-shadow:0 0 15px #fff
}
.moviePresent .tit,.moviePresent h3{
    font-size:54px;
    font-weight:600;
    margin-top:20px;
    margin-bottom:25px;
    width:700px;
    white-space:nowrap;
    overflow:hidden!important;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:block
}
.moviePresent p{
    font-size:12px;
    max-width:700px;
    display:block;
    margin-bottom:50px;
    position:relative;
    color:rgba(255,255,255,.8)
}
.moviePresent .buttons{
    display:block;
    position:relative;
    font-size:0px
}
.moviePresent .buttons .gButton{
    display:inline-block;
    margin-right:20px
}
.moviePresent .buttons .gButton svg{
    max-width:12px
}
#listingHome{
    display:block;
    position:relative;
    z-index:100
}
#listingHome .options{
    display:block;
    height:100px;
    position:relative;
    font-size:0;
    margin-bottom:40px
}
#listingHome .options span{
    display:inline-block;
    position:relative;
    width:25%;
    text-align:center;
    font-size:14px;
    color:#fff;
    height:100px;
    opacity:.5;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
#listingHome .options span svg{
    width:24px;
    height:24px;
    display:block;
    position:relative;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:10px
}
#listingHome .options span.active,#listingHome .options span:hover{
    opacity:1;
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.itemsList{
    display:block;
    position:relative;
    width:100%;
    height:350px;
    overflow:hidden
}
.itemSlider{
    padding-left:80px
}
.gPoster{
    width:180px;
    height:auto;
    position:relative;
    display:inline-block;
    font-size:0;
    padding-top:265px
}
.gPoster .p{
    width:180px;
    height:265px;
    display:block;
    position:absolute;
    top:8px;
    left:0;
    overflow:hidden;
    border-radius:10px;
    will-change:transform;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.5);
    box-shadow:0 0 30px 0 rgba(0,0,0,.5);
    text-align:left
}
.gPoster .p:hover{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.gPoster .p img{
    display:block;
    max-width:100%;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    will-change:filter
}
.gPoster .p:hover img{
    -webkit-filter:blur(10px) brightness(0.5);
    filter:blur(10px) brightness(.5)
}
.gPoster .p .e{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:10;
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border-radius:5px;
    padding:15px 20px;
    will-change:opacity
}
.gPoster .p:hover .e{
    opacity:1
}
.gPoster .p .e h3{
    font-size:12px;
    font-weight:600
}
.gPoster .p .e .g{
    font-size:12px;
    font-weight:400;
    margin-top:5px;
    overflow:hidden!important;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:block
}
.gPoster .p .e p{
    font-size:12px;
    font-weight:400;
    margin-top:5px;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.gPoster .p .e .btnsa{
    font-size:10px;
    position:absolute;
    bottom:20px;
    left:20px;
    width:calc(100% - 40px);
    border-radius:20px;
    color:var(--mainColorText);
    background:var(--mainColor);
    height:40px;
    line-height:40px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:1px
}
.gPoster .i{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
.gPoster:hover .i{
    -webkit-transform:translate(0,10px);
    -ms-transform:translate(0,10px);
    transform:translate(0,10px)
}
.gPoster .i span{
    font-size:14px;
    font-weight:600;
    margin-top:15px;
    margin-bottom:5px;
    color:#fff;
    width:100%;
    white-space:nowrap;
    overflow:hidden!important;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:block;
    text-align:left
}
.gPoster .i .mi{
    display:block;
    position:relative;
    font-size:12px;
    color:rgba(255,255,255,.4)
}
.gPoster .i .mi .y{
    float:left
}
.gPoster .i .mi .t{
    float:right;
    margin-right:30px
}
.gPoster .i .mi .r{
    float:right;
    color:#eca500
}
.gPoster .i .mi .r::before{
    content:"";
    width:12px;
    height:12px;
    top:1px;
    margin-right:3px;
    background-size:cover;
    position:relative;
    display:inline-block;
    opacity:.8;
    background-image:url(data:image/svg+xml;
    utf8;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzLjg2NyA1My44NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUzLjg2NyA1My44Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0VGQ0U0QTsiIHBvaW50cz0iMjYuOTM0LDEuMzE4IDM1LjI1NiwxOC4xODIgNTMuODY3LDIwLjg4NyA0MC40LDM0LjAxMyA0My41NzksNTIuNTQ5IDI2LjkzNCw0My43OTggICAxMC4yODgsNTIuNTQ5IDEzLjQ2NywzNC4wMTMgMCwyMC44ODcgMTguNjExLDE4LjE4MiAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}
#recentMovie{
    border-radius:20px;
    overflow:hidden;
    position:relative;
    margin-top:50px;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.5);
    box-shadow:0 0 30px 0 rgba(0,0,0,.5)
}
#recentMovie .background{
    width:100%;
    height:100%;
    position:absolute;
    background-size:cover;
    background-position:center center
}
#recentMovie .hover{
    width:100%;
    height:100%;
    position:absolute;
    background:#07060a;
    background:-webkit-gradient(linear,left bottom,left top,from(rgba(var(--themeBackgroundNumbers),.9)),color-stop(22%,rgba(var(--themeBackgroundNumbers),.8)),color-stop(58%,rgba(var(--themeBackgroundNumbers),.7)),to(rgba(var(--themeBackgroundNumbers),.65)));
    background:-o-linear-gradient(bottom,rgba(var(--themeBackgroundNumbers),.9) 0,rgba(var(--themeBackgroundNumbers),.8) 22%,rgba(var(--themeBackgroundNumbers),.7) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%);
    background:linear-gradient(0deg,rgba(var(--themeBackgroundNumbers),.9) 0,rgba(var(--themeBackgroundNumbers),.8) 22%,rgba(var(--themeBackgroundNumbers),.7) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%)
}
#recentMovie .moviePresent{
    padding:100px
}
#lastHome{
    display:block;
    position:relative;
    margin-top:50px
}
#lastHome>h3{
    display:block;
    font-size:16px;
    font-weight:300;
    text-align:center;
    color:#fff;
    letter-spacing:5px;
    text-transform:uppercase
}
#lastHome .cats{
    display:block;
    position:relative;
    margin-top:30px;
    margin-bottom:30px;
    padding:0;
    overflow:hidden;
    text-align:center
}
#lastHome .cats a{
    display:inline-block;
    line-height:40px;
    background:rgba(255,255,255,.05);
    font-size:12px;
    border-radius:20px;
    padding:0 20px;
    margin-right:5px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#lastHome .cats a:hover{
    background:var(--mainColor);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow)
}
.generalMoviesList{
    display:block;
    position:relative;
    text-align:center
}
.generalMoviesList .gPoster{
    margin:11px;
    margin-bottom:30px;
    margin-top:0
}
footer{
    display:block;
    margin-top:60px;
    position:relative
}
footer h2{
    font-size:14px;
    font-weight:300;
    text-transform:uppercase;
    color:#fff;
    letter-spacing:5px;
    text-align:center
}
footer .footerLinks{
    display:block;
    position:relative;
    font-size:0;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px
}
footer .footerLinks .item{
    display:inline-block;
    width:300px;
    vertical-align:top;
    position:relative;
    text-align:center
}
footer .footerLinks span{
    font-size:16px;
    color:#fff;
    display:block;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
footer .footerLinks a{
    display:block;
    line-height:30px;
    font-size:14px;
    color:rgba(255,255,255,.4);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    font-weight:300;
    padding-left:10px
}
footer .footerLinks a:hover{
    color:#fff
}
footer .logoOne img{
    margin:40px auto;
    display:block
}
footer ul{
    padding-left:0
}
footer p{
    display:block;
    text-align:center;
    font-size:12px;
    color:#fff;
    max-width:80%;
    margin:0 auto;
    opacity:.5
}
footer p:first-child{
    margin-top:20px
}
footer .copyright{
    font-size:10px;
    color:#fff;
    display:block;
    margin:0 auto;
    margin-bottom:50px;
    opacity:.4;
    text-transform:uppercase;
    letter-spacing:5px;
    text-align:center;
    margin-top:20px
}
#listingPage .titleBar{
    width:100%;
    margin-top:40px;
    display:block;
    margin-bottom:40px
}
#listingPage .titleBar h1{
    color:#fff;
    font-size:24px;
    text-align:left;
    font-weight:300;
    display:block;
    padding-left:10px
}
.paginationSystem{
    display:block;
    margin:50px 0;
    width:100%;
    position:relative;
    font-size:0;
    text-align:centeR
}
.paginationSystem a{
    width:auto;
    display:inline-block;
    margin:0 10px;
    height:50px;
    text-align:center;
    font-weight:600;
    color:#f2f2f2;
    background:#212126;
    font-size:12px;
    padding:0 20px;
    line-height:50px;
    border-radius:5px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    text-transform:uppercase;
    letter-spacing:1px;
    position:relative;
    margin-bottom:10px
}
.paginationSystem a.active{
    background:var(--mainColorHover);
    color:vaR(--mainColorText)
}
.paginationSystem a:hover{
    background:var(--mainColor);
    color:vaR(--mainColorText);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow)
}
.gTitle{
    line-height:70px;
    font-size:32px;
    color:#fff;
    font-weight:300;
    display:block;
    margin-bottom:20px
}
.extraData{
    display:block;
    position:relative
}
#moviePage{
    position:relative;
    display:block;
    height:auto
}
#moviePage .background{
    width:100%;
    height:calc(100% - 100px);
    position:absolute;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px);
    background-repeat:no-repeat;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
#moviePage .hover{
    width:100%;
    height:calc(100% - 100px);
    position:absolute;
    background:#07060a;
    background:-webkit-gradient(linear,left bottom,left top,from(rgb(var(--themeBackgroundNumbers))),color-stop(22%,rgba(var(--themeBackgroundNumbers),.95)),color-stop(58%,rgba(var(--themeBackgroundNumbers),.75)),to(rgba(var(--themeBackgroundNumbers),.65)));
    background:-o-linear-gradient(bottom,rgb(var(--themeBackgroundNumbers)) 0,rgba(var(--themeBackgroundNumbers),.95) 22%,rgba(var(--themeBackgroundNumbers),.75) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%);
    background:linear-gradient(0deg,rgb(var(--themeBackgroundNumbers)) 0,rgba(var(--themeBackgroundNumbers),.95) 22%,rgba(var(--themeBackgroundNumbers),.75) 58%,rgba(var(--themeBackgroundNumbers),.65) 100%);
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px)
}
#moviePage .prod{
    display:block;
    font-size:12px;
    margin-bottom:10px
}
#moviePage .prod h4{
    display:inline-block;
    font-size:12px;
    line-height:1
}
#moviePage .moviePresent{
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    padding-bottom:80px
}
#moviePage .moviePresent p{
    margin-bottom:20px;
    font-size:14px
}
#moviePage .moviePresent .genres{
    display:block;
    font-size:0;
    margin-bottom:20px
}
#moviePage .moviePresent .genres a,#moviePage .moviePresent .genres span{
    display:inline-block;
    padding:5px 10px;
    font-size:12px;
    color:#fff;
    border-radius:5px;
    margin-right:10px;
    border:1px solid rgba(255,255,255,.2);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
#moviePage .moviePresent .genres a:hover,#moviePage .moviePresent .genres span:hover{
    background:var(--mainColor);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow)
}
#playButton{
    position:absolute;
    right:200px;
    top:calc(50% - 75px);
    width:150px;
    height:150px;
    border-radius:50%;
    background:var(--mainColor);
    -webkit-box-shadow:0 0 30px 0 var(--mainShaddow);
    box-shadow:0 0 30px 0 var(--mainShaddow);
    cursor:pointer;
    z-index:100;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
#playButton:hover{
    -webkit-box-shadow:0 0 30px 0 var(--mainColorHover);
    box-shadow:0 0 30px 0 var(--mainColorHover)
}
#playButton svg{
    width:60px;
    height:60px;
    position:absolute;
    top:45px;
    left:50px
}
#playButton svg path{
    fill:var(--mainColorText);
    opacity:.9
}
#moviePage.playerActive .moviePresent{
    -webkit-transform:translate(-1000px,0);
    -ms-transform:translate(-1000px,0);
    transform:translate(-1000px,0);
    opacity:0
}
#moviePage.playerActive #playButton{
    -webkit-transform:translate(1000px,0);
    -ms-transform:translate(1000px,0);
    transform:translate(1000px,0);
    opacity:0
}
#playerArea{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    text-align:center;
    opacity:0;
    visibility:hidden;
    z-index:999999999
}
#moviePage.playerActive #playerArea{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1;
    visibility:visible
}
#moviePage.playerActive>.background{
    opacity:.2
}
#playerArea .closeButton{
    display:block;
    position:absolute;
    bottom:-30px;
    left:calc(50% - 70px);
    width:140px;
    font-weight:800;
    line-height:40px;
    height:40px;
    border-radius:15px;
    text-align:center;
    background:var(--mainColor);
    color:var(--mainColorText);
    padding:0
}
#playerArea .closeButton:hover{
    background:var(--mainColorHover);
    color:var(--mainColorText)
}
#playerIframe{
    position:absolute;
    display:block;
    width:100%;
    height:calc(100% - 20px);
    overflow:hidden
}
#playerIframe iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
	background: url(https://i.imgur.com/zQN3LHb.gif) center center no-repeat;
    background-color: #000;
}
#movieText{
    display:block;
    width:100%;
    color:#fff;
    margin-bottom:40px;
    text-align:center
}
#movieText h1{
    font-size:22px;
    letter-spacing:2px;
    margin-bottom:10px
}
#movieText p{
    display:block;
    width:100%;
    color:#fff;
    font-size:14px;
    opacity:.8
}
#socials{
    display:block;
    text-align:center;
    color:#fff;
    margin-bottom:50px;
    margin-top:60px
}
#socials span{
    font-size:22px;
    letter-spacing:2px;
    display:block;
    margin-bottom:30px
}
#socials a{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:30px;
    -webkit-box-shadow:0 0 20px 2px rgba(0,0,0,.4);
    box-shadow:0 0 20px 2px rgba(0,0,0,.4);
    margin:0 10px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#socials a:hover{
    opacity:.8
}
#socials a.facebook{
    background:#5061a6
}
#socials a.twitter{
    background:#55acef
}
#socials a.pinterest{
    background:#d7143a
}
#socials a svg{
    width:32px;
    height:32px;
    margin-top:14px
}
#searchPage .searchBar{
    height:70px;
    background:#fff;
    border-radius:10px;
    width:100%;
    position:relative;
    display:block;
    margin-top:40px
}
#searchPage .searchBar .gButton{
    width:50px;
    height:50px;
    padding:0;
    position:absolute;
    border-radius:15px;
    top:10px;
    right:10px
}
#searchPage .searchBar .gButton svg{
    width:22px;
    margin-top:14px
}
#searchPage .searchBar input{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-weight:300;
    font-size:24px;
    padding:0 30px;
    border:none;
    background:0 0
}
#searchPage .noMovies{
    text-align:center;
    padding:50px 20px;
    font-size:18px;
    color:#fff
}
#searchPage .error{
    padding:20px;
    text-align:center;
    color:#fff;
    border-radius:10px;
    margin-top:20px
}
#searchPage .generalMoviesList{
    margin-top:30px
}
#topBar .openTopBar{
    position:absolute;
    width:30px;
    height:24px;
    top:39px;
    right:30px;
    z-index:300;
    cursor:pointer;
    -webkit-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    display:none
}
#topBar .openTopBar .bar{
    position:absolute;
    width:30px;
    height:2px;
    left:0;
    background:#fff;
    border-radius:2px;
    -webkit-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
#topBar .openTopBar:hover .bar{
    -webkit-box-shadow:0 0 15px 2px var(--mainShaddow);
    box-shadow:0 0 15px 2px var(--mainShaddow)
}
#topBar .openTopBar .bar:nth-child(1){
    top:0
}
#topBar .openTopBar .bar:nth-child(2){
    top:10px
}
#topBar .openTopBar .bar:nth-child(3){
    top:20px
}
#topBar .openTopBar.active .bar:nth-child(1){
    top:10px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#topBar .openTopBar.active .bar:nth-child(2){
    opacity:0
}
#topBar .openTopBar.active .bar:nth-child(3){
    top:10px;
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.footerSitesLinks{
    display:block;
    position:relative;
    margin-top:10px;
    text-align:center
}
.footerSitesLinks a{
    display:inline-block;
    font-size:12px;
    opacity:.7;
    margin:0 5px
}
#mainLauncher .moviePresent{
    text-align:center
}
#mainLauncher .moviePresent h1{
    font-size:12px;
    letter-spacing:2px;
    font-weight:400
}
#mainLauncher .movieLogo{
    max-height:250px;
    max-width:80%;
    width:auto
}
#mainLauncher .moviePresent p{
    margin:0 auto;
    margin-top:5px;
    margin-bottom:20px
}
@media only screen and (max-width:1460px){
    .wrap{
        width:97%;
        margin:0 auto
    }
    .extraData .gTitle{
        padding-left:20px
    }
    .bslider-stage{
        padding-left:40px!important
    }
}
@media only screen and (max-width:1080px){
    #topBar .menu .item{
        font-size:14px;
        margin:0 20px
    }
    #topBar .subMenu a{
        width:25%;
        font-size:12px
    }
    #topBar .searchBar.active input{
        font-size:22px
    }
    #playButton{
        right:50px
    }
    #lastHome .cats a{
        margin-bottom:5px
    }
    #lastHome .cats{
        margin-bottom:20px!important
    }
}
@media only screen and (max-width:980px){
    #topBar .openTopBar{
        display:block
    }
    #topBar .menu{
        visibility:hidden;
        opacity:0;
        position:fixed;
        top:100px;
        left:0;
        width:100%;
        height:100%;
        background:rgba(13,13,17,.95);
        z-index:200;
        -webkit-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
    #topBar .menu.active{
        opacity:1;
        visibility:visible
    }
    #topBar .searchBar{
        margin-right:60px
    }
    #topBar .searchBar.active{
        margin-right:0
    }
    #topBar .menu .item{
        display:block;
        width:80%;
        margin:0 auto;
        padding:0;
        text-align:center;
        font-size:22px
    }
    #topBar .item i{
        position:relative;
        display:inline-block;
        vertical-align:top
    }
    #topBar .subMenu{
        top:190px;
        z-index:500
    }
    #topBar .subMenu a{
        font-size:14px
    }
    #moviePage .moviePresent{
        padding-left:30px
    }
    .moviePresent h2{
        -o-text-overflow:initial!important;
        text-overflow:initial!important;
        white-space:initial!important;
        font-size:18px!important
    }
    .moviePresent .infos{
        height:auto!important
    }
    #searchPage .searchBar{
        margin-top:0;
        width:94%;
        margin-left:3%
    }
}
@media only screen and (max-width:760px){
    .moviePresent{
        padding:50px 30px
    }
    #recentMovie .moviePresent{
        padding:50px 30px!important
    }
    .moviePresent .tit,.moviePresent h3{
        font-size:36px;
        max-width:100%
    }
    .moviePresent .buttons .gButton{
        text-transform:initial
    }
    #topBar .searchBar.active input{
        font-size:14px;
        text-align:left
    }
    #topBar .searchBar.active svg{
        left:70px
    }
    #moviePage .moviePresent{
        padding-top:250px;
        text-align:center;
        padding-bottom:20px
    }
    #playButton{
        top:60px;
        left:calc(50% - 75px)
    }
    #listingPage .titleBar h1{
        font-size:5vw
    }
    #listingPage .titleBar{
        margin-top:10px;
        margin-bottom:30px
    }
    #recentMovie{
        margin-top:30px;
        border-radius:0;
        width:calc(100% + 6%);
        -webkit-transform:translateX(-3%);
        -ms-transform:translateX(-3%);
        transform:translateX(-3%)
    }
    #recentMovie .moviePresent{
        padding:70px 50px
    }
    #recentMovie .moviePresent .infos{
        margin-top:10px
    }
    #recentMovie .moviePresent p{
        margin-bottom:30px
    }
    #lastHome h3{
        font-size:12px;
        letter-spacing:2px;
        padding:0 20px
    }
    footer{
        margin-top:30px
    }
    #listingPage .titleBar h1{
        text-align:center
    }
    #playerArea{
        max-height:500px
    }
    .extraData .gTitle{
        font-size:6vw;
        line-height:initial
    }
}
@media only screen and (max-width:580px){
    #topBar .subMenu a{
        width:33.3%
    }
    #listingHome .options{
        height:200px
    }
    #listingHome .options span{
        width:50%
    }
    #lastHome h1{
        font-size:14px
    }
    footer .footerLinks .item{
        text-align:center;
        margin-bottom:10px
    }
    .bslider-stage{
        padding-left:30px!important
    }
    .paginationSystem{
        padding:0 10px;
        margin:20px 0
    }
    .paginationSystem a{
        margin:0 5px;
        width:calc(20% - 10px);
        border-radius:10px
    }
    .paginationSystem a.next,.paginationSystem a.prev{
        display:block;
        width:calc(100% - 10px);
        margin-top:10px;
        margin-bottom:10px
    }
    #playerArea{
        height:calc(100% - 50px);
        background:var(--themeBackground);
        max-height:unset;
        position:fixed
    }
    #playerArea .closeButton{
        width:100%;
        height:50px;
        bottom:-50px;
        left:0;
        border-radius:0;
        line-height:50px;
        font-style:bold;
        letter-spacing:2px
    }
    #playerIframe{
        height:100%
    }
}
@media only screen and (max-width:480px){
    .moviePresent .buttons .gButton{
        display:block;
        margin:10px auto
    }
    .gPoster{
        width:150px;
        padding-top:225px
    }
    .gPoster .p{
        width:150px;
        height:225px
    }
    .gPoster .p:hover{
        width:150px;
        height:225px
    }
    .gPoster .p .e .btnsa{
        display:none
    }
    .itemsList{
        height:300px
    }
    #topBar .logo img{
        max-width:150px;
        -webkit-transform:translate(15px,7px);
        -ms-transform:translate(15px,7px);
        transform:translate(15px,7px)
    }
}

/* Synopsis limiter */
.synopsis-container{
    position:relative;
    max-width:700px;
    margin-bottom:50px
}
.synopsis-text{
    font-size:12px;
    color:rgba(255,255,255,.8);
    max-height:7.5em;
    overflow:hidden;
    position:relative;
    transition:max-height .4s ease-in-out;
    line-height:1.5
}
.synopsis-text::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:40px;
    background:linear-gradient(transparent,rgba(var(--themeBackgroundNumbers),1));
    pointer-events:none;
    transition:opacity .3s ease-in-out
}
.synopsis-text.expanded{
    max-height:2000px
}
.synopsis-text.expanded::after{
    opacity:0
}
.synopsis-toggle{
    display:none;
    cursor:pointer;
    color:var(--mainColor);
    font-size:12px;
    font-weight:600;
    margin-top:8px;
    transition:all .3s ease-in-out;
    letter-spacing:.5px
}
.synopsis-toggle:hover{
    opacity:.8;
    text-decoration:underline
}
.synopsis-toggle.visible{
    display:inline-block
}