/*

Theme Name: ARABAWY

Version: 3.0

Author: 3RAB.CO

*/
@import url(https://fonts.googleapis.com/css?family=Play:700|Righteous);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700,600);
@font-face {
    font-family: 'Font';
    src: url('./fonts/ge-ss-two-light-bf41009b.eot');
    src: url('./fonts/ge-ss-two-light-bf41009b.eot?#iefix')format('embedded-opentype'), url('./fonts/ge-ss-two-light-6e19ed92.woff')format('woff'), url('./fonts/ge-ss-two-light-46251cb6.ttf')format('truetype'), url('./fonts/ge-ss-two-light-a25a6cb8.svg#ge_ss_twolight')format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'FontAwesome';
    src: url('./fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('./fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('./fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Font';
    src: url('./fonts/ge-ss-two-medium-52884ce4.eot');
    src: url('./fonts/ge-ss-two-medium-52884ce4.eot?#iefix')format('embedded-opentype'), url('./fonts/ge-ss-two-medium-31ffbc7b.woff')format('woff'), url('./fonts/ge-ss-two-medium-a29dc375.ttf')format('truetype'), url('./fonts/ge-ss-two-medium-47105cb2.svg#ge_ss_twomedium')format('svg');
    font-weight: 700;
    font-style: normal;
}
body,
html {
    height: 100%;
    background: #121a27;
    background-size: 100% 100%;
    background-attachment: fixed;
    color: black;
    font-family: Font, Arial;
    position: relative;
    z-index: 1;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
}
a {
    color: white;
    text-decoration: none;
}
div#large-header canvas {
    width: 100%;
    height: 100%;
}
div#large-header {
    position: fixed;
    top: 0;
    pointer-events: none;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
}
.topBar {
    width: 100%;
    height: 90px;
    background: #212121;
    z-index: 2;
}
.bottomBar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: #252525;
    z-index: 2;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.28);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: rgb(37, 37, 37);
}
::-webkit-scrollbar-thumb {
    background-color: #5a5a5a;
}
.categories > div > div:nth-child(3n+0) {
    margin-left: 0;
}
.categories > div > div .image:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(9, 58, 44, 0), rgb(25, 25, 25));
}
.categories > div > div span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
}
.categories > div > div .image {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: 100%;
    background-position: center center;
}
.categories > div > div .image img {
    width: 100%;
    height: auto;
}
.categories .owl-wrapper > div > div {
    width: 100%;
    float: right;
    height: 207px;
    background: #173261;
    text-align: center;
    margin-left: 10px;
    position: relative;
    border-radius: 3px;
    border: 4px solid #2B487B;
    margin: 0 auto;
}
.categories div.owl-item span {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
    background: #2B487B;
    line-height: 36px;
    font-weight: bold;
    height: 32px;
    font-size: 15px;
}
.categories > div {} .categories > div > div {
    width: 112px;
    height: 121px;
    border: 2px solid #3E3E3E;
    border-radius: 3px;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    display: inline-block;
    overflow: hidden;
    float: right;
    margin-left: 6px;
    margin-bottom: 6px;
}
.categories > div > div .image {} .categories {
    width: 370px;
    z-index: 1;
    padding: 9px 10px;
    direction: ltr;
    background: rgb(33, 33, 33);
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    margin-left: -600px;
}
.sliders-List {} .sliders-List .right {
    display: block;
    margin: auto;
    right: 0px;
    position: absolute;
}
.sliders-List .left {
    display: block;
    margin: auto;
    left: 0;
    position: absolute;
}
.sliders-List .middle {
    height: 100%;
    position: absolute;
    left: 45px;
    right: 45px;
}
.sliders-List ul {
    display: block;
    padding: 0;
    margin: 0;
}
.sliders-List ul>li {
    display: block;
    color: #000;
    width: 44px;
    background: white;
    height: 42px;
    border: 9px solid black;
}
.sliders-List li {
    position: relative;
    animation: scroll 6s linear infinite;
}
@keyframes flicker {
    0% {
        background-color: #000;
    }
    100% {
        background-color: #A02B16;
    }
}
@-webkit-keyframes flicker
/* Safari and Chrome */

{
    0% {
        background-color: #999;
    }
    100% {
        background-color: #fff;
    }
}
@keyframes scroll {
    0% {
        top: 0;
    }
    100% {
        top: -400px;
    }
}
@-webkit-keyframes scroll
/* Safari and Chrome */

{
    0% {
        top: 0;
    }
    100% {
        top: -400px;
    }
}
/*ball*/

.ball {
    background: black;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    bottom: 0px;
    margin: auto;
    position: relative;
    background: -webkit-radial-gradient(100px 100px, circle, #999, #000);
    background: -moz-radial-gradient(100px 100px, circle, #999, #000);
    background: radial-gradient(100px 100px, circle, #999, #000);
    opacity: .9;
    -webkit-animation: bounce 4s infinite;
    z-index: 10;
}
.shadow {
    position: absolute;
    left: 50%;
    margin-left: -33px;
    bottom: 10px;
    z-index: 1;
    width: 75px;
    height: 75px;
    background: rgba(20, 20, 20, .1);
    -webkit-box-shadow: 0px 0 20px 35px rgba(20, 20, 20, .3);
    border-radius: 30px / 40px;
    -webkit-transform: scaleY(.2);
    -webkit-animation: shadow-effect 4s infinite;
}
@-webkit-keyframes bounce {
    0% {
        width: 140px;
        height: 140px;
        -webkit-transform: translate3d(0, 150px, 0);
        -webkit-animation-timing-function: ease-out;
        opacity: .8;
    }
    50% {
        width: 200px;
        height: 200px;
        -webkit-transform: translate3d(0, 20px, 0);
        -webkit-animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        width: 140px;
        height: 140px;
        -webkit-transform: translate3d(0, 150px, 0);
        opacity: .8;
    }
}
@-webkit-keyframes shadow-effect {
    0% {
        opacity: 0;
        bottom: 75px;
        width: 20px;
        height: 20px;
        margin-left: 0px;
        background: rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0px 0 0px 0px rgba(0, 0, 0, .3);
        border-radius: 30px / 40px;
        -webkit-transform: scaleY(1);
        -webkit-animation-timing-function: ease-in;
    }
    50% {
        opacity: 1;
        bottom: 50px;
        width: 80px;
        height: 80px;
        margin-left: -20px;
        background: rgba(20, 20, 20, .1);
        -webkit-box-shadow: 0px 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        -webkit-transform: scaleY(1);
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        opacity: 0;
        bottom: 75px;
        width: 20px;
        height: 20px;
        margin-left: 0px;
        background: rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0px 0 0px 0px rgba(0, 0, 0, .3);
        border-radius: 30px / 40px;
        -webkit-transform: scaleY(1);
        -webkit-animation-timing-function: ease-in;
    }
}
canvas#canvas {
    opacity: .1;
    -webkit-filter: grayscale();
    -webkit-transition: 1s opacity cubic-bezier(0.55, 0, 0.1, 1);
    transition: 1s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.sliderAfterHe .owl-item li img {
    width: 100%;
    height: 890px;
    position: relative;
    top: -180px;
}
.sliderAfterHe .owl-item li {
    list-style: none;
}
.sliderAfterHe {
    direction: ltr;
    position: relative;
    height: 430px;
    overflow: hidden;
}
/* 

 *  Core Owl Carousel CSS File

 *  v1.3.3

 */
/* clearfix */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    direction: ltr;
    overflow: hidden;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    max-width: initial;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel.genres .owl-item {display: inline-block;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-pagination {
    text-align: center;
    margin-top: 10px;
}
.owl-pagination > div {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ffffff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.36);
    border-radius: 50%;
    margin: 0px 3px;
}
.owl-pagination > div.active {
    background: rgb(23, 79, 177);
}
.slider .owl-item li {
    height: 533px;
    overflow: hidden;
}
.slider {
    direction: ltr;
    z-index: 999999;
    position: relative;
    clear: both;
    background: radial-gradient(ellipse at top,rgb(15, 48, 107),rgb(11, 44, 103) 89%,rgb(6, 30, 70));
    padding: 10px 0px 10px;
    overflow: hidden;
}
.owl-item.active .moviesShapes > .one{
    z-index: 3;
    transition: 1.2s 1.5s all ease;
}
.moviesShapes > .two{
    float: right;
}
.moviesShapes > .three{
    border-left: 0;
    border-right: 3px solid #2D2D2D;
}
.moviesShapes > .four{
    border-left: 0;
    border-right: 3px solid #2D2D2D;
}
.owl-item.active .moviesShapes > .two{
    z-index: 4;
    transition: 1s 1.3s all ease;
}
.owl-item.active .moviesShapes > .three{
    z-index: 1;
    transition: 1.2s 1.7s all ease;
}
.owl-item.active .moviesShapes > *:hover .title {
    bottom:0 !important;
}
.owl-item.active .moviesShapes > .one:hover .title , .owl-item.active .moviesShapes > .two:hover .title , .owl-item.active .moviesShapes > .three:hover .title , .owl-item.active .moviesShapes > .four:hover .title {
    bottom: 0;
}
.owl-item.active .moviesShapes > * .title {
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: .3s all ease;
    width: 100%;
    color: white;
    text-align: center;
    z-index: 100;
    padding-bottom: 21px;
    text-shadow: 0px 0px 3px black;
    line-height: 22px;
    font-family: Font , Arial;
    font-size: 20px;
    font-weight: bold;
}
.owl-item .moviesShapes > * img {
    height: 100%;
    width: auto;
    transition: .6s all ease;
    min-width: 100%;
}
.owl-item.active .moviesShapes > .one:hover img , .owl-item.active .moviesShapes > .two:hover img , .owl-item.active .moviesShapes > .three:hover img , .owl-item.active .moviesShapes > .four:hover img{
    transform: translate(-15%, 0);
}
.owl-item.active .moviesShapes > *{
    opacity: 1 !important;
    transform: translate(0) !important;
}
.owl-item.active .moviesShapes > .four{
    transition: 1s 1.5s all ease;
    z-index: 2;
}
.moviesShapes > .one{
    float: right;
    transform: translate(-590px, 0);
    z-index: 3;
}
.moviesShapes > .two{transform: translate(-390px, 0);z-index: 4;}
.moviesShapes > .three{transform: translate(590px, 0);}
.moviesShapes > .four{transform: translate(390px, 0);}
.moviesShapes > *:before{content: '';position: absolute;bottom: 0;width: 100%;z-index: 10;pointer-events: none;height: 120px;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));}
.moviesShapes > *:after{content: '';position: absolute;top: 0;width: 100%;pointer-events: none;height: 120px;background: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0));}
.moviesShapes > *{
    position: relative;
    width: 18%;
    height: 100%;
    opacity: 0;
    background: #1B1B1B;
    float: left;
    transform: translate(-100px, 0px);
    transition: 1s .5s all ease;
    overflow: hidden;
    border-left: 3px solid #2D2D2D;
}
.owl-item.active .moviesShapes {
    pointer-events:inherit;
}
.moviesShapes {
    position: absolute;
    top: 0;
    pointer-events: none;
    width: 80%;
    left: 0;
    height: 100%;
    width: 100%;
}

.description h1 {
    color: white;
    font-size: 34px;
    line-height: 100%;
    margin-bottom: 35px;
}
.description p {
    font-size: 15px;
    color: #9C9C9C;
    margin-bottom: 30px;
    overflow: hidden;
}
.description a {
    display: inline-block;
    background: linear-gradient(rgb(49, 118, 220), rgb(41, 102, 193), rgb(15, 71, 154));
    color: white;
    padding: 4px 24px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.55);
}
.description {
    position: absolute;
    top: 0;
    width: 28%;
    padding: 100px 25px;
    height: 100%;
    background: #111111;
    color: white;
    right: 36%;
    direction: rtl;
    z-index: 1000;
    text-align: center;
}

a {
    color: #444;
    text-decoration: none;
}

a.slider-next {
    left: 30px;
}
a.slider-prev {
    right: 30px;
}
.slider:hover a.slider-next,.slider:hover a.slider-prev {
    opacity:1;
}
a.slider-next:hover,a.slider-prev:hover {
    color: white;
}
a.slider-next,a.slider-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    transition: .3s all ease;
    opacity: 0;
    margin-top: -25px;
    font-size: 50px;
    color: #E6E6E6;
    text-shadow: 0px 0px 7px black;
}
.MainMenu > ul > li:hover > ul {
    visibility:visible;
    opacity:1;

}
.MainMenu > ul > li > ul > li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.MainMenu > ul > li > ul > li {
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #307EA2;
}
.MainMenu > ul > li > ul {
    position: absolute;
    width: 180px;
    list-style: none;
    transition: .1s all ease;
    background: #262B36;
    right: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.54);
    opacity: 0;
    visibility: hidden;
    top: 100%;
    padding: 16px;
}
.MainMenu > ul > li {
    display: inline-block;
    font-weight: bold;
    float: right;
    margin-left: 0;
    position: relative;
    border-left: 1px solid #378AB1;
}
.MainMenu > ul > li > a {
    font-size: 18px;
    color: #FFFFFF;
    display: block;
    padding: 21px 17px;
} .MainMenu {
    float: right;
    width: calc(100% - 270px);
    margin-top: 0;
    height: 65px;
}
.browseList.active {
    transform: translate(0);
}
.browseList > li:last-child {} .browseList > li a {
    color: #565656;
}
.browseList > li {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 9px 12px;
    font-weight: bold;
    height: 38px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.42);
    margin-bottom: 5px;
    background: radial-gradient(ellipse at top, #FFFFFF, #FFFFFF 80%, #ECECEC);
}
.browseList {
    position: absolute;
    top: 80px;
    padding: 10px 11px 7px;
    left: 50%;
    margin-left: -600px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.58);
    width: 230px;
    transform: translate(0px, -100%);
    min-height: 210px;
    background: radial-gradient(ellipse at top, #F3F3F3, #E5E4E6 80%, rgba(195, 195, 195, 0.75));
    transition: .3s all ease;
    z-index: 15;
    border-radius: 0px 0px 3px 3px;
}
.container:After {
    content: '';
    display: block;
    clear: both;
}
.container:before {
    content: '';
    display: block;
    clear: both;
}
.SidesWide:After {
    content: '';
    display: block;
    clear: both;
}
.SidesWide:before {
    content: '';
    display: block;
    clear: both;
}
.columns:After {
    content: '';
    display: block;
    clear: both;
}
.columns:before {
    content: '';
    display: block;
    clear: both;
}
.CoverIntroMovie .container {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 33px;
    width: 1200px;
    padding-top: 0px;
    top: -10px;
}
.CoverIntroMovie .container > .posterImage a.imdbICon {
    background: #ffd600;
    color: black;
    font-weight: bold;
    padding: 3px 7px 0;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    border+-ra: 3;
    border-radius: 3px;
}
.CoverIntroMovie .container > .posterImage img {
    width: 100%;
    height: 100%;
}
#st-container.loaded .CoverIntroMovie .container > .posterImage {
}
.CoverIntroMovie .container > .posterImage {
    margin-left: 30px;
    width: 240px;
    z-index: 100;
    height: 335px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.61);
    border-top: 4px solid rgb(255, 255, 255);
    border-bottom: 4px solid rgb(255, 255, 255);
    transition: 1s all ease;
    border-right: 4px solid rgb(255, 255, 255);
    border-left: 4px solid rgb(255, 255, 255);
    position: relative;
    top: 30px;
    border-radius: 3px;
    float: right;
}
.bottom-slider .owl-pagination {
    display: none;
}
.bottom-slider .owl-prev {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-size: 80px;
    color: white;
    width: 59px;
    text-align: center;
    padding-top: 8px;
}
.bottom-slider:hover .owl-next {
    opacity: 1;
}
.bottom-slider:hover .owl-prev {
    opacity: 1;
}
.bottom-slider .owl-next {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    font-size: 80px;
    color: white;
    width: 59px;
    text-align: center;
    padding-top: 8px;
}
.bottom-slider li:Hover img {
    opacity: .8;
    transform: scale(1.1);
}
.bottom-slider li img {
    width: 100%;
    height: 100%;
    transition: .3s all ease;
}
.bottom-slider li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(76, 11, 30, 0.62);
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-size: 18px;
    line-height: 115px;
}
.bottom-slider li:hover {
    background: #262B36;
}
.bottom-slider li {
    list-style: none;
    height: 110px;
    overflow: hidden;
    margin: 0px 3px;
    background: #981049;
    position: relative;
}
.bottom-slider {
    background: rgb(165, 20, 61);
    padding: 5px 0px 0;
    position: relative;
    box-shadow: 0 5px 6px rgba(46, 45, 45, 0.49);
    height: 120px;
    z-index: 10;
    clear: both;
    margin: 0px 0;
}
.bottom-slider .genres {
    margin: 0 auto;
    width: calc(100% - 120px);
    overflow: hidden;
}
.ad728x90 {
    width: 728px;
    height: 90px;
    background: #252525;
    margin: 0 auto 10px;
}
.sections {
    position: relative;
} .sections > div:nth-child(2n+0) > div > .title {
    height: 44px;
    border-bottom: 1px solid #AF2020;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.18);
    background: rgba(152, 40, 40, 0.41);
    margin-bottom: 12px;
    position: relative;
}
.sections > div:nth-child(2n+0) > div > .title > h2 {
    display: inline-block;
    color: #FFFFFF;
    border-right: 5px solid #C6C6C6;
    float: right;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 23px;
    line-height: 42px;
}
.sections > div:not(:nth-child(2n+0)) > div > .title > h2 {
    display: inline-block;
    color: white;
    float: right;
    padding: 0 0px;
    font-size: 23px;
    line-height: 47px;
    border-radius: 2px 2px 0 0;
}
.sections > div > div > .title > ul {
    display: inline-block;
    list-style: none;
    position: absolute;
    left: 11px;
    bottom: 0px;
}
.sections > div > div > .title > ul > li:last-child {
    margin-left: 0;
}
.sections > div > div > .title > ul > li.active:after {
    background: #41A7D6;
}
.sections > div > div > .title > ul > li.active {
    background: #41A7D6;
    color: #262B36 !important;
    top: 1px;
}
.sections > div > div > .title > ul > li:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -0.5em;
    bottom: 0;
    width: 1em;
    background: #3A4150;
    box-shadow: -2px -1px 2px rgba(0, 0, 0, 0.05);
    transform: skew(-10deg);
    border-radius: 5px 0px 0 0px;
}
.sections > div > div > .title > ul > li {
    position: relative;
    margin-left: .5em;
    cursor: pointer;
    font-weight: bold;
    background: #3A4150;
    padding: 12px 14px 10px 7px;
    border-left: 1px solid #3A4150;
    text-align: center;
    float: right;
    text-decoration: none;
    color: #FFFFFF!important;
    text-shadow:;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 0px 5px 0px 0px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.14);
}
.sections > div > div > .title h2 + a span:last-child {
    margin-right: 0;
}
.sections > div > div > .title h2 + a span:nth-child(1) {
    transition: .3s all ease;
}
.sections > div > div > .title h2 + a span:nth-child(2) {
    transition: .4s all ease;
}
.sections > div > div > .title h2 + a span:nth-child(3) {
    transition: .5s all ease;
}
.sections > div > div > .title h2 + a span {
    display: block;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    transition: .3s all ease;
}
.sections > div > div > .title h2 + a:hover {
    background: #313131;
    width: 200px;
    transition: .3s .2s all ease;
}
.sections > div > div > .title h2 + a:hover span {
    transform: translate(0px, 40px);
}
.sections > div > div > .title h2 + a:hover em {
    transform: translate(0);
    transition: .3s .3s all ease;
}
.sections > div > div > .title h2 + a em {
    transition: .3s all ease;
    position: absolute;
    display: block;
    font-style: normal;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    line-height: 39px;
    font-weight: bold;
    font-size: 17px;
    transform: translate(0px, -44px);
}
.sections > div > div > .title h2 + a {
    position: absolute;
    left: 0;
    width: 89px;
    color: white;
    padding-left: 10px;
    font-size: 18px;
    overflow: hidden;
    height: 42px;
    /* border-radius: 5px; */
    
    transition: .3s all ease;
    padding-top: 12px;
    text-align: center;
}
.sections > div > div > .title a {
    color: #C12121;
}
.sections > div:not(:nth-child(2n+0)) > div > .title {
    height: 49px;
    margin-bottom: 12px;
    position: relative;
    border-bottom: 2px solid #41A7D6;
}
.sections > div:nth-child(2n+0) {
    background: radial-gradient(ellipse at top, #E05353, #A52323 80%, rgb(117, 19, 19));
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.19), 0px 1px 3px rgba(0, 0, 0, 0.19);
}
.sections > div {
    padding: 0;
}
.moviesBlocks > .movie img {
    height: 100%;
    width: 100%;
}
.moviesBlocks > .movie:hover i.fa-play {
    opacity: 1;
}
.moviesBlocks > .movie:hover .ribbon {
    opacity: 0;
}
.slider .movie .ribbon {
    background: #f5d949;
    color: #202634;
}
.movie .ribbon {
    transition: .2s all ease;
    position: absolute;
    width: 250px;
    height: 30px;
    text-align: center;
    background: #C12121;
    z-index: 10;
    transform: rotate(-35deg);
    top: 10px;
    left: -92px;
    line-height: 29px;
    font-weight: bold;
    color: white;
}
.moviesBlocks > .movie .fa-play {
    position: absolute;
    top: 50%;
    z-index: 1;
    color: white;
    width: 50px;
    height: 50px;
    background: radial-gradient(ellipse at top, #C12121, #750B0B 80%, #800E0E);
    border-radius: 50%;
    padding-left: 3px;
    right: 50%;
    margin-right: -25px;
    text-align: center;
    font-size: 21px;
    line-height: 50px;
    opacity: 0;
    transition: .2s all ease;
    margin-top: -22px;
}
@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px transparent;
    }
}
@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px transparent;
    }
}
@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 30px transparent;
    }
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 35px transparent;
    }
}
.moviesBlocks > .movie:hover {
    z-index: 2000;
}
.moviesBlocks > .movie > a {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.columns .moviesBlocks .movie {
    width: 32.56%;
    margin-bottom: 8px;
    height: 250px;
}
.columns .moviesBlocks .movie:nth-child(3n+0) {
    margin-left: 0;
}
.moviesBlocks > .movie {
    margin-bottom: 12px;
    margin-left: 4px;
    width: 225px;
    border: 2px solid #e8e8e8;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.49);
    direction: rtl;
    position: relative;
    height: 290px;
    display: inline-block;
}
.moviesBlocks {
    position: relative;
    min-height: 200px;
    margin-bottom: 0;
    transition: .3s all ease;
    display: block;
    padding: 0px 0px;
    text-align: center;
    direction: rtl;
    margin: 0 auto;
}
.moviesBlocks > div .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background: url(./img/mask-title.png) top repeat-x;
    z-index: 5;
    color: white;
    text-align: center;
    line-height: 19px;
    font-size: 14px;
}
.center {
    width: 400px;
    height: 100px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.box {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #333333;
    border-radius: 5px;
}
.x {
    -webkit-animation: slideleft 1.6s cubic-bezier(0.76, -0.6, 0.455, 1.28) infinite;
    animation: slideleft 1.6s cubic-bezier(0.76, -0.6, 0.455, 1.28) infinite;
    left: 150px;
}
.rotate {
    width: 100px;
    height: 100px;
    -webkit-transform: translate(150px) rotateZ(180deg);
    transform: translate(150px) rotateZ(180deg);
    position: absolute;
    left: 0;
}
.y {
    -webkit-animation: slideleft 1.6s cubic-bezier(0.76, -0.6, 0.455, 1.28) infinite;
    animation: slideleft 1.6s cubic-bezier(0.76, -0.6, 0.455, 1.28) infinite;
}
@-webkit-keyframes slideleft {
    0% {
        -webkit-transform: translate(150px, 0);
        transform: translate(150px, 0);
    }
    50% {
        height: 30px;
        border-radius: 20px;
        -webkit-transform: translate(0, 35px);
        transform: translate(0, 35px);
        background-color: rgb(193, 33, 33);
    }
    100% {
        height: 100px;
        -webkit-transform-origin: 125% 50%;
        transform-origin: 125% 50%;
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
}
@keyframes slideleft {
    0% {
        -webkit-transform: translate(150px, 0);
        transform: translate(150px, 0);
    }
    50% {
        height: 30px;
        border-radius: 20px;
        -webkit-transform: translate(0, 35px);
        transform: translate(0, 35px);
        background-color: rgb(193, 33, 33);
    }
    100% {
        height: 100px;
        -webkit-transform-origin: 125% 50%;
        transform-origin: 125% 50%;
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
}
.movie span.epnumber span {
    display: block;
    font-size: 26px;
    font-family: Impact;
    font-weight: normal;
}
.movie:hover span.epnumber {
    transform: translate(0);
    transition: .4s .1s all ease;
}
.movie span.epnumber {
    position: absolute;
    z-index: 1;
    color: white;
    font-weight: bold;
    transform: translate(0px, -70px);
    transition: .3s all ease;
    top: 10px;
    left: 10px;
    padding: 2px 10px;
    text-align: center;
    border-radius: 3px;
}
a.slides-next {
    transform: translate(-60px, 0px);
    position: absolute;
    transition: .3s all ease;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 0;
    background: radial-gradient(ellipse at top, #FFFFFF, #FFFFFF 80%, rgba(233, 233, 233, 0.75));
    margin-top: -30px;
    z-index: 10;
    box-shadow: 0px 1px 7px #000;
    line-height: 64px;
    text-align: center;
    color: #151515;
    font-size: 35px;
    padding-right: 4px;
}
.slider:hover a.slides-prev {
    transform: translate(0);
}
.slider:hover a.slides-next {
    transform: translate(0);
}
a.slides-prev {
    transform: translate(60px, 0px);
    position: absolute;
    transition: .3s all ease;
    width: 60px;
    height: 60px;
    top: 50%;
    right: 0;
    box-shadow: 0px 1px 7px #000;
    background: radial-gradient(ellipse at top, #FFFFFF, #FFFFFF 80%, rgba(233, 233, 233, 0.75));
    margin-top: -30px;
    z-index: 10;
    line-height: 64px;
    text-align: center;
    color: #050507;
    font-size: 35px;
    padding-right: 4px;
}
.detailsList {
    padding: 7px;
    direction: rtl;
    text-align: right;
}
.detailsList div:nth-child(1) {
    transition: .9s all ease;
}
.detailsList div:nth-child(2) {
    transition: .8s all ease;
}
.detailsList div:nth-child(3) {
    transition: .7s all ease;
}
.detailsList div:nth-child(4) {
    transition: .6s all ease;
}
.detailsList div:nth-child(5) {
    transition: .5s all ease;
}
.detailsList div:nth-child(6) {
    transition: .4s all ease;
}
.detailsList div:nth-child(7) {
    transition: .3s all ease;
}
.moviesBlocksSharps .block:hover .detailsList div {
    transform: translate(0);
    opacity: 1;
}
.slider li a:hover .detailsList div {
    transform: translate(0);
    opacity: 1;
}
.detailsList div.conTent {
    font-size: 16px;
    text-align: center;
    padding: 6px;
    opacity: 0;
    line-height: 27px;
    color: #A7A7A7;
    transform: translate(0px, -400px);
}
.block .detailsList div:not(.conTent) span {
    padding: 11px 0;
}
.block .detailsList div:not(.conTent) {
    height: 36px;
}
.detailsList div:not(.conTent) {
    font-size: 13px;
    height: 36px;
    overflow: hidden;
    background: #252525;
    margin-bottom: 5px;
    opacity: 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.44);
    transform: translate(0px, -300px);
}
.detailsList div span {
    display: inline-block;
    font-size: 14px;
    background: radial-gradient(ellipse at top, #E13030, #CC3434 80%, rgb(207, 51, 51));
    padding: 11px 0px;
    line-height: 100%;
    margin-left: 8px;
    text-align: center;
    width: 64px;
}
/* styling */

#wrap {
    position: fixed;
    top: 50%;
    margin-right: -26px;
    right: 50%;
    margin-top: -26px;
}
.cover > div:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000, rgba(0, 0, 0, 0.4), transparent);
}
.cover > div {
    opacity: .6;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.watchingNow .cover {} .watchingNow .cover-content {} .cover {
    width: 100%;
    height: 360px;
    position: absolute;
    top: 50px;
    transition: .3s all ease;
    right: 0;
    z-index: -1;
    background: black;
}
.main-content {
    position: relative;
    transition: .3s all ease;
    min-height: 600px;
}
h2.movietitle {
    text-align: center;
    color: white;
    font-size: 22px;
}
.cover-content .poster img {
    width: 100%;
    height: 100%;
}
.cover-content .poster .views:hover {
    width: 100px;
}
.cover-content .poster .average:hover {
    width: 63px;
}
.cover-content .poster .average {
    position: absolute;
    bottom: 67px;
    background: radial-gradient(ellipse at top, #FDB900, #FB9B38 80%, rgb(226, 141, 35));
    left: 5px;
    color: white;
    width: 31px;
    height: 27px;
    overflow: hidden;
    font-weight: bold;
    font-family: Play;
    font-size: 18px;
    padding: 3px 8px;
    border-radius: 4px;
    transition: .3s all ease;
}
.cover-content .poster .views {
    position: absolute;
    bottom: 7px;
    background: #C12121;
    left: 5px;
    color: white;
    width: 31px;
    height: 27px;
    overflow: hidden;
    font-weight: bold;
    font-family: Play;
    font-size: 18px;
    padding: 3px 6px;
    border-radius: 4px;
    transition: .3s all ease;
}
.cover-content .poster .likes.liking {
    opacity: .8;
    pointer-events: none;
}
.cover-content .poster .likes span {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding-right: 31px;
    line-height: 26px;
}
.cover-content .poster .likes:hover {
    width: 90px;
}
.cover-content .poster .likes {
    position: absolute;
    bottom: 37px;
    background: #3C599F;
    left: 5px;
    color: white;
    font-weight: bold;
    font-family: Play;
    font-size: 17px;
    transition: .3s all ease;
    overflow: hidden;
    width: 31px;
    cursor: pointer;
    height: 26px;
    padding: 2px 8px;
    border-radius: 4px;
}
.play-icon > i {
    float: right;
    font-size: 22px;
    padding: 15px 14px;
}
.play-icon:hover {
    width: 684px;
}
.play-icon {
    position: absolute;
    top: 10px;
    z-index: 2;
    cursor: pointer;
    right: 50%;
    width: 210px;
    border-radius: 4px;
    overflow: hidden;
    background: radial-gradient(ellipse at top, #5783E4, #31529A 80%, rgb(66, 99, 173));
    color: #FFFFFF;
    height: 49px;
    font-size: 16px;
    font-weight: bold;
    margin-right: -600px;
    line-height: 48px;
    transition: .3s all ease;
}
.cover-content .poster {
    width: 220px;
    height: 280px;
    box-shadow: 0px 2px 16px 3px rgba(0, 0, 0, 0.4);
    border: 3px solid #fff;
    float: right;
    margin-left: 20px;
    position: relative;
}
.cover-content {
    transition: .3s all ease;
    padding: 0px 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.33));
}
.sectionMovieFirst {
    padding: 20px 0px;
}
.sectionTitleCOntet > h2 {
    margin-bottom: 7px;
    position: relative;
    padding-bottom: 7px;
    border-bottom: 2px solid #272727;
}
.sectionTitleCOntet > h2 .titleBar {
    color: #ADADAD;
    font-size: 15px;
    font-weight: normal;
    padding-top: 0;
}
.sectionTitleCOntet > h2 .titleBar span:last-child {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
}
.sectionTitleCOntet > h2 .titleBar span {
    display: inline-block;
    line-height: 100%;
    padding-left: 10px;
    margin-left: 10px;
    color: gold;
    border-left: 1px solid gold;
}
.sectionTitleCOntet > h2 .titleBar span a {
    color: gold;
}
.sectionTitleCOntet {
    width: 600px;
    float: right;
    color: white;
    position: relative;
    height: 280px;
    margin-left: 20px;
}
.sectionTitleCOntet > h2 span.play-icon > span {
    font-size: 20px;
    width: 117px;
    display: block;
    position: absolute;
    top: 16px;
    right: 50px;
    line-height: 100%;
}
.sectionTitleCOntet > h2 span.play-icon {
    position: absolute;
    cursor: pointer;
    top: 3px;
    color: #C12121;
    overflow: hidden;
    right: 0;
    width: 50px;
    transition: .3s all ease;
    height: 50px;
    border-radius: 7px;
    background: #FFFFFF;
    text-align: right;
    font-size: 26px;
    line-height: 55px;
    padding-left: 1px;
    padding-right: 14px;
}
.aboutMovie {
    color: rgb(216, 216, 216);
    font-size: 18px;
    line-height: 27px;
    height: 263px;
    overflow: auto;
    position: relative;
    padding-left: 5px;
}
.statistics .btn:last-child {
    margin-left: 0;
}
.statistics .btn em {
    font-style: normal;
    float: right;
    font-size: 31px;
    font-family: Impact;
    line-height: 60px;
    text-align: center;
    padding: 0px 14px;
    color: #C12121;
}
.statistics .btn span {
    color: #929292;
    font-weight: bold;
    font-size: 16px;
    line-height: 60px;
}
.statistics .btn {
    width: 32%;
    display: inline-block;
    float: right;
    margin-left: 2%;
    height: 60px;
    background: #1B1B1B;
    border-radius: 4px;
    padding-right: 5px;
}
.statistics {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #252525;
    padding: 6px 16px 6px 0;
}
span:hover > .socialShares {
    opacity: 1;
    transition: .3s .2s all ease;
}
.socialShares {float: left;height: 48px;background: white;padding: 8px 9px;box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.16);}
.socialShares a {
}
.socialShares a i {
    font-size: 18px;
    display: inline-block;
}
.download-links > h2 {
    position: relative;
    padding-right: 64px;
    line-height: 30px;
    height: 64px;
    padding-bottom: 7px;
    color: #5CAF33;
    margin-bottom: 7px;
    padding-top: 3px;
    border-bottom: 2px solid #272727;
}
.download-links > h2 i {
    position: absolute;
    top: 3px;
    right: 0;
    width: 50px;
    height: 50px;
    color: white;
    border-radius: 7px;
    background: #5CAF33;
    text-align: center;
    font-size: 26px;
    line-height: 55px;
    padding-left: 1px;
}
.download-links > a.download {
    webkit-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    -moz-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    -ms-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    animation: pulse 2s 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    box-shadow: 0 0 0 0 green;
    background: green;
}
.download-links > a.watch {
    webkit-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    -moz-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    -ms-animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 0.1);
    animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 0.1);
    box-shadow: 0 0 0 0 #C12121;
}
.download-links > a {
    display: block;
    color: white;
    padding: 14px 0;
    background: #C12121;
    width: 150px;
    border-radius: 4px;
    margin: 13px auto;
    height: 95px;
    text-align: center;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.34);
}
.download-links > a h2 {
    font-size: 14px;
}
.download-links > a i {
    font-size: 46px;
}
.download-links {
    float: right;
    width: 340px;
    height: 278px;
    position: relative;
}
.download-links > h2 .desc {
    font-size: 14px;
    color: gold;
    font-weight: normal;
    line-height: 20px;
}
ul.listDownload {
    list-style: none;
    height: 208px;
    overflow: auto;
    padding-left: 4px;
}
ul.listDownload li .quality {
    float: left;
    transition: .3s all ease;
    font-size: 21px;
    line-height: 50px;
    height: 100%;
    text-align: center;
    color: #DADADA;
    margin-left: 14px;
    font-weight: bold;
}
ul.listDownload li:hover a .quality {
    color: #151515;
}
ul.listDownload li:hover a em {
    background: white;
}
ul.listDownload li:hover a .title {
    color: black;
}
ul.listDownload li:hover {
    background: #F3F3F3;
}
ul.listDownload li {
    background: #488e26;
    transition: .3s all ease;
    margin-bottom: 5px;
    height: 48px;
    border-radius: 5px;
    font-size: 24px;
    overflow: hidden;
    font-family: 'Play', sans-serif;
}
ul.listDownload li span.title {
    display: inline-block;
    line-height: 48px;
    color: #FFFFFF;
    transition: .3s all ease;
}
ul.listDownload li em {
    font-size: 26px;
    font-style: normal;
    width: 40px;
    transition: .3s all ease;
    height: 100%;
    display: block;
    float: right;
    font-weight: bold;
    color: #1D1D1D;
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.44);
    background: rgb(92, 175, 51);
}
.singleIMDB .coverMovie {
    height: 650px;
    width: 540px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 500px 0px 0px 500px / 1500px 0px 0px 1500px;
    z-index: 100;
    box-shadow: 0px 0px 100px black;
    position: absolute;
    top: 0;
    right: 0;
}
.singleIMDB .details {
    width: 1200px;
    min-height: 240px;
    margin: 0 auto;
}
.singleIMDB {
    min-height: 600px;
    position: relative;
}
a.viewMovie span {
    position: absolute;
    bottom: 9px;
    font-size: 15px;
    width: 150px;
    color: #171A21;
    right: 50%;
    margin-right: -75px;
    background: #E4E4E5;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.7);
}
a.viewMovie i {display: block;text-align: center;font-size: 48px;padding-top: 31px;color: #FFE37C;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.63);padding-left: 5px;}
@keyframes nabd {
    0% {
        transform:scale(1.01);
    }
    30% {
        transform:scale(1.08);
    }
    50% {
        transform:scale(1);
    }
    75% {
        transform:scale(1);
    }
    100% {
        transform:scale(1);
    }
}
@keyframes colorize {
    0% {
    background-color: #AD0909;
    }
    30% {
    background-color: #AD0909;
    }
    50% {
    }
    75% {
    }
    100% {
    }
}
a.viewMovie {
    animation: colorize 1.5s alternate infinite ease;
    box-shadow: 0 0 0 0 #484848;
    color: white;
    background: #F30505;
    width: 140px;
    font-size: 25px;
    height: 140px;
    border-radius: 17px;
    border: 6px solid #D21010;
    line-height: 61px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -60px;
    box-shadow: 0px 1px 6px black;
}
.ratings span:first-child {
    float: right;
    margin-left: 6px;
    color: white;
}
.ratings .average {
    color: #FFFFFF;
    font-size: 21px;
    line-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #272727;
    height: 100%;
    padding: 15px 13px;
    box-shadow: 1px 0px 13px black;
}
.ratings {
    background: rgba(45, 45, 45, 0.08);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 100%;
    color: black;
    overflow: hidden;
    font-weight: bold;
    padding: 16px 18px;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.18);
}
.post-ratings-loading {
    display: none !important;
}
.post-ratings {
    font-size: 0;
    display: inline-block;
    position: relative;
}
canvas#canv {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-filter: grayscale();
    pointer-events: none;
    z-index: 0;
    opacity: .4;
}
.comments-Section {
    padding: 20px 0;
}
h2.commentsTitle:after {
    content: '';
    position: absolute;
    top: 38px;
    right: 0;
    width: 100%;
    height: 5px;
    background: #C12121;
}
h2.commentsTitle > span > span a {
    color: white;
}
h2.commentsTitle > span > span {
    position: relative;
    z-index: 10;
    display: block;
    height: 100%;
    margin: 0 auto;
    width: calc(100% + 40px);
    right: -20px;
    background: #101010;
    line-height: 47px;
    font-size: 23px;
    border: 6px solid #C12121;
    transform: skew(-13deg, -2deg);
}
h2.commentsTitle > span {
    position: relative;
    z-index: 10;
    height: 100%;
    padding: 0px 11px;
    display: table;
    margin: 0 auto;
    line-height: 41px;
    font-size: 19px;
    border: 6px solid #C12121;
    transform: skew(13deg, 2deg);
    background: #101010;
}
h2.commentsTitle {
    text-align: center;
    position: relative;
    color: white;
    height: 70px;
    margin-bottom: 15px;
}
.comments .comments_list {
    width: 500px;
    height: 100%;
    float: left;
    overflow: auto;
    position: absolute;
    top: 0;
    padding: 15px;
    left: 0;
    border-radius: 4px;
}

.comments > form > input {
    border: 0;
    float: left;
    background: linear-gradient(rgb(232, 198, 21), rgb(232, 175, 21), rgb(232, 198, 21));
    font-size: 21px;
    color: rgb(6, 4, 4);
    font-family: FOnt;
    padding: 7px 17px;
    font-weight: bold;
    border-radius: 3px;
}
.comments > form > div {
    margin-bottom: 8px;
}
.comments > form > div > label {
    display: inline-block;
    width: 140px;
    float: right;
    line-height: 37px;
    font-size: 17px;
    font-weight: bold;
}
.comments > form > div > textarea {
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-family: Font , Arial;
    font-size: 15px;
    width: calc(100% - 140px);
    height: 90px;
    background: rgb(228, 228, 229);
    border-radius: 4px;
    padding: 6px 12px;
}
.comments > form {}
.comments > h2 {
    padding: 8px 20px;
    margin-bottom: 10px;
    text-align: center;
    color: #ffffff;
}
.comments {
    height: 380px;
    width: 100% !important;
    position: relative;
    padding-left: 510px;
    background: rgba(255, 255, 255, 0.08);
    padding-right: 21px;
    padding-top: 15px;
}
form.commentsForm > div {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
}
form.commentsForm > div label {
    display: inline-block;
    width: 105px;
    height: 35px;
    float: right;
    margin-left: 5px;
    padding: 8px 12px;
    color: #C12121;
    font-weight: bold;
}
form.commentsForm > div input {
    display: inline-block;
    width: calc(100% - 110px);
    outline: 0;
    border: 0;
    height: 35px;
    font-size: 16px;
    background: #F7F7F7;
    padding: 0px 11px;
    color: black;
    font-family: Font;
}
form.commentsForm > div textarea {
    display: inline-block;
    width: calc(100% - 110px);
    border: 0;
    height: 75px;
    background: #F7F7F7;
    padding: 10px 11px;
    color: #1F1A1A;
    outline: 0;
    font-family: Font;
    float: right;
}
.comments input.alignleft.btn.btn-large.btn-success {
    float: left;
    background: #C12121;
    border: 0;
    height: 50px;
    width: 160px;
    color: white;
    font-size: 18px;
    font-family: Font;
    font-weight: 700;
}
.comments_list .comment {
    width: 100%;
    display: inline-block;
    padding: 7px 8px 7px;
    box-shadow: 0px 1px 1px black;
    color: black;
    background: rgb(36, 39, 49);
    margin-bottom: 7px;
}
.comments_list .comment img {
    float: right;
    margin-left: 12px;
}
.comments_list .comment .commentCont {
    width: 100%;
    position: relative;
}
.comments_list .comment .commentCont h2 {
    font-size: 15px;
    line-height: 100%;
    background: #41A7D6;
    color: #171A21;
    display: inline-block;
    padding: 4px 9px;
    border-radius: 3px;
    margin-left: 7px;
}
.comments_list .comment .commentCont p {
    font-family: Font;
    font-size: 14px;
    color: #eee;
    display: inline-block;
}
form.commentsForm {
    float: right;
    width: 700px;
    height: 100%;
    padding: 20px;
}
.tagsList a {
    display: inline-block;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 100%;
    margin-left: 4px;
    padding: 4px 6px;
    color: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.24);
}
.tagsList span {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
    text-align: center;
}
.tagsList {
    bottom: 0;
    margin-top: 7px;
    border-top: 4px solid #ddd;
    background: rgba(255, 255, 255, 0.11);
    padding: 14px 8px 8px;
    text-align: center;
}
.singleIMDB > div {
    margin-bottom: 13px;
}
.footer .alignright {
    float: right;
}
.footer .alignleft a {
    color: #fff097;
}
.footer .alignleft {
    float: left;
}
.footer a {
    color: #e2e2e2;
}
.footer {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background: #a11515;
    padding: 14px 20px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.28);
}
.cover-Image:after {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.7));
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: center;
    z-index: 1;
}
.cover-Image .coverInside {
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .8;
}
.cover-Image {
    background: #730505;
    height: 420px;
    position: relative;
}
.cover-Image .innerCover a {
    color: white;
}
.cover-Image .innerCover {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    z-index: 2;
    width: 100%;
    text-align: center;
    line-height: 110px;
}
.bottomBarSingle {
    height: 70px;
    position: relative;
    background: radial-gradient(ellipse at top, #484848, #292929 80%, rgb(39, 39, 39));
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.19);
}
.episodesList > h2 {
    text-align: center;
    font-size: 19px;
    margin-bottom: 12px;
}
.episodesList > a {
    display: block;
    background: #424242;
    padding: 6px 13px;
    color: white;
    font-weight: bold;
    border-right: 4px solid #585858;
    margin-bottom: 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.43);
}
.episodesList {
    padding: 11px;
    float: left;
    overflow: auto;
    width: 230px;
    display: none;
    height: 100%;
    background: #2f2f2f;
} .sections > div .episodesList a span {} .sections > div .episodesList a:nth-child(8n+0) {
    margin-left: 0;
}
.sections > div .episodesList a {
    display: inline-block;
    width: 144.7px;
    height: 40px;
    background: #222;
    color: white !important;
    float: right;
    margin-left: 6px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 19px;
    line-height: 40px;
    padding: 0px 5px;
}
.episodesList a span {
    color: #ffffff;
    font-weight: bold;
}
span.warning {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    text-align: left;
    font-weight: bold;
    color: #9E1515;
    line-height: 44px;
}
span.success {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    text-align: left;
    font-weight: bold;
    color: green;
    line-height: 44px;
}
.watchingNow .main-content .overlay {
    opacity: 1;
    visibility: visible;
}
.main-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.71);
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease;
}
.watchingNow .watchBox {
    transform: translate(0);
}
.watchBox {
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 10;
    width: 100%;
    transition: .3s all ease;
    transform: translate(0px, -580px);
    height: 500px;
}
body.watchingNow {
    overflow: hidden;
}
.serversUl a.active {
    background: white;
    color: black;
}
.serversUl a {
    font-weight: bold;
    height: 45px;
    color: white;
    padding: 10px 17px;
    background: #2B2B2B;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
}
.serversUl > h2 {
    color: white;
    text-align: center;
    margin-bottom: 10px;
}
.serversUl {
    float: right;
    overflow: auto;
    width: 300px;
    height: 100%;
    background: #AB1C1C;
    padding: 20px;
}
.tvScreen {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    background: #C12121;
}
div#serverCode iframe {
    width: 100%;
    height: 100%;
}
div#serverCode {
    float: right;
    width: 900px;
    height: 100%;
    padding: 10px;
}
.breadcrumb a {
    color: rgb(255, 229, 96);
}
.breadcrumb span {
    display: inline-block;
    padding: 0px 4px;
}
.breadcrumb {
    height: 50px;
    background: radial-gradient(ellipse at top, #E13030, #CC3434 80%, rgb(207, 51, 51));
    color: rgb(250, 250, 250);
    font-size: 15px;
    font-weight: bold;
    padding: 15px 18px;
    position: relative;
    overflow: hidden;
}
.watchingNow .breadcrumb {} .sections > div.section.CommentsSectionDID .title {
    text-align: center;
    cursor: pointer;
    border-bottom: 0;
    margin: 0;
    height: auto;
}
.sections > div.section.CommentsSectionDID .title.changeAngle h2 i:first-child {
    transform: rotate(-90deg);
}
.sections > div.section.CommentsSectionDID .title h2 i {
    font-size: 36px;
    float: right;
    margin-left: 13px;
    transition: .3s all ease;
    transform-origin: center;
}
.sections > div.section.CommentsSectionDID .title h2 {
    display: table;
    text-align: center;
    color: #fff;
    float: none;
    margin: 0 auto;
    border: 2px solid #CACACA;
    padding: 7px 17px 5px;
    background: radial-gradient(ellipse at top, #484848, #292929 80%, rgb(39, 39, 39));
}
.sections > div.section.CommentsSectionDID {
    min-height: auto;
}
.watchingNow .main-content {
    margin-top: 500px;
}
a.viewListBars i {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100%;
    background: #2F2F2F;
    font-size: 24px;
    line-height: 46px;
    text-align: center;
}
.redirect a.viewListBars {
    margin-left: -600px;
}
a.viewListBars {
    color: white;
    font-size: 19px;
    padding-left: 15px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    border-radius: 6px;
    font-weight: bold;
    padding-right: 62px;
    position: absolute;
    margin-top: 11px;
    background: #272727;
    top: 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.27);
    left: 50%;
    margin-left: -334px;
}
.columns .column:nth-child(3n+0) {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}
.columns .column > .title a {
    color: white;
}
.columns .column > .title {
    text-align: center;
    background: rgb(161, 21, 21);
    margin-bottom: 8px;
    padding: 7px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.columns .column:nth-child(2) > .title a {
    color: #F2F2F2;
}
.columns .column:nth-child(2) > .title {
    background: rgba(0, 0, 0, 0.44);
}
.HalFColumns.columns .column .moviesBlocks {}
.HalFColumns.columns .column .moviesBlocks > div:nth-child(2n+0) {
    margin-left: 4px;
}
.HalFColumns.columns .column .moviesBlocks > div:nth-child(3n+0) {
    margin-left: 0;
}
.HalFColumns.columns .column .moviesBlocks > div {
    width: 189px;
}
.HalFColumns.columns .column {
    width: 595px;
}
.HalFColumns.columns .column:nth-child(2) {
    margin-left: 0;
}
.columns .column:nth-child(2) {margin-left: 0;}
.columns .column .moviesBlocks {
    padding:0;
}
.columns .column {
    width: 49.6%;
    text-align: center;
    float: right;
    margin-left: .7%;
    margin-bottom: -15px;
    0: 12px
    position: relative;
    padding-bottom: 10px;
}
.columns {
    width: 1200px;
    margin: 15px auto 15px;
}
.SidesWide .mainMovies {} .SidesWide .sidebar h2 i {
    font-size: 20px;
}
.SidesWide .sidebar h2 {
    text-align: center;
    color: white;
    background: radial-gradient(ellipse at top, #E13030, #CC3434 80%, rgb(207, 51, 51));
    font-weight: normal;
    padding: 6px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.22);
    margin-bottom: 8px;
}
.SidesWide .sidebar {
    width: 40%;
    min-height: 600px;
    float: left;
    background: radial-gradient(ellipse at top, #E0E0E0, #FDFDFD 80%, rgba(220, 220, 220, 0.75));
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
    padding: 15px 15px 8px;
}
.SidesWide {
    min-height: 600px;
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.moviesBlocksSharps .block:nth-child(2n+0) {
    margin-left: 0;
}
.moviesBlocksSharps .block img {
    height: auto;
    width: 100%;
    min-height: 100%;
}
.moviesBlocksSharps .block:hover .title {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.moviesBlocksSharps .block .detailsList {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
}
.moviesBlocksSharps .block:hover .title span {
    opacity: 1;
    transform: translate(0);
    transition: .3s .3s all ease;
}
.moviesBlocksSharps .block .title {
    transition: all ease .3s;
    position: absolute;
    transform: translate(0px, -100%) scale(.8);
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(25, 25, 25, 0.95);
    height: 100%;
    color: white;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}
.moviesBlocksSharps .block {
    width: 221.5px;
    height: 240px;
    margin-left: 7px;
    margin-bottom: 7px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.49);
    float: right;
    overflow: hidden;
    position: relative;
}
.moviesBlocksSharps .block .title > span {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    max-height: 60px;
    overflow: hidden;
    text-align: center;
    transition: .3s all ease;
    opacity: 0;
    padding: 10px;
    transform: translate(0, 60px);
}
.pagination li.active a {
    color: #262B36;
} .pagination li.active {
    background: #41A7D6;
}
.pagination li a {
    font-size: 18px;
    color: white;
    display: block;
    line-height: 100%;
}
.pagination li > span.page-numbers.current {
    top: 0;
    left: 0;
    background: #F5D949;
    line-height: 38px;
    display: block;
    color: #262B36;
    margin: -12px -15px;
    padding: 3px 15px 0px;
}
.pagination li {
    display: inline-block;
    padding: 12px 14px 3px;
    background: #1448a4;
    margin-right: 2px;
    direction: ltr;
    color: white;
    margin-left: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32);
    height: 40px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
.pagination {
    clear: both;
    text-align: center;
    padding: 5px;
}
.MoviesMenuList > div:not(.pagination) {
    height: 110px;
    margin-bottom: 10px;
    overflow: hidden;
    background: radial-gradient(ellipse at top, #FFFFFF, #ffffff 80%, rgba(255, 255, 255, 0.75));
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.58);
    position: relative;
    z-index: 1;
}
.MoviesMenuList > div .image {
    float: right;
    width: 140px;
    margin-left: 17px;
    overflow: hidden;
    z-index: 13;
    position: relative;
    height: 100%;
    transform: skew(-6deg);
    margin-right: -8px;
    border-left: 3px solid #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.MoviesMenuList > div .image img {
    width: 100%;
    height: auto;
    min-height: 100%;
}
.MoviesMenuList {
    float: right;
    padding: 15px;
    width: 60%;
}
.contentDescription h2 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.contentDescription {
    color: black;
    float: right;
    height: 110px;
    width: 400px;
}
.listTags span i {} .listTags span {
    display: block;
    height: 33px;
    padding: 10px 14px;
    background: #2B2B2B;
    text-align: center;
    color: white;
    line-height: 100%;
    font-weight: normal;
    font-family: Impact;
    font-size: 15px;
}
.listTags span:nth-child(1) {
    height: 35px;
    font-size: 16px;
}
.listTags span:nth-child(2) {
    background: #C12121;
    height: 42px;
    padding: 12px 14px;
    font-size: 19px;
}
.listTags {
    position: absolute;
    top: 0;
    right: 131px;
    height: 100%;
    transform: skew(-6deg);
    box-shadow: -1px 0 5px rgba(0, 0, 0, 0.34);
}
span.viewsSpan:hover {
    width: 90px;
}
span.viewsSpan {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #C12121;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    padding: 1px 8px 0px;
    width: 30px;
    transition: .3s all ease;
    height: 25px;
    overflow: hidden;
}
span.ratingsAverSpan:hover {
    width: 90px;
}
.MoviesMenuList > div:hover span.ratingsAverSpan {
    left: 10px;
}
span.ratingsAverSpan {
    position: absolute;
    bottom: 39px;
    left: -40px;
    background: radial-gradient(ellipse at top, #FDB900, #FB9B38 80%, rgb(226, 141, 35));
    color: black;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 8px 0px;
    width: 30px;
    transition: .3s all ease;
    height: 25px;
    overflow: hidden;
}
span.likesSpan i {
    font-size: 23px;
}
span.likesSpan {
    position: absolute;
    left: 0;
    padding: 11px 14px;
    font-family: Impact;
    font-size: 17px;
    text-align: center;
    color: #3C599F;
    bottom: 0;
}
.coverListTab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .06;
    background-size: cover;
    background-position: center;
}
.titleBar > *:hover {
    background: #C12121;
    border-color: #F9F9F9;
}
.MoviesMenuList .titleBar > * {
    display: inline-block;
    padding: 8px 16px;
    float: right;
    color: white;
    transform: skew(-6deg);
    border-left: 2px solid #444;
    transition: .3s all ease;
}
.titleBar span {} .MoviesMenuList .titleBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-right: 135px;
    z-index: 10;
    background: radial-gradient(ellipse at top, #252525, #232323 80%, rgb(27, 27, 27));
}
.buttons span.view {
    background: #C12121;
}
.buttons span.download {
    background: green;
}
.buttons span {
    display: block;
    border-radius: 4px;
    margin-bottom: 2px;
    font-weight: bold;
    height: 30px;
    font-size: 13px;
    line-height: 34px;
}
.buttons {
    position: absolute;
    top: 5px;
    left: 6px;
    z-index: 100;
    width: 130px;
    text-align: center;
    color: white;
}
.download-links.redirect {
    width: 230px;
    float: right;
    padding-top: 24px;
}
.sectionTitleCOntet.redirect {
    width: 715px;
    margin-left: 12px;
}
.score {position: absolute;bottom: 24px;left: 0;height: 54px;background: rgba(10, 10, 10, 0.64);padding-left: 16px;padding-top: 4px;padding-right: 4px;border-radius: 3px;}
.score .stars .abc-c>span {
    display: inline-block;
    height: 100%;
    background: url(img/star-rating-sprite_dark.png) 0 -13px;
}
.score .stars .views {
    color: #fff;
    padding-top: 3px;
    font-size: 14px;
    font-weight: bold;
}
.score .stars .abc-c {
    margin-bottom: 0;
    display: block;
    margin-top: 0;
    overflow: hidden;
    font-size: 0;
    text-align: right;
    height: 13px;
    background: url(img/star-rating-sprite_dark.png) 0 0px;
    width: 130px;
}
.score .stars {position: relative;top: 7px;float: right;}
.sidebarMovie .score a {
    color: #fff
}
.sidebarMovie .score {
    background: #930506;
    color: rgba(255, 255, 255, .71);
    box-shadow: 0px -2px 2px rgba(0, 0, 0, .26)
}
.sidebarMovie .score .rank {
    color: #edca3e
}
.sidebarMovie .score .stars {
    width: 192px
}
.score .rank {
    float: right;
    height: 40px;
    border-radius: 5px;
    padding: 0px 10px;
    text-align: center;
    font-size: 38px;
    color: rgb(255, 255, 255);
    font-family: Font , tahoma;
    font-weight: bold;
}
a.searchButton {
    border: 2px solid #4EA200;
    position: absolute;
    top: 20px;
    width: 40px;
    height: 40px;
    background: radial-gradient(ellipse at top, #69BF1A, #5DA817 80%, rgb(72, 131, 16));
    left: 50%;
    margin-left: -468px;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    padding-top: 6px;
}
.allSiteCo {
    transform-origin: top center;
    transition: .3s all ease;
    overflow: hidden;
    z-index: 10;
    position: relative;
}
.searching .allSiteCo {
    transform: translate(0, 70px);
}
form#searchForm button {
    width: 120px;
    float: right;
    border: 0;
    height: 50px;
    font-size: 20px;
    font-family: Font;
    font-weight: bold;
    color: white;
    background: #60aed5;
    position: absolute;
    border-radius: 7px;
    top: 50%;
    left: 50%;
    margin-left: -430px;
}
form#searchForm input {
    width: 800px;
    float: right;
    margin-left: 10px;
    border: 0;
    font-size: 16px;
    height: 50px;
    padding: 0px 15px;
    font-family: Font;
    position: absolute;
    top: 50%;
    border-radius: 5px;
    right: 50%;
    margin-right: -500px;
}
body.searching form#searchForm {
    top: 0;
}
form#searchForm.active {
    transform:scale(1);
    opacity:1;
    visibility:visible;
}
form#searchForm {
    position: fixed;
    top: 0;
    left: 0;
    transition: .3s all ease;
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, 0.84);
    z-index: 999999;
    height: 100%;
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
}
.ad728 {
    display: table;
    margin: 0px auto 0px;
}
.redirectBox a {
    color: #C12121;
}
.redirectBox {
    font-weight: bold;
    margin: 10px auto;
    font-size: 20px;
    padding: 20px 60px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.27);
    border-radius: 6px;
    display: table;
    background: #FFF;
    text-align: center;
}
.columns.catsS:not(.genresS):not(.yearsS) .column .moviesBlocks .movie:nth-child(6n+0) {
    margin-left: 0 !important;
}
.columns.catsS:not(.genresS):not(.yearsS) .column .moviesBlocks .movie:nth-child(2n+0) {
    margin-left: 8px;
}
.columns.catsS:not(.genresS):not(.yearsS) .column .moviesBlocks .movie {
    width: 193px;
}
.columns.catsS:not(.genresS):not(.yearsS) .column {
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
}
.adRightFixed {
    position: fixed;
    top: 10px;
    right: -300px;
    width: 160px;
    z-index: 226600;
    height: 600px;
}
.adLeftFixed {
    position: fixed;
    top: 10px;
    left: -300px;
    z-index: 226600;
    width: 160px;
    height: 600px;
}
.movie .views {float: right;}
.movie .category {float: left;font-weight: bold;color: #EFE094;font-size: 15px;}
.movie .views {
}
.slider li a:hover .views {
    opacity: 1;
}
.slider li a .views {
    transition: .3s all ease;
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 2em;
    background: radial-gradient(ellipse at top, #E13030, #CC3434 80%, rgb(207, 51, 51));
    z-index: 100;
    font-weight: bold;
    font-size: 17px;
    color: white;
    padding: 2px 10px 0px;
}
.redirectCode {
    display: table;
    margin: 16px auto 0;
}
.score > span {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    line-height: 63px;
    font-weight: bold;
    color: gold;
    width: 128px;
}
.browse + a.facebook i {
    float: right;
    margin-right: -11px;
    margin-top: -2px;
    margin-bottom: -10px;
    background: #344E86;
    width: 36px;
    height: 36px;
    margin-left: 7px;
    font-size: 25px;
    line-height: 41px;
}
.browse + a.facebook {
    height: 36px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.52);
    margin-right: 0;
    color: white;
    width: 186px;
    display: block;
    border-radius: 3px;
    overflow: hidden;
    left: 50%;
    margin-left: -420px;
    position: absolute;
    padding: 2px 11px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    top: 22px;
    line-height: 32px;
}
.list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list__item {
    position: relative;
    z-index: 1;
    display: none !important;
    display: flex;
    direction: ltr;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90px;
    text-align: center;
}
.list__gap {
    min-height: 0;
    height: auto;
    text-align: center;
    font-weight: bold;
    padding: 1em 0;
    display: none;
}
.list__item--burst .list__text div svg {
    /* fox for mo.js */
    
    left: 0;
}
.list__text {
    position: relative;
    display: flex;
    top: 5px;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 93%;
    pointer-events: none;
}
.list__item p {
    font-size: 1.5em;
    font-weight: bold;
    color: #777;
}
.control__button {
    flex: none;
    -ms-flex: none;
    flex: none;
    width: 2em;
    height: 2em;
    margin: 3em 0 0;
    z-index: 100;
    display: none;
    padding: 0;
    border: 0;
    background: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.control__button--active {
    pointer-events: none;
    opacity: 0;
}
.js .control__button:focus,
.js .control__button:active {
    outline: none;
}
.control__vector {
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.12);
}
/* Background colors */

.color-1 {
    background: #91a7d0;
}
.color-2 {
    background: #f6cac9;
}
.color-3 {
    background: #3d3d40;
}
.color-4 {
    background: #615e5f;
}
.color-5 {} .color-6 {
    background: #403f6f;
}
.color-7 {
    background: #bec6d5;
}
.color-8 {
    background: #ffef67;
}
.color-9 {
    background: #f0eee9;
}
.color-10 {
    background: #e890bb;
}
.color-5 {
    display: flex !important;
}
.color-12 {
    background: #8788c5;
}
/* Grid */

.grid {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1300px;
    margin: 3em auto 0;
    padding: 1em;
    list-style: none;
}
.grid__item {
    position: relative;
    flex: 1 1 280px;
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    width: 25%;
    padding: 1.25em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grid__item::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 50%;
    width: 10px;
    height: 100%;
    background: #1e1d23;
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg);
}
.grid__inner {
    position: relative;
    padding: 1em;
    cursor: pointer;
    background: #23222a;
}
.grid__inner::before {
    content: attr(data-morse);
    font-family: 'morse_coderegular', sans-serif;
    font-size: 13em;
    font-weight: normal;
    line-height: 0.7;
    position: absolute;
    top: 0;
    left: 60px;
    padding: 0 0.15em 0 0;
    color: #1e1d23;
}
.grid__inner::after {
    content: attr(data-phonetic);
    font-family: 'Lucida Sans Typewriter', 'Lucida Console', monaco, 'Bitstream Vera Sans Mono', monospace;
    font-size: 1.15em;
    font-weight: normal;
    position: absolute;
    right: 1em;
    bottom: 0;
    color: #1e1d23;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.grid__text {
    font-weight: bold;
    line-height: 40px;
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #e65454;
    border-radius: 50%;
    background: #1e1d23;
}
.grid__heading {
    font-family: 'knarfart', sans-serif;
    font-size: 8em;
    line-height: 200px;
    position: relative;
    z-index: 10;
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0.5em 0;
    letter-spacing: -0.15em;
}
.grid__heading .letter {
    margin: 0 0.05em;
}
/* Related demos */

.content--related {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10em 1em 6em;
    text-align: center;
}
.demo-1 .content--related {
    max-width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    min-height: 460px;
    margin: 20px;
    padding: 3em 1em;
    background: #23222a;
}
.content--related p {
    width: 100%;
}
.media-item {
    display: inline-block;
    padding: 1em;
    vertical-align: top;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.media-item__img {
    max-width: 100%;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
    opacity: 1;
}
.media-item__title {
    font-size: 1em;
    margin: 0;
    padding: 0.5em;
}
@media screen and (max-width: 50em) {
    .demo-1 .codrops-header {
        background: none;
    }
    .demo-1 .codrops-header h1 {
        font-size: 8vw;
    }
    .grid__item {
        width: 100%;
    }
}
@media screen and (max-width: 40em) {
    .codrops-header h1 {
        font-size: 1.85em;
    }
}
/* General link styles */
.link {
    outline: none;
    text-decoration: none;
    position: relative;
    font-size: 43px;
    line-height: 1;
    color: #9e9ba4;
    display: inline-block;
    float: right;
}

/* Kukuri */
.link--kukuri {
    text-transform: uppercase;
    font-weight: 900;
    overflow: hidden;
    line-height: 0.75;
    color: #c5c2b8;
}

.link--kukuri:hover {
    color: #c5c2b8;
}

.link--kukuri::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 100%;
    top: 50%;
    margin-top: -8px;
    right: 0;
    background: #F9F9F9;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kukuri:hover::after {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.link--kukuri::before {
    content: attr(data-letters);
    position: absolute;
    z-index: 2;
    overflow: hidden;
    color: #424242;
    white-space: nowrap;
    width: 0%;
    -webkit-transition: width 0.4s 0.3s;
    transition: width 0.4s 0.3s;
}

.link--kukuri:hover::before {
    width: 100%;
}

/* Takiri */
.link--takiri {
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 7em;
    padding: 0 10px 20px;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.link--takiri:hover {
    color: #1e1a1b;
}

.link--takiri::before {
    content: '';
    position: absolute;
    height: 36px;
    width: 120%;
    top: 50%;
    margin-top: -18px;
    left: -10%;
    z-index: -1;
    background: #F9F9F9;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(0,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.link--takiri:hover::before {
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

.link--takiri span {
    font-size: 20%;
    font-weight: 400;
    position: absolute;
    right: 15px;
    color: #e53369;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translate3d(-10px,-10px,0);
    transform: translate3d(-10px,-10px,0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.link--takiri:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Surinami */
.link--surinami {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 9em;
    color: #3A4945;
    padding: 0 0 0.125em;
}

.link--surinami::before,
.link--surinami::after {
    content: '';
    width: 100%;
    height: 3px;
    z-index: -1;
    background: #3A4945;
    position: absolute;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.link--surinami::before {
    right: 0;
    top: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.link--surinami::after {
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.link--surinami:hover::before,
.link--surinami:hover::after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.link--surinami span {
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.link--surinami:hover span {
    color: transparent;
}

.link--surinami span::before,
.link--surinami span::after {
    position: absolute;
    color: #fff;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.link--surinami span::before {
    content: attr(data-letters-l);
    left: 0;
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0);
}

.link--surinami span::after {
    content: attr(data-letters-r);
    right: 0;
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0);
}

.link--surinami:hover span::before,
.link--surinami:hover span::after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Nukun */
.link--nukun {
    color: #E3E8DC;
    font-weight: 900;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.link--nukun:hover {
    color: #1e1a1b;
}

.link--nukun::before,
.link--nukun::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 5px;
    background: #E3E8DC;
    bottom: 0;
    left: 35%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--nukun::after {
    background: #ACD07A;
    -webkit-transform: translate3d(-300%,0,0) scale3d(0,1,1);
    transform: translate3d(-300%,0,0) scale3d(0,1,1);
}

.link--nukun:hover::before {
    -webkit-transform: translate3d(300%,0,0) scale3d(0,1,1);
    transform: translate3d(300%,0,0) scale3d(0,1,1);
}

.link--nukun:hover::after {
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1);
}

.link--nukun span {
    color: #E3E8DC;
    display: inline-block;
    position: relative;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
    transform: perspective(1000px) rotate3d(0,1,0,0deg);
    -webkit-transition: -webkit-transform 0.5s, color 0.5s;
    transition: transform 0.5s, color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--nukun:hover span {
    color: #fff;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg);
    transform: perspective(1000px) rotate3d(0,1,0,180deg);
}

/* Kumya */
.link--kumya {
    font-family: 'Syncopate', sans-serif;
    font-size: 6.5em;
    overflow: hidden;
    padding: 10px 10px 0;
    line-height: 1;
    color: #242424;
}

.link--kumya:hover {
    color: #242424;
}

.link--kumya::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #242424;
    -webkit-transform: translate3d(101%,0,0);
    transform: translate3d(101%,0,0);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kumya:hover::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.link--kumya span {
    display: block;
    position: relative;
}

.link--kumya span::before {
    content: attr(data-letters);
    position: absolute;
    color: #fff;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 0%;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kumya:hover span::before {
    width: 100%;
}

/* Urpi */
.link--urpi {
    font-family: 'Oswald', sans-serif;
    font-size: 10em;
    font-weight: 700;
    text-transform: uppercase;
    color: #e78383;
    -webkit-transition: color 0s 0.5s;
    transition: color 0s 0.5s;
}

.link--urpi:hover {
    color: transparent;
    -webkit-transition: none;
    transition: none;
}

.link--urpi::before,
.link--urpi::after {
    content: attr(data-letters);
    position: absolute;
    top: 0;
    left: 0;
    color: #e78383;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: color 0.5s, -webkit-transform 0.5s;
    transition: color 0.5s, transform 0.5s;
}

.link--urpi::before {
    -webkit-clip-path: url(#cp_up); 
    clip-path: url(../index.html#cp_up);
}

.link--urpi::after {
    -webkit-clip-path: url(#cp_down); 
    clip-path: url(../index.html#cp_down);
}

.link--urpi:hover::before,
.link--urpi:hover::after {
    color: #fff;
    -webkit-transition: color 0.5s, -webkit-transform 0.5s;
    transition: color 0.5s, transform 0.5s;
}

.link--urpi:hover::before {
    -webkit-transform: translate3d(4px,1px,0);
    transform: translate3d(4px,1px,0);
}

.link--urpi:hover::after {
    -webkit-transform: translate3d(-4px,-1px,0);
    transform: translate3d(-4px,-1px,0);
}

/* Mallki */
.link--mallki {
    font-weight: 800;
    color: #81a689;
    font-family: 'Dosis', sans-serif;
    -webkit-transition: color 0.5s 0.25s;
    transition: color 0.5s 0.25s;
    overflow: hidden;
}

.link--mallki:hover {
    -webkit-transition: none;
    transition: none;
    color: transparent;
}

.link--mallki::before {
    content: '';
    width: 100%;
    height: 6px;
    margin: -3px 0 0 0;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--mallki:hover::before {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.link--mallki span {
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.link--mallki span::before {
    content: attr(data-letters);
    color: red;
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.link--mallki span:nth-child(2) {
    top: 50%;
}

.link--mallki span:first-child::before {
    top: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.link--mallki span:nth-child(2)::before {
    bottom: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.link--mallki:hover span::before {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

/* Manko */
.link--manko {
    color: #B1C0B2;
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-style: italic;
    padding: 0.65em 0 0.8em;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.link--manko:hover {
    color: #1e1a1b;
}

.link--manko::before,
.link--manko::after {
    content: '';
    position: absolute;
    border-width: 4px 0;
    border-style: solid;
    border-color: #fff;
    pointer-events: none;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--manko::before {
    width: 50%;
    left: 25%;
    height: 80%;
    top: 10%;
}

.link--manko::after {
    width: 30%;
    left: 35%;
    height: 100%;
    top: 0;
}

.link--manko:hover::before,
.link--manko:hover::after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.link--manko span {
    color: #60AB64;
    font-weight: 400;
    position: absolute;
    font-size: 0.2em;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.link--manko span:first-of-type {
    bottom: 100%;
    margin-bottom: 15px;
    -webkit-transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
    transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
}

.link--manko span:last-of-type {
    top: 100%;
    margin-top: 10px;
    -webkit-transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
    transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
}

.link--manko:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.link--manko:hover span:first-of-type {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.link--manko:hover span:last-of-type {
    -webkit-transition-delay: 0.20s;
    transition-delay: 0.20s;
}

/* Ilin */
.link--ilin {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 65px;
    overflow: hidden;
    color: #ffffff;
    padding-top: 5px;
    height: 65px;
}

.link--ilin span {  
    position: relative;
    display: inline-block;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.link--ilin:hover span:first-of-type {
    color: #fff;
}

.link--ilin:hover span:last-of-type {
    color: #1e1a1b;
}

.link--ilin span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    line-height: 0.8;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.link--ilin span:last-of-type::before {
    background: #1e1a1b;
}

.link--ilin:hover span:last-of-type::before,
.link--ilin span:first-of-type::before {
    -webkit-transform: translate3d(0,-150%,0);
    transform: translate3d(0,-150%,0);
}

.link--ilin:hover span:first-of-type::before,
.link--ilin span:last-of-type::before {
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
}

/* Asiri */
.link--asiri {
    position: relative;
    width: 400px;
    height: 200px;
}

.link--asiri .text-fill {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.link--asiri canvas {
    width: 100%;
    height: 100%;
}

.link--asiri .svg-inverted-mask {
    position: absolute;
    width: 400px;
    height: 200px;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 2px #222; /* FF rendering issue */
}

.link--asiri .shape--fill {
    fill: #222;
}

.link--asiri .text--transparent {
    fill: #95D384;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
}

.link--asiri:hover .text--transparent {
    fill: transparent;
}

.svg--asiri .mask__shape {
    fill: white;
}

.text--asiri {
    font-size: 150px;
    text-transform: uppercase;
    font-weight: 900;
    stroke: #fff;
    stroke-width: 1.5;
}

/* Yaku */
.link--yaku {
    color: #FFFFFF;
    font-family: Play;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 48px;
    overflow: hidden;
    padding: 0px 0 10px;
    float: right;
    margin-left: 20px;
    margin-top: 8px;
    direction: ltr;
}

.link--yaku::before {
    content: '';
    position: absolute;
    height: 84%;
    width: 100%;
    border-width: 2px 0px 3px;
    border-color: #2C7190;
    border-style: solid;
    left: 0;
    transform: translate3d(-101%,0,0);
    transition: transform 1s;
}

.link--yaku:hover::before {
    transform: translate3d(0,0,0);
}

.link--yaku span {
    display: inline-block;
    position: relative;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
    transform: perspective(1000px) rotate3d(0,1,0,0deg);
    -webkit-transition: -webkit-transform 0.5s, color 0.5s;
    transition: transform 0.5s, color 0.5s;
}

.link--yaku:hover span {
    color: #FFFFFF;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
    transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.link--yaku span:nth-child(4),
.link--yaku:hover span:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.link--yaku span:nth-child(2),
.link--yaku:hover span:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.link--yaku span:nth-child(4),
.link--yaku:hover span:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.link--yaku span:nth-child(5),
.link--yaku:hover span:nth-child(6) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.link--yaku span:nth-child(6),
.link--yaku:hover span:nth-child(7) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.link--yaku span:first-child,
.link--yaku:hover span:nth-child(8) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

/* Media Queries */
@media screen and (max-width: 50em) {
    .link--surinami { font-size: 3em; }
}

@media screen and (max-width: 42em) {
    .link--takiri { font-size: 3.5em; }
    .link--kukuri { font-size: 3.5em; }
    .link--nukun { font-size: 3.5em; }
    .link--kumya { font-size: 3em; }
    .link--manko { font-size: 3.5em; }
    .link--urpi { font-size: 5em; }
    .link--mallki { font-size: 3.5em; }
    .link--ilin { font-size: 5em; }
    .link--asiri { -webkit-transform: scale3d(0.65,0.65,1); transform: scale3d(0.65,0.65,1); }
    .link--yaku { font-size: 4em; }
}

.topBarHeader > div > ul > li a {
    color: #fff;
}
.topBarHeader > div > ul > li a:hover {
    color: #bbbbbb;
}
.topBarHeader > div > ul > li {
    display: inline-block;
    list-style: none;
    padding: 8px 17px;
    font-weight: bold;
    font-size: 16px;
    border-left: 1px solid rgba(130, 130, 130, 0.22);
    float: right;
    margin-top: 0;
    margin-left: 0;
}

.topBarHeader {
    background: #1b1b1b;
    padding: 0 13px;
    height: 42px;
    text-align: right;
    border-top: 2px solid #212121;
    box-shadow: 0px -1px 14px rgba(0, 0, 0, 0.24);
}

.section > .title:after {content: '';position: absolute;top: 100%;right: 0;pointer-events: none;width: 100%;height: 40px;background: url(./img/shadow-1.png);background-size: 100% 110%;margin-top: 3px;}

.slider .owl-controls {
    display: none !important;
}

.section > .title > ul > li.active i {
}
.section > .title > ul > li.active {
    background: linear-gradient(rgb(232, 198, 21), rgb(232, 175, 21), rgb(232, 198, 21));
    color: #000;
}
.section > .title > ul > li i {margin-left: 4px;}
.section > .title > ul > li:hover {
    background: linear-gradient(rgb(232, 188, 21), rgb(232, 177, 21), rgb(232, 198, 21));
    color: #000;
}
.section > .title > ul > form {
    float: left;
    margin-top: 1px;
}
.section > .title > ul > form input {}
.section > .title > ul > form button {}
.section > .title > ul > li {
    list-style: none;
    margin-left: 5px;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    transition: .3s all ease;
    cursor: pointer;
    font-weight: bold;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    color: rgb(255, 255, 255);
    border-left: 1px solid rgba(255, 255, 255, 0.06);
    float: right;
    text-align: center;
    transform: skew(-0deg);
    padding: 8px 16px;
    font-size: 17px;
}
.section > .title > ul {
    margin: 0 auto;
    padding: 11px;
}
.section > .title.fixed > ul > li {
}
.section > .title.fixed > ul > li.active > i {
}
.section > .title.fixed {
    position: fixed;
    z-index: 9999;
}
.section > .title {
    margin: 0px 0 1px 0;
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    position: absolute;
    border-bottom: 3px solid #500606;
    width: 100%;
    float: left;
    transition: .3s all ease;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 67px;
}

.postertitle {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: bottom left;
    background-size: 223px 294px;
    -webkit-filter: blur(5px);
}

.moviesBlocks.DataFill > h2 {
    color: #41A7D6;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px 0px;
    text-align: center;
    font-size: 28px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.68);
}
.movie:hover .boxcontentFilm .posterContent {
    height: 160px;
    transition: .5s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
}
.boxcontentFilm .posterContent {
    box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.61);
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
    opacity: .5;
    -webkit-filter: grayscale();
    width: 100%;
    height: 0px;
    transition: .5s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
    background-position: bottom center;
    background-size: 224px 316px;
}
.movie:hover .boxcontentFilm > h2{
    transform: translate(0);
    transition: .4s .3s all cubic-bezier(0.44, 0.44, 0.54, 1.19);
}
.boxcontentFilm > h2{
    font-size: 16px;
    height: 52px;
    text-align: center;
    padding: 0;
    color: #FFFFFF;
    overflow: hidden;
    transform: translate(0px, 180px);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.68);
    padding-bottom: 9px !important;
    transition: .4s all cubic-bezier(0.44, 0.44, 0.54, 1.19);
    margin-bottom: 8px;
    border-bottom: 2px solid #41A7D6;
}
.movie:hover .boxcontentFilm > p{
    transform: translate(0);
    transition: .4s .5s all cubic-bezier(0.44, 0.44, 0.39, 1.07);
}
.boxcontentFilm > p{
    transform: translate(0px, 180px);
    transition: .4s all cubic-bezier(0.44, 0.44, 0.39, 1.07);
    font-size: 14px;
    height: 81px;
    overflow: hidden;
    color: #eee;
    text-shadow: 1px 1px 1px black;
}
.movie:hover .boxcontentFilm {
    height:160px;
    opacity: 1;
}
.boxcontentFilm {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    height: 0px;
    padding: 10px;
    opacity: 0;
    font-size: 14px;
    background: rgba(23, 26, 33, 0.95);
    transition: .5s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
}

.movie:hover .topbarMovie {
    transform: rotateX(0);
    border-radius: 0;
    background: rgba(23, 26, 33, 0.92);
    opacity: 1;
}
.topbarMovie {
    position: absolute;
    top: 0;
    border-radius: 0px 0px 70px 70px;
    left: 0;
    width: 100%;
    background: transparent;
    padding: 6px 10px 5px;
    transform: rotateX(-95deg);
    transform-origin: top center;
    transition: .3s all ease;
    opacity: 0;
}
.loader {
}
/*
  Set the color of the icon
*/
svg path,
svg rect {
  fill: #FFFFFF;
}

.sideBarMoviess.fixed {
    position: fixed;
}
.sideBarMoviess {
    width: 250px;
    float: right;
    box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.41);
    position: absolute;
    top: 0;
    overflow: auto;
    right: 0;
    transition: .3s all ease;
    z-index: 100;
    height: 100%;
    background: #41A7D6;
    transform: translate(100%, 0%);
    padding: 15px;
}

.section.INDEXBloCKS .DataFill > .movie {
    width: 223px;
    height: 300px;
}

.section.INDEXBloCKS.active > .title {
    width: calc(100% - 250px);
}
.section.INDEXBloCKS.active .moviesBlocks.DataFill {transform: translate(-250px, 0px);}
.section.INDEXBloCKS.active {
    padding-right: 0;
}
.section.INDEXBloCKS {
    min-height: 600px;
    padding-top: 90px;
    transition: .3s all ease;
}

.flexSIde > h2 {
    height: 40px;
    margin: -8px -8px 0px;
}
.flexSIde > .filter > li.active:after {
    height: 40px;
    background: #262B36;
}
.flexSIde > .filter > li:after {content: '';position: absolute;bottom: 0;right: 0;z-index: -1;width: 100%;transition: .3s all cubic-bezier(0.56, 0.28, 0.34, 1.34);height: 1px;}
.flexSIde > .filter > li.active {
    color: #F3F3F3;
}
.flexSIde > .filter > li {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    float: right;
    color: white;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
    width: 50%;
    padding: 10px 15px;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}
.flexSIde {
    height: 100%;
}

.dataFilter {
    margin: 0 -8px 0 -8px;
    padding: 11px;
    background: rgba(38, 43, 54, 0.21);
    color: white;
    max-height: calc(100% - 40px);
    overflow: auto;
}

ul.termsFlex {}
ul.termsFlex > li:last-child {
    border-bottom: 0;
}
ul.termsFlex > li > a {
    display: block;
    padding: 5px 0px;
}
ul.termsFlex > li {
    list-style: none;
    font-weight: bold;
    border-bottom: 1px solid rgba(13, 13, 13, 0.28);
}

a.openSideBar i {
    float: right;
    margin-right: -15px;
    margin-top: -6px;
    height: 39px;
    margin-bottom: -6px;
    width: 40px;
    background: #DBBD23;
    border-left: 1px solid rgba(0, 0, 0, 0.33);
    margin-left: 9px;
    text-align: center;
    font-size: 24px;
    padding-top: 8px;
}
a.openSideBar {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    background: #F5D949;
    border-radius: 3px;
    font-size: 19px;
    color: #262B36;
    font-weight: bold;
    overflow: hidden;
    padding: 6px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.52);
}

.section.INDEXBloCKS.active .sideBarMoviess {
    transform: translate(0);
}

.search.active > i {
    background: #3489B1;
    box-shadow: 0 0 0;
    color: rgba(255, 255, 255, 0.5);
}
.search > i {
    width: 38px;
    height: 37px;
    margin-top: 0;
    cursor: pointer;
    display: block;
    position: relative;
    float: left;
    background: #F5D949;
    text-align: center;
    line-height: 34px;
    z-index: 10;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.7);
}
.search > form > button {
    border: 0;
    float: right;
    width: 50px;
    background: #FFF1A4;
    height: 100%;
    border-radius: 3px;
    font-family: Font;
    font-weight: bold;
    font-size: 15px;
}
.search > form > input {
    border: 0;
    height: 100%;
    border-radius: 3px;
    float: right;
    margin-left: 5px;
    width: 225px;
    font-family: Font;
    padding: 0px 10px;
}
.search.active > form {
    display:block;
}
.search > form {
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0;
    width: 280px;
    display: none;
    margin-left: 1px;
    height: 100%;
    border-radius: 0px 3px 3px 0;
}
.search {
    position: absolute;
    left: 20px;
    top: 3px;
}
.backdrop-wrap::after {
    display: block;
    background: linear-gradient(rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.7));
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
}
.backdrop-wrap {
    width: 100%;
    transition: height .3s;
}
.backdrop, .backdrop-wrap {
    height: auto;
    min-height: 325px;
    position: relative;
}
.backdrop {
    max-width: 100%;
    margin: 0 auto;
    background-size: cover;
    background-position: center 15%;
    opacity: .5;
}
.intro .backdrop {
    max-height: 410px;
}
.backdrop, .backdrop-wrap::after {
    background-repeat: no-repeat;
    width: 100%;
}

.CoverIntroMovie {
    box-shadow: 0px 1px 1px rgba(30, 30, 30, 0.73);
    position: relative;
    z-index: 999999;
}

.titleCover > h1 {
    font-family: Font , Josefin Sans;
    font-size: 26px;
    color: rgb(255, 255, 255);
    margin-bottom: 7px;
    font-weight: 600;
}
#st-container.loaded .titleCover {
}
.titleCover {
    position: absolute;
    padding-right: 260px;
    top: 30px;
    transition: 1s all ease;
    right: 0px;
    width: 100%;
    font-family: Font , Josefin Sans;
    color: white;
    padding-bottom: 24px;
    font-size: 19px;
}

.titleCover span.quality a {
    color: rgb(255, 255, 255);
}
.titleCover em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a2a2a2;
    margin: 0px 11px;
}
.titleCover span.category a {
    color: rgb(253, 220, 99);
    font-weight: bold;
    font-size: 17px;
}
.titleCover span.genre a {
    color: rgb(253, 220, 99);
    font-weight: bold;
    position: relative;
    font-family: Font , Tahoma;
    top: 4px;
    font-size: 22px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.68);
}
.titleCover span.runtime {
    direction: ltr;
    text-transform: capitalize;
    font-weight: bold;
    position: relative;
    top: 3px;
}
.titleCover span.category {}
.titleCover span.quality {
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    background: rgb(199, 13, 13);
    padding: 4px 10px 1px 4px;
    font-style: normal;
    text-align: center;
    font-weight: bold;
}

ul.tabs > div > li.active{
    background: radial-gradient(ellipse at top, #383838, #272727, #1f1f1f);
    color: rgb(255, 255, 255);
}
ul.tabs > div > li:not(.active):hover {
    color: rgb(247, 247, 247);
}
ul.tabs > div > li{
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    list-style: none;
    padding: 18px 19px;
    transition: .2s all ease;
    box-shadow: inset 0px 0px #262B36;
    cursor: pointer;
    font-size: 17px;
    border-left: 1px solid rgba(0, 0, 0, 0.18);
    color: rgb(255, 255, 255);
}
ul.tabs > div > li > i{}
ul.tabs {
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    margin: 0px 0px 0;
    height: 60px;
    position: relative;
    z-index: 10;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.32);
    overflow: hidden;
    text-align: right;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    padding-right: 0;
}

.w1200Single {
    margin: 14px auto 0;
    color: white;
    width: 1200px;
}

div#TabsContents {}
div#TabsContents .tab.active {
    display:block;
}
div#TabsContents .tab {
    display: none;
}

.breadcrumbs span a span {
    color: rgb(22, 76, 171);
}
.breadcrumbs span {
    display: inline-block;
    margin: 0px 3px;
    font-size: 17px;
    color: rgb(31, 31, 31);
}
#st-container.loaded .breadcrumbs {
    transform: translate(0);
    opacity: 1;
}
.innerHeader + .breadcrumbs {
    transform:translate(0);
    opacity:1;
}
.breadcrumbs {
    font-family: Font , Josefin Sans;
    color: #FFFFFF;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    transition: .6s .8s all ease;
    font-weight: bold;
    height: 54px;
    background: linear-gradient(rgb(255, 255, 255), rgb(241, 241, 241), rgb(177, 177, 177));
    padding: 17px 0px;
    right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.58) , inset 0px -1px 3px rgba(0, 0, 0, 0.36);
}
.breadcrumbs > .container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-right: 260px;
}

#st-container.loaded .contentFilm {
    transform: scale(1);
}
.contentFilm {
    position: absolute;
    top: 120px;
    right: 260px;
    max-height: 183px;
    color: white;
    overflow: auto;
    width: 670px;
}

ul.listActorsss > li:nth-child(2n+0) {
    margin-left: 0;
}
ul.listActorsss > li {
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
    width: 49.6%;
    background: rgba(255, 255, 255, 0.07);
    line-height: 44px;
    margin-left: 8px;
    float: right;
}
ul.listActorsss > li > a {
    display: inline-block;
    padding: 2px 10px 1px;
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    margin-left: 4px;
    line-height: 23px;
    margin-top: 7px;
    font-size: 13px;
    border-radius: 3px;
    float: right;
}
.TVSHOWSLIST ul.listActorsss > li {
    color: rgba(238, 238, 238, 0.67);
}
.TVSHOWSLIST ul.listActorsss > li > span {
    background: transparent;
    color: white;
    min-width: inherit;
    margin-left: 0;
}
ul.listActorsss > li > span {
    display: inline-block;
    font-weight: bold;
    height: 100%;
    padding: 8px 13px;
    font-size: 17px;
    line-height: 24px;
    color: rgb(253, 202, 60);
    float: right;
}
#st-container.loaded ul.listActorsss {
}
ul.listActorsss {
    list-style: none;
    transition: .3s all ease;
}

.photosFilm {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 16px;
}
.photosFilm > div:hover {
    transform: scale(1.1) rotate(5deg);
    z-index: 1000;
}
.photosFilm > div img {
    width: 100%;
    min-height: 100%;
}
.photosFilm > div {
    width: 287px;
    transition: .3s all ease;
    height: 260px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: inline-block;
    overflow: hidden;
    border: 3px solid rgb(31, 31, 31);
    border-radius: 4px;
    margin-right: 5px;
    cursor: pointer;
    box-shadow: 0px 1px 3px black;
}

.photoFilm > div > img {
    max-height: 100%;
}
.photoFilm > div {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}
.photoFilm {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    text-align: center;
    display: table;
}

.downloadsList {}
.downloadsList > li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 9px;
    font-size: 25px;
    color: #36982F;
    float: right;
    margin-top: 18px;
    margin-right: 16px;
    margin-left: 12px;
}
.downloadsList > li:nth-child(5n+0) {
    margin-left: 0;
}
.downloadsList > li:hover img {
    margin-right:7px;
}
.downloadsList > li img {
    width: 60px;
    height: 60px;
    float: right;
    margin-left: 11px;
    margin-top: 7px;
    margin-right: -60px;
    transition: .3s all ease;
}
.downloadsList > li {
    list-style: none;
    display: inline-block;
    width: 232px;
    float: right;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: linear-gradient(rgb(76, 175, 80), rgb(54, 150, 58), rgb(34, 105, 37));
    height: 75px;
    text-align: right;
    direction: rtl;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.81);
}
.downloadsList > li .name {display: block;font-weight: bold;font-size: 18px;color: white;margin-top: 9px;line-height: 100%;margin-bottom: 2px;}
.downloadsList > li .quality {
    display: block;
    font-size: 12px;
    color: rgb(253, 253, 253);
}
.downloadsList > li .size {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 14px;
    display: block;
}

i.fa.fa-play.trailerButton {
    position: absolute;
    top: 160px;
    right: 94px;
    z-index: 1000;
    width: 50px;
    height: 50px;
    padding-left: 1px;
    border: 2px solid #ddd;
    color: white;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    text-align: center;
    line-height: 47px;
    font-size: 23px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.63);
}
.modalTrailer > iframe {
    width: 800px;
    height: 500px;
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -250px;
    margin-right: -400px;
}
.modalTrailerClose {
  width: 100%;
  height: 100%;
}
.modalTrailer {
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.73);
}

.tvShowCoVER a.viewMovie.label2 {
    top: 153px;
}
.tvShowCoVER a.viewMovie i {
    font-style: normal;
    font-size: 37px;
    padding-left: 0;
    padding-top: 23px;
}
.tvShowCoVER a.viewMovie span {
    width: 120px;
    margin-right: -60px;
    background: #1A1E27;
    bottom: 13px;
    font-size: 15px;
    color: #FFF;
}
.tvShowCoVER a.viewMovie {
    top: 37px;
    margin-top: 0;
    animation: inherit;
    height: 108px;
    width: 108px;
    border: 0;
    line-height: 41px;
    background: rgba(255, 255, 255, 0.15);
}

.episodes .seasons > h2 {
    margin: -11px -12px 12px;
    background: rgba(0, 0, 0, 0.29);
    padding: 9px 20px;
    font-size: 18px;
}
.episodes .seasons > div.active {
    background: #eee;
    color: #151515;
}
.episodes .seasons > div {
    padding: 7px 11px 7px;
    margin-bottom: 6px;
    font-weight: bold;
    cursor: pointer;
    color: #DCDCDC;
    background: #151515;
}
.episodes .seasons {
    position: absolute;
    right: 0;
    width: 180px;
    height: 100%;
    box-shadow: 0px 1px 3px black;
    background: rgba(255, 255, 255, 0.08);
    padding: 11px 12px;
    overflow: auto;
}
.tab > .episodes > .episodes {
    width: calc(100% + 10px);
}
.tab > .episodes > .episodes > .episode:nth-child(10n+0) {
}
.tab > .episodes > .episodes > .episode span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-family: Font;
    color: #ffe6a0;
}
.tab > .episodes > .episodes > .episode a {
    color:white;
}
.tab > .episodes > .episodes > .episode {
    width: 91px;
    height: 80px;
    display: none;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.66);
    font-family: Impact;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    padding-top: 14px;
}
.tab > .episodes {
    padding-right: 200px;
    position: relative;
    height: 400px;
}

.serversEmbed {
}
.serversEmbed > .embedServer iframe {
    width: 100%;
    height: 100%;
}
.serversEmbed.SeriesShape > .embedServer + .episodesSection h2 {
    height: 50px;
    background: rgba(0, 0, 0, 0.38);
    line-height: 50px;
    font-size: 21px;
    margin-bottom: 10px;
}
.serversEmbed.SeriesShape > .embedServer + .episodesSection {clear: both;display: inline-block;text-align: center;width: 100%;margin-top: 14px;}
.serversEmbed > .embedServer {float: right;width: calc(100% - 220px);height: 560px;padding: 15px;background: #24344e;}
.serversEmbed > ul > li.active {
    background: rgb(19, 68, 155);
    color: white;
}
.serversEmbed > ul > li {
    background: #262B36;
    margin-bottom: 5px;
    padding: 8px 8px;
    font-weight: bold;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: block;
    text-align: center;
}
.serversEmbed > ul > h2 {
    font-size: 18px;
    text-align: center;
    color: #ffe875;
    margin-bottom: 10px;
}
.serversEmbed > ul {width: 220px;float: right;list-style: none;background: #1c293e;height: 560px;padding: 17px;}

.episodesSeason {
    width: 1200px;
    margin: 0px auto 10px;
}
.episodesSeason > div {
    display: inline-block;
    width: 74px;
    height: 81px;
    margin-left: 0px;
    margin-right: 3px;
    margin-bottom: 0;
    padding-top: 14px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.62);
    background: rgb(43, 43, 43);
    border-radius: 4px;
    overflow: hidden;
    font-family: Impact;
    text-align: center;
    font-size: 29px;
}
.episodesSeason > div > a {
    color: white;
}
.episodesSeason > div > a > span {
    display: block;
    font-family: Font;
    font-size: 16px;
    font-weight: bold;
    color: #bdbdbd;
}

a.backMain {
    float: left;
    font-weight: bold;
    font-size: 17px;
    background: #2D374A;
    border-radius: 7px;
    color: #FFFFFF;
    padding: 6px 17px;
    margin-top: 6px;
    box-shadow: 0px 1px 8px #000;
}

.columnsBackground {position: relative;z-index: 1;clear: both;padding-bottom: 1px;background: rgba(0, 0, 0, 0.32);padding: 1px;margin-top: 10px;}
.SectionFullyCover > .cover {
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .2;
    position: fixed;
}

h2.titleCategory {
    text-align: center;
    padding: 20px;
    font-size: 30px;
    color: rgb(255, 216, 90);
}

.post-ratings {
    position: absolute;
    top: 5px;
    left: 0;
    width: auto;
    z-index: 1000;
}

.post-ratings-text {
    display: none !important;
}

.breadcrumbs.archiveWithoutPadding > .container {
    padding-right: 0;
    width: 98%;
}

.episodesSection > div:nth-child(15n+0) {
    margin-left: 0;
}
.episodesSection > div span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-family: Font;
    color: #ffeac1;
}
.episodesSection > div a {
    color: #b1b1b1;
}
.episodesSection > div {
    width: 70.6px;
    height: 70px;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    background: radial-gradient(ellipse at top, #383838, #272727, #1f1f1f);
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    font-family: Impact;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    padding-top: 10px;
}
ul.tabsFooter {
    height: 46px;
    border-bottom: 3px solid #1b1b1b;
    position: relative;
    z-index: 10;
    text-align: center;
}
ul.tabsFooter > li.active:before {
    height: 100%;
    background: linear-gradient(rgb(37, 98, 187), rgb(31, 81, 154), rgb(12, 58, 125));
    transform: scale(1);
}
ul.tabsFooter > li.active:after {}
ul.tabsFooter > li.active {color: #ffffff;}
ul.tabsFooter > li:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -2;background: #212121;}
ul.tabsFooter > li:before {content: '';position: absolute;bottom: 0;right: 0;transform: scale(0);transform-origin: bottom center;width: 100%;height: 0;z-index: -1;transition: .5s all cubic-bezier(0.56, 0.28, 0.34, 1.34);background: #222630;}
ul.tabsFooter > li {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    border: 2px solid rgb(31, 31, 31);
    border-bottom: 0px;
    height: 100%;
    position: relative;
    margin-right: 2px;
    color: white;
    padding: 10px 17px;
}

.slider .owl-item .boxdetil{
    top: 194px;
}
.slider .owl-item .block .boxdetil{
    top: 120px;
}
.slider .owl-item .block {
    width: 96%;
    box-sizing:border-box;
    margin: 0;
    height: 310px;
    display: block;
    margin: 0 auto;
}
.slider .owl-item {
    overflow: hidden;
    display: inline-block;
}
.footerEndSection .tabsDataFooter {
    background: #212121;
    padding: 10px 10px;
    height: 382px;
    overflow: hidden;
}

.tabsDataFooter .loader {
    margin-top: 140px;
}
.honeycombs{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0%;
    margin-bottom: 12px;
}

.honeycombs * {
    box-sizing: border-box;
}

.honeycombs .honeycombs-inner-wrapper{
    display: inline-block;
    overflow: hidden;
    width: 700px;
    position: relative;
    height: 1200px;
}

.honeycombs .comb{
    position: absolute;
    display: inline-block;
    cursor: pointer;
    line-height: 100%;
}

.comb .icon-hex-lg {
    color: #191919;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.12);
    transition: .3s all ease;
}

.comb.placeholder{
    cursor: default;
}

.comb span.firefox {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}


.comb.placeholder span {
    color: #FFF !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity= 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.comb .inner {
    height: 100%;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    -webkit-box-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    -moz-perspective: 1000;
    perspective: 1000;
    line-height: 100%;
}

.comb .inner .wrapper {
    text-align: center;
    width: 68px;
}

.comb .inner.back {
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity= 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
}
.comb:hover > span {
    color: #a11515 !important;
}

.comb.placeholder:hover > span {
    color: #fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity= 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

}

.comb .inner p {
    font-size: 17px;
    color: white;
    position: relative;
    top: 1px;
    font-weight: bold;
    padding-top: 26px;
}

.comb .inner.back .wrapper {
    width: inherit;
    overflow: hidden;
}

@font-face {
    font-family: 'icomoon';
    src:url('./fonts/icomoon.eot?3d1mhj');
    src:url('./fonts/icomoon.eot?#iefix3d1mhj') format('embedded-opentype'),
        url('./fonts/icomoon.woff?3d1mhj') format('woff'),
        url('./fonts/icomoon.ttf?3d1mhj') format('truetype'),
        url('./fonts/icomoon.svg?3d1mhj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hex-lg:before {
    content: "\e604";
}

.slider .movie {height: 300px;direction: rtl;text-align: right;border: 2px solid #141519;margin: 0px 3px;display: block;position: relative;}
.slider .movie img {
    width: 100%;
    height: 100%;
}

.coverBody {
    position: fixed;
    top: 0;
    display: none;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .2;
    z-index: -1;
}

input.form-control {
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-family: Font , Arial;
    font-size: 15px;
    width: calc(100% - 140px);
    height: 40px;
    background: rgb(228, 228, 229);
    border-radius: 4px;
    padding: 0px 12px;
}

a.deleteBTN {
    display: none;
}

.container + script + .topBarHeader {
    height: 50px;
}
.container + script + .topBarHeader li a {
    color: white;
}
.container + script + .topBarHeader li {
    height: 50px;
    padding: 12px 14px;
    border-color: rgba(255, 255, 255, 0.15);
}

.socialSharer * {
    color:white;
}
.socialSharer {
    position: absolute;
    bottom: -26px;
    left: 14px;
}

span.ratingsTITLE {
    margin: 0;
    position: absolute;
    left: 108px;
    top: 2px;
    color: #eee;
}

.StarLabels span {
    font-family: Josefin Sans;
    font-weight: bold;
    padding-left: 4px;
}
.movie:hover .StarLabels {
    transform: translate(0px, -158px);
    background: #F1D33B;
    color: #191D24;
}
.StarLabels {
    position: absolute;
    bottom: 10px;
    transition: .3s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
    left: 10px;
    font-size: 16px;
    background: #3A4150;
    color: #BDBDBD;
    padding: 4px 8px;
    border-radius: 2px;
}

.section > .title > ul > li i.fa.fa-imdb {
    font-family: Josefin Sans;
    font-weight: bold;
    font-size: 17px;
    width: 60px;
    height: 25px;
    background: #000;
    border-radius: 4px;
    float: right;
    padding-top: 7px;
    color: rgb(255, 255, 255);
    margin-left: 7px;
    position: relative;
}

.ui-widget-content > li.ui-state-focus {
    background: rgb(65, 167, 214);
    color: #262b36;
}
.ui-widget-content > li {
    color: white;
    font-size: 16px;
    padding: 9px 12px 7px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    font-weight: bold;
}
.ui-widget-content {
    display: block !important;
    top: 40px !important;
    left: 122px !important;
    background: rgba(60, 67, 84, 0.95);
    position: fixed !important;
    z-index: 9999;
    width: 210px !important;
    list-style: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.68);
    border-radius: 4px;
}

a.MoreCatFooter {
    display: block;
    padding: 0 30px;
    text-align: center;
    background: #a11515;
    height: 50px;
    float: left;
    margin-left: 2px;
    color: white;
    line-height: 51px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 18px;
}

a.top-imdbButtonMore {
    display: block;
    display: none;
    color: white;
    width: 250px;
    height: 50px;
    margin-bottom: 30px;
    margin: 5px auto 25px;
    background: #a81717;
    line-height: 50px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 3px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
}

a.backPost {}

div#mpbreadcrumbs {
    height: 23px;
    overflow: hidden;
    color: rgb(32, 32, 32);
}

a.backPost {
    float: left;
}

span.ui-helper-hidden-accessible {
    display: none;
}

.search.active .innerSearch {
    display:block;
}
.innerSearch {
    margin-left: 43px;
    display: none;
}









































.right-social{
    float: left;

    margin-left: 50px;
    margin-top: 1px;

}
.social-inset{
	text-align:center;	
}
.social-inset li{
	display:inline-block;
	float:none !important;
	background: none !important;
}




.social_media li{
    width: 37px;
    height: 37px;
    float: right;
    background: rgba(134, 134, 134, 0.28);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.37);
    margin-right: 4px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;

}
.social_media li a{
    display: block;
    width: 37px;
    height: 37px;
    position: relative;
    z-index: 1;
    background-size: 15px 15px;
}
.facebook-we{
    background: #45619C url(./data-src/img/social/facebook.png) center center no-repeat;
}
.twitter-we{
    background: #00ACEE url(./data-src/img/social/twitter.png) center center no-repeat;
}
.youtube-we{
    background: #BD1E23 url(./data-src/img/social/youtube.png) center center no-repeat;
}
.googlep-we{
    background: #DD4B39 url(./data-src/img/social/google-plus.png) center center no-repeat;
}

.social_media li .facebook:before{
    background: url(./data-src/img/social/facebook.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 4px;
    left: 6px;
}
/*******************/
.social_media li .twitter:before{
    background: url(./data-src/img/social/twitter.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 37px;
    height: 37px;
    top: 0px;
    left: -1px;
}
.social_media li .googleplus:before{
    background: url(./data-src/img/social/google-plus.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}
.social_media li .youtube:before{
    background: url(./data-src/img/social/youtube.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}
.social_media li .rss:before{
    background: url(./data-src/img/social/linkedin.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}

/***************************************/
.social_media li .facebook:after{
	content:'';
	position:absolute;
	background: #3B5998;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .facebook:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .twitter:after{
	content:'';
	position:absolute;
	background: #00ACEE;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .twitter:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .googleplus:after{
	content:'';
	position:absolute;
	background: #C63B1E;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .googleplus:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .youtube:after{
	content:'';
	position:absolute;
	background: #E64A41;
	width: 40px;
	z-index: -1;
	height: 40px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .youtube:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .rss:after{
	content:'';
	position:absolute;
	background: #0073B2;
	width: 40px;
	height: 40px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .rss:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}



.MainMenu > ul > li > a:hover {
    font-size: 18px;
    color: #000000;
    display: block;
    padding: 21px 17px;
}




li.menu-item:hover ul li a:hover {

color:#00A4E1;

}



span#tmz {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */

}

span#tmz:hover {    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.men:after{
	content: '';
}
.first-menu li{
	float:right;
	display: block;
	position: relative;
}
#menu-drag{
    display: block;
    transition: all .3s ease-in-out;
    width: 1200px;
}
#menu-drag > li a.home_icon{
	background: #252424 url(./img/home_icon.png) no-repeat;
	background-position: 12px 15px;
	height: 18px;
	width:30px;
	-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;	
}
#menu-drag > li a.home_icon:hover{
	background-color: #F0F0F0;
	background-position: -31px 15px;
	-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;	
}
.home_it{
    height: 56px;
}
.home_it a::after {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 32px;
    color: rgb(241, 241, 241);
}
.home_it a{
    height: 68px;
}
#menu-drag > li{
	float: right;
	position: relative;
	padding: 0px;
	list-style: none;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
#menu-drag li ul li a{
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 10px 10px;
    font-size: 16px;
}
#menu-drag li a{
    line-height: 18px;
    font-size: 17px;
    font-family: Font, Tahoma;
    font-weight: bold;
    display: block;
    color: rgb(255, 255, 255);
    border-left: 0px;
    padding: 19px 11px;
}
#menu-drag li a:hover{
	color: rgb(249, 231, 136);
}
#menu-drag li ul{
	position:absolute;
	width: 205px;
	visibility: hidden;
	z-index: 100000;
	opacity: 0;
	box-shadow: 0px 9px 25px #000;
	top: 50px;
	right: 0px;
	background: #0e2a5a;
	border-top: 0px solid #FFF;
	-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;
}
#menu-drag li .sub-menu li{
	position:relative;
}
#menu-drag li .sub-menu .sub-menu{
	right: 205px;
	top: 0px !important;
	visibility: hidden !important;
	display: none !important;
	width: 180px;
	-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;	
}
#menu-drag li .sub-menu li:hover .sub-menu{
	top: -2px !important;
	visibility: visible !important;
	display: block !important;
	-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;
}
#menu-drag li:last-child ul{
    left: 0;
    right: auto;
}
#menu-drag li:hover .sub-menu{
	display: block;
	visibility: visible;
	top: 100%;
	opacity: 1;
	-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;
}
#menu-drag ul li.menu-item-has-children > a:after{
	content:'';
	background: url(./img/skip-back-after.png) center center no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	display: block;
	top: 15px;
	left: 8px;	
}
#menu-drag li ul li a:hover:before{
	width:15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#menu-drag li ul li a:before{
	content:'';
	background: url(./img/skip-back.png) center center no-repeat;
	width: 0px;
	height: 15px;
	position: relative;
	display: block;
	float: right;
	margin-top: 4px;
	margin-left: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.men a.home {
    background: url(./img/home.png) right center no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    padding: 0px 0 2px 10px;
    border: 0px;
    border-left: 1px solid #5F5F5F;
}
#selectbox{
	width: 100%;
	display: block;
	padding: 5px 10px;
	font-size: 13px;
	font-family: 'Font' , Tahoma;
	font-weight: bold;
	background-color: #038467;
	border: 0px;
	color: white;
}
.top-header{
	height: 50px;
	position:relative;
    background: rgb(188, 30, 30);
	overflow: hidden;
}
.right-social{
    float: left;
    margin-left: 6px;
}
.social-inset{
	text-align:center;	
}
.social-inset li{
	display:inline-block;
	float:none !important;
	background: none !important;
}
.social_media li{
    width: 40px;
    height: 40px;
    float: right;
    background: #222329;
    margin-right: 4px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.social_media li a{
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    background-size: 15px 15px;
}
.facebook-we{
    background: #45619C url(./img/social/facebook.png) center center no-repeat;
}
.twitter-we{
    background: #00ACEE url(./img/social/twitter.png) center center no-repeat;
}
.youtube-we{
    background: #BD1E23 url(./img/social/youtube.png) center center no-repeat;
}
.googlep-we{
    background: #DD4B39 url(./img/social/google-plus.png) center center no-repeat;
}

.social_media li .facebook:before{
    background: url(./img/social/facebook.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 4px;
    left: 6px;
}
/*******************/
.social_media li .twitter:before{
    background: url(./img/social/twitter.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}
.social_media li .googleplus:before{
    background: url(./img/social/google-plus.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}
.social_media li .youtube:before{
    background: url(./img/social/youtube.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}
.social_media li .rss:before{
    background: url(./img/social/linkedin.png) center center no-repeat;
    content: '';
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 0px;
    left: -1px;
}

/***************************************/
.social_media li .facebook:after{
	content:'';
	position:absolute;
	background: #3B5998;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .facebook:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .twitter:after{
	content:'';
	position:absolute;
	background: #00ACEE;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .twitter:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .googleplus:after{
	content:'';
	position:absolute;
	background: #C63B1E;
	width: 46px;
	height: 46px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .googleplus:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .youtube:after{
	content:'';
	position:absolute;
	background: #E64A41;
	width: 40px;
	z-index: -1;
	height: 40px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .youtube:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .rss:after{
	content:'';
	position:absolute;
	background: #0073B2;
	width: 40px;
	height: 40px;
	top: -46px;
	left: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
.social_media li .rss:hover:after{
	content:'';
	top: 0px;
	-webkit-transition: all 0.50s ease-in-out;
	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	-ms-transition: all 0.50s ease-in-out;
	transition: all 0.50s ease-in-out;
}
button.searchButton {
	margin-top: 5px;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	width: 80px;
	height: 40px;
	margin-left: 5px;
	font-size: 16px;
	font-family: Font;
	font-weight: bold;
	cursor: pointer;
	color: rgb(31, 30, 30);
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-radius: 4px;
	background: linear-gradient(rgb(255, 255, 255), rgb(210, 210, 210), rgb(210, 210, 210));
}
.left-search{
	float: left;
}
form#s input:last-child {
    width: 70px;
    border: 0;
    height: 38px;
    border-radius: 3px;
    font-family: Font;
    font-size: 18px;
    font-weight: bold;
    background: rgb(255, 255, 255);
    color: rgb(25, 25, 25);
}
form#s input:first-child:focus {
    background: white;
    width: 400px;
}
form#s input:first-child {
    width: 300px;
    height: 38px;
    border: 0;
    border-radius: 4px;
    font-family: Font;
    font-weight: bold;
    padding: 8px 15px;
    position: relative;
    bottom: 1px;
    margin-left: 5px;
    transition: .3s all ease;
    background: #dadada;
}
#st-trigger-effects-search form {position: absolute;top: 50%;margin-top: -23px;width: 688px;right: 50%;margin-right: -344px;}
#st-trigger-effects-search.active {
    transform: scale(1);
    opacity: 1;
    z-index: 9999999999;
    visibility: visible;
}
#st-trigger-effects-search{position: fixed;top: 0;right: 0;text-align: center;opacity: 0;transform: scale(1.2);visibility: hidden;transition: .5s all ease;width: 100%;display: table;height: 100%;z-index: 999999;background: rgba(0, 0, 0, 0.85);}
.st-effect-11 input{
    border: 0px;
    padding: 9px 10px;
    min-width: 220px;
    margin-right: 4px;
    border-radius: 3px;
    display: block;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
}
#searchsubmit{
    background: #11B18D;
    color: white;
    border-radius: 3px;
    font-family: 'Font' , Tahoma;
    font-weight: bold;
    min-width: 130px;
}

button.search-button{
    display: block;
    border: 0px;
    text-indent: -9999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background: url(img/search.png) center center no-repeat;
    margin-top: 5px;
    cursor: pointer;
}
.left-search form#s input[type="text"]{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 9px 14px;
    height: 41px;
    width: 420px;
    margin-left: 4px;
    border: 0px;
    border-radius: 3px;
    font-family: Font;
    font-weight: bold;
    float: right;
}
.left-search form#s input[type="submit"]{
    background: rgb(17, 176, 140);
    border: 0px;
    padding: 9px 20px;
    font-family: 'Font' , Tahoma;
    color: #FFFFFF;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
}
.center-header{
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
}
.center-header:after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	background-size: 100% !important; 
	top: 0px;
	left:0px;
	z-index:-1;
	opacity:0.1;
}
@-webkit-keyframes logo {
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes logo {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.logo span{
    color: #ffdc5d;
}
.logo a{}
.logo{
	position: relative;
	transition: .3s all ease;
	font-size: 51px;
	font-family: Impact;
	font-weight: normal;
	display: table;
	color: white;
	margin: 172px auto 6px;
}
.logo a{color: white;text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.45);}
/* <!--: men :--> */
.men form {
    float: left;
    margin-top: 14px;
    margin-left: 163px;
}
.men form input:focus {
    background: white;
    width: 230px;
    color: black;
}
.men form input {
    border: 0;
    height: 40px;
    background: rgb(220, 220, 218);
    color: white;
    padding: 0px 10px;
    transition: .3s all ease;
    font-family: Font , Arial;
    width: 180px;
    border-radius: 3px;
    float: right;
    margin-left: 7px;
}
.men form button {
    border: 0;
    height: 40px;
    width: 60px;
    border-radius: 3px;
    background: linear-gradient(rgb(241, 202, 64), rgb(234, 182, 37), rgb(226, 140, 32));
    font-family: FOnt;
    font-weight: bold;
}
.men{
	display: table;
	box-sizing: border-box;
	width: 100%;
	z-index: 99999999;
	min-width: 1200px;
	top: 0px;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.36) 0px 1px 3px;
	background: linear-gradient(#ca1111,#c61111,#a70b0b); }
.men:after{
	content: '';
}

.slider2.slider {
    height: auto;
    background: transparent;
    margin: 0px -2px;
}

.footerEndSection {padding: 10px 0;background: rgba(0, 0, 0, 0.66);}

.block:nth-child(4n+0) {
    margin-left: 0;
}
.block img {
    width: 100%;
    height: 100%;
}
.block .image .img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    transition: .5s all ease;
    height: 40%;
    background-size: 100% 200%;
    background-position: bottom center;
}
.block .image .img1{
    position: absolute;
    transition: .3s all ease;
    top: 0;
    perspective: 1000px;
    right: 0;
    width: 100%;
    height: 60%;
    background-size: 100% 200%;
    overflow: hidden;
}
.block:hover .img2 {
    transform: translate(0px, 260px) rotate(80deg);
}
.block:hover .img1:after {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transition: transform 0.6s;
}
.block .img1:after {
  box-sizing:border-box;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
}
.block:hover .img1 {
    opacity: .4;
    transform: translate(10px, -50px) rotate(7deg) scale(1.3);
    height: 75%;
}
.block {
    width: 290px;
    height: 390px;
    display: inline-block;
    perspective: 1000px;
    text-align: right;
    overflow: hidden;
    direction: rtl;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 5px solid #e6e6e6;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.75);
    position: relative;
}
.block:hover .categorySpan {
    transform: translate(0);
}
.block:hover .viewsSpan {
    transform: translate(0);
}
.viewsSpan {
    position: absolute;
    left: 10px;
    min-width: 70px;
    background: rgb(232, 198, 21);
    top: 141px;
    border-radius: 5px;
    color: rgb(45, 45, 45);
    font-weight: bold;
    font-size: 15px;
    padding: 2px 6px 1px;
    text-align: center;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.58);
    transition: .3s .1s all ease;
    transform: translate(-200px, 0px);
}

.categorySpan {position: absolute;transition: .3s all ease;left: 10px;background: rgb(255, 255, 255);top: 112px;color: rgb(178, 31, 32);border-radius: 5px;padding: 2px 6px;font-weight: bold;font-size: 14px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.58);transform: translate(-200px, 0px);}

.block:hover .boxtitle {
    transform: scale(1);
}
.boxtitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    color: white;
    transition: .3s all ease;
    background: linear-gradient(rgba(70, 43, 93, 0), rgba(0, 0, 0, 0.89), rgb(0, 0, 0));
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 16px 9px 9px;
}

.block:hover .boxdetil {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    transition: .3s .2s all ease;
}
.slides .block .viewsSpan {
    top: 90px;
}
.slides .block .categorySpan {
    top: 60px;
}
.slides .block:hover .image .img1 {
    transform: translate(10px, -90px) rotate(7deg) scale(1.3);
}
.boxdetil {
    position: absolute;
    right: 0;
    transform: rotate(20deg);
    transition: .3s all ease;
    opacity: 0;
    width: 100%;
    overflow: hidden;
    top: 207px;
    height: 88px;
    display: none;
    padding: 12px;
    transform-origin: bottom left;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    color: #d4d4d4;
}

.ReleaseYears > div a {
    color: rgb(255, 255, 255);
    font-weight:bold;
}
.ReleaseYears > div {
    display: inline-block;
    width: 70px;
    height: 36px;
    line-height: 38px;
    border-radius: 3px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.63);
    background: #ffffff14;
    margin: 2px 0px;
}
.ReleaseYears {
    background: linear-gradient(rgb(47, 47, 47), rgb(33, 33, 33), rgb(12, 12, 12));
    text-align: center;
    padding: 14px 0;
}
.footer .container:after {
    content:'';
    display:table;
    clear:both;
}
.footer .container {
    width: 98%;
    margin:0 auto;
}
.footer {
    background: linear-gradient(rgb(47, 47, 47), rgb(33, 33, 33), rgb(12, 12, 12));
    border-top: 4px solid rgb(56, 56, 56);
    padding: 16px 0 20px;
    position: relative;
}

.logoFooter img {
    width: 100%;
}
.logoFooter {
    float: right;
    margin-left: 20px;
    width: 270px;
}

ul.menusFooter > li:last-child {
    margin-left: 0;
}
ul.menusFooter > li {
    display: inline-block;
    width: 23.5%;
    float: right;
    margin-left: 2%;
}
ul.menusFooter > li > h2 {
    font-weight: bold;
    color: white;
    background: linear-gradient(rgb(29, 29, 29), rgb(33, 33, 33), rgb(12, 12, 12));
    padding: 8px 10px;
    border-radius: 5px;
    margin: 0px 0px;
    font-size: 17px;
    margin-bottom: 0px;
}
ul.menusFooter > li > ul {
    list-style: none;
}
ul.menusFooter > li > ul > li a:before {content: "\f104";font-family: FontAwesome;display: inline-block;margin-left: 6px;}
ul.menusFooter > li > ul > li {
    padding: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
ul.menusFooter > li > ul > li:hover > a {
    color: #E6E6E6;
    padding-right: 12px;
}
ul.menusFooter > li > ul > li:hover {}
ul.menusFooter > li > ul > li > a {
    color: #FFF;
    transition: .3s all ease;
}
ul.menusFooter {
    float: right;
    list-style: none;
    width: calc(100% - 290px);
    margin: 0;
}

.socialFooter .social-hed > li {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}
.socialFooter .social-hed > li > a {
    width: 32px;
}
.socialFooter .social-hed {
    margin: 0 auto;
}
.socialFooter > h2 {
    color: white;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
    display: none;
}
.socialFooter {
    width: 275px;
    position: absolute;
    /* top: 130px; */
    right: 0;
    text-align: center;
}

footer a {
    color: #ffffff;
}
footer .designby {
    float: left;
    color: rgb(240, 198, 58);
}
footer .copyrights {
    float: right;
    color: #e2e2e2;
}
footer {
    background: linear-gradient(rgb(31, 31, 31), rgb(33, 33, 33), rgb(12, 12, 12));
    color: white;
    font-weight: bold;
    padding: 13px 15px;
}
.social-hed {
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    display: table;
}
.social-hed {
    margin-top: 80px;
}
.social-hed li.rss {
    background-position: -4px -1204px;
}
.social-hed li {
    display: inline-block;
    margin: 0 5px 0 0;
    float: left;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    background: #eaeaea url(./img/socialsprites.png) no-repeat;
}
.social-hed li a {
    display: block;
    text-indent: -9999px;
    height: 32px;
    width: 32px;
}
.social-hed li.googleplus {
    background-position: -4px -403px;
}
.social-hed li.youtube {
    background-position: -4px -1845px;
}
.social-hed li.twitter {
    background-position: -4px -1523px;
}
.social-hed li.facebook {
    background-position: -4px -164px;
}
.social-hed li.rss:hover {
    background-position: -4px -1245px;
}
.social-hed li.googleplus:hover {
    background-position: -4px -440px;
}
.social-hed li.youtube:hover {
    background-position: -4px -1884px;
}
.social-hed li.twitter:hover {
    background-position: -4px -1563px;
}
.social-hed li.facebook:hover {
    background-position: -4px -204px;
}
ul.menusFooter > li:last-child {
    margin-left: 0;
}
.topBar-Footer ul > li a{
    color: #eaeaea;
}
.topBar-Footer ul > li{
    display: inline-block;
    font-size: 16px;
    padding: 11px 16px;
    font-weight: bold;
    float: right;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
}
.topBar-Footer {
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    text-align: center;
    top: 0;
    border-bottom: 1px solid #000;
    z-index: 999;
    right: 0;
    width: 100%;
    position: relative;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.13);
}
.wrap , .wrap * {
    box-sizing: initial;
}
.wrap {
  position: relative;
  top: 150px;
  width: 150px;
  margin: 0 auto;
  direction: ltr;
}

.loader {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 50px;
  border: 15px solid;
  border-radius: 50%;
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgba(55,55,55,0);
  border-bottom-color: rgba(66,66,66,0);
  border-left-color: rgba(33,33,33,0);
  animation: loadEr 3s infinite;
}

@keyframes loadEr {
  0% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
    
  }
  10.4% {
    border-top-color: rgb(28, 138, 165);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
  20.8% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
31.2% {
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgb(28, 138, 165);
  border-bottom-color: rgba(66,66,66,0);
  border-left-color: rgba(33,33,33,0);
}
41.6% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  transform: rotate(40deg);
}
52% {
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgba(55,55,55,0);
  border-bottom-color: rgb(28, 138, 165);
  border-left-color: rgba(33,33,33,0);
}
62.4% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
}
72.8% {
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgba(55,55,55,0);
  border-bottom-color: rgba(66,66,66,0);
  border-left-color: rgb(28, 138, 165);
}
}

.loaderbefore {
  width: 50px;
  height:50px;
  border: 15px solid rgb(38, 172, 204);
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: 9;
}

.circular {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 70px;
  height: 70px;
  border: 20px solid;
  border-radius: 50%;
  border-top-color: #333;
  border-left-color: #fff;
  border-bottom-color: #333;
  border-right-color: #fff;
  opacity: 0.1;
  animation: poof 5s infinite;
}
@keyframes poof {
  0% {transform: scale(1,1) rotate(0deg);opacity: 0.1;}
  50% {transform: scale(4,4) rotate(360deg); opacity: 0;}
}
.another {
  opacity: 0.1;
  transform: rotate(90deg);
  animation: poofity 5s infinite;
  animation-delay: 1s;
}
@keyframes poofity {
  0% {transform: scale(1,1) rotate(90deg); opacity: 0.1;}
  50% {transform: scale(4,4) rotate(-360deg); opacity: 0;}
}

.text {
  position: absolute;
  top: 100px;
  left: -21px;
  font-weight: bold;
  font-size: 21px;
  font-family: Font;
  text-transform: uppercase;
  color: #fff;
  animation: opaa 10s infinite;
}
@keyframes opaa {
  0% {opacity: 1;}
10% {opacity: 0.5}
15% {opacity: 1;}
30% {opacity: 1;}
65% {opacity: 0.3;}
90% {opacity: 0.8;}
}
.ratioBottom:after {}
.ratioMaster {
    height: 30px;
    position: relative;
    margin-bottom: 0;
    background: #1d1d1d;
    display: none;
}
.ratioBottom {
    opacity:.1;
    height:25px;
    background-image: url(./img/bgTitleV.png);
    background-repeat: repeat-x;
    background-position: 0px 5px;
}

#st-container.loaded .SectionFullyCover {
    transform: translate(0);
    opacity: 1;
}
.SectionFullyCover {
    margin-bottom: 0px;
    transition: .6s .9s all ease;
    margin: 0px 0px 10px;
}

img {
    max-width: 100%;
}
ul.typesShapes {padding: 12px 10px 6px 10px;text-align: center;background: linear-gradient(#ca1111,#c61111,#a70b0b);border-bottom: 3px solid rgb(24, 77, 171);direction: ltr;}
ul.typesShapes li:nth-child(7n+0) {
    margin-left: 0;
}
ul.typesShapes li .bgCat:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(to right bottom,rgba(30,104,148,.38),rgba(0, 0, 0, 0.75));
}
ul.typesShapes li span {
    color: white;
    font-weight: bold;
    font-size: 17px;
    position: relative;
    z-index: 10;
}
ul.typesShapes li:hover .bgCat {
    opacity: .5;
    transform: scale(1.1);
}
ul.typesShapes li .bgCat {
    position: absolute;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    background-position: center;
    left: 0;
    z-index: 0;
    border-radius: 4px;
    transition: .3s all ease;
    opacity: 1;
}
ul.typesShapes li:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: .3s all ease;z-index: -1;}
ul.typesShapes li:hover:after {}
ul.typesShapes li {
	vertical-align: top;
	display: inline-block;
	width: 95%;
	padding: 91px 11px 8px;
	float: right;
	text-align: center;
	overflow: hidden;
	height: 130px;
	position: relative;
	background: linear-gradient(to right bottom,rgb(4, 27, 68),rgb(5, 22, 51));
	margin-bottom: 5px;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.38);
	z-index: 1;
	border-radius: 4px;
	margin-left: .5%;
	background-color: #444;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
ul.slidesRelated .owl-item {
    display: inline-block;
    float: left;
}
.categorySection .block .boxdetil {
    display:none;
}
ul.slidesRelated {
    direction: ltr;
    overflow: hidden;
}

.related:after {content: '';display: block;clear: both;}
.related {
    text-align: center;
    margin-bottom: -15px;
    clear: both;
}
.related > div:last-child {
    margin-left: 0;
    background: radial-gradient(ellipse at top, #383838, #272727, #1f1f1f);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.31);
}
.related > div > a > h2 {
    text-align: center;
    font-size: 21px;
    margin: 0 0 13px;
    display: table;
    margin: 0 auto 13px;
    border: 2px solid rgba(255, 255, 255, 0.18);
    padding: 7px 32px;
    border-radius: 10px;
    color: #ddd;
    border-bottom: 5px solid rgba(255, 255, 255, 0.18);
    box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25);
}
.related > div > a {
    display: block;
    background: rgba(0, 0, 0, 0.22);
    border-radius: 6px;
    font-size: 23px;
    font-weight: bold;
    padding: 9px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.17);
    color: white;
}
.related > div {
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    padding: 15px 15px;
    box-shadow: inset 0px -1px 35px rgba(0, 0, 0, 0.31);
}
.owl-carousel .owl-item {display: inline-block;float: left;}
.owl-carousel .owl-item > li .movieB {
    width: 216px;
    margin: 0px 5px 5px;
    height: 299px;
}
.owl-carousel .owl-item > li .block:nth-child(4n+0) {
    margin-left: 10px;
}
.owl-carousel .owl-item > li .block:nth-child(3n+0) {
    margin-left: 0;
}
.owl-carousel .owl-item > li .block {
    width: 32%;
    height: 297px;
}
.owl-carousel:not(.typesShapes) .owl-item > li .blockItem {
    width: 16%;
}
.owl-carousel:not(.typesShapes) .owl-item > li {
    list-style: none;
    direction: rtl;
}
.loopsFilms {
    text-align: center;
    position: relative;
    clear: both;
    float: none;
    padding-bottom: 1px;
}
.data_get .movieB{
	margin: 0px 1px 5px;
}
.loading_home{
	background: radial-gradient(ellipse at top,#DD3335,#720101 89%,#8F0707);
	padding: 10px 10px;
	color: #fff;
	cursor: pointer;
	width: 200px;
	display: block;
	margin: 0 auto 10px;
	border-radius: 3px;
}



.movieB {
    width: 226px;
    z-index:1;
    direction: rtl;
    transition: .3s all ease;
    height: 330px;
    overflow: hidden;
    position: relative;
    border: 4px solid #fff;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.53);
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 5px;
    text-align: right;
    -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;
}
.movieB:hover {
	-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;
}
.movieB img {
    width: 100%;
    height: 100%;
}
.movieB a:after{
	content:'';
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
	left: 0px;
	visibility: hidden;
	opacity: 0;
	-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;
}
.movieB:hover a:after{
	visibility: visible;
	opacity: 1;
	-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;
}
.movieB a{
  display: block;
  height: 100%;
}
.movieB:hover .titleB {
    height: 90px;
}
.movieB .titleB {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
    overflow: hidden;
    height: 36px;
    width: 100%;
    transition: 0.3s  all ease;
    background: linear-gradient(rgb(37, 37, 37), rgb(33, 33, 33), rgb(29, 29, 29));
    color: rgb(232, 232, 231);
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    padding: 6px 7px;
    font-weight: bold;
}
.movieB:hover .contentBox {
    bottom: 0;
}
.movieB .contentBox {
    position: absolute;
    bottom: -130px;
    transition: .3s all ease;
    left: 0;
    width: 100%;
    z-index: 10;
    color: white;
    background-color: rgba(0, 0, 0, 0.78);
    height: 130px;
    padding: 12px 17px;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
.movieB .quality:before {
    display:none;
}
.movieB .quality .category {
    float: right;
    color: #FFF;
}
.movieB .quality .views {
    float: left;
    font-family: Arial Black;
    font-size: 16px;
    color: black;
}
.movieB:hover .quality {
    left: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.movieB .quality {
    position: absolute;
    z-index: 10;
    bottom: 95px;
    left: -280px;
    width: 100%;
    color: white;
    padding: 10px;
    background: radial-gradient(ellipse at top,rgba(109, 109, 109, 0.43),rgba(45, 45, 45, 0.65) 80%,#292928);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.movieB:hover .views {
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.movieB .views{
	position: absolute;
	z-index: 10;
	bottom: 145px;
	right: -100%;
	color: white;
	font-weight: bold;
	width: 100%;
	padding: 10px;
	background: radial-gradient(ellipse at top,rgba(109, 109, 109, 0.43),rgba(45, 45, 45, 0.65) 80%,#292928);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.movieB i{
	font-size: 19px;
	margin-left: 10px;
	margin-top: 5px;
}
.movieB:hover .qu_lop_li {
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.movieB .qu_lop_li{
	position: absolute;
	z-index: 10;
	bottom: 195px;
	height: 47px;
	left: -100%;
	color: white;
	font-weight: bold;
	width: 100%;
	padding: 10px;
	background: radial-gradient(ellipse at top,rgba(109, 109, 109, 0.43),rgba(45, 45, 45, 0.65) 80%,#292928);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.movieB:hover .time_fi {
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.movieB .time_fi{
	position: absolute;
	z-index: 10;
	bottom: 242px;
	height: 47px;
	right: -100%;
	color: #F9F9F9;
	font-weight: bold;
	width: 100%;
	padding: 10px;
	background: radial-gradient(ellipse at top,rgba(109, 109, 109, 0.43),rgba(45, 45, 45, 0.65) 80%,#292928);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.movieB:hover .data_lik{
	top: 8px;
}
.movieB .data_lik{
	position: absolute;
	z-index: 10;
	top: -40px;
	right: 2.5%;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	width: 38%;
	padding: 0px 10px;
	background-color: #4e69a2;
	border-color: #435a8b #3c5488 #334c83;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.movieB:hover .data_dislik{
	top: 8px;
}
.movieB .data_dislik{
	position: absolute;
	z-index: 10;
	top: -40px;
	left: 2.5%;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	font-size: 14px;
	width: 38%;
	padding: 0px 10px;
	background: radial-gradient(ellipse at top,#DD3335,#720101 89%,#8F0707);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.st-pusher {}
.aspexifblikebox {
    z-index: 99999999999 !important;
}
.social li:hover{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.41);
}
.social{position:absolute;top: 14px;list-style: none;left: 7px;}.social li *{color:white}.social li{
    width: 35px;
    height: 40px;
    transition: .3s all ease;
    text-align: center;
    background: #1a8da9;
    display: inline-block;
    line-height: 44px;
    border-radius: 4px;
}.social li.facebook:hover{background:#3C5A98}.social li.twitter:hover{background:#20B8FF}.social li.youtube:hover{background:#CF3427}.social li.google:hover{background:#EA4D46}

p.notFounded {
    color: rgb(165, 165, 165);
    font-size: 19px;
    font-weight: bold;
}

.fullPop.active {
    display: table;
}
.fullPop {
    position: fixed;
    top: 0;
    display: none;
    text-align: center;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.72);
}

.vMiddle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
a.showTrailer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(rgb(234, 193, 45), rgb(193, 147, 21), rgb(195, 115, 14));
    color: rgb(8, 8, 8);
    font-weight: bold;
    box-shadow: 0px -3px 5px rgba(0,0,0,0.59);
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}

.teamsWorks {
    text-align: center;
    margin-bottom: 10px;
}
.teamsWorks > a {
    display: inline-block;
    width: 130px;
    height: 150px;
    margin-left: 8px;
    overflow: hidden;
    position: relative;
    background: #555;
    border: 2px solid #3c3c3c;
}
.teamsWorks > a > img {
    width: 100%;
    min-height: 100%;
}
.teamsWorks > a > span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    padding: 7px;
}

.slider.SliderArcWhive .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active {
    opacity: .5;
    margin-right: -20px;
    transform: scale(.7);
    margin-left: 30px;
}
.slider.SliderArcWhive .owl-item.active {
    overflow:inherit;
}
.slider.SliderArcWhive .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active > .movieB {
    transform: scale(1);
    opacity: 1;
    margin-left: 0;
}
.slider.SliderArcWhive .movieB {
    opacity: .5;
    transform: scale(.7);
    transition: .3s all ease;
    width: 120%;
    margin-left: -20px;
}
.innerHeader {
    height: 354px;
    position: relative;
    z-index: 10;
    overflow: hidden;
}
a.slider-prev {
    position: absolute;
    top: 50%;
    height: 60px;
    line-height: 28px;
    width: 50px;
    margin-top: -30px;
    text-align: center;
    font-size: 40px;
    opacity: 1;
    right: 0;
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    color: #FFFFFF;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.93);
    padding-top: 9px;
}
a.slider-next {
    position: absolute;
    opacity: 1;
    top: 50%;
    height: 60px;
    width: 50px;
    line-height: 28px;
    margin-top: -30px;
    text-align: center;
    font-size: 40px;
    left: 0;
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    color: #FFFFFF;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.87);
    padding-top: 9px;
}
.sliderHeader .owl-item > li {
    text-align: center;
    padding: 65px 0px;
    margin: 0 auto;
    list-style: none;
}
.sliderHeader .owl-item a:nth-child(5n+0) {
    margin-left: 0;
    margin-top: -20px;
}
.sliderHeader .owl-item a img {
    width: 100%;
    height: 100%;
}
.sliderHeader .owl-item a:nth-child(2) {
    margin-top: -50px;
}
.sliderHeader .owl-item a:nth-child(4) {
    margin-top: -50px;
}
.sliderHeader .owl-item a:nth-child(3) {
    margin-top: -20px;
}
.sliderHeader .owl-item a:nth-child(6) {margin-top: 10px;transform: translate(0px, 460px);transition: .8s .1s all ease;}
.sliderHeader .owl-item a:nth-child(7) {margin-top: -20px;transform: translate(0px, 460px);transition: .8s .3s all ease;}
.sliderHeader .owl-item a:nth-child(8) {margin-top: 10px;transform: translate(0px, 460px);transition: .8s .4s all ease;}
.sliderHeader .owl-item a:nth-child(9) {margin-top: -20px;transform: translate(0px, 460px);transition:.8s .8s all ease;}
.sliderHeader .owl-item a:nth-child(10) {margin-top: 10px;transform: translate(0px, 460px);transition: .8s .6s all ease;}
.sliderHeader .owl-item.active a {
    transform: translate(0);
}
.sliderHeader .owl-item a:nth-child(1) {
    transition:.8s all ease;
    margin-top: -20px;
}
.sliderHeader .owl-item a:nth-child(2) {
    transition: .8s .2s all ease;
}
.sliderHeader .owl-item a:nth-child(3) {
    transition: .8s .3s all ease;
}
.sliderHeader .owl-item a:nth-child(4) {
    transition: .8s .4s all ease;
}
.sliderHeader .owl-item a:nth-child(5) {
    transition: .8s .5s all ease;
}
.sliderHeader .owl-item a .title {
    transition: all ease .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    color: white;
    display: none;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}
.sliderHeader .owl-item a {
    display: inline-block;
    width: 19.2%;
    transform: translate(0px, -460px);
    border: 3px solid #fff;
    height: 290px;
    overflow: hidden;
    float: right;
    margin-left: 1%;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.58);
    transition: .3s all ease;
}
.backgroundMaster {
    height: 500px;
    overflow: hidden;
    position: relative;
}
.backgroundsList {
    height: 100%;
}
.imageSC {
    -webkit-transition: -webkit-transform 6s linear , opacity .5s linear;
    -moz-transition: -moz-transform 6s linear , opacity .5s linear;
    -o-transition: -o-transform 6s linear , opacity .5s linear;
    transition: transform 6s linear , opacity .5s linear;
    background-position: top;
    background-size: 100%;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transform-origin: top;
    height: 100%;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.backgroundsList > div.active .imageSC {
    opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.backgroundsList > div.active {
    opacity:1;
}
.backgroundsList > div {
    transition: all .5s linear;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

[data-scroll] {
    cursor: pointer;
}
.backgroundBottom > div {
    display: inline-block;
    padding: 0px 24px 18px;
}
.backgroundBottom > div > h2 {
    font-size: 17px;
}
.backgroundBottom > div > i {
    display: block;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 11px;
}
.backgroundBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,rgba(0,0,0,.7)0,rgba(0,0,0,0)100%);
    color: white;
}

.overlay > h2 {
    color: #C9363C;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 10;
    text-shadow: 2px 2px 0 #8C1A1F;
    font-size: 60px;
    top: 50%;
    height: 100px;
    line-height: 94px;
    margin-top: -37px;
}
.backgroundsList > div:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    content:'';
}
.storyContent > .contentBox a {
    position: absolute;
    top: 100%;
    z-index: 9999;
    left: 12px;
    width: 160px;
    height: 40px;
    background: #bf1f4c;
    text-align: center;
    margin-top: -22.5px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 41px;
    border-radius: 20px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.storyContent > .contentBox {
    background: linear-gradient(rgb(43, 43, 43), rgb(49, 49, 49), rgb(37, 37, 37));
    padding: 17px 17px 30px;
    border: 4px solid #464646;
    border-radius: 7px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.62);
    position: relative;
    z-index: 100;
}
.storyContent > h2 {
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.65);
    padding: 7px 22px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.58);
}
.storyContent a {
    float: left;
    background: linear-gradient(rgb(241, 202, 64), rgb(234, 182, 37), rgb(226, 140, 32));
    color: rgb(35, 35, 35);
    font-weight: bold;
    padding: 9px 20px;
    font-size: 21px;
    border-radius: 4px;
}
.storyContent {
    color: white;
    position: absolute;
    width: calc(100% - 80px);
    right: 60px;
    z-index: 10;
    bottom: 17px;
}

.lineShape {
    height: 10px;
    background: rgb(39, 39, 39);
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.62);
}

div#st-container.loaded {
    perspective: 1000px;
}

.postTags > .inner > a {
    display: inline-block;
    background: rgb(29, 149, 178);
    margin-left: 4px;
    padding: 4px 9px;
    border-radius: 3px;
    font-weight: bold;
    color: white;
}
.postTags > .inner {
    display:none;
    width: 100% !important;
}
.postTags > h2 {
    background: #2f2f2f;
    height: 40px;
    font-size: 18px;
    padding: 7px 11px;
    margin-bottom: 5px;
    cursor: pointer;
}
#st-container.loaded .postTags {
    transform:scale(1);
}
.postTags {
    position: absolute;
    top: 176px;
    right: 255px;
    width: 670px;
    transition: .8s all ease;
    color: white;
    transform: scale(0);
}
@media only screen and (max-width : 1024px) {
    .owl-carousel .owl-item > li .block {
    width: 226px;
    height: 270px;
}
    form#s input:first-child {
    width: 160px !important;
}
    .CoverIntroMovie .container {
    margin-left: -500px;
    width: 1000px;
}
    .CoverIntroMovie .container > .posterImage {
}
    .w1200Single {
    width: 100%;
}
    * {
        max-width:100%;
    }
    .men {
        min-width:auto;
        display: inline-block;
        width: 100%;
    }
}

.headerTop {
    padding: 1px;
    position: relative;
    height: 338px;
    z-index: 9999999;
}
.demo{position:absolute;left:-69%;width:320%;top:-90%;z-index:-1;height:290%;-webkit-perspective:1000px;perspective:1000px;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:rotateReverse 50s infinite linear;animation:rotateReverse 50s infinite linear;}.demo__content{position:relative;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center center;-webkit-animation:rotate 50s infinite linear;animation:rotate 50s infinite linear;-webkit-transform:rotateX(10deg) translate(0px);transform:rotateX(10deg);background:url(./img/patbg.gif);}.demo__content:before{content:"";z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 5rem 10rem rgba(0,0,0,0.4);}.demo__img{overflow:hidden;position:absolute;left:0;top:3.15rem;width:41.6rem;height:53.7rem;-webkit-transform:translateZ(0rem) scale(0.95);transform:translateZ(0rem) scale(0.95);}.demo__img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;}@-webkit-keyframes rotate{49.72222% {
    -webkit-transform: rotateX(10deg) translate(300px) rotateZ(179deg);
            transform: rotateX(10deg) translate(300px) rotateZ(179deg);
  }
  50% {
    -webkit-transform: rotateX(10deg) translate(300px) rotateZ(180deg);
            transform: rotateX(10deg) translate(300px) rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateX(10deg) translate(300px) rotateZ(360deg);
            transform: rotateX(10deg) translate(0px) rotateZ(360deg);
  }
}
@-webkit-keyframes rotateReverse {
  49.72222% {
    -webkit-transform: translate(200px, 200px) rotateZ(-179deg);
            transform: translate(200px, 200px) rotateZ(-179deg);
  }
  50% {
    -webkit-transform: translate(200px, 200px) rotateZ(-180deg);
            transform: translate(200px, 200px) rotateZ(-180deg);
  }
  100% {
    -webkit-transform: translate(0px) rotateZ(-360deg);
            transform: translate(0px) rotateZ(-360deg);
  }
}
@-webkit-keyframes shiny {
  25% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(60rem);
            transform: translateY(60rem);
  }
  50.1% {
    -webkit-transform: translate(75%, 60rem);
            transform: translate(75%, 60rem);
  }
  75% {
    -webkit-transform: translate(75%, -100%);
            transform: translate(75%, -100%);
  }
}

.fixedDemo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    z-index: -1;
    background: #171717;
}
.blockItem {
    width: 229px;
    height: 300px;
    display: inline-block;
    margin: 1px 3px;
    direction: rtl;
    text-align: center;
}
.blockItem > a {}
.blockItem > a img {
    height: auto;
    width: 100%;
    min-height: 100%;
}
.blockItem > a .title {}

/* simple */
.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-ms-transform: perspective(1000px);-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}

/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
*/


/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {transform: rotateX(0deg);background: black;}

.flip-container:hover .front, .flip-container.hover .front {}

/* END: Accommodating for IE */

.flip-container, .front, .back {width: 100%;height: 300px;}

.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;

-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;

transition: 0.6s;
transform-style: preserve-3d;

position: relative;
}

.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-webkit-transform: rotateX(0deg);-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-moz-transform: rotateX(0deg);-o-transition: 0.6s;-o-transform-style: preserve-3d;-o-transform: rotateX(0deg);-ms-transition: 0.6s;-ms-transform-style: preserve-3d;-ms-transform: rotateX(0deg);transition: 0.6s;transform-style: preserve-3d;transform: rotateX(0deg);position: absolute;top: 0;left: 0;border: 2px solid #fff;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.31);}
.front img {
height: auto;
min-height: 100%;
width: 100%;
}
.front {-webkit-transform: rotateX(0deg);-ms-transform: rotateX(0deg);z-index: -1;overflow: hidden;}
.back > div:first-child {position:absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-size: cover;opacity: .15;}
.back {overflow: hidden;padding-top: 8px;z-index: 9999999;}

.front .name {
font-size: 2em;
display: inline-block;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
border-radius: 5px;
bottom: 60px;
left: 25%;
position: absolute;
text-shadow: 0.1em 0.1em 0.05em #333;
display: none;

-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}

.back-logo {
position: absolute;
top: 40px;
left: 90px;
width: 160px;
height: 117px;
background: url(logo.png) 0 0 no-repeat;
}

.back-title {
font-weight: bold;
color: #00304a;
position: absolute;
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-family: Courier;
font-size: 22px;
}

.back p {position: absolute;top: 133px;left: 0;transition: .4s .5s all ease;right: 0;text-align: center;padding: 0 10px;font-size: 15px;opacity: 0;color: white;}

/* vertical */
.vertical.flip-container {
position: relative;
}

.vertical .back {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
-webkit-transform-origin: 100% 213.5px;
-moz-transform-origin: 100% 213.5px;
-ms-transform-origin: 100% 213.5px;
transform-origin: 100% 213.5px;
}

/*
.vertical.flip-container:hover .flipper {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
*/

/* START: Accommodating for IE */
.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}

.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/* END: Accommodating for IE */

.blockItem:hover h2.titleBack {
    transform: translate(0);
}
.blockItem:hover p {
    opacity: 1;
}
.blockItem:hover .Labels1 {
    transform: translate(0);
    transition: .3s .5s all ease;
}
.blockItem:hover .Labels2 {
    transform: translate(0);
    transition: .3s .4s all ease;
}
.blockItem:hover .Labels3 {
    transform: translate(0);
    transition: .3s .3s all ease;
}
h2.titleBack {
    transition: .3s .3s all ease;
    padding: 9px;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    transform:translate(0px, 100%);
    color: white;
    width: 100%;
}

[class*="Labels"] span {
    font-weight: bold;
    display: inline-block;
    color: rgb(255, 255, 255);
    margin-left: 3px;
}
div[class*="Labels"] {
    background: linear-gradient(#ca1111,#c61111,#a70b0b);
    margin: 0px 8px;
    transition: .3s .3s all ease;
    border-radius: 4px;
    margin-bottom: 4px;
    height: 35px;
    font-weight: bold;
    font-size: 14px;
    color: rgb(255, 191, 50);
    transform: translate(0px, -130px);
    line-height: 34px;
}

.centerAdsBetween {
    display: inline-block;
    margin: 0 auto 0;
    width: 100%;
}

.rightAds {
    width: 160px;
    height: 600px;
    background: rgb(21, 73, 164);
    float: right;
    margin-left: 10px;
}

.leftAds {
    width: 160px;
    height: 600px;
    background: rgb(21, 73, 164);
    float: left;
    margin-right: 10px;
}
.innerHeader {
    height: 470px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
}
.halfColumns {}
.halfColumns .sidebar {
    width: 320px;
    float: left;
    min-height: 600px;
    background: #353535;
}
.halfColumns .content-site {
    width: calc(100% - 320px);
}
.sliderHeader .owl-item > li {
    text-align: center;
    padding: 85px 65px;
}
.sliderHeader .owl-item a:last-child {
    margin-left: 0;
}
.sliderHeader .owl-item a img {
    width: 100%;
    height: 100%;
}
.sliderHeader .owl-item a:nth-child(2) {
    margin-top: -20px;
}
.sliderHeader .owl-item a:nth-child(4) {
    margin-top: -20px;
}
.sliderHeader .owl-item a:nth-child(3) {
    margin-top: -50px;
}
.sliderHeader .owl-item.active a {
    transform: translate(0);
}
.sliderHeader .owl-item a:nth-child(1) {
    transition:.8s all ease;
}
.sliderHeader .owl-item a:nth-child(2) {
    transition:.8s .1s all ease;
}
.sliderHeader .owl-item a:nth-child(3) {
    transition:.8s .2s all ease;
}
.sliderHeader .owl-item a:nth-child(4) {
    transition:.8s .3s all ease;
}
.sliderHeader .owl-item a:nth-child(5) {
    transition:.8s .4s all ease;
}
.sliderHeader .owl-item a {
    display: inline-block;
    width: 19.2%;
    transform: translate(0px, 460px);
    height: 340px;
    overflow: hidden;
    float: right;
    margin-left: 1%;
    border: 4px solid #efefef;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.58);
    transition: .3s all ease;
}

.sliderHeader.owl-carousel.owl-theme.owl-loaded {
    overflow: initial;
}

a.watchButton {
    position: absolute;
    top: 173px;
    left: 0;
    width: 247px;
    height: 45px;
    text-align: center;
    background: #ad1616;
    border-radius: 4px;
    color: white;
    font-size: 19px;
    line-height: 45px;
    font-weight: bold;
}