/* 
Theme Name: YourColor osn4sub
Theme URL: http://www.yourcolor.net
Author: YourColor
Author URI: http://www.yourcolor.net
Version: 1.0
Tags: Responsive , Schema , Speed , Seo , Design
*/
@import url('https://fonts.googleapis.com/css?family=Nunito:800|Poppins:700');
@font-face{font-family:'Fredoka One';font-style:normal;font-weight:400;src:local('Fredoka One'),local('FredokaOne-Regular'),url(https://fonts.gstatic.com/s/fredokaone/v4/SL0aFUFfkFMMdariYQ3_YY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;}@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('./Inc/fonts/ge-ss-two-light-bf41009b.eot');src:url('./Inc/fonts/ge-ss-two-light-bf41009b.eot?#iefix') format('embedded-opentype'),url('./Inc/fonts/ge-ss-two-light-6e19ed92.woff') format('woff'),url('./Inc/fonts/ge-ss-two-light-46251cb6.ttf') format('truetype'),url('./Inc/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('./Inc/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('./Inc/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('./Inc/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('./Inc/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('./Inc/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('./Inc/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'Font';src:url('./Inc/fonts/ge-ss-two-medium-52884ce4.eot');src:url('./Inc/fonts/ge-ss-two-medium-52884ce4.eot?#iefix') format('embedded-opentype'),url('./Inc/fonts/ge-ss-two-medium-31ffbc7b.woff') format('woff'),url('./Inc/fonts/ge-ss-two-medium-a29dc375.ttf') format('truetype'),url('./Inc/fonts/ge-ss-two-medium-47105cb2.svg#ge_ss_twomedium') format('svg');font-weight:700;font-style:normal;}body,html{background: #492a6f;background-size:100% 100%;background-attachment:fixed;color:black;font-family:Font,Arial;min-width:1200px;position:relative;z-index:1;direction:  ltr;}*{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(68, 66, 66);}::-webkit-scrollbar-thumb{background-color: #ffffff;}.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{0%{background-color:#999;}100%{background-color:#fff;}}@keyframes scroll{0%{top:0;}100%{top:-400px;}}@-webkit-keyframes scroll{0%{top:0;}100%{top:-400px;}}.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;
    }
}
center {
    margin-top:10px;
    margin-bottom:10px;
}
body:before {
    content:'';
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:100%;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    opacity: .05;
}
.backBody {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background-size:  100% 100%;
    right:0;
    background-attachment:  fixed;
    opacity: .1;
    z-index: -1;
    background-position:  center;
    filter: blur(15px);
    background-repeat: no-repeat;
}
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 {
    width: 100%;
    -ms-touch-action: pan-y;
    direction: ltr;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    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 .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);
}

.slider li a.box1 {
    right: 0;
}
.slider li a.box2 {
    right: 240px;
}
.slider li a.box3 {
    right: 480px;
}
.slider li a.box4 {
    right: 720px;
}
.slider li a.box5 {
    right: 960px;
}
.slider li a.box6 {
    right: 0;
    top: 298px;
}
.slider li a.box7 {
    right: 240px;
    top: 298px;
}
.slider li a.box8 {
    right: 480px;
    top: 298px;
}
.slider li a.box9 {
    right: 720px;
    top: 298px;
}
.slider li a.box10 {
    right: 960px;
    top: 297px;
}
.slider li a:hover .title {
    transform: translate3d(0, 0, 0);
}
.slider li a .title > span {display: inline-block;border: 1px solid #ddd;padding: 0px 9px;border-radius: 23px;font-size: 14px;}
.slider li a .title > p {
    font-size: 14px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.68);
    border-top: 2px solid rgba(255, 255, 255, 0.18);
    padding-top: 5px;
    margin-top: 5px;
}
.slider li a .title {
    transition: all ease .3s;
    position: absolute;
    bottom: 0;
    transform: translate(0, 100%);
    transform-origin: top left;
    left: 0;
    font-size: 18px;
    direction: rtl;
    width: 100%;
    padding: 8px 8px 6px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.65);
    color: #FDFDFD;
    font-weight: bold;
    text-align: center;
}
.slider li a img {
    width: 100%;
    height: 100%;
}
.slider li a {
    position: relative;
    border: 3px solid #3A4150;
    height: 100%;
    overflow: hidden;
    display: block;
}
.slider li .container {
    height: 500px;
    position: relative;
}
.slider {
    direction: ltr;
    position: relative;
    overflow: hidden;
}
header {background: linear-gradient(#54327d, #412563);height: 60px;position: fixed;top: 0;right: 0;width:  100%;z-index: 99999999999999999999999;transition: .3s all ease;}
.backTop {
    height: 31px;
    background: linear-gradient(#3F51B5,#253286);
    position: relative;
}
.backTop .before {
      position:absolute;
      width:100%;
      height: 25px;
      left:0;
      background:url(./Inc/img/has.png);
      background-repeat:  repeat-x;
      opacity: .1;
      background-position: 0 5px;
    }
img {
    max-width: 100%;
}


.mainBack {
    height: 320px;
    overflow:hidden;
    position:  relative;
    text-align:  center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: linear-gradient(#8c2463, #711954, #4a1456, #361958);
}
.mainLogo {
    position:absolute;
    width:600px;
    left:calc(50% - 300px);
    text-align:center;
    z-index: 9999;
    transition: .5s ease;
    transform: translateY(-500px);
}

.mainLogo h1 {
    font-size: 95px;
    font-family:'Fredoka One', cursive;
    text-shadow: 0 3px 5px #0b0b0b;
    color:#fff;
    text-transform: uppercase;
}
.cusomSlider {
    position:absolute;
    bottom: 37px;
    height:40px;
    overflow:hidden;
    z-index: 999;
    list-style:none;
    transition: .5s ease;
    transform: translateY(500px);
}
.mainLogo.active,
.cusomSlider.active {
    transform:translate(0)
}
.cusomSlider div {
    position:relative
}
.cusomSlider li {
    height:40px;
    font-weight:bold;
    color:#fff;
    line-height:40px;
    font-size: 17px;
    text-transform:  uppercase;
}
.cusomSlider li span {
    color: #fff;
    font-family: 'Fredoka One', cursive;
    text-shadow: 0 1px 5px #000;
}
.mainBack:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(./Inc/img/topS.png) no-repeat ;
    background-size:100%;
    top: 0;
    right: 0;
    z-index: 5;
}
.mainBack:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
        background: url(./Inc/img/bottom1.png) no-repeat ;
    background-size:100%;background-repeat-y: no-repeat;
    bottom: -158px;
    right: 0;
    z-index: 5;
}
.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 rgba(255, 255, 255, 0.18);
}
.MainMenu > ul > li > ul {
    position: absolute;
    width: 180px;
    list-style: none;
    transition: .1s all ease;
    background: linear-gradient(#2a0a50, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    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 rgba(105, 103, 103, 0.31);
}
.MainMenu > ul > li > a {
    font-size: 18px;
    color: #FFFFFF;
    display: block;
    padding: 20px 17px;
} .MainMenu {
    float: right;
    width: calc(100% - 310px);
    margin-top: 0;
    height: 65px;
    margin-right: 10px;
}
.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 {
    padding-left: 0;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
    width: 1200px;
}
.CoverIntroMovie .container > img {
    margin-left: 30px;
    border: 3px solid rgba(255, 255, 255, 0.25);
    width: 240px;
    z-index: 100;
    height: 306px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.61);
    position: relative;
    top: 30px;
    border-radius: 3px;
}
.bottom-slider .owl-pagination {
    display: none;
}
.bottom-slider .owl-prev {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-size: 80px;
    color: #39404F;
    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: #39404F;
    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(25, 29, 36, 0.8);
    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: #2B2B2B;
    position: relative;
}
.bottom-slider {
    background: #FFFFFF;
    padding: 5px 0px 0;
    position: relative;
    box-shadow: 0 5px 6px rgba(46, 45, 45, 0.49);
    height: 120px;
    z-index: 10;
    clear: both;
    display: none;
    margin: 15px 0;
}
.bottom-slider .genres {
    margin: 0 auto;
    width: calc(100% - 120px);
}
.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: 270px;
    margin-bottom: 8px;
    height: 360px;
}
.columns .moviesBlocks .movie:nth-child(5n+0) {
    margin-left: 0;
}
.moviesBlocks > .movie {
    margin-bottom: 12px;
    margin-left: 4px;
    width: 225px;
    border: 2px solid #3A4150;
    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: 15px auto;
    transition: .3s all ease;
    text-align: center;
}
.moviesBlocks > div .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background: url(./Inc/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: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    margin-top: -30px;
    z-index: 10;
    box-shadow: 0px 1px 7px #000;
    line-height: 64px;
    text-align: center;
    color: #fff;
    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: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    margin-top: -30px;
    z-index: 10;
    line-height: 64px;
    text-align: center;
    color: #fff;
    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;
}
.loading {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 0.5em;
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    border: 5px solid transparent;
    border-top-color: #C12121;
    border-bottom-color: #C12121;
    border-radius: 50% 0;
    box-shadow: 0 0 0.25em #C12121 inset;
}
/* 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: 3px;
    font-size: 17px;
    width: 180px;
    color: #ffffff;
    right: 50px;
    background: #bf0909;
    text-align: center;
    line-height: 43px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.7);
}
a.viewMovie i {display: block;text-align: center;font-size: 31px;padding-top: 8px;color: #FFE37C;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.63);padding-left: 8px;}
@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: 55px;
    font-size: 25px;
    height: 55px;
    border: 4px solid #bf0909;
    border-radius: 8px;
    line-height: 61px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-left: -433px;
    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: #41A7D6;
    font-size: 21px;
    color: #171A21;
    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: #41A7D6;
}
.comments {
    height: 380px;
    width: 100% !important;
    position: relative;
    padding-left: 510px;
    background: rgba(23, 26, 33, 0.92);
    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: left;
}
.footer .alignleft a {
    color: #ffde33;
    font-family: 'Reem Kufi', sans-serif;
}
.footer .alignleft {
    float: right;
}
.footer a {
    color: #ffffff;
}
.footer {
    font-size: 15px;
    font-weight: bold;
    position:  relative;
    color: #FFFFFF;
    background: linear-gradient(#3f2461, #3f2461);
    padding: 14px 20px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.28);
    z-index: 9;
}
.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 {} .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: #C12121;
    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: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    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: #171A21;
}
.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-top: 0;
    padding-top: 12px;
}
.columns .column:nth-child(2):after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: calc(100% + 10px);
    height: 100%;
    background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    z-index: -1;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
}
.columns .column .moviesBlocks {
    padding:0;
}
.columns .column {
    text-align: center;
    padding-top: 12px;
    padding-left: 10px;
    border-left: 2px solid rgba(35, 34, 34, 0.37);
    position: relative;
    padding-bottom: 10px;
}
.columns {
}
.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: white;
} .pagination li.active {
    background: #292f3b;
}
.pagination li a {
    font-size: 18px;
    color: #643f92;
    display: block;
    line-height: 100%;
}
.pagination li > span.page-numbers.current {
    top: 0;
    left: 0;
    background: linear-gradient(#ad357d, #8c2463);
    line-height: 33px;
    height: 43px;
    display: block;
    color: white;
    margin: -12px -15px;
    padding: 5px 15px 0px;
    border-radius: 5px;
}
.pagination li {
    display: inline-block;
    padding: 12px 14px 3px;
    background: #ffffff;
    box-shadow: 0px 2px 5px #00000091;
    margin-right: 2px;
    direction: ltr;
    color: #452768;
    margin-left: 2px;
    height: 43px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
.pagination {
    clear: both;
    text-align: center;
    padding: 5px;
    margin-bottom: 20px;
}
.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:not(li) {
    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: -100px;left: 0;}
.score .stars .abc-c>span {
    display: inline-block;
    height: 100%;
    background: url(img/star-rating-sprite_dark.png) 0 -13px;
}
.score .stars .views {
    color: white;
    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: #f5ca59;
    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: #195ad0;
    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: 228px;
}
.columns.catsS:not(.genresS):not(.yearsS) .column {
    width: 100%;
    padding: 10px;
    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;
}
body {} .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: 33px;
    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(.http://www.series4watch.net/wp-content/themes/New/index.html#cp_up);
}

.link--urpi::after {
    -webkit-clip-path: url(#cp_down); 
    clip-path: url(.http://www.series4watch.net/wp-content/themes/New/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: #ffec88;
}

.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: #cca6fb;
}
.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.48);
    float: right;
    margin-top: 0;
    margin-left: 0;
}

.topBarHeader {
    background: #1b1b1b;
    padding: 0 13px;
    height: 42px;
    text-align: right;
    border-top: 2px solid #232833;
    box-shadow: 0px -1px 13px rgb(21, 25, 35);
}

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

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

.section > .title > ul > li.active i {
    font-size: 28px;
    transform: translate(0, 0px);
    text-shadow: 2px 2px 0 rgba(40, 43, 51, 0.18);
}
.section > .title > ul > li.active {
    background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    color: #FFFFFF;
    padding-top: 38px;
    font-size: 18px;
}
.section > .title > ul > li i {
    display: block;
    font-size: 25px;
    transition: .3s all ease;
    margin-bottom: 2px;
    position: absolute;
    width: 100%;
    top: 10px;
}
.section > .title > ul > li {
    list-style: none;
    display: inline-block;
    width: 120px;
    height: 70px;
    overflow: hidden;
    transition: .3s all ease;
    cursor: pointer;
    cursor: pointer;
    font-weight: bold;
    border-left: 1px solid rgba(255, 255, 255, 0.29);
    color: white;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    padding-top: 39px;
    float: right;
    text-align: center;
    background: linear-gradient(#2F3544, #171A21);
    transform: skew(-0deg);
    background-image: linear-gradient(rgba(38, 43, 54, 0), #191D24)
    font-size: 15px;
}
.section > .title > ul {
    float: left;
    margin-left: 7px;
}
.section > .title.fixed > ul > li {
    padding-top: 39px;
    height: 74px;
    font-size: 15px;
}
.section > .title.fixed > ul > li.active > i {
    top: 7px;
}
.section > .title.fixed > ul > li > i {
    font-size: 25px;
    top: 10px;
}
.section > .title.fixed {
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    height: 69px;
}
.section > .title {
    margin: 0px 0 13px 0;
    background: linear-gradient(#242934, #1A1E25);
    border-top: 1px solid #3F444F;
    border-bottom: 3px solid #2D2E2F;
    position: absolute;
    width: 100%;
    float: left;
    transition: .3s all ease;
    top: 0;
    left: 0;
    z-index: 1000;
}

.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 rgba(255, 255, 255, 0.11);
}
.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 {
  text-align: center;
  display: block;
  vertical-align: top;
  transform: scale(2);
  margin-top: 80px;
}
/*
  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: #583484;
    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: 91px;
    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;
    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: 40px;
    height: 40px;
    margin-top: 0;
    cursor: pointer;
    display: block;
    position: relative;
    float: left;
    background: linear-gradient(#ffffff,#dedede);
    text-align: center;
    line-height: 40px;
    color: #422a70;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.34);
}
.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 {margin-top:  9px;display:  block;float: right;margin-right: 20px;}
.backdrop-wrap::after {
    display: block;
    background-image: url(./Inc/img/backdrop_fade.png);
    background-position: center bottom;
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
}
.backdrop-wrap {
    width: 100%;
    background: #162026;
    transition: height .3s;
}
.backdrop, .backdrop-wrap {
    height: auto;
    min-height: 300px;
    position: relative;
}
.backdrop {
    max-width: 1300px;
    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: 1000;
}

.titleCover > h1 {
    font-family: Font , tahoma;
    font-size: 32px;
    color: #ECECEC;
    margin-bottom: 0px;
    font-weight: 600;
}
.titleCover {
    position: absolute;
    top: 30px;
    right: 0px;
    width: 100%;
    padding-right: 255px;
    font-family: Font , tahoma;
    color: white;
    padding-bottom: 24px;
    font-size: 19px;
}

.titleCover span.quality a {
    color: #f5f5f5;
}
.titleCover em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9eb2bb;
    margin: 0px 11px;
}
.titleCover span.category a {
    color: #FFE37C;
    font-weight: bold;
    font-size: 17px;
}
.titleCover span.genre a {
    color: #ffe37c;
    font-weight: bold;
    position: relative;
    font-family: Font , Tahoma;
    top: 4px;
    font-size: 22px;
}
.titleCover span.runtime {
    direction: ltr;
    text-transform: capitalize;
    font-weight: bold;
    position: relative;
    top: 3px;
}
.titleCover span.category {}
.titleCover span.quality {
    border-radius: 6px;
    background: rgb(175, 5, 5);
    padding: 3px 9px 1px 6px;
    font-style: normal;
    text-align: center;
}

ul.tabs > div > li.active{
    background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    color: white;
    text-shadow: 0px 1px 9px rgba(0, 0, 0, 0.52);
}
ul.tabs > div > li:not(.active):hover {
    color: #ffffff;
    background: #171a21;
}
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(65, 65, 65, 0.32);
    color: white;
    float: right;
}
ul.tabs > div > li > i{}
ul.tabs {
    position: relative;
    z-index: 10;
    text-align:  center;
    list-style:  none;
    margin-bottom: 14px;
}

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

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

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

.breadcrumbs span {
    display: inline-block;
    margin: 0px 3px;
    color: #ffca4e;
    font-size: 15px;
    text-transform: capitalize;
}
.breadcrumbs {
    font-family: Font , arial;
    color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    font-weight: bold;
    height: 47px;
    background: linear-gradient(#412563, #4d2d74);
    padding: 14px;
    position: relative;
    z-index: 80;
}
.breadcrumbs > .container {
    position:  relative;
}

.contentFilm {
    max-height: 183px;
    color: white;
    overflow: auto;
}

ul.listActorsss > li:nth-child(2n+1) {
    margin-left: 0;
}
ul.listActorsss > li {
    font-weight: bold;
    font-size: 13px;
    float: left;
    color: #ffffff9c;
    overflow:  hidden;
    width:  49.5%;
    margin-left: 1%;
}
ul.listActorsss > li > a {
    display: inline-block;
    padding: 3px 6px 2px;
    background: #ffffff0d;
    color: #FFFFFF;
    margin-right: 4px;
    line-height: 17px;
    border-radius: 3px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}
.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: 25px;
    font-size: 14px;
    border-radius: 7px;
    padding:  0px 6px;
    line-height: 24px;
    color: #60ffea;
    float: left;
    margin-left: 6px;
}
ul.listActorsss {
    list-style: none;
    display: inline-block;
    width: 100%;
    height: 103px;
    overflow: hidden;
    transition: .3s all ease;
}

.photosFilm {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 16px;
}
.photosFilm > img:hover {
    transform: scale(1.1) rotate(5deg);
    z-index: 1000;
}
.photosFilm > img {
    width: 285px;
    transition: .3s all ease;
    height: 177px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: 3px solid rgb(34, 38, 48);
    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 {width: 220px;padding: 11px;float: left;text-align:  center;height: 474px;overflow:  auto;background: linear-gradient(#452768, #353d7b);border-radius: 8px;box-shadow: 0 2px 5px 6px #00000021;}
.downloadTab {display:block;width:  100%;background:  transparent;box-shadow:  0 0;height:  initial;}
.downloadsList h2,.serversEmbed > ul > h2 {
    color: #fefdff;
    font-size: 17px;
    text-align:  center;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: 2px solid #ffffff;
    text-transform:  uppercase;
}
.downloadsList > li i {
    display: inline-block;
    text-align: center;
    font-size: 19px;
    color: #ffffff;
    position:  absolute;
    top: 0;
    float: left;
    width: 51px;
    height:  100%;
    padding-top: 16px;
    border-right: 1px solid #0000001c;
    left: 0;
}
.downloadsList > li:nth-child(5n+0) {
    margin-left: 0;
}
.downloadsList > li .name {font-weight: bold;font-size: 15px;line-height: 100%;float: left;padding-top: 11px;width: 100%;}
.downloadsList > li .quality {
    font-size: 12px;
    float: left;
    margin-top: 5px;
    font-weight:  bold;
}
.downloadsList > li .size {
    color: #FFED8F;
    font-weight: bold;
    font-size: 14px;
    margin-right:  5px;
    display:  inline-block;
    margin-top: 3px;
}

i.fa.fa-play.trailerButton {
    position: absolute;
    top: 160px;
    right: 94px;
    z-index: 1000;
    width: 50px;
    height: 50px;
    color: #162026;
    border-radius: 50%;
    cursor: pointer;
    background: #3FA2D0;
    text-align: center;
    line-height: 50px;
    font-size: 23px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.63);
}
.modalTrailer > video {
    width: 700px;
    height: 500px;
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -250px;
    margin-right: -350px;
}
.modalTrailerClose {
  width: 100%;
  height: 100%;
}
.modalTrailer {
    position: fixed;
    z-index: 10000;
    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: -10px -12px 12px;
    background: #563382;
    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: #121419;
    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: #D2BE98;
}
.tab > .episodes > .episodes > .episode {
    width: 91px;
    height: 80px;
    display: none;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    background: #1C2029;
    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;
}
 #report {
     color: #000;
     font-weight:  bold;
     padding: 6px;
     text-align:center;
     width: 130px;
     margin:5px auto;
     background: linear-gradient(#fcff46,#b78804);
     border-radius: 6px;
     cursor:pointer;
     position:  relative;
     z-index: 9999;
 }
 #reportForm {
     position:absolute;
     width:500px;
     padding: 11px;
     left:calc(50% - 250px);
     top:calc(50% - 250px);
     background:#000000d4;
     z-index:999999;
     border-radius: 10px;
     display:  none;
 }
 #reportForm.active {
     display:block
 }
  #reportForm  span {
       position:absolute;
       left:5px;
       top:5px;
       color:#fff;
       cursor:  pointer;
       font-weight:bold;
  }
  #reportForm  h3 {
      color:#fff;
      padding:10px;
      text-align:center
  }
   #reportForm input {
       background: transparent;
       height:  40px;
       margin-bottom:  2px;
       border: 0;
       border-bottom: 1px solid #dddddd3b;
       width: 100%;
       font-family:font
   }
   #reportForm textarea {
       background:  transparent;
       border:  0;
       border-bottom: 1px solid #dddddd3b;       width: 100%;
       height: 80px;
       font-family:font
   }
      #reportForm button {
          border:0;
          background:#cc1313;
          height:40px;
          width:100px;
          margin-top:10px;color:#fff;
          font-family:font
      }
.serversEmbed {width: 100%;margin: 0 auto 10px;border-radius: 7px;padding: 16px;position:  relative;}
.serversEmbed > .embedServer iframe {
    width: 100%;
    height: 429px;
}
.logoW  {
    width:200px;
    margin:10px auto
}
.logoW h1 span {
    font-family:'Righteous', cursive;
    color:#fff;
    display:inline-block;
    float:left;
    margin-left:2px
}
.logoW h1 span:nth-child(5) {
    color:#efc74c
}
.all-episodes {
        width: 100%;
        text-align:  center;
        border-radius: 7px;
        padding: 16px;
        position:  relative;
        z-index: 1;
}
.all-episodes:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url(https://d.top4top.net/p_948v56l11.png);
        background-repeat-y: no-repeat;
        top: -11px;
        right: 0;
        z-index: 4;
        transform: rotate(180deg);
}
.all-episodes:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url(./Inc/img/topS.png);
        background-repeat-y: no-repeat;
        bottom: -50px;
        right: 0;
        z-index: 5;
        transform: rotate(180deg);
}
.all-episodes h2 {
    width: 356px;
    margin: 14px auto;
    text-align:center;
    padding: 10px;
    color: #ffffff;
    border-radius: 5px;
    text-transform:  uppercase;
    position:  relative;
    z-index: 9999;
}
.all-episodes a {
    display:inline-block;
    padding: 10px 14px;
    background: #a22f74;
    margin-bottom: 3px;
    font-size:  13px;
    font-weight:  bold;
    border-radius: 3px;
    position:  relative;
    transition:.44s ease;
    z-index: 999999;
}
.all-episodes a.active,
.all-episodes a:hover {
     background: #c33b8d;
}
.serversEmbed > .embedServer {
    background-size: 100% 100%;
    padding: 19px 21px 53px;
    background-position: top center;
    position: relative;
    z-index: 10;
    height: 473px;
    background: linear-gradient(#452768, #353d7b);
    width: calc(100% - 460px);
    float: left;
    margin-right:  10px;
    margin-left: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 6px #0000001c;
}
.serversEmbed > ul > li.active {
    background: linear-gradient(#ad357d, #8c2463);
    color: #fff;
}
.serversEmbed > ul > li {
    padding: 6px 13px 6px 13px;
    font-size: 15px;
    font-weight: bold;
    color: #482a6d;
    margin-bottom: 4px;
    cursor:  pointer;
    background: linear-gradient(#e5e5e5, #d4d4d4);
}

.serversEmbed > ul {
    list-style: none;
    width: 220px;
    float: right;
    padding: 9px;
    height: 474px;
    overflow:  auto;
    background: linear-gradient(#452768, #353d7b);
    border-radius: 8px;
    box-shadow: 0 2px 5px 6px #00000021;
}

.episodesSeason {
    width: 1200px;
    margin: 15px auto 0px;
}
.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, 52, 70);
    border-radius: 4px;
    overflow: hidden;
    font-family: Impact;
    text-align: center;
    font-size: 29px;
}
.episodesSeason > div > a {}
.episodesSeason > div > a > span {
    display: block;
    font-family: Font;
    font-size: 16px;
    font-weight: bold;
    color: #65B9E0;
}

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;background: rgba(23, 26, 33, 0.68);border-top: 5px solid rgba(10, 10, 10, 0.29);border-bottom: 5px solid rgba(10, 10, 10, 0.29);margin-top: 25px;margin-bottom: 39px;z-index: 1;box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.5);clear: both;}
.SectionFullyCover > .cover {
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .3;
    position: fixed;
}

h2.titleCategory {
    text-align: center;
    padding: 20px;
    font-size: 30px;
    color: #FFEF99;
}



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

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

.episodesSection {}

.episodesSection > div:nth-child(15n+0) {
    margin-left: 0;
}
.episodesSection > div span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-family: Font;
    color: #D2BE98;
}
.episodesSection > div {
    width: 70.6px;
    height: 70px;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    background: rgba(214, 214, 214, 0.08);
    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 #1B1E25;
    position: relative;
    z-index: 10;
    text-align: center;
}
ul.tabsFooter > li.active:before {
    height: 100%;
    background: linear-gradient(#b448b7, #7e2088, #7e2088, #7e2088, #7e2088, #7e2088, #7e2088, #64126d);
    transform: scale(1);
}
ul.tabsFooter > li.active:after {}
ul.tabsFooter > li.active {}
ul.tabsFooter > li:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -2;background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);}
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(27, 30, 37);
    border-bottom: 0px;
    height: 100%;
    position: relative;
    margin-right: 2px;
    color: white;
    padding: 11px 17px;
}

.slider .owl-item {
    overflow: hidden;
    opacity: .4;
    transition:  .4s opacity ease;
}
.footerEndSection .tabsDataFooter {
    background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    margin-bottom: 20px;
    border-bottom: 5px solid #fff;
    padding: 9px 9px;
    height: 462px;
}

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

.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: #171A21;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.52);
    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: #7746b2 !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('./Inc/fonts/icomoon.eot?3d1mhj');
    src:url('./Inc/fonts/icomoon.eot?#iefix3d1mhj') format('embedded-opentype'),
        url('./Inc/fonts/icomoon.woff?3d1mhj') format('woff'),
        url('./Inc/fonts/icomoon.ttf?3d1mhj') format('truetype'),
        url('./Inc/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: 360px;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: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .2;
    z-index: -1;
}

.overlayBOBOB {
    position: fixed;
    top: 0;
    right: 250px;
    display: none;
    width: 100%;
    z-index: 9999999;
    height: 100%;
}

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 {
    height: 50px;
    padding: 12px 14px;
    border-color: rgba(255, 255, 255, 0.15);
}
.addthis_button_preferred_3,
.addthis_button_email {
    display:none
}
.socialSharer * {
    color:white;
}
.socialSharer span {
    margin-left:-1px
}
.socialSharer {text-align:  center;margin-top: 15px;position:  absolute;bottom: -8px;right: 20px;}

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

.StarLabels span {
    font-family: Arial;
    font-weight: bold;
    padding-left: 4px;
}
.StarLabels {
    position: absolute;
    top: 46px;
    transition: .4s .25s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
    right: 12px;
    font-size: 15px;
    background: #ffdd2f;
    color: #000000;
    padding: 7px 8px;
    font-family: Arial;
    border-radius: 2px;
    transform: translate(0px, 50px);
    opacity: 0;
}

.section > .title > ul > li i.fa.fa-imdb {
    display: block;
    font-family: Josefin Sans;
    font-weight: bold;
    font-size: 17px;
    width: 60px;
    height: 25px;
    background: #F5D949;
    border-radius: 4px;
    color: black;
    padding-top: 4px;
    margin: 0 auto;
    right: 50%;
    margin-right: -30px;
}

.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 20px;
    text-align: center;
    background: #3f255f;
    height: 50px;
    float: left;
    margin-left: 2px;
    line-height: 51px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 17px;
}

a.top-imdbButtonMore {
    display: block;
    width: 250px;
    height: 50px;
    margin-bottom: 30px;
    margin: 5px auto 25px;
    background: #475065;
    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 {
    float: left;
    height: 23px;
    overflow: hidden;
}

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;
}






/***************************************/
.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: #ffec7d;
    display: block;
    padding: 20px 17px;
}




li.menu-item:hover ul li a:hover {color: #daa8ff;}



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 */
}







@media print {
  ... CSS for print goes here
}


.rencersBanner.active .h {
        bottom: 10px
    }
    .rencersBanner.active .t {
        bottom: 5px
    }
    .rencersBanner.active .bg {
        transform: scale(1);
        opacity: 1
    }
    .rencersBanner.active .b {
        right: 10px
    }
    .rencersBanner.active .c {
        bottom: 18px
    }
    .rencersBanner.active .j {
        bottom: 0
    }
    .rencersBanner.active .s {
        right: 40px
    }
 
  
    .rencersBanner .b.active {
        bottom: 0
    }
 
    .rencersBanner .c.active {
        bottom: 0
    }
 
    .rencersBanner .j.active {
        left: 0
    }

    .rencersBanner .s.active {
        right: 0
    }


    .rencersBanner {
        position: relative;
        overflow: hidden;
        height: 308px!important;
        overflow: hidden;
        background: #202634;
        z-index: 1;
        border-bottom: 7px solid #161b25;
    }
    .l2,
    .l1,
    .l3 {
        width: 100%;
        height: 90%;
        opacity: .15;
        position: absolute;
        left: 0
    }
    .rencersBanner.active .l3 div,
    .rencersBanner.active .l2 div,
    .rencersBanner.active .l1 div {
        -webkit-animation: drop 2s forwards ease-out;
        animation: drop 2s forwards ease-out
    }
    .l3 div,
    .l2 div,
    .l1 div {
        border-radius: 0 0 15px 15px;
        width: 2.5%;
        min-height: 30px;
        float: left;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    @-webkit-keyframes drop {
        from {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%)
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes drop {
        from {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%)
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .l1 div {
        background: linear-gradient(to left, #390d8e, #4211a2, #35098a);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.24);
        border-bottom: 5px solid rgba(255, 255, 255, 0.02);
    }
    .l1 div:nth-child(1) {
        height: 27%;
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .l1 div:nth-child(2) {
        height: 65%;
        -webkit-animation-delay: .23s;
        animation-delay: .23s
    }
    .l1 div:nth-child(3) {
        height: 20%;
        -webkit-animation-delay: .49s;
        animation-delay: .49s
    }
    .l1 div:nth-child(4) {
        height: 4%;
        -webkit-animation-delay: .13s;
        animation-delay: .13s
    }
    .l1 div:nth-child(5) {
        height: 88%;
        -webkit-animation-delay: .08s;
        animation-delay: .08s
    }
    .l1 div:nth-child(6) {
        height: 84%;
        -webkit-animation-delay: .18s;
        animation-delay: .18s
    }
    .l1 div:nth-child(7) {
        height: 88%;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .l1 div:nth-child(8) {
        height: 50%;
        -webkit-animation-delay: .44s;
        animation-delay: .44s
    }
    .l1 div:nth-child(9) {
        height: 24%;
        -webkit-animation-delay: .37s;
        animation-delay: .37s
    }
    .l1 div:nth-child(10) {
        height: 33%;
        -webkit-animation-delay: .18s;
        animation-delay: .18s
    }
    .l1 div:nth-child(11) {
        height: 36%;
        -webkit-animation-delay: .59s;
        animation-delay: .59s
    }
    .l1 div:nth-child(12) {
        height: 93%;
        -webkit-animation-delay: .38s;
        animation-delay: .38s
    }
    .l1 div:nth-child(13) {
        height: 91%;
        -webkit-animation-delay: .26s;
        animation-delay: .26s
    }
    .l1 div:nth-child(14) {
        height: 44%;
        -webkit-animation-delay: .44s;
        animation-delay: .44s
    }
    .l1 div:nth-child(15) {
        height: 90%;
        -webkit-animation-delay: .13s;
        animation-delay: .13s
    }
    .l1 div:nth-child(16) {
        height: 11%;
        -webkit-animation-delay: .24s;
        animation-delay: .24s
    }
    .l1 div:nth-child(17) {
        height: 23%;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }
    .l1 div:nth-child(18) {
        height: 64%;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .l1 div:nth-child(19) {
        height: 57%;
        -webkit-animation-delay: .45s;
        animation-delay: .45s
    }
    .l1 div:nth-child(20) {
        height: 71%;
        -webkit-animation-delay: .36s;
        animation-delay: .36s
    }
    .l1 div:nth-child(21) {
        height: 4%;
        -webkit-animation-delay: .54s;
        animation-delay: .54s
    }
    .l1 div:nth-child(22) {
        height: 73%;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .l1 div:nth-child(23) {
        height: 55%;
        -webkit-animation-delay: .34s;
        animation-delay: .34s
    }
    .l1 div:nth-child(24) {
        height: 34%;
        -webkit-animation-delay: .17s;
        animation-delay: .17s
    }
    .l1 div:nth-child(25) {
        height: 2%;
        -webkit-animation-delay: .01s;
        animation-delay: .01s
    }
    .l1 div:nth-child(26) {
        height: 55%;
        -webkit-animation-delay: .43s;
        animation-delay: .43s
    }
    .l1 div:nth-child(27) {
        height: 20%;
        -webkit-animation-delay: .04s;
        animation-delay: .04s
    }
    .l1 div:nth-child(28) {
        height: 72%;
        -webkit-animation-delay: .56s;
        animation-delay: .56s
    }
    .l1 div:nth-child(29) {
        height: 36%;
        -webkit-animation-delay: .31s;
        animation-delay: .31s
    }
    .l1 div:nth-child(30) {
        height: 60%;
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }
    .l1 div:nth-child(31) {
        height: 46%;
        -webkit-animation-delay: .13s;
        animation-delay: .13s
    }
    .l1 div:nth-child(32) {
        height: 21%;
        -webkit-animation-delay: .27s;
        animation-delay: .27s
    }
    .l1 div:nth-child(33) {
        height: 43%;
        -webkit-animation-delay: .59s;
        animation-delay: .59s
    }
    .l1 div:nth-child(34) {
        height: 61%;
        -webkit-animation-delay: .52s;
        animation-delay: .52s
    }
    .l1 div:nth-child(35) {
        height: 20%;
        -webkit-animation-delay: .38s;
        animation-delay: .38s
    }
    .l1 div:nth-child(36) {
        height: 23%;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .l1 div:nth-child(37) {
        height: 74%;
        -webkit-animation-delay: .53s;
        animation-delay: .53s
    }
    .l1 div:nth-child(38) {
        height: 57%;
        -webkit-animation-delay: .25s;
        animation-delay: .25s
    }
    .l1 div:nth-child(39) {
        height: 38%;
        -webkit-animation-delay: .39s;
        animation-delay: .39s
    }
    .l1 div:nth-child(40) {
        height: 100%;
        -webkit-animation-delay: .24s;
        animation-delay: .24s
    }
    .l2 div {
        background: linear-gradient(to left, #4a12b7, #641def, #4a12b7);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.24);
        border-bottom: 5px solid rgba(255, 255, 255, 0.02);
    }
    .l2 div:nth-child(1) {
        height: 12%;
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }
    .l2 div:nth-child(2) {
        height: 12%;
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }
    .l2 div:nth-child(3) {
        height: 58%;
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }
    .l2 div:nth-child(4) {
        height: 19%;
        -webkit-animation-delay: .66s;
        animation-delay: .66s
    }
    .l2 div:nth-child(5) {
        height: 5%;
        -webkit-animation-delay: .33s;
        animation-delay: .33s
    }
    .l2 div:nth-child(6) {
        height: 64%;
        -webkit-animation-delay: .11s;
        animation-delay: .11s
    }
    .l2 div:nth-child(7) {
        height: 12%;
        -webkit-animation-delay: .22s;
        animation-delay: .22s
    }
    .l2 div:nth-child(8) {
        height: 55%;
        -webkit-animation-delay: .07s;
        animation-delay: .07s
    }
    .l2 div:nth-child(9) {
        height: 10%;
        -webkit-animation-delay: .46s;
        animation-delay: .46s
    }
    .l2 div:nth-child(10) {
        height: 72%;
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }
    .l2 div:nth-child(11) {
        height: 69%;
        -webkit-animation-delay: .59s;
        animation-delay: .59s
    }
    .l2 div:nth-child(12) {
        height: 4%;
        -webkit-animation-delay: .54s;
        animation-delay: .54s
    }
    .l2 div:nth-child(13) {
        height: 63%;
        -webkit-animation-delay: .11s;
        animation-delay: .11s
    }
    .l2 div:nth-child(14) {
        height: 29%;
        -webkit-animation-delay: .39s;
        animation-delay: .39s
    }
    .l2 div:nth-child(15) {
        height: 66%;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .l2 div:nth-child(16) {
        height: 36%;
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }
    .l2 div:nth-child(17) {
        height: 67%;
        -webkit-animation-delay: .23s;
        animation-delay: .23s
    }
    .l2 div:nth-child(18) {
        height: 63%;
        -webkit-animation-delay: .28s;
        animation-delay: .28s
    }
    .l2 div:nth-child(19) {
        height: 40%;
        -webkit-animation-delay: .62s;
        animation-delay: .62s
    }
    .l2 div:nth-child(20) {
        height: 56%;
        -webkit-animation-delay: .16s;
        animation-delay: .16s
    }
    .l2 div:nth-child(21) {
        height: 39%;
        -webkit-animation-delay: .73s;
        animation-delay: .73s
    }
    .l2 div:nth-child(22) {
        height: 13%;
        -webkit-animation-delay: .67s;
        animation-delay: .67s
    }
    .l2 div:nth-child(23) {
        height: 59%;
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }
    .l2 div:nth-child(24) {
        height: 16%;
        -webkit-animation-delay: .17s;
        animation-delay: .17s
    }
    .l2 div:nth-child(25) {
        height: 76%;
        -webkit-animation-delay: .57s;
        animation-delay: .57s
    }
    .l2 div:nth-child(26) {
        height: 36%;
        -webkit-animation-delay: .64s;
        animation-delay: .64s
    }
    .l2 div:nth-child(27) {
        height: 59%;
        -webkit-animation-delay: .44s;
        animation-delay: .44s
    }
    .l2 div:nth-child(28) {
        height: 39%;
        -webkit-animation-delay: .06s;
        animation-delay: .06s
    }
    .l2 div:nth-child(29) {
        height: 54%;
        -webkit-animation-delay: .53s;
        animation-delay: .53s
    }
    .l2 div:nth-child(30) {
        height: 78%;
        -webkit-animation-delay: .17s;
        animation-delay: .17s
    }
    .l2 div:nth-child(31) {
        height: 15%;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .l2 div:nth-child(32) {
        height: 17%;
        -webkit-animation-delay: .45s;
        animation-delay: .45s
    }
    .l2 div:nth-child(33) {
        height: 66%;
        -webkit-animation-delay: .56s;
        animation-delay: .56s
    }
    .l2 div:nth-child(34) {
        height: 64%;
        -webkit-animation-delay: .57s;
        animation-delay: .57s
    }
    .l2 div:nth-child(35) {
        height: 24%;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .l2 div:nth-child(36) {
        height: 62%;
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }
    .l2 div:nth-child(37) {
        height: 18%;
        -webkit-animation-delay: .49s;
        animation-delay: .49s
    }
    .l2 div:nth-child(38) {
        height: 10%;
        -webkit-animation-delay: .06s;
        animation-delay: .06s
    }
    .l2 div:nth-child(39) {
        height: 14%;
        -webkit-animation-delay: .64s;
        animation-delay: .64s
    }
    .l2 div:nth-child(40) {
        height: 31%;
        -webkit-animation-delay: .12s;
        animation-delay: .12s
    }
    .l3 div {
        background: linear-gradient(to left, #4a12b7, #641def, #4a12b7);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.24);
        border-bottom: 5px solid rgba(255, 255, 255, 0.02);
    }
    .l3 div:nth-child(1) {
        height: 49%;
        -webkit-animation-delay: .51s;
        animation-delay: .51s
    }
    .l3 div:nth-child(2) {
        height: 56%;
        -webkit-animation-delay: .74s;
        animation-delay: .74s
    }
    .l3 div:nth-child(3) {
        height: 39%;
        -webkit-animation-delay: .25s;
        animation-delay: .25s
    }
    .l3 div:nth-child(4) {
        height: 50%;
        -webkit-animation-delay: .84s;
        animation-delay: .84s
    }
    .l3 div:nth-child(5) {
        height: 5%;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .l3 div:nth-child(6) {
        height: 14%;
        -webkit-animation-delay: .84s;
        animation-delay: .84s
    }
    .l3 div:nth-child(7) {
        height: 13%;
        -webkit-animation-delay: .78s;
        animation-delay: .78s
    }
    .l3 div:nth-child(8) {
        height: 28%;
        -webkit-animation-delay: .72s;
        animation-delay: .72s
    }
    .l3 div:nth-child(9) {
        height: 25%;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .l3 div:nth-child(10) {
        height: 56%;
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }
    .l3 div:nth-child(11) {
        height: 44%;
        -webkit-animation-delay: .79s;
        animation-delay: .79s
    }
    .l3 div:nth-child(12) {
        height: 36%;
        -webkit-animation-delay: .47s;
        animation-delay: .47s
    }
    .l3 div:nth-child(13) {
        height: 9%;
        -webkit-animation-delay: .48s;
        animation-delay: .48s
    }
    .l3 div:nth-child(14) {
        height: 39%;
        -webkit-animation-delay: .09s;
        animation-delay: .09s
    }
    .l3 div:nth-child(15) {
        height: 31%;
        -webkit-animation-delay: .16s;
        animation-delay: .16s
    }
    .l3 div:nth-child(16) {
        height: 37%;
        -webkit-animation-delay: .92s;
        animation-delay: .92s
    }
    .l3 div:nth-child(17) {
        height: 38%;
        -webkit-animation-delay: .31s;
        animation-delay: .31s
    }
    .l3 div:nth-child(18) {
        height: 23%;
        -webkit-animation-delay: .79s;
        animation-delay: .79s
    }
    .l3 div:nth-child(19) {
        height: 24%;
        -webkit-animation-delay: .45s;
        animation-delay: .45s
    }
    .l3 div:nth-child(20) {
        height: 44%;
        -webkit-animation-delay: .84s;
        animation-delay: .84s
    }
    .l3 div:nth-child(21) {
        height: 1%;
        -webkit-animation-delay: .79s;
        animation-delay: .79s
    }
    .l3 div:nth-child(22) {
        height: 46%;
        -webkit-animation-delay: .98s;
        animation-delay: .98s
    }
    .l3 div:nth-child(23) {
        height: 12%;
        -webkit-animation-delay: .84s;
        animation-delay: .84s
    }
    .l3 div:nth-child(24) {
        height: 47%;
        -webkit-animation-delay: .31s;
        animation-delay: .31s
    }
    .l3 div:nth-child(25) {
        height: 33%;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }
    .l3 div:nth-child(26) {
        height: 56%;
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }
    .l3 div:nth-child(27) {
        height: 26%;
        -webkit-animation-delay: .11s;
        animation-delay: .11s
    }
    .l3 div:nth-child(28) {
        height: 37%;
        -webkit-animation-delay: .23s;
        animation-delay: .23s
    }
    .l3 div:nth-child(29) {
        height: 52%;
        -webkit-animation-delay: .13s;
        animation-delay: .13s
    }
    .l3 div:nth-child(30) {
        height: 7%;
        -webkit-animation-delay: .64s;
        animation-delay: .64s
    }
    .l3 div:nth-child(31) {
        height: 23%;
        -webkit-animation-delay: .13s;
        animation-delay: .13s
    }
    .l3 div:nth-child(32) {
        height: 10%;
        -webkit-animation-delay: .95s;
        animation-delay: .95s
    }
    .l3 div:nth-child(33) {
        height: 54%;
        -webkit-animation-delay: .24s;
        animation-delay: .24s
    }
    .l3 div:nth-child(34) {
        height: 5%;
        -webkit-animation-delay: .86s;
        animation-delay: .86s
    }
    .l3 div:nth-child(35) {
        height: 28%;
        -webkit-animation-delay: .72s;
        animation-delay: .72s
    }
    .l3 div:nth-child(36) {
        height: 28%;
        -webkit-animation-delay: .65s;
        animation-delay: .65s
    }
    .l3 div:nth-child(37) {
        height: 56%;
        -webkit-animation-delay: .72s;
        animation-delay: .72s
    }
    .l3 div:nth-child(38) {
        height: 37%;
        -webkit-animation-delay: .18s;
        animation-delay: .18s
    }
    .l3 div:nth-child(39) {
        height: 26%;
        -webkit-animation-delay: .48s;
        animation-delay: .48s
    }
    .l3 div:nth-child(40) {
        height: 53%;
        -webkit-animation-delay: .79s;
        animation-delay: .79s
    }
    .rencersBanner.active .cima4uLogo > span {
        transform: translate(0)
    }
    .cima4uLogo > span {
        transition: .15s all ease;
        display: inline-block
    }
    .cima4uLogo > span.let1 {
        transform: translate(0px, -200px);
        transition: .15s .2s all ease
    }
    .cima4uLogo > span.let2 {
        transform: translate(0px, 200px);
        transition: .15s .3s all ease
    }
    .cima4uLogo > span.let3 {
        transform: translate(0px, -200px);
        transition: .15s .4s all ease
    }
    .cima4uLogo > span.let4 {
        transform: translate(0px, 200px);
        transition: .15s .5s all ease
    }
    .cima4uLogo > span.let5 {
        transform: translate(0px, -200px);
        transition: .15s .6s all ease
    }
    .cima4uLogo > span.let6 {
        transition: .15s .7s all ease;
        transform: translate(0px, 200px)
    }
    .cima4uLogo > span.let7 {
        transition: .15s .8s all ease;
        transform: translate(0px, 200px)
    }
    .cima4uLogo > span.let8 {
        transition: .15s .8s all ease;
        transform: translate(0px, 200px)
    }
    .cima4uLogo > span.let9 {
        transition: .15s .8s all ease;
        transform: translate(0px, 200px)
    }
    .cima4uLogo > span.let10 {
        transition: .15s .8s all ease;
        transform: translate(0px, 200px)
    }
    .cima4uLogo > span.let11 {
        transition: .15s .8s all ease;
        transform: translate(0px, 200px)
    }
    .rencersBanner.active .cima4uLogo {
        transform: translate(0px, 16px)
    }
    .cima4uLogo {
        transition: .5s 1.3s all ease;
        position: absolute;
        font-size: 80px;
        transform: translate(0, -30px);
        font-weight: 700;
        width: 100%;
        color: white;
        top: 0;
        right: 0;
        text-align: center;
        direction: ltr;
        line-height: 285px;
        font-family: Fredoka One;
        letter-spacing: -9px;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.53);
    }
    .rencersBanner.active span.pointCima4u {
        transform: translate(0px, 0)
    }
    span.pointCima4u {
        transition: .5s 1.25s all ease;
        width: 40px;
        height: 40px;
        display: none;
        border-radius: 15px;
        position: absolute;
        transform: translate(0px, -180px);
        top: 50%;
        margin-top: -60px;
        color: #8c2463;
        margin-right: 85px;
        right: 50%;
        background: #fff;
        font-size: 24px;
        text-align: center;
        padding: 6px 0;
        padding-left: 6px;
    }
    .rencersBanner.active .cinema4all {
        transform: translate(0)
    }
    .cinema4all {
        position: absolute;
        transition: .3s 1.5s all ease;
        font-family: Font;
        transform: translate(0px, -120px);
        top: 80px;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.66);
        right: 50%;
        margin-right: -212px;
        font-size: 30px;
        font-weight: bold;
        color: #ffec88;
    }
    .rencersBanner.active .watchAnddownload {
        transform: translate(0)
    }
    .watchAnddownload {
        position: absolute;
        font-weight: 700;
        transition: .3s 1.7s all ease;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
        transform: translate(0px, 120px);
        bottom: 75px;
        font-family: Font;
        right: 50%;
        margin-right: -193px;
        color: #ddd;
        width: 370px;
        text-align: center;
        font-size: 20px;
    }
    p.NotFoundCenter {
    color: white;
    font-size: 18px;
    font-weight: bold;
}
form#contactForm {
    width: 1200px;
    margin: 20px auto;
}
form#contactForm ol {
    list-style: none;
}
form#contactForm ol li {
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 9px;
}
form#contactForm ol li label {
    display: inline-block;
    width: 150px;
    height: 40px;
    background: #272727;
    color: #FFFFFF;
    float: right;
    padding: 12px 14px;
    margin-left: 10px;
    line-height: 100%;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
}
form#contactForm ol li input {
    border: 0;
    width: calc(100% - 160px);
    height: 40px;
    background: white;
    color: black;
    padding: 0px 10px;
    font-family: Font;
    line-height: 30px;
    font-size: 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.39);
}
form#contactForm ol li button {
    float: left;
    border: 0;
    width: 80px;
    height: 42px;
    background: linear-gradient(#7a48b7, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #3f255f, #2b0854);
    font-size: 18px;
    font-family: Font;
    color: white;
    line-height: 14px;
    font-weight: bold;
}
form#contactForm ol li textarea {
    border: 0;
    width: calc(100% - 160px);
    height: 102px;
    background: white;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.39);
    color: #393939;
    padding: 3px 10px;
    font-family: Font;
    line-height: 31px;
    font-size: 15px;
}

.container {
    margin:  0 auto;
    width: 1200px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.Logo {
    float: left;
    transition: .3s all ease;
    font-size: 36px;
    transform-origin: right top;
    height: 60px;
    margin-top: -10px;
    font-family: 'Fredoka One', cursive;
    width: 200px;
    position:  relative;
    text-transform:  uppercase;
    text-align:  center;
}
.Logo a > span {
    position:absolute;
    font-family:'font';
    font-size: 14px;
    bottom: -5px;
    left: 0;
    font-weight:  bold;
    transform: rotate(-90deg);
    text-transform:  capitalize;
    font-family: 'Reem Kufi', sans-serif;
    color: #ffca4e;
    transition: .45s ease;
    transform-origin:  right;
    opacity: 0;
}
.Logo.loaded a > span {
    opacity:1;
    transform:rotate(0);
    color: #fefefe;
}
.headermenu {
    float: left;
    margin-top: 0;
    margin-left: 4px;
    line-height: 59px;
    transition: .3s all ease;
}
span.searchIcon {
    float:right;
    display:inline-block;
    width: 35px;
    height: 33px;
    margin-left: 3px;
    background: linear-gradient(#ad357d, #8c2463);
    margin-top: 14px;
    border-radius: 5px;
    color: #fff;
    text-align:  center;
    padding-top: 9px;
    cursor:  pointer;
    transition:  .35s ease;
}
span.searchIcon:hover {
    background: #6f45a2;
}
.headermenu > ul {}

.headermenu > ul > li {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 12px;
    position: relative;
    text-transform:  capitalize;
}

.Slider {
    overflow: hidden;
    position: relative;
    height: 343px;
    padding: 15px 0;
}
.Slider:hover span {
    opacity:1
}

.Slider .back {
    /* position:absolute; */
    /* width:100%; */
    /* height:100%; */
    /* left:0; */
    /* top:0; */
    /* transform:scale(1.2); */
    /* background-size:cover; */
    /* background-position:  center; */
    /* filter: blur(10px); */
}
.Slider .back:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: #191919;
}
.one {
    position:absolute;
    width: 5px;
    height:100%;
    left:0;
    top:0;
    background: #4a3188;
    z-index:999999999;
}
.five {
    position:absolute;
    width: 5px;
    height:100%;
    right:0;
    top:0;
    background: #4a3188;
    z-index:999999999;
}
.two {
    position:absolute;
    width: 10px;
    height:100%;
    left: 4px;
    top:0;
    background: linear-gradient(to right, #372367,#4a3188);
    z-index:999999999;
}
.six {
    position:absolute;
    width: 10px;
    height:100%;
    right: 5px;
    top:0;
    background: linear-gradient(to right, #4a3188,#372367);
    z-index:999999999;
}
.three {
    position:absolute;
    width: 10px;
    height:100%;
    left: 14px;
    top:0;
    background: #4a3188;
    z-index:999999999;
}
.seven {
    position:absolute;
    width: 10px;
    height:100%;
    right: 15px;
    top:0;
    background: #4a3188;
    z-index:999999999;
}
.three:before {
    position:absolute;
    content:'';
    border-width: 226px 0px 0px 30px;
    border-color: #4a3188;
    border-right-color:transparent;
    border-top-color: transparent;
    border-style:solid;
    left: 10px;
}
.seven:before {
    position:absolute;
    content:'';
    border-width: 15px 0 226px 30px;
    border-color: #4a3188;
    border-left-color: transparent;
    border-top-color: transparent;
    border-style:solid;
    left: -30px;
    top: 0;
}
.three:after {
    position:absolute;
    content:'';
    border-width: 211px 30px 0px 0px;
    border-color: #4a3188;
    border-right-color:transparent;
    border-bottom-color: transparent;
    border-style:solid;
    left: 9px;
    bottom:0;
}
.seven:after {
    position:absolute;
    content:'';
    border-width: 194px 0 0px 30px;
    border-color: #4a3188;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-style:solid;
    left: -30px;
    bottom:0;
}
.four {
    position:absolute;
    width: 1px;
    height:100%;
    left: 61px;
    top:0;
    background: #472e7e;
    z-index:999999999;
    display: none;
}
.eight {
    position:absolute;
    width: 1px;
    height:100%;
    right: 61px;
    top:0;
    display: none;
    background: #442c78;
    z-index:999999999;
}

.Slider > .owl-carousel {
    margin:  0 auto;
}

.Slider > .owl-carousel .owl-item.active > .item {transform: scale(1);opacity: 1;}
.Slider > .owl-carousel .owl-item > .item {
    height: 304px;
    border-radius: 3px;
    background: #101010;
    position: relative;
    direction:  rtl;
    border: 3px solid #ffffff1c;
    overflow: hidden;
    transition: .3s all ease;
    /* opacity: .7; */
}
.Slider > .owl-carousel .owl-item > .item a {
    position:relative;
    display:block;
    height:100%
}
.Slider > .owl-carousel .owl-item > .item a:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: linear-gradient(transparent,#0000008c,#1d1d1dd1,#0000004a);
    z-index:9;
    opacity:0;
    transition:.45s ease;
}
.Slider > .owl-carousel .owl-item > .item a:hover:before {
    opacity:1
}
.Slider > .owl-carousel .owl-item > .item span.category {
    position:absolute;
    left:10px;
    top:15px;
    padding: 4px 8px;
    background: linear-gradient(#665ba0,#3b3367);
    color: #fff;
    font-size: 13px;
    font-weight:  bold;
    border-radius:  4px;
    box-shadow: 1px 3px 5px #000000b0;
    transition:  .5s ease-in-out;
    transform: translateX(-200px);
    z-index: 99;
}
.Slider > .owl-carousel .owl-item > .item span.genre {
    position:absolute;
    left:10px;
    top: 46px;
    background: linear-gradient(#665ba0,#3b3367);
    color: #ffffff;
    font-size:  13px;
    padding:  4px 8px;
    font-weight:  bold;
    border-radius: 4px;
    box-shadow: 1px 3px 5px #000000b0;
    transition: .5s ease-in-out;
    transform: translateX(-200px);
    transition-delay: .2s;
    z-index: 99;
}
.Slider > .owl-carousel .owl-item > .item span.year {
    position:absolute;
    left:10px;
    top: 77px;
    background: linear-gradient(#665ba0,#3b3367);
    color: #f3f2f2;
    padding:  4px 8px;
    font-size:  13px;
    font-weight:  bold;
    border-radius: 4px;
    box-shadow: 1px 3px 5px #000000b0;
    transition: .5s ease-in-out;
    transform: translateX(-200px);
    transition-delay: .4s;
    z-index: 99;
}
.Slider > .owl-carousel .owl-item > .item:hover span.year,
.Slider > .owl-carousel .owl-item > .item:hover span.category,
.Slider > .owl-carousel .owl-item > .item:hover span.genre {
  transform:translateX(0)
}
.Slider > .owl-carousel .owl-item > .item .images {
   perspective:500px;
    position:relative;
    width:100%;
    height:100%
}
.Slider > .owl-carousel .owl-item > .item .content {
    position:absolute;
    width:100%;
    top:50%;
    padding:20px;
    color: #ffffff;
    transform:translateY(-100%);
    transition:.35s ease-in-out;
    transition-delay:.35s;
    transform:rotate(-90deg);
    opacity:0;
    text-shadow: 0 1px 9px #000;
    transform-origin:right;
    z-index: 99;
}
.Slider > .owl-carousel .owl-item > .item:hover .content {
    transform:rotate(0);
    opacity:1;
}
.Slider > .owl-carousel .owl-item > .item .img1 {
    position:absolute;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    background-size: 100% 400px;
    background-position:top;
    transition: .55s ease-in-out;
    transform-origin:left;
    overflow:hidden;
}
.Slider > .owl-carousel .owl-item > .item:hover .img1 {
   transform: scale(1.3);
}
.Slider > .owl-carousel .owl-item > .item .img1:after {
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 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);
}
.Slider > .owl-carousel .owl-item > .item: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 .6s;
}

.Slider > .owl-carousel .owl-item > .item .img2 {
    position:absolute;
    height: 100px;
    width: 80px;
    right: 10px;
    top: 15px;
    background-size: cover;
    border-radius: 4px;
    transition: .45s ease-in-out;
    border: 2px solid #ffffff96;
    transform: scale(2);
    opacity: 0;
}
.Slider > .owl-carousel .owl-item > .item:hover .img2 {
    transform:  scale(1);
    opacity: 1;
}
.owl-slider .owl-nav.disabled {display: none;}

.Slider > .owl-carousel .owl-item > .item .BGCover {
    position: absolute;
    transition: .3s all ease;
    top: 0;
    right:  0;
    opacity: .5;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position:  center;
    border-radius: 15px;
}

.owl-carousel .owl-item.active {
    opacity: 1;
}

.Slider > .owl-carousel .owl-item.active > .item .BGCover {opacity: 1;}

.owl-item.active .TitleOverlay > h2 {
    transform:translate(0px, 0);
}
.TitleOverlay > h2 {
    transform:translate(0px, 100%);
    position: absolute;
    transition:.35s all ease;
    transition-delay:.35s;
    bottom:  0;
    right: 0;
    width: 100%;
    background: linear-gradient(#0000, #090a13);
    padding: 226px 20px 20px 20px;
    text-align: center;
    transform-origin:left;
}
.item:hover .TitleOverlay > h2 {
    transform:rotate(90deg);
    opacity:0
}
.TitleOverlay > h2 {
    font-size: 16px;
}

.TitleOverlay > ul {
    list-style:  none;
    position: absolute;
    top: 0;
    right: 0;
    width:  100%;
    background: #000000a1;
    padding: 7px 15px;
    height: 38px;
}

.TitleOverlay > ul > li {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    float: right;
    color: #ccc;
    margin-top: 2px;
}
.TitleOverlay > ul > li.category {
    color: #f3cb2f;
}

.TitleOverlay > ul > li > i {}

span.PLayBTN {
     color: white;
     width:  50px;
     height:  50px;
     position: absolute;
     bottom: calc(50% - 25px);
     left: calc(50% - 25px);
     text-align: center;
     font-size: 12px;border-radius: 50%;padding-top: 11px;
     background: #c71313;border: 3px solid #da1414;
      transition:.35s ease-in-out
     }
.item:hover span.PLayBTN  {
    opacity:0;
    transform:translateY(15px) 
}
span.PLayBTN i {
    display: block;
    font-size: 23px;
    margin-bottom: 3px;
}

span.PLayBTN em {
    font-style: normal;
    font-weight: bold;
}

span.next {
     position: absolute;
     color: white;
     top: calc(50% - 20px);
     right: 0;
     z-index: 999999999;
     text-align: center;
     cursor:  pointer;
     font-size: 27px;
     width:  40px;
     background: #ffffff21;
     height:  40px;
     border-radius: 4px 0 0 4px;
     padding-top: 7px;
     transition: .35s ease;
     opacity: 0;
}



span.prev {
    position: absolute;
    color: white;
    top: calc(50% - 20px);
    left: 0;
    z-index: 999999999;
    text-align: center;
    cursor:  pointer;
    font-size: 27px;
    opacity: 0;
    width:  40px;
    height:  40px;
    background: #ffffff21;
    border-radius: 0 4px 4px 0;
    padding-top: 7px;
    transition:  .35s ease;
}


article {
    position:relative;
    background: #353a78;
    overflow:  hidden;
    padding-bottom: 71px;
}
article:after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 240px;
    z-index: 1;
    width: 100%;
    background: url(./Inc/img/topS.png) no-repeat;
    background-size:100%;

    transform: rotate(180deg);
}

.RecentHome {
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

.archive:before,
.profile:before,
.registerPage:before {
        position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(./Inc/img/topS.png) no-repeat ;
    background-size:100%;
    top: 0;
    right: 0;
    z-index: 5;
}
.archive:after,
.profile:after,
.registerPage:after {
       content: '';
       position: absolute;
       bottom: 0px;
       left: 0;
       height: 240px;
       z-index: -1;
       width: 100%;
       background: url(./Inc/img/topS.png) no-repeat;
       background-size: 100%;
       transform: rotate(180deg);
}


.TitleHome .hideTilteHome {
    position:absolute;
    left: 9px;
    width:40px;
    height:40px;
    background: linear-gradient(#d41515,#a30b0b);
    top: 14px;
    text-align:  center;
    padding-top: 10px;
    border-radius: 5px;
    display:none;
    cursor:pointer;
}



.TitleHome .right  span {
    float: left;
    /* font-size:20px; */
    font-weight:bold;
    color: #fff;
    display:inline-block;
    padding: 7px 20px 7px 50px;
    background: #303030;
    position:  relative;
    margin-top: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 4px #000000ab;
    cursor:  pointer;
    margin-right: 10px;
    text-transform:  capitalize;
    font-family: 'Reem Kufi', sans-serif;
    transition:  .4s ease all;
}
.TitleHome .right  span:hover {
    background: linear-gradient(#4b427b,#823fb1);
}
.TitleHome .right  span i {
    position:absolute;
    width:  44px;
    left:  0;
    top: 0;
    line-height:  40px;
    text-align:  center;
    border-right: 1px solid #00000029;
}
.TitleHome .right span b {
    color: #ffdc2f;
}
.TitleHome > div > i {
    font-size: 40px;
    color: #ffb645;
    float: right;
    margin-left: 12px;
}

.TitleHome >i {float:  left;margin-right:  10px;margin-left:  20px;font-size: 42px;color: #fff;}
.TitleHome h2  {
    overflow:hidden
}
.TitleHome h2 > span {
    float: left;
    margin-left: 20px;
    font-size: 30px;
    display: inline-block;
    color: #fff;
    text-transform:  uppercase;
}

.TitleHome h2 > span > em {
    font-style: normal;
    color: #ffb645;
}

.TitleHome h2 > p {
    float: left;
    font-size: 21px;
    color: #ccc;
    padding-top: 11px;
}
.TitleHome h2 > p span {
    text-transform: capitalize;
    font-family: 'Reem Kufi', sans-serif;
    color: #ffca4e;
}
.TitleHome:after {
    content: '';
    display: block;
    clear: both;
}

.BGSliderFull {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.HeaderContains {
    position: relative;
    padding-top: 60px;
    z-index: 81;
}

.BGSliderFull > span {
    width:  100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    opacity: .3;
}

.BGSliderFull:after {
    content: '';
    position: absolute;
    top: 0;
    right:  0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to top, #191d25 1%, #181d2552 100%);
}

.GenresList {}

.GenresUL .item > a {
    display: block;
    width: 164.5px;
    float: right;
    height: 64px;
    overflow: hidden;
    color: #ffffffba;
    background: #00000054;
    margin-bottom: 8px;
    margin-left: 8px;
    border-radius: 4px;
    padding: 13px;
}

.GenresUL .item > a > i {
    float: right;
    font-size: 24px;
    margin-top: 7px;
    margin-left: 10px;
    color: #e6e6e6;
}

.GenresUL .item > a > h4 {
    font-size: 14px;
    padding-top: 1px;
}

.GenresUL .item > a > span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

.GenresUL .item {
    direction: rtl;
}

.GenresUL .item > a:nth-child(7n+0) {
    margin-left: 0;
}



.GenresUL .owl-nav .owl-next {
    position: absolute;
    color: white;
    top: 45px;
    right: -41px;
    height: 40px;
    font-size:  0;
    width: 40px;
    text-align: center;
    cursor:  pointer;
    border-radius: 11px;
}

.GenresUL .owl-nav .owl-next:after {
    content:"\f105";
    font-family:FontAwesome;
    font-size: 38px;
}

.GenresUL .owl-nav .owl-prev {
    position: absolute;
    color: white;
    top: 45px;
    left: -41px;
    height: 40px;
    font-size:  0;
    width: 40px;
    text-align: center;
    cursor:  pointer;
    border-radius: 11px;
}

.GenresUL .owl-nav .owl-prev:after {
    content:"\f104";
    font-family:FontAwesome;
    font-size: 38px;
}

.GenresList .owl-stage-outer {
    overflow: hidden;
}

.FilterBTN {
    cursor:  pointer;
    position: relative;
    font-weight: bold;
    text-align: right;
    font-size: 16px;
    line-height: 37px;
    margin:  auto;
}
.FilterBTN > span {
    float: left;
    margin-right: 13px;
    font-weight: 900;
  
    margin-top: 12px;
    text-transform:  capitalize;
    font-family: 'Reem Kufi', sans-serif;
      color: #ffca4e;
    font-size: 20px;
}
.FilterBTN > i {
    margin-top: 3px;
    float: left;
}

.FilterBTN:hover {
}

.FilterBTN.active {
    border-radius: 3px 3px 0 0;
}

.FilterBTN > ul {float: left;margin-top: 11px;}

.FilterBTN > ul > li {
   display: inline-block;
   font-size: 14px;
   background: #ffffff;
   padding: 0 13px;
   color: #46286a;
   margin-left: 0px;
   border-radius: 3px;
   box-shadow: 0px 1px 5px #0000005e;
   text-transform:  uppercase;
   font-weight:  bold;
}
.FilterBTN > ul > li i {
    text-align:  center;
    font-size: 16px;
    margin-right: 6px;
    color: #c52b88;
}


.FilterBTN > ul > li.active {
    background: linear-gradient(#54327d, #412563);
    color: #fff;
}

.QualityBTN {
    float: left;
    background: linear-gradient(#d41515,#a30b0b);
    margin-top: 0px;
    color: #efefef;
    height:  40px;
    display: none;
    width: 120px;
    text-align:  center;
    cursor:  pointer;
    border-radius: 4px;
    position: relative;
    font-weight: bold;
    padding: 9px 15px;
}

.FilterPopinner > ul > li:hover {
    background: #ca1313;
}
.FilterPopinner {
    position: absolute;
    top: 100%;
    right:  0;
    overflow: hidden;
    width: 217px;
    display: none;
    margin-top: 15px;
    border-radius: 4px;
    background: #3e3d3d;
    box-shadow: 0px 5px 44px #000;
}

.FilterPopinner > ul > li {
    list-style:  none;
    height: 35px;
    padding: 6px;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
}

.FilterPopinner > ul > li > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0000004d;
    border-radius: 3px;
    border: 1px solid #ffffff1c;
    float: right;
    margin-left: 8px;
    text-align: center;
    padding-top: 5px;
    font-size: 10px;
}

.FilterPopinner > ul > li > span
 i {
    display: none;
}

.FilterPopinner > ul > li > em {
    display: inline-block;
    float: left;
    font-style: normal;
    color: #ffdd2f;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    height: 15px;
    padding: 0px 3px;
    line-height: 16px;
    border-radius: 3px;
    margin-top: 4px;
}

.FilterPopinner > ul > li.active
 > span > i {
    display: block;
}

.FilterPopinner > ul > li.active {
    background: #115e82;
}

.QualityBTN.active .FilterPopinner {
    display: block;
}

.MoviesBlocks {
    min-height:  400px;
    z-index: 9;
    position: relative;
    width: 1200px;
}
.moveiGenres {
    position:absolute;
    top: 4px;
    left: 4px;
    background: #8c2463;
    text-align:left;
    padding: 3px 6px;
    font-size: 13px;
    z-index: 999;
    border-radius:4px;
    transition: .3s ease all;
    transform:translateY(20px);
    opacity:0;
}
.rating {
    position:absolute;
    z-index:9;
    background:linear-gradient(#fc0,#e3b049);
    color:#000;
    top:35px;
    left:4px;
    padding:3px 6px;
    font-size:14px;
    font-weight:bold;
    border-radius:4px;
    transition: .3s ease all;
    transform:translateY(20px);
    opacity:0;
}
.moveiGenres span {
    margin-left:6px
}
.MovieBlock:hover .moveiGenres {
    transform:translate(0);
    opacity:1;
    transition: .5s .6s all ease;
}
.MovieBlock:hover .rating {
     transform:translate(0);
    opacity:1;
    transition: .5s .8s all ease;   
}
.allFavs {
    position:relative;
    z-index:999
}
.MovieBlock {
    width: 289px;
    transition: .4s cubic-bezier(0.25, 0.1, 0.29, 1.32) all;
    text-align: center;
    display:  inline-block;
    margin-left: 4px;
    height: 382px;
    margin-right: 4px;
    margin-bottom: 8px;
    overflow:  hidden;
    border-radius: 3px;
    box-shadow: 0px 2px 5px #00000070;
    position: relative;
    border: 4px solid #fff;
}
.MovieBlock .poster1 {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        transition: .4s all ease;
        box-shadow: 0px 5px 10px #00000061;
}
.MovieBlock div.back,
.MovieBlock div.front {
    position:absolute;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    transition: .5s all ease;
}
.MovieBlock div.back div.img1 ,
.MovieBlock div.back div.img2,
.MovieBlock div.front div.img1,
.MovieBlock div.front div.img2 {
    position:absolute;
    width:50%;
    height:100%;
    background-size: 273px 382px;
    background-position: top left;
    top:0;
    transition: .8s ease;
}
.MovieBlock div.back div.img1 {
    transform: translateY(-100%);
}
.MovieBlock:hover div.back div.img1,
.MovieBlock:hover div.back div.img2
  {
    transform:translate(0)
}
.MovieBlock:hover div.front div.img1 {
     transform: translateY(100%);
}
.MovieBlock:hover div.front div.img2 {
     transform: translateY(-100%);
}
.MovieBlock div.back div.img2 {
    transform: translateY(100%);
}
.MovieBlock div.back div.img1 {
    left:0
}
.MovieBlock div.back div.img2,
.MovieBlock div.front div.img2 {
    background-position: top right;
    right:0;
    background-size: 289px 382px;
}
.MovieBlock div.back:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000000c4;
}

.MovieBlock div.back img {
    width:100%;
    height:100%
}
 .Poster1 > i {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transition: .5s all ease;
    right: 50%;
    margin: -20px;
    background: #a52171;
    border-radius: 50%;
    text-align: center;
    font-size: 19px;
    padding-top: 11px;
    padding-left: 2px;
    color: #fff;
    opacity: 0;
    transform:rotate(360deg) scale(2);
    z-index: 9999999;
}


.MovieBlock:hover .Poster1 > i {
    opacity:1;
     transform:rotate(0) scale(1)
}
#FilterCatsFooter .MovieBlock {
}
#FilterCatsFooter  .MovieBlock:hover .Poster1 {
    transform: translate(-290px, 0px) skew(5deg);
}

.MovieBlock:hover .BackBlock {
    opacity:  1;
    transform: translate(-290px, 0px) skew(5deg);
    }
     .MovieBlock span.category{
        position:absolute;
        right:10px;
        z-index:9999;
        font-size: 12px;
        padding:6px 12px;
        font-weight:bold;
        transition: .4s .1s all ease;
        opacity:0;
     }
        .MovieBlock span.category {
        top: 7px;
        color: #c3a723;
        transition:.45s ease;
        }
        .MovieBlock span.year {
           position: absolute;
           color: #926dff;
           bottom: 3px;
           font-size: 14px;
           font-weight:  bold;
           right: 8px;
           z-index: 999999;
           transition: .4s all ease;
        }
        .MovieBlock span.genre {
        position: absolute;
        color: #d0b323;
        bottom: 3px;
        font-weight:  bold;
        font-size: 14px;
        left: 8px;
        z-index: 999999;
        transition: .4s all ease;
        }
        .MovieBlock span.imdb {
        position:absolute;
        top:5px;
        right: 5px;
        padding: 4px 7px;
        z-index:9999;
        font-size: 14px;
        color: #000;
        background: linear-gradient(#ffdc2f,#d8a020);
        transition: .4s .1s all ease;
        opacity: 0;
        }
             .MovieBlock:hover span.category,

     .MovieBlock:hover span.imdb {
         opacity:1
     }
          .MovieBlock:hover span.year,
     .MovieBlock:hover span.genre {
             transform: translateY(-56px);
     }
     .MovieBlock .dtl {
         float: left;
         width: 100%;
         padding: 110px 15px 14px 16px;
         color: #b9b9b9;
         font-size: 14px;
         position: absolute;
         bottom: 0;
         right: 0;
         z-index: 999;
         transition: .3s all ease;
         background: linear-gradient(#0000, #1b1b21);
     }
     .MovieBlock .dtl ul {
         display:inline-block;
         width:100%;
         list-style:none
     }
     .MovieBlock .dtl ul li {
             display: inline-block;
             float: right;
             margin-right: 15px;
             font-size: 12px;
             line-height: 16px;
     }
      .MovieBlock .dtl ul li.genre{
         color:#ffc847
     }
.MovieBlock .BackBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .45s ease;
    z-index:  10;
    transform-origin:  left;
}
.MovieBlock .BackBlock span.play {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transition: .2s all ease;
    right: 50%;
    margin: -20px;
    background: #483083;
    border-radius: 50%;
    text-align: center;
    font-size: 19px;
    padding-top: 11px;
    padding-left: 2px;
    color: #d2d2d2;
}
.MovieBlock .FrontBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translate(100px, 0px) scale(2);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .4s all ease;
    background-position: 0 100%;
   
}
.MovieBlock .FrontBlock:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: #1a112ecf;
    z-index: 1;
}
.MovieBlock > a {
    position:relative;
    display:block;
    height:100%;
    perspective: 500px;
    background: #232323;
}
.MovieBlock > a:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: linear-gradient(transparent,#151515);
    z-index:9999;
}
.forAdmin {
    opacity:0;
    transition:.35s ease;
    direction:ltr;
}
.MovieBlock:hover .forAdmin {
    opacity:1
}
.item:hover .forAdmin {
    opacity:1;
      direction:ltr;
}
.MovieBlock > a div.poster1:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff1f;
    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);
    z-index: 9999;
}
.MovieBlock:hover a div.poster1: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 .6s;  
}
.MovieBlock:hover a div.poster1 img {
    transform: rotate(45deg) translate3d(-280px,87px,238px);
    opacity: 0;
}
.MovieBlock > a img {
       max-width: inherit;
    width: 100%;
    height: auto;
    min-height: 100%;
        transition: .8s all ease;

}

.MovieBlock:hover .FrontBlock {
     opacity: .3;
    transform: translate(0);
   
}

.MovieBlock:hover .FrontBlock img {
     transform: scale(1);
}
span.BGBack {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    opacity: 1;
    transition: .3s .15s all ease;
    z-index: -1;
}

.MovieBlock:hover span.BGBack {
    transform: scale(1);
    opacity: 1;
}

.TitleBlock {
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 22px;
    color: white;
}

.MovieBlock div.story {
    color: #ffffff61;
    font-size: 13px;
    line-height: 20px;
    height: 0;
    overflow: hidden;
    transition: .3s all ease;
}
.MovieBlock:hover div.story {
    height: 81px;
}
ul.BarBlock {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    color: #ffffffab;
    transition: .4s .3s all ease;
    transform: translate(0px, -60px);
    transform-origin: top right;
    opacity: 0;
}

ul.BarBlock > li {
    display: inline-block;
    float: left;
    color: #f7f7f7;
    padding: 4px 7px;
    margin-top: 5px;
    margin-right: 2px;
    border-radius: 4px;
    font-size: 12px;
    background: #000;
}

ul.BarBlock > li.category {
    float: right;
    background:#cb1313;
}

.ContentBlock {
    font-size: 13px;
    padding: 91px 13px 13px 13px;
    color: #c6c6c6;
    font-weight: bold;
    transition: .5s .4s all ease;
    transform: translate(0px, 100px);
    opacity: 0;
}

span.WatchButton {
    background: #d22222;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    bottom: 72px;
    left: 12px;
    display: none;
    font-weight: bold;
    padding: 5px 8px;
    font-size: 13px;
    transition: .3s .22s all cubic-bezier(0.56, 0.28, 0.34, 1.34);
    transform: translate(0px, 50px);
    opacity: 0;
}

span.WatchButton i {
    float: right;
    font-size: 18px;
    margin-left: 4px;
    top: 1px;
    position: relative;
}

.StarLabels:before {
    font-family: FontAwesome;
}

.MovieBlock:hover .TitleBlock {
}

.MovieBlock:hover ul.BarBlock {
    transform: rotate(0);
    opacity: 1;
}

.MovieBlock:hover .ContentBlock {
    transform: translate(0);
    opacity: 1;
}

.MovieBlock:hover .StarLabels {transform: translate(0);opacity: 1;}

.MovieBlock:hover span.WatchButton {
    opacity:  1;
    transform: translate(0);
}

header.fixed {
    box-shadow: 0px 1px 10px #000000c7;
}
.showTilteHome {
    position: absolute;
    left: 9px;
    width: 40px;
    height: 40px;
    background: linear-gradient(#f5f5f5,#d6d6d6);
    top: 8px;
    text-align: center;
    padding-top: 12px;
    font-size:18px;
    border-radius: 5px;
    display:none;
    cursor: pointer;
}
header.fixed .Logo svg {
    width: 180px;
}

header .Logo svg {
    transition: .4s all ease;
}
.loginInfo {
    position:absolute;
    width:150px;
    background: linear-gradient(#502f78, #482a6d, #452869);
    padding:  10px;
    top: 60px;
    right: 10px;
    display:none;
    z-index: 9999999999999999999999999999;
}
.loginInfo.active {
    display:block
}
.loginInfo a {
    display:block;
    padding:4px 8px;
    border-bottom: 1px solid #0000004d;
    font-size: 13px;
    color: #e3cffb;
    font-weight:  bold;
}
.userName {
    color: #ffffff;
    margin-top: 15px;
    font-size: 17px;
    text-transform: capitalize;
    font-family: 'Reem Kufi', sans-serif;
}
.userName i {
    height: 20px;
    width: 20px;
    background: #ffffff;
    color: #4d2d74;
    line-height: 20px;
    margin-right:4px;
    text-align:  center;
    border-radius: 50%;
    font-size: 14px;
}
.userName span {
    display:inline-block;
        background:#36b9a8

}
.userName  img {
    border-radius:50%;
    width:34px;
    height:34px;
    vertical-align:middle;
    margin-left: 4px;
}
ul.register {
    float:right;
    list-style:none;
    position:  relative;
}

ul.register li {
    display:inline-block;
    padding: 5px 10px;
    margin-top: 16px;
    font-size:  14px;
    margin-left: 0px;
    background: linear-gradient(#ad357d, #8c2463);
    border-radius: 4px;
    box-shadow: 0 1px 3px #0000007a;
    transition:.4s ease-in-out;
}
ul.register li:hover {
    background: linear-gradient(#774aad, #663c98);
}
.SearchForm {
     left: 0;
     position:  fixed;
     width:  100%;
     height:  100%;
     background: #000000f0;
     z-index: 9999999999999;
     visibility:hidden;
     opacity:0;
     transition:.35s ease-in-out;
}
.SearchForm:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(./Inc/img/topS.png) no-repeat;
    background-size: 100%;
    top: 0;
    right: 0;
    z-index: 5;
}

.SearchForm form  {
    position:  relative;
    }
    .SearchForm form:hover {
    }

.SearchForm.active {
 
  visibility:visible;
  opacity:1;
  transform:scale(1)
}
.topSearch {
    width:1000px;
    margin: 56px auto 26px;
    border-bottom: 4px solid #272727;
    padding-bottom: 26px;
    position:  relative;
    z-index: 9999;
}
@keyframes forSearsch {
    0% {transform:scale(.5) translateY(-100%);opacity:0}
    50% {transform:scale(.5) translateY(0);opacity:1}
    100% {transform:scale(1) translateY(0);opacity:1}
}

.SearchForm  form > input {
    border:  0;
    width: 1000;
    height: 38px;
    margin-bottom: 4px;
    background: #d2d2d2;
    padding:  0px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
.SearchForm select {
    width: 100%;
    height: 35px;
    border: 0;
    font-family: Font;
    margin-bottom: 5px;
    padding: 0px 11px;
    border-radius: 3px;
    font-size: 14px;
    background: #1b1b1b;
    color: #fff;
}

.topSearch button {
    border: 0;
    height: 36px;
    width: 42px;
    border-radius:  4px;
    font-size: 14px;
    cursor: pointer;
    float: right;
    right: 1px;
    top: 1px;
    font-family: Font;
    position:  absolute;
    font-weight: bold;
    background: linear-gradient(#54327d, #412563);
    color: #ffffff;
}
.SearchForm  form > input::placeholder {
    color:#020203
}
#SearchResults {
    width:400px;
    background: #000000ba;
}
#SearchResults li {
    list-style:none;
    height:60px;
    border-bottom: 1px solid #ffffff24;
}
#SearchResults li a {
    display:block;
    overflow:hidden
}
#SearchResults li img {
    width:50px;
    height:50px;
    margin:5px;
    vertical-align:  middle;
}


.ribbon {
      position: absolute;
      top: 20px;
      background: linear-gradient(#902666, #8c2463);
      left: -43px;
      font-weight: bold;
      font-size: 15px;
      z-index: 99999;
      padding: 4px 11px;
      width: 130px;
      color: #fff;
      text-align:  center;
      transform: rotate(-54deg);
      transition:  .45s ease;
}

.views {
    position:absolute;
    top:5px;
    right: 5px;
    z-index:5;
    background: #151514ba;
    padding: 3px 8px;
    font-size: 14px;
    font-weight:  bold;
    border-radius: 4px;
    transition:.45s ease;
}


.MovieBlock:hover .ribbon,.MovieBlock:hover .views {
    opacity: 0;
}

.bottomFooter .left {width: 1000px;margin:  auto;position:  relative;z-index: 999;}
.bottomFooter .searchBottom {
    margin-top: 0;
}
.bottomFooter .searchBottom >span , 
.topSearch h3 {
    font-weight:  bold;
    color: #afafaf;
    display:  block;
    padding-top: 12px;
    padding-bottom:12px;
    font-size: 22px;
    text-transform:  uppercase;
}
.bottomFooter .searchBottom button {
    display:inline-block;
    height: 35px;
    width: 100px;
    margin-left: 5px;
    margin-top: 5px;
    border:  0;
    font-weight:  bold;
    background: linear-gradient(#54327d, #412563);
    color: #fffdfd;
    font-size: 17px;
    font-family: 'Reem Kufi', sans-serif;
    border-radius:  4px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.34);
}
.bottomFooter .left select {
    height: 35px;
    margin-top: 5px;
    background: #d2d2d2;
    font-weight:  900;
    width: 176px;
    font-family: tahoma;
    border: 1px solid #ffffff14;
    border-radius: 4px;
    padding: 0 12px;
    color: #020203;
}
.bottomFooter .right {
    float:right;
    position:  relative;
    margin-right: 20px;
    margin-top: -34px;
}
.bottomFooter .right a {
    display:inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color:#fff;
    text-align:center;
    border-radius: 4px;
}
.bottomFooter .right a:nth-child(1) {
    background:#3b5999
}
.bottomFooter .right a:nth-child(2) {
    background:#55acee
}
.bottomFooter .right a:nth-child(3) {
    background:#cd201f
}
.bottomFooter .right a:nth-child(4) {
    background:#dd4b39
}
.bottomFooter .right a i {
    font-family:'fontAwesome';
    font-size: 19px;
    margin-top:  7px;
    font-weight:  normal;
}
.YearsBrowse {
    padding: 18px;
    position:  relative;
    z-index: 9;
    background: linear-gradient(#55347f, #46296a);
}

.YearsBrowse > div > h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #ffea80;
    text-align: center;
    font-family: 'Reem Kufi', sans-serif;
}

.YearsBrowse > div > h2 > i {
    color: #4e2d74;
    margin-right: 9px;
}

.YearsBrowse > div > h2 > span {
    color: #ffffff;
}

.YearsLinks {
    text-align: center;
    margin-top: 18px;
}

.YearsLinks > a {
    display: inline-block;
    background: #3f2461;
    font-size:  14px;
    box-shadow: 0px 1px 3px #00000061;
    border-radius: 6px;
    font-weight: bold;
    padding: 6px 12px;
    margin: 4px 2px;
    color: #ffffff;
    position:relative;
}
.YearsLinks > a:hover{
    display: inline-block;
    background: #a43076;
    font-size:  14px;
    box-shadow: 0px 1px 3px #00000061;
    border-radius: 6px;
    font-weight: bold;
    padding: 6px 12px;
    margin: 4px 2px;
    color: #ffffff;
    position:relative;
}

.CategoriesBrowse {
    color: white;
    height: 445px;
    background: linear-gradient(#52307b, #361e54);
    padding: 24px 0 15px 0;
    position:  relative;
    z-index: 9;
}
.forIndexOnly {
}
.forIndexOnly:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    height: 240px;
    z-index: -1;
    width: 100%;
       background: url(./Inc/img/topS.png) no-repeat;
    background-size:100%;
}
.forIndexOnly:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 240px;
    z-index: -1;
    width: 100%;
    background: url(./Inc/img/topS.png) no-repeat;
    background-size:100%;
    transform: rotate(180deg);
}



.catTitle  {
    overflow:hidden;
    border-top: 2px solid #e5e0e0;
    position:  relative;
    height: 60px;
}
.titleForIndex {
    border:0;
    height:initial;
    position:  relative;
    margin-top: -120px;
    z-index: 55;
}
.latestTitle {
    padding: 14px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ffffff33;
}
.catTitle h2 {
    color:#fff;
    padding: 12px;
}
.catTitle h2 .title {
    float:right;
    margin-top: 11px;
}
.titleForIndex h2 .title {
    float:initial;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 23px;
    color: #efebed;
}
.CatLinks {
    float: left;
    margin-right:  20px;
}


.CategoriesBrowse:after {
    content: '';
    display: block;
    clear: both;
}

.catTitle  h2 i {
    font-size: 30px;
    float: left;
    margin-right: 10px;
    color: #ffffff;
    text-shadow: 0px 0px 23px #502f79;
}

.catTitle h2 span {
    color: #ffffff;
}

.CatLinks > a {
    display: inline-block;
    font-weight: bold;
    color: #5a3687;
    line-height: 35px;
    text-align:  center;
    margin-left: 0px;
    border-radius: 7px 7px 0 0;
    padding: 0 15px;
    background: linear-gradient(#ffffff, #e8e8e6);
    box-shadow: 0px -2px 2px #0000005e;
    border-bottom: 0;
    opacity: 1;
    font-size: 14px;
}

.CatLinks > a.active {
    opacity: 1;
    background: linear-gradient(#70499e, #543080);
    border-bottom: 0;
    color: #ffffff;
}

.CategoriesBrowse .Posts {
    clear: both;
    display:  inline-block;
    width: 100%;
    position: relative;
    padding-top: 9px;
    height: 350px;
    text-align:  center;
    z-index: 9;
}
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  height: 40px;
  width: 40px;
  transform: translate(-50%, -50%);
}

[class^="ball-"] {
  position: absolute;
  display: block;
  left: 30px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all 0.5s;
  animation: circleRotate 4s both infinite;
  transform-origin: 0 250% 0;
}

@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
.ball-1 {
  z-index: -1;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
}

.ball-2 {
  z-index: -2;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
}

.ball-3 {
  z-index: -3;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
}

.ball-4 {
  z-index: -4;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
}

.ball-5 {
  z-index: -5;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
}

.ball-6 {
  z-index: -6;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
}

.ball-7 {
  z-index: -7;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
}

.ball-8 {
  z-index: -8;
  background-color: #fff;
  animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
}


.container.ContainerSingle {
    padding-top: 0px;
    padding-bottom: 3px;
    position: relative;
    margin-top: 110px;
}

.Poster {
    width: 290px;
    height: 390px;
    overflow: hidden;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    border: 4px solid #ffffff;
    box-shadow: 0px 1px 5px #00000080;
    top: 0px;
    right: 0;
    position:  relative;
    border-radius: 5px;
}
.leftList  .imdb {
    width: 200px;
    background: #ffca4e;
    font-weight:  bold;
    box-shadow: 1px 3px 5px #00000087;
    height: 50px;
    padding-left: 20px;
    position:  relative;
    display: block;
    color: #000000;
    border-radius: 5px;
    margin: 8px auto;
    padding-top: 12px;
    text-align:  center;
}
.leftList  .imdb  a {
    position:relative;
    color: #2d2d2d;
    display:block;
    height:100%;
}
.imdb span {font-size: 20px;}
.imdb span:nth-child(1) {
    float:left
}
.imdb span:nth-child(2) {
    font-size:17px;
    margin-top: 3px;
    display:  inline-block;
}
.leftList {
    right: 0;
}
.leftList h2 {
    color:#ffdb4d;
    font-size:17px;
    text-align:center;
    margin-bottom:10px
}
.leftList li {
    background: #ffffff0f;
    color:  #eee;
    list-style:  none;
    padding:  5px;
    border-radius:  4px;
    font-size: 13px;
    font-weight:  bold;
    margin-bottom: 3px;
}
.leftList li span {
    background:#000;
    color:#ffd12e;
    display:  inline-block;
    padding: 1px 7px;
    margin-right: 2px;
    border-radius: 4px;
}
.TitleMovie {
    font-size:20px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: -57px;
    text-shadow: 0 1px 15px #000;
}
.Poster img {
    height: auto;
    width: 100%;
    min-height:  100%;
}

.MovieDetails {
    color: white;
    font-size: 14px;
    float: left;
    width: calc(100% - 657px);
}
.rightRate {
    float:right;
    width: 297px;
    margin-left: 5px;
    background: linear-gradient(#452768, #353d7b);
    padding: 20px;
    box-shadow: 0px 3px 10px #000000d1;
    border-radius: 15px;
    min-height: 389px;
}
.rightRate ul {
    list-style:none;

}
.rightRate ul li {
    border-bottom: 1px solid rgba(204, 204, 204, 0.57);
    padding: 5px;
    font-weight:  bold;
    font-size: 13px;
    color: #ddd;
}
.rightRate ul li span {
    text-transform:uppercase;
    font-size: 12px;
    font-weight:bold;
    color: #ffffff;
}
.rightRate ul li a {
    background: #00000054;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    margin-left: 4px;
}
.rightRate > span:nth-child(1) {
    display:block;
    padding:15px;
    width:  150px;
    position:  relative;
    margin-bottom: 14px;
    margin-top: 15px;
}
.rightRate > span:nth-child(1) strong {
    position:absolute;
    color: #ffffff;
    background: #ffffff24;
    top: -31px;
    left:  0;
    width: 100%;
    font-size: 17px;
    padding: 4px;
    border-bottom: 1px solid #ffffff08;
    border-radius: 4px 4px 0 0;
    font-family: 'Reem Kufi', sans-serif;
}
.myFavorite {
    background: #ffaf18;
    padding: 9px 16px;
    border-radius:  5px;
    cursor:  pointer;
    display:block;
    margin:  auto;
    width: 200px;
    margin-bottom: 4px;
    padding-left: 49px;
    margin-top: 6px;
    font-weight:  bold;
    border-bottom: 2px solid #b57b0d;
    position:relative;
}
.myFavorite i {
        margin-right: 5px;
        font-size: 18px;
        position: absolute;
        left: 0;
        width: 40px;
        border-right: 1px solid #0003;
        top: 0;
        line-height: 42px;
        text-align:  center;
}
#trailer {
        background: #f5f5f5;
        padding: 9px 16px;
        border-radius:  5px;
        cursor:  pointer;
        display:block;
        margin: 0 auto 7px;
        width: 210px;
        font-size: 15px;
        margin-bottom: 4px;
        margin-top: 6px;
        font-weight:  bold;
        position:  relative;
        padding-left: 36px;
        border-bottom: 2px solid #e6e6e6;
}
#trailer i {
    margin-right:5px;
    font-size: 18px;
    position: absolute;
    left: 0;
    width: 40px;
    border-right: 1px solid #0003;
    top: 0;
    line-height: 42px;
}
#watchLater {
        background: linear-gradient(#4b427b,#823fb1);
        padding: 9px 16px;
        border-radius:  5px;
        box-shadow: 1px 3px #00000030;
        cursor:  pointer;
        font-family: 'Reem Kufi', sans-serif;
        display:block;
        width: 200px;
        margin-bottom: 4px;
        color:  #fff;
}
.addTowatch {
           background: linear-gradient(#4b427b,#823fb1);
           padding: 9px 16px;
           border-radius:  5px;
           box-shadow: 1px 3px #00000030;
           font-family: 'Reem Kufi', sans-serif;
           display:block;
           width: 200px;
           margin-bottom: 4px;
           color:  #fff;
}
.removeFav {
        background: #af1919;
        padding: 9px 16px;
        border-radius: 5px;
        cursor: pointer;
        display: block;
        margin: auto;
        width: 210px;
        margin-bottom: 4px;
        margin-top: 6px;
        color:#fff;
        font-size: 14px;
        font-weight: bold;
        padding-left: 48px;
        border-bottom: 2px solid #af1919;
        position:relative;
}

.removeFav i {
        margin-right: 5px;
        font-size: 18px;
        position: absolute;
        left: 0;
        width: 40px;
        border-right: 1px solid #0003;
        top: 0;
        line-height: 33px;
        text-align: center;
}
.#myFavorite.active {
    
}
.TitleMovie1 {
    padding: 5px;
    color: #b9b9b9;
    position:  absolute;
    font-size: 14px;
    width: 100%;
    bottom:  0;
    text-align:  center;
    transition: .3s all ease;
    z-index: 9999;
    text-transform:  uppercase;
}
 .TitleMovie1 > h2 {
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 22px;
    color: #e5e4e2;
}
.MovieBlock:hover .ExcerptContent {
    height: 81px;
}
 .TitleMovie1 > ul {
    display: inline-block;
    width: 100%;
}
 .TitleMovie1 > ul > li.CatItem {
    color: #ffc847;
}
 .TitleMovie1 > ul > li {
    display: inline-block;
    float: right;
    margin-right: 15px;
    font-size: 11px;
    line-height: 16px;
    color: #cce5ffbf;
}
.ExcerptContent {
    color: #ffffffa6;
    font-size: 13px;
    line-height: 20px;
    height: 0;
    overflow: hidden;
    transition: .3s all ease;
}

.TitleMovie > ul {overflow:  hidden;height: 43px;}
.TitleMovie > ul > li.year,
.TitleMovie > ul > li.Released {
}
.TitleMovie > ul > li {
    display:  inline-block;
    font-size: 15px;
    margin: 0 3px;
    color: #472a6c;
    position:relative;
}
.TitleMovie > ul > li.genre a {
    color: #ffffff;
    background: linear-gradient(#4559c7,#4559c7);
    border: 1px solid #3a4ab1;
}

.TitleMovie > ul > li > a {
    color: #9a2b6e;
    font-size: 13px;
    padding: 3px 6px;
    position:  relative;
    text-align:  center;
    font-weight:  bold;
    border-radius: 4px;
    background: #f3f3f324;
}
.TitleMovie > ul >  li:before {
    position:absolute;
    width: 1px;
    height: 4px;
    left: -13px;
    top: 10px;
    border-radius: 50%;
}

.TitleMovie > ul > li:first-child a {color: #ffffff;background: #a22f74;}

.StoryMovie {}
.StoryMovie div {
        overflow:  auto;
        font-size: 15px;
        line-height: 22px;
        font-weight: bold;
        height: 261px;
        color: #ffffff;
        margin-bottom: 15px;
        padding: 3px 5px;
        position:  relative;
        border-radius: 0 0 5px 5px;
}
.StoryMovie h2 {
    height:40px;
    color: #ffaf18;
    line-height:  40px;
    padding-left: 15px;
    text-transform:  uppercase;
    font-size: 17px;
    border-radius: 5px 5px 0 0;
}

.TitleMovie > ul > li:first-child {
}

ul.listActorsss > h2 {
    margin-bottom: 16px;
    font-size:  17px;
    border-radius: 3px;
    color: white;
    position: relative;
    text-align: center;
}

ul.listActorsss > h2 > i {position: relative;top: 2px;margin-left: 5px;}

a.ShowMore {
    font-size: 12px;
    color: #1b1b1b;
    background: #f3cb2f;
    padding:  4px 8px;
    border-radius: 5px;
    margin: 14px auto 0;
    font-weight: bold;
    display: table;
}

ul.listActorsss.active {
    height: auto;
}

.post-ratings img {
    width: 16px;
}

a.WatchButton {
    font-weight: bold;
    background: #af1919;
    color: #fff;
    font-size: 16px;
    padding: 15px 16px;
    box-shadow: 1px 3px 5px #00000087;
    width: 210px;
    text-align:  center;
    border-radius: 5px;
    display: inline-block;
    margin-top: 6px;
    float:  right;
    position:  relative;
    text-transform: capitalize;
}
span.watchTrailer {
       font-weight: bold;
       background: #f3f7f7;
       color: #2f3644;
       font-size: 16px;
       line-height: 29px;
       padding: 10px 19px;
       box-shadow: 1px 3px 5px #00000087;
       width: 100%;
       border-radius: 5px;
       display: inline-block;
       margin-top: 7px;
       position:  relative;
       text-transform: capitalize;
       font-family: 'Reem Kufi', sans-serif;
       cursor:  pointer;
}

a.WatchButton i,span.watchTrailer i {
    font-size: 18px;
    position:  absolute;
    left:  0;
    width:  44px;
    border-right: 1px solid #0003;
    top: 0;
    line-height: 52px;
}

.SectionsRelated > div {height:  initial;background: linear-gradient(#212757, #1e2350);box-shadow: 0px 6px 10px #000;border-top: 2px solid #191d44;padding-bottom: 90px;}

.SectionsRelated > div:nth-child(2n+0) {}
.CategoriesBrowse .container > h2 {
    float: left;
    margin-bottom: 14px;
    font-family: 'Reem Kufi', sans-serif;
    color: #ffffff;
}
.CategoriesBrowse .container > h2 i {
    margin-right:5px;
    color: #c13a8b;
}
a.MoreCat {
    display: block;
    float: right;
    background: linear-gradient(#ad357d, #8c2463);
    font-weight: bold;
    box-shadow: 1px 3px 5px #0000004a;
    font-size: 16px;
    padding: 5px 21px;
    border-radius: 5px;
}

.serversEmbed:after {
    content: '';
    display: block;
    clear: both;
}

h2.downloadToggleTitle {
    color: #fdfeff;
    font-size: 18px;
    margin-bottom: 10px;
    line-height:  44px;
    padding: 0px 21px;
    border-radius: 4px;
    cursor:  pointer;
    text-align: center;
    background: linear-gradient(#42BC3A,#298623,#197413);
    display: table;
    margin: 0 auto 12px;
}

a.BackToPost {
    display: block;
    width: 100px;
    height: 41px;
    px; */
    margin: 20px auto;
    background: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position:  relative;
    padding-top: 10px;
    border-bottom: 3px solid #ccc;
    border-radius: 6px;
    color: #4d2d73;
    margin: 0 auto 10px;
    z-index: 999999;
    box-shadow: 0px 1px 3px #00000096;
}

p.NoFoundSorting {
    text-align: center;
    color: white;
    font-weight: bold;
    line-height: 95px;
}

.HeaderContains .BGSliderFull {
    position: absolute;
}

.HeaderContains .BGSliderFull > span {
    opacity: .5;
}

.HeaderContains .BGSliderFull:after {
}

.Logo span.seriesLogo {
    float: left;
    transform: rotate(-70deg);
    opacity: 0;
    transition: .4s all ease;
    transform-origin: right center;
}

.Logo span.watchLogo {
    float: left;
    text-transform: lowercase;
    color: #fff;
    transform: rotate(70deg);
    opacity: 0;
    transition: .4s .1s all ease;
    transform-origin: right center;
}

.Logo em {
    font-style: normal;
    float: left;
    color: #ffd352;
    transform: translate(0px, -60px);
    transition: .4s .1s all ease;
}

header.fixed .Logo em {
}

.Logo.loaded span.seriesLogo {
    transform: rotate(0deg);
    opacity: 1;
}

.Logo.loaded em {
    transform: translate(0px, 0px);
}

.Logo.loaded span.watchLogo {
    transform: rotate(0);
    opacity: 1;
}

header.fixed .Logo * {
    transition: 0s all ease !important;
}

a.WatchButton + a.WatchButton {
    background: #fff;
    color: #2a2929;
}

.headermenu > ul > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 200px;
    background: #262626;
    padding: 8px;
    line-height:  30px;
    list-style: none;
}

.headermenu > ul > li > ul > li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-right: 7px;
    border-bottom: 1px solid #dddddd40;
}

.headermenu > ul > li:hover > ul {
    display: block;
}

ul.SeasonsList {
    float: left;
    list-style:  none;
    margin-top: 6px;
}

ul.SeasonsList > li {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
}

ul.SeasonsList > li a {
    display: block;
    padding: 7px 12px;
    color: #fff;
    background: #ffffff21;
    border-radius: 5px;
}

ul.SeasonsList > li.active > a {
    background: #e4194e;
    color: #fff;
}
.paginationTax{
    clear:both;
    display:table;
    margin:20px auto 0
}
.paginationTax>span,.paginationTax>a{
    display:inline-block;
    color:#fff;
    background: #151627;
    padding:7px 10px;
    font-size:17px;
    height:34px;
    font-weight:700;
    border-radius:3px;
    float:right;
    margin-left:5px;
}
.paginationTax>span{
    background: #2b34a9;
}
.paginationTax>a.next{
    width:65px;
    font-size:14px
}
.paginationTax>a.prev{
    width:130px;
    font-size:14px;
    padding-top:6px
}

header.fixed .Logo a {
}

header.fixed .Logo a span.watchLogo {
}

header.fixed .Logo a em {
}

.headermenu>ul>li {
    border-left: 1px solid #00000063;
}

header.fixed .headermenu>ul>li a {
}

.TitleOverlay > ul > li.genre {
    float: left;
}


.letterDrop {
  position: relative;
  display: inline-block;
  opacity: 0.8;
  transform: translateY(-100px);
  animation: letterDrop 1.2s ease 1 normal forwards;
  float:  left;
  color: #ffffff;
  text-shadow: 0 2px #00000047;
}

@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: 0px;
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        top: 29px;
        transform: translateY(0);
    }
}


.Logo h1 {
    font-size: 37px;
    line-height: 1px;
    margin-top: 2px;
}

a.GenresBTN {
    display: block;
    float: right;
    background: #1d1c1c;
    width: 150px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: -1px;
}

a.GenresBTN > i {
    font-size:  21px;
    position: relative;
    top: 2px;
    margin-left: 4px;
}

.GenresListMain {
    padding: 10px;
    position:  fixed;
    top: 0;
    width: 300px;
    height:  100%;
    z-index:  999999999999;
    left: 0;
    background: linear-gradient(#7b3faa,#1b1227);
    overflow:  auto;
    box-shadow: 3px 0px 5px #00000063;
    transition:  .5s ease;
    transform: translateX(-100%);
    }
    .GenresListMain.active {
        transform:translateX(0)
    }
    .overlay {
        position:fixed;
        width:100%;
        top:0;
        bottom:0;
        left:0;
        right:0;
        height:100%;
        z-index:9999999;
        cursor:pointer;
        background:#000000cf;
        transition:.45s ease;
        visibility:hidden;
        opacity:0
    }
     .overlay.active {
         visibility:visible;
         opacity:1
     }
.GenresListMain h2 {
    padding:10px;
    color: #fff;
    width:1200px;
    margin:auto;
}
.GenresListMain h2 i {
    margin-left:10px;
    color:#ffda44
}
.GenresListMain > .GenresList > .item > a i {font-size: 15px;display: block;margin-top: 1px;color: #d0d0cf;float: left;margin-right: 10px;}
.GenresListMain > .GenresList > .item > a {
    display: block;
    margin: 3px 2px;
    padding: 5px 10px;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px solid #00000038;
}
.GenresListMain > .GenresList > .item > a:hover {
    background: #582e7a;
}

.GenresListMain.active {
    transform: translate(0, 0px);
    visibility: visible;
    opacity: 1;
}



.RecentHome:after {
    content: '';
    display: block;
    clear: both;
}

.BGSliderFullSingle {
    position:  absolute;
    background: linear-gradient(#ffffff, #b1b0b0);
    top: 0;
    right: 0;
    width:  100%;
    height: 726px;
    z-index: -1;
}
.BGSliderFullSingle:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:url(./Inc/img/topS.png) no-repeat;
    background-size:100%;
    top: 107px;
    right:0;
    z-index: -2;
}
.BGSliderFullSingle:after {
    position:absolute;
    content:'';
    width:100%;
    height: 23%;
    background: url(./Inc/img/bottom1.png) no-repeat;
    background-size: 100%;
    top: 556px;
    right:0;
    z-index:5;
}
.BGSliderFullSingle > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:  100%;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 65% 20%;
}

.ButtonsSingle {
    text-align: center;
    display: block;
    position: relative;
    margin:  auto;
}
.ButtonsSingle a {
    display: block;
    width: 210px;
    margin:  auto;
    font-size: 14px;
    overflow:  hidden;
    margin-top: 5px;
    float:  inherit;
    padding: 9px 16px;
}
.ButtonsSingle a i {
    line-height: 40px;
}
.BGSliderFullSingle > span:after {
    content: '';
    position: absolute;
    top: 0;
    right:  0;
    height: 100%;
    width: 100%;
    background: #141415c4;
}

ul.listActorsss > h2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 12px;
    width: 250px;
    height: 2px;
    background: white;
}
ul.listActorsss > h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 250px;
    height: 2px;
    background: #ffffff;
}
.downloadsList>li {list-style: none;display: inline-block;width: 227px;margin-bottom: 10px;max-width: 100%;overflow:  hidden;padding-left: 59px;border-radius: 4px;background: #34970b;height: 60px;text-align:  left;position:  relative;direction: ltr;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.21);}

div.advFixedRight,
div.advFixedLeft {
    position: absolute;
    
}
i.down {
    display: none
}
div.advFixedLeft {
    left: 0%;
}
.TitleHome {
    padding: 0 10px;
    position:  relative;
}

.titleArc
{
    border:  0;
    height:  initial;
    padding:  13px;
    margin-bottom:  15px;
    box-shadow: 0 0;
    z-index: 9;
}

/* all tabs in single */
.all-tabs {
    position:relative;
    background: linear-gradient(#353d7b, #353d7b);
    margin-top: 113px;
    z-index: 9;
}

.all-tabs  >div {
    width:1200px
}
.all-tabs ul li {
    display:inline-block;
    list-style:none;
    line-height: 40px;
    margin-top: 13px;
    font-weight:  bold;
    color: #ffffff;
    padding:  0 12px;
    border-right: 1px solid #0f0d0d38;
    cursor:  pointer;
}
.all-tabs ul li.active {
    color: #dfdfdf;
    background: linear-gradient(#a73279, #84215c);
    border-radius: 8px;
}
.all-tabs ul li i {
    margin-right: 10px;
}

.tab-body {
    position:relative;
    z-index: 9;
    padding: 10px 0px;
    min-height: 230px;
    background: linear-gradient(#353d7b, #212756);
}
.tab-body:before {
    content: '';
    /* position: absolute; */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    filter: blur(14px);
    transform: scaleX(1.1);
}
.tab-body > div , .SectionsRelated .container {
    width: 1200px;
}
.tab-body > div > div {
    display: none;
    padding:10px
}
#seasons ul li {
    display:inline-block;
    width:250px;
    height:300px;
    border: 3px solid #fff;
    border-radius: 6px;
}
#seasons ul li a {
    position:relative;
    display:block;
    height:100%;
    overflow:hidden
}
#seasons ul li a:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:linear-gradient(transparent,#000);
    z-index:8
}
#seasons ul li h2 {
    position:absolute;
    bottom:0px;
    width:100%;
    text-align:center;
    padding:10px;
    font-size: 17px;
    color: #ffffff;
    z-index:9;
    transition:.45s ease;
}
#seasons ul li a:hover h2 {
    color:#fff;

}
#seasons ul li img {
  width:100%;
  height:100%;
  transition:.45s ease
}
#seasons ul li a:hover img {
    transform:scale(1.2)
}
#info {
    display: block;
}
#comments > div {
    background:#fff
}
#disqus_thread {
    padding:20px;
    height: 350px;
}

#info ul {
    list-style:none;
    overflow:hidden
}
#info ul li {
    width: 49.5%;
    float: left;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    overflow: hidden;
    height: 44px;
    background: #ffffff0f;
    margin-bottom: 4px;
    font-size: 16px;
    color: #e08cbf;
    font-family: 'Reem Kufi', sans-serif;
    text-transform: capitalize;
    box-shadow: 0px 0px 2px #00000094;
}

#info ul li span {
    color: #ffffff;
    display:  inline-block;
    font-size: 14px;
    padding: 2px 6px;
    font-family: tahoma;
}
#info ul li a {
    background: #ffffff1f;
    margin-right:  4px;
    display:  inline-block;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 0px 2px 3px #0000005e;
}
#info ul li a:hover span {
    color:#f7cf73
}
#info ul li:nth-child(odd){
    margin-right: .5%;
}
#info ul li.cast ,
#info ul li:last-child{
    width:99.5%;
    margin-left:0
}

#info ul li.FullTa {
    height:initial
}

/* footer honycomb */
.profile {
    padding:20px 0;
    text-align:center
}
.profile > h2 {
    padding:10px;
    text-transform: uppercase;
    color: #ffffff;
    transition: .45s;
    position:  relative;
    z-index: 999;
}

.registeration {
    width: 444px;
    margin: 44px auto;
    padding: 22px 22px 44px;
    background: #353a78;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.77);
    border-radius: 10px;
    position:  relative;
    z-index: 9;
}
span.notice {
    background:#fc0;
    padding:  4px;
    display:  block;
    text-align:  center;
    font-weight:  bold;
    margin-bottom: 12px;
    text-transform:  capitalize;
}
ul.tabs li {
    display:inline-block;
    cursor:  pointer;
    color:  #fff;
    background: #6f42a5;
    width: 195px;
    padding: 7px;
    font-size:  13px;
    font-weight:  bold;
    text-transform:  uppercase;
}
ul.tabs li.active,ul.tabs li:hover {
      background: #a63177;
}

#confirmRegist {
    display:none
}
#confirmRegist >  p {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight:  bold;
    background: #0000006e;
    padding: 8px;
}
.registeration h2 {
    color: #e3e3e3;
    text-transform: uppercase;
    text-align:center;
    margin-bottom: 6px;
}
.registeration label {
        color: #efeeea;
        display:block;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight:  bold;
        text-transform:  uppercase;
}

.registeration input {
        font-size: 17px;
        width: 100%;
        padding: 7px;
        margin: 2px 6px 16px 0;
        border-radius:  4px;
        border: 0;
}
#confirmRegist input {
    background: #ffffff;
    margin-top: 10px;
    color: #353a78;
    text-transform:  uppercase;
    font-weight:  bold;
}
.registeration button {
        background: #a53177;
        border: 0;
        text-shadow: 0 0;
        box-shadow: 0 1px 3px #000000b0;
        display:inline-block;
        padding:10px;
        color:#fff;
        font-size: 14px;
        font-weight:  bold;
        cursor:  pointer;
        text-transform:  uppercase;
        border-radius: 4px;
}
.registeration button:hover {
    background: #8a2d64;
}
.errorPass {
    background: #a83279;
    display:block;
    margin-bottom: 10px;
    padding: 8px;
    color: #fff;
    display:  none;
    font-size:  14px;
    text-transform:  uppercase;
}
#message,.alert-success {
        width: 429px;
        margin:10px  auto;
        background: #ff5252;
        position: relative;
        top: 29px;
        padding:  10px;
        color: #fff;
        font-weight:  bold;
        font-family: 'Reem Kufi', sans-serif;
}
.alert-success {
    background:#00ff74;
}

.allFavs > h2 {
    text-align:center;
    color: #5f5d61;
    text-transform:  capitalize;
}
.SectionsRelated{
}
.SectionsRelated > div:nth-child(2n+0):after{
    content:'';
    position:absolute;
    bottom:0;
    left: 0;
    height: 240px;
    z-index: -1;
    width: 100%;
    background-image: url(./Inc/img/topS.png);
    background-repeat-y: no-repeat;
    transform: rotate(180deg);
}
.socialFooter {
    position:relative;
    z-index:9;
    background: #4d2d74;
    height: 51px;
    overflow:  hidden;
}
.socialFooter a {
    display:inline-block;
    width: 34px;
    height: 34px;
    background: #ffffff3b;
    text-align:center;
    padding-top: 8px;
    margin-top: 8px;
    color:  #fff;
    border-radius: 3px;
}
.socialFooter a:nth-child(1) {background:#3b5999}
.socialFooter a:nth-child(2) {background:#55acee}
.socialFooter a:nth-child(3) {background:#cd201f}
.socialFooter a:nth-child(4) {background:#dd4b39}
.socialFooter a  i:before {
    font-family:'fontAwesome';
    font-weight:normal;
    
}
.footerMenu {
    height:50px;
    position: relative;
    background: linear-gradient(#613d8e, #503078);
    border-top: 1px solid #ffffff0f;
    border-bottom: 1px solid #ffffff0f;
}
.footerMenu ul {
    line-height:50px;
   o
}
.footerMenu ul li {
    display:inline-block;
    float:left;
    padding:0 10px;
    border-right: 1px solid #00000057;
}


.page {
    padding:20px 0;
    text-align:center;
    position:relative;
    background: #353d7b;
}
.page:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: url(./Inc/img/topS.png) no-repeat;
        background-size: 100%;
        top: 0;
        right: 0;
        z-index: 5;
}
.page:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(./Inc/img/topS.png) no-repeat;
    background-size: 100%;
    bottom: 0;
    right: 0;
    z-index: 5;
    transform:rotate(180deg)
}
.page h2 {
    padding:10px;
    color: #ffffff;
    text-transform: uppercase;
    position:relative;
    z-index:9
}
.pageInfo h2 {
    font-size: 29px;
    position: relative;
    top: 24px;
    text-shadow: 0 0 9px #000;
}
.page div.image {
}
.page img {
    width:100%;
    height: 100%;
}
.page p {
    margin:20px;
    color: #d4cccc;
    font-weight:  bold;
    text-transform:  uppercase;
    font-size: 15px;
    line-height: 29px;
    position:relative;
    z-index:9
}

.page .form {
    text-align:left;
}
.page  label {
    padding: 10px;
    color: #ffffff;
    text-transform: capitalize;
    margin-left:10px;
    text-align:  left;
    float:  left;
    display:  inline-block;
    width: 200px;
    font-weight:  bold;
    position:  relative;
    z-index: 9;
}
.page  input,.page  textarea {
    margin-right: 20px;
    width: calc(100% - 258px);
    height:40px;
    background: #0000004d;
    border:0;
    border-radius:5px;
    color: #ffffff;
    padding-left: 10px;
    position: relative;
    top: -13px;
    position:  relative;
    z-index: 9;
}
.page  textarea {
    height:140px;
    padding:10px
}
.page  input[type=submit] {
    background: #ffffff;
    color: #000;
    font-weight:bold;
    margin-left: 211px;
    margin-top: 15px;
    text-transform:  uppercase;
}
.watchLater {
    position:fixed;
    width:300px;
    bottom:0;
    z-index: 999999999999999;
    max-height: 600px;
    overflow:  auto;
    right:calc(50% - 150px);
    transition:  .45s ease;
    transform: translateY(calc(100% - 50px));
}
.watchLater.active {
    transform:translate(0)
}
.watchLater h2 span {
    background: linear-gradient(#f2f1f5,#d8d5da);
    display:block;
    text-align: center;
    color: #694098;
    cursor:  pointer;
    height: 50px;
    padding-top: 9px;
    border-radius: 20px 20px 0 0;
    border: 3px solid #e1e1e1;
    border-bottom: 0;
}
.watchLater .allBlocks {
    background: #1f1f1f;
    padding:10px;
    overflow:hidden;
}
.watchLater .allBlocks > div {
    width:calc(50% - 10px);
    float:right;
    height: 130px;
    position:relative;
    overflow:hidden;
    border: 3px solid #ffffff;
    border-radius: 3px;
    margin: 5px;
}
.watchLater .allBlocks div span {
    position:absolute;
    width:30px;
    height:30px;
    top:calc(50% - 15px);
    right:calc(50% - 15px);
    text-align:center;
    background: #ffffffdb;
    border-radius:50%;
    padding-top:9px;
    color:  black;
    font-size:11px;
    transition:.35s ease;
}
.watchLater .allBlocks div:hover span {
    transform:translateY(-30px)
}
.watchLater .allBlocks div h2 {
    position:absolute;
    font-size:12px;
    bottom:0;
    padding:40px 4px 4px 4px;
    text-align:center;
    background:linear-gradient(#2222220d,#000);
    transform:translateY(100%);
    transition:.35s ease
}
.watchLater .allBlocks div:hover h2  {
    transform:translateY(0)
}
.watchLater .allBlocks div div.image {
    width: 100%;
}
.watchLater .allBlocks div img {
    width:100%;
    height: 125px;
}

.watchLater .allBlocks div p {
    position:absolute;
    width:20px;
    height:20px;
    background: #e31f1f;
    z-index:999;
    left:  3px;
    text-align:  center;
    top: 3px;
    cursor:  pointer;
    /* opacity:  0; */
    transition:  .35s ease;
    color: #fff;
}
.watchLater .allBlocks div:hover p {
    opacity:1
}

.likeBox {
    position:absolute;
    bottom:10px;
    width: calc(100% - 460px);
    left: 230px;
    text-align:  right;
    z-index:  9999999;
    padding: 12px 20px;
}

span.like {
    color: #4b72ff;
    float:right;
    margin-right: 5px;
    margin-left: 5px;
    cursor:pointer;
    padding:  5px;
    background:  #fff;
    border-radius: 5px;
    transition:.35s ease-in-out;

}

span.dislike {
    color:#c81c1c;
    cursor:pointer;
    padding: 5px;
    display:  inline-block;
    background: #fff;
    border-radius: 5px;
    transition:.35s ease-in-out;
    float:right

}
.numLikes {
    float:right
}
.numDisLikes , .numLikes {
    color:#fff;
    padding:0 10px;
    display:inline-block;
    min-width:40px
}
span.like:hover,span.dislike:hover {
    background:#ddd
}
.adminMsg {

    padding: 5px;
    background: #bc1fdb;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;

}
.MovieBlock .myFavorite , .item .myFavorite {
    position:absolute;
    z-index:99999;
    width: 100px;
    top: 216px;
    right: calc(50% - 50px);
    padding: 4px 53px;
    text-align: center;
    color: #000;
}
 .item .myFavorite  i {
     margin-right:3px
 }
 .MovieBlock .myFavorite i  , .item .myFavorite i  {
     width: 30px;
     font-size: 13px;
     line-height: 30px;
 }
.MovieBlock  .removeFav,.item  .removeFav {
        position:absolute;
        z-index:99999;
        width: 100px;
        top: 39px;
        right: 5px;
        padding: 4px;
        text-align:  center;
        padding-left: 44px;
}
.MovieBlock .myFavorite i {
}

span.wpcf7-not-valid-tip {
    color:#fff
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ffffff29;
    color: #fff;
}
span.note {
    color: #fff;
    background: linear-gradient(#c23288, #a81b71);
    font-size: 12px;
    display: block;
    padding: 5px;
    margin: 10px auto;
    border-radius: 4px;
    text-transform: capitalize;
    text-align: center;
}
.registerForm {
    position:fixed;
    width:100%;
    height:100%;
    z-index:999999999999999999999999999999999;
    overflow:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000000c2;
    text-align:  center;
    visibility:hidden;
    opacity:0;
    transition:.4s
}
.trailer {
    position:fixed;
    width:100%;
    height:100%;
    z-index:999999999999999999999999999999999;
    top:0;
    left:0;
    background:#000000d9;
    visibility:hidden;
    opacity:0;
    transition:.45s ease-in-out
}
.trailer.active {
    opacity:1;
    visibility:visible
}
.trailer div {
    width: 800px;
    height:500px;
    position:absolute;
    top:calc(50% - 250px);
    left:calc(50% - 400px);
    background:#ffffff73;
    border:5px solid #fff
}
.trailer div iframe {
    width:100%;
    height:100%;
    display:block
}

.registerForm.active {
    visibility:visible;
    opacity:1
}
.registerForm .mustRegister {
   width: 475px;
   margin: 44px auto;
   padding: 22px 22px 44px;
   background: linear-gradient(#54327d, #412563);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.77);
   border-radius: 10px;
   transition: 0s ease;
   transform:translateY(-500px);
   transition-delay:0s
}
.registerForm .mustRegister.active {
    transition:.45s ease-in-out;
    transition-delay:.4s;
    transform: translate(0);
}
.registerForm .mustRegister p {
    color: #d4d3d3;
    font-weight: bold;
    text-transform:uppercase;
    margin-bottom: 30px;
    margin-top: 4px;
    font-size: 14px;
    padding: 13px 0;
    background: #3d235d;
}

.registerForm .mustRegister a {
    background:#a63177;
    display:inline-block;
    width:150px;
    height:40px;
    text-align:center;
    line-height:40px
}

/*
 //////////////////////////////////////////////////
 //////main header
 ////////////////////////////////////////////
*/

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1216px 288px #FFF , 206px 646px #FFF , 391px 1785px #FFF , 1340px 1612px #FFF , 726px 1722px #FFF , 299px 1349px #FFF , 1191px 1017px #FFF , 792px 827px #FFF , 1921px 293px #FFF , 390px 1007px #FFF , 799px 1073px #FFF , 590px 133px #FFF , 563px 1790px #FFF , 1103px 491px #FFF , 1765px 539px #FFF , 1956px 1836px #FFF , 1132px 449px #FFF , 1822px 308px #FFF , 1226px 1640px #FFF , 453px 1179px #FFF , 1313px 1048px #FFF , 1233px 1265px #FFF , 1127px 1360px #FFF , 295px 1800px #FFF , 215px 602px #FFF , 226px 722px #FFF , 361px 415px #FFF , 1245px 144px #FFF , 621px 1027px #FFF , 1841px 1125px #FFF , 1969px 178px #FFF , 535px 1702px #FFF , 406px 834px #FFF , 493px 321px #FFF , 1200px 1905px #FFF , 1130px 40px #FFF , 465px 1892px #FFF , 1824px 787px #FFF , 1859px 972px #FFF , 1910px 1517px #FFF , 821px 1193px #FFF , 1901px 1291px #FFF , 328px 573px #FFF , 10px 655px #FFF , 1619px 946px #FFF , 1622px 675px #FFF , 84px 1074px #FFF , 1791px 1751px #FFF , 481px 1653px #FFF , 334px 1938px #FFF , 820px 1064px #FFF , 1371px 901px #FFF , 1782px 627px #FFF , 1984px 130px #FFF , 1606px 1210px #FFF , 1101px 320px #FFF , 1405px 1899px #FFF , 44px 1507px #FFF , 249px 1539px #FFF , 978px 1926px #FFF , 1859px 1800px #FFF , 372px 1863px #FFF , 248px 733px #FFF , 448px 1584px #FFF , 592px 449px #FFF , 603px 386px #FFF , 1635px 394px #FFF , 1366px 1554px #FFF , 353px 520px #FFF , 1813px 1442px #FFF , 1185px 1551px #FFF , 988px 1778px #FFF , 966px 839px #FFF , 554px 1642px #FFF , 660px 638px #FFF , 356px 345px #FFF , 20px 312px #FFF , 387px 1316px #FFF , 1338px 1612px #FFF , 1941px 290px #FFF , 1706px 1270px #FFF , 794px 1594px #FFF , 1988px 2px #FFF , 26px 695px #FFF , 923px 1952px #FFF , 457px 1800px #FFF , 1325px 1185px #FFF , 1796px 562px #FFF , 1525px 641px #FFF , 1986px 236px #FFF , 236px 532px #FFF , 1360px 1751px #FFF , 689px 763px #FFF , 751px 317px #FFF , 523px 173px #FFF , 818px 574px #FFF , 551px 332px #FFF , 969px 740px #FFF , 573px 92px #FFF , 1765px 274px #FFF , 177px 1017px #FFF , 1365px 1125px #FFF , 1496px 199px #FFF , 164px 1612px #FFF , 1236px 1028px #FFF , 1708px 1881px #FFF , 791px 1967px #FFF , 1751px 1198px #FFF , 1970px 1362px #FFF , 784px 1411px #FFF , 718px 1166px #FFF , 1867px 1464px #FFF , 843px 1561px #FFF , 1876px 211px #FFF , 1351px 1498px #FFF , 788px 958px #FFF , 949px 366px #FFF , 1406px 1184px #FFF , 35px 274px #FFF , 693px 1518px #FFF , 151px 1693px #FFF , 1496px 1621px #FFF , 1328px 1101px #FFF , 829px 933px #FFF , 1460px 1682px #FFF , 576px 1084px #FFF , 212px 1275px #FFF , 116px 489px #FFF , 1467px 761px #FFF , 1365px 644px #FFF , 1551px 666px #FFF , 371px 1223px #FFF , 1849px 774px #FFF , 1783px 1099px #FFF , 1785px 43px #FFF , 1377px 1544px #FFF , 494px 447px #FFF , 1712px 518px #FFF , 539px 470px #FFF , 1652px 1616px #FFF , 1111px 1745px #FFF , 876px 1795px #FFF , 389px 1193px #FFF , 529px 65px #FFF , 602px 618px #FFF , 1307px 574px #FFF , 1432px 1072px #FFF , 1369px 1576px #FFF , 913px 943px #FFF , 534px 460px #FFF , 765px 607px #FFF , 384px 244px #FFF , 424px 1084px #FFF , 477px 1065px #FFF , 845px 195px #FFF , 982px 70px #FFF , 1872px 137px #FFF , 1590px 957px #FFF , 138px 1722px #FFF , 1349px 1399px #FFF , 18px 822px #FFF , 1678px 1058px #FFF , 1512px 1541px #FFF , 818px 1520px #FFF , 1501px 895px #FFF , 964px 979px #FFF , 823px 368px #FFF , 952px 1211px #FFF , 287px 1932px #FFF , 450px 954px #FFF , 1941px 630px #FFF , 609px 562px #FFF , 681px 1741px #FFF , 419px 1755px #FFF , 1354px 491px #FFF , 475px 1758px #FFF , 1826px 1003px #FFF , 572px 1553px #FFF , 547px 906px #FFF , 575px 1081px #FFF , 89px 266px #FFF , 782px 1573px #FFF , 567px 1272px #FFF , 883px 1603px #FFF , 11px 1282px #FFF , 1619px 281px #FFF , 1958px 1177px #FFF , 495px 624px #FFF , 573px 96px #FFF , 844px 1925px #FFF , 1786px 7px #FFF , 883px 1309px #FFF , 1439px 391px #FFF , 1552px 1645px #FFF , 1787px 1404px #FFF , 915px 649px #FFF , 85px 1979px #FFF , 1841px 809px #FFF , 101px 1206px #FFF , 542px 532px #FFF , 52px 676px #FFF , 608px 737px #FFF , 947px 1545px #FFF , 1187px 1988px #FFF , 1633px 1021px #FFF , 286px 920px #FFF , 1594px 1448px #FFF , 135px 1356px #FFF , 734px 40px #FFF , 428px 622px #FFF , 1364px 227px #FFF , 962px 949px #FFF , 1801px 1509px #FFF , 284px 1797px #FFF , 1411px 962px #FFF , 1698px 808px #FFF , 1456px 472px #FFF , 1988px 557px #FFF , 1620px 65px #FFF , 1924px 815px #FFF , 1892px 1341px #FFF , 644px 1382px #FFF , 1383px 1577px #FFF , 595px 1957px #FFF , 87px 1384px #FFF , 350px 1897px #FFF , 1857px 488px #FFF , 1635px 708px #FFF , 1720px 509px #FFF , 731px 140px #FFF , 938px 461px #FFF , 146px 1948px #FFF , 1946px 723px #FFF , 840px 435px #FFF , 1671px 1141px #FFF , 898px 117px #FFF , 1916px 1568px #FFF , 1907px 772px #FFF , 81px 793px #FFF , 1467px 1149px #FFF , 609px 1635px #FFF , 417px 1668px #FFF , 1687px 379px #FFF , 308px 664px #FFF , 1766px 1938px #FFF , 94px 1200px #FFF , 1290px 1063px #FFF , 1476px 1632px #FFF , 1189px 1919px #FFF , 598px 720px #FFF , 873px 1515px #FFF , 449px 342px #FFF , 1383px 1732px #FFF , 1855px 500px #FFF , 1589px 1219px #FFF , 566px 1030px #FFF , 1424px 390px #FFF , 162px 973px #FFF , 1744px 469px #FFF , 948px 153px #FFF , 205px 292px #FFF , 531px 1902px #FFF , 1800px 289px #FFF , 1806px 435px #FFF , 1614px 198px #FFF , 1807px 407px #FFF , 1669px 1373px #FFF , 238px 1257px #FFF , 1033px 352px #FFF , 1817px 1757px #FFF , 116px 1946px #FFF , 669px 330px #FFF , 1708px 655px #FFF , 1946px 1714px #FFF , 1600px 884px #FFF , 989px 1131px #FFF , 179px 1305px #FFF , 366px 1972px #FFF , 1890px 1649px #FFF , 1482px 39px #FFF , 392px 62px #FFF , 1637px 1257px #FFF , 4px 348px #FFF , 192px 258px #FFF , 1454px 1399px #FFF , 1206px 1843px #FFF , 1337px 1455px #FFF , 1306px 1610px #FFF , 194px 928px #FFF , 442px 1791px #FFF , 937px 242px #FFF , 1183px 11px #FFF , 863px 1736px #FFF , 761px 1921px #FFF , 1188px 413px #FFF , 1967px 92px #FFF , 1869px 560px #FFF , 1308px 1965px #FFF , 1061px 1589px #FFF , 767px 1490px #FFF , 1754px 1675px #FFF , 460px 502px #FFF , 1918px 1189px #FFF , 1043px 1177px #FFF , 158px 815px #FFF , 1688px 1389px #FFF , 993px 366px #FFF , 1939px 1680px #FFF , 1195px 1689px #FFF , 965px 1642px #FFF , 75px 30px #FFF , 695px 1264px #FFF , 1099px 468px #FFF , 849px 1770px #FFF , 1546px 1996px #FFF , 250px 153px #FFF , 1929px 916px #FFF , 862px 303px #FFF , 676px 1614px #FFF , 1819px 127px #FFF , 1449px 1625px #FFF , 149px 105px #FFF , 799px 860px #FFF , 1906px 1314px #FFF , 1930px 1815px #FFF , 1439px 1599px #FFF , 144px 1235px #FFF , 994px 1882px #FFF , 1279px 673px #FFF , 966px 420px #FFF , 1011px 605px #FFF , 1481px 1549px #FFF , 1816px 215px #FFF , 915px 546px #FFF , 996px 336px #FFF , 146px 577px #FFF , 1255px 119px #FFF , 916px 1064px #FFF , 78px 49px #FFF , 443px 1281px #FFF , 545px 668px #FFF , 1502px 686px #FFF , 1430px 226px #FFF , 496px 818px #FFF , 219px 892px #FFF , 1531px 53px #FFF , 504px 1211px #FFF , 178px 1396px #FFF , 792px 1263px #FFF , 1234px 1443px #FFF , 1847px 1054px #FFF , 373px 1340px #FFF , 702px 861px #FFF , 980px 438px #FFF , 1834px 1411px #FFF , 1048px 1585px #FFF , 1983px 1627px #FFF , 1823px 1200px #FFF , 1724px 1085px #FFF , 143px 284px #FFF , 1075px 1113px #FFF , 72px 1250px #FFF , 1936px 1731px #FFF , 318px 960px #FFF , 1858px 819px #FFF , 713px 503px #FFF , 208px 1749px #FFF , 1322px 588px #FFF , 25px 1091px #FFF , 1679px 1970px #FFF , 1801px 1478px #FFF , 177px 532px #FFF , 684px 1183px #FFF , 1784px 954px #FFF , 1526px 397px #FFF , 836px 1771px #FFF , 294px 291px #FFF , 66px 712px #FFF , 621px 563px #FFF , 227px 1024px #FFF , 1411px 1147px #FFF , 1535px 1845px #FFF , 1163px 1379px #FFF , 1513px 1937px #FFF , 615px 1432px #FFF , 495px 1820px #FFF , 1158px 515px #FFF , 805px 394px #FFF , 1683px 1088px #FFF , 1647px 1352px #FFF , 1054px 99px #FFF , 1755px 1913px #FFF , 1214px 1781px #FFF , 1102px 998px #FFF , 980px 1739px #FFF , 1923px 1814px #FFF , 380px 777px #FFF , 1391px 793px #FFF , 1729px 636px #FFF , 1564px 1158px #FFF , 1487px 1834px #FFF , 1697px 1645px #FFF , 279px 1674px #FFF , 1010px 282px #FFF , 1950px 880px #FFF , 565px 1552px #FFF , 45px 531px #FFF , 633px 1441px #FFF , 688px 345px #FFF , 113px 102px #FFF , 1008px 394px #FFF , 1249px 881px #FFF , 483px 1180px #FFF , 428px 299px #FFF , 902px 369px #FFF , 622px 1263px #FFF , 1080px 1558px #FFF , 1759px 275px #FFF , 52px 1758px #FFF , 162px 221px #FFF , 1718px 218px #FFF , 714px 243px #FFF , 1797px 1392px #FFF , 188px 918px #FFF , 1817px 474px #FFF , 19px 1088px #FFF , 195px 1418px #FFF , 1730px 1374px #FFF , 726px 1103px #FFF , 1719px 1485px #FFF , 310px 456px #FFF , 536px 1336px #FFF , 678px 1091px #FFF , 1652px 726px #FFF , 678px 1102px #FFF , 1716px 664px #FFF , 264px 1724px #FFF , 315px 1584px #FFF , 1473px 1900px #FFF , 1675px 1945px #FFF , 631px 1007px #FFF , 663px 130px #FFF , 428px 150px #FFF , 562px 60px #FFF , 1134px 1358px #FFF , 1891px 361px #FFF , 544px 394px #FFF , 260px 1557px #FFF , 1118px 1757px #FFF , 347px 1641px #FFF , 1425px 1569px #FFF , 1170px 647px #FFF , 1988px 26px #FFF , 308px 1167px #FFF , 900px 1281px #FFF , 607px 1168px #FFF , 952px 780px #FFF , 254px 844px #FFF , 215px 1407px #FFF , 648px 1309px #FFF , 1946px 1952px #FFF , 1856px 229px #FFF , 1154px 1663px #FFF , 1173px 1311px #FFF , 1784px 650px #FFF , 391px 854px #FFF , 1153px 997px #FFF , 1248px 842px #FFF , 1571px 1841px #FFF , 1707px 337px #FFF , 211px 356px #FFF , 925px 664px #FFF , 11px 805px #FFF , 258px 671px #FFF , 965px 335px #FFF , 1292px 1583px #FFF , 999px 1004px #FFF , 1471px 136px #FFF , 1117px 1490px #FFF , 1363px 1413px #FFF , 1668px 1926px #FFF , 1801px 1960px #FFF , 951px 343px #FFF , 1987px 450px #FFF , 365px 1948px #FFF , 1288px 13px #FFF , 1620px 240px #FFF , 1081px 425px #FFF , 524px 1381px #FFF , 1980px 1064px #FFF , 1194px 14px #FFF , 693px 202px #FFF , 580px 208px #FFF , 1992px 1192px #FFF , 516px 789px #FFF , 1235px 1820px #FFF , 1143px 724px #FFF , 1762px 1483px #FFF , 666px 22px #FFF , 1516px 702px #FFF , 1970px 701px #FFF , 826px 616px #FFF , 437px 331px #FFF , 1691px 1977px #FFF , 1px 841px #FFF , 1567px 28px #FFF , 1616px 1392px #FFF , 916px 777px #FFF , 729px 1314px #FFF , 1018px 1801px #FFF , 795px 596px #FFF , 1025px 354px #FFF , 1103px 556px #FFF , 1782px 1289px #FFF , 466px 383px #FFF , 236px 1861px #FFF , 835px 221px #FFF , 1018px 381px #FFF , 1572px 287px #FFF , 1321px 1002px #FFF , 1807px 844px #FFF , 1161px 653px #FFF , 816px 426px #FFF , 913px 1531px #FFF , 1552px 44px #FFF , 1749px 1914px #FFF , 1001px 1656px #FFF , 299px 234px #FFF , 143px 333px #FFF , 1934px 1121px #FFF , 988px 62px #FFF , 686px 153px #FFF , 228px 926px #FFF , 67px 1018px #FFF , 434px 55px #FFF , 971px 1117px #FFF , 994px 939px #FFF , 1569px 1496px #FFF , 539px 1697px #FFF , 1718px 1821px #FFF , 1010px 1589px #FFF , 1018px 1708px #FFF , 1496px 394px #FFF , 630px 1255px #FFF , 1337px 749px #FFF , 328px 1292px #FFF , 2000px 745px #FFF , 136px 352px #FFF , 55px 1603px #FFF , 1705px 1761px #FFF , 58px 147px #FFF , 1754px 1026px #FFF , 930px 217px #FFF , 861px 1660px #FFF , 1155px 761px #FFF , 1550px 1497px #FFF , 1395px 1541px #FFF , 1943px 1308px #FFF , 1019px 110px #FFF , 34px 21px #FFF , 1288px 1021px #FFF , 1313px 1211px #FFF , 1412px 675px #FFF , 801px 578px #FFF , 841px 466px #FFF , 938px 198px #FFF , 224px 445px #FFF , 976px 1420px #FFF , 510px 227px #FFF , 526px 485px #FFF , 1861px 382px #FFF , 920px 1079px #FFF , 884px 968px #FFF , 1109px 724px #FFF , 318px 73px #FFF , 1415px 1171px #FFF , 541px 534px #FFF , 1529px 1905px #FFF , 977px 596px #FFF , 1251px 1109px #FFF , 1422px 1105px #FFF , 57px 938px #FFF , 457px 964px #FFF , 1851px 953px #FFF , 239px 330px #FFF , 1279px 346px #FFF , 416px 1925px #FFF , 1708px 1875px #FFF , 1524px 1785px #FFF , 498px 274px #FFF , 1463px 1409px #FFF , 268px 245px #FFF , 929px 1757px #FFF , 446px 1963px #FFF , 1335px 1536px #FFF , 697px 633px #FFF , 849px 1805px #FFF , 1613px 186px #FFF , 325px 13px #FFF , 878px 143px #FFF , 805px 1191px #FFF , 186px 1455px #FFF , 570px 562px #FFF , 56px 41px #FFF , 651px 1610px #FFF , 1290px 518px #FFF , 97px 1517px #FFF , 10px 323px #FFF , 1102px 798px #FFF , 1250px 920px #FFF , 684px 1434px #FFF , 860px 931px #FFF , 42px 1890px #FFF , 907px 197px #FFF , 29px 1924px #FFF , 48px 1171px #FFF , 886px 1487px #FFF , 1862px 407px #FFF , 1644px 1127px #FFF , 520px 1145px #FFF , 65px 1626px #FFF , 1155px 244px #FFF , 484px 1758px #FFF , 1892px 1260px #FFF , 199px 734px #FFF , 1565px 399px #FFF , 1570px 1383px #FFF , 1971px 1629px #FFF , 1324px 547px #FFF , 177px 947px #FFF , 403px 1747px #FFF , 396px 1896px #FFF , 72px 218px #FFF , 1108px 932px #FFF , 521px 712px #FFF , 1786px 1138px #FFF , 1364px 1393px #FFF , 1950px 1040px #FFF , 1457px 1632px #FFF , 154px 896px #FFF , 468px 1535px #FFF , 1486px 1423px #FFF , 18px 46px #FFF , 1339px 1194px #FFF , 775px 527px #FFF , 1790px 1641px #FFF , 1897px 516px #FFF , 1789px 600px #FFF , 590px 102px #FFF , 448px 1055px #FFF , 454px 1138px #FFF , 1703px 1129px #FFF , 1786px 1607px #FFF , 831px 1625px #FFF , 1155px 1317px #FFF , 816px 1911px #FFF , 651px 507px #FFF , 1168px 1854px #FFF , 370px 106px #FFF , 1141px 651px #FFF , 284px 1387px #FFF , 1723px 997px #FFF , 490px 1614px #FFF , 1416px 930px #FFF , 1959px 1834px #FFF , 1406px 683px #FFF , 1475px 938px #FFF , 1417px 652px #FFF , 1149px 599px #FFF , 1844px 1084px #FFF , 394px 146px #FFF , 1799px 1422px #FFF , 657px 1621px #FFF , 857px 533px #FFF , 1443px 956px #FFF , 94px 559px #FFF , 910px 1758px #FFF , 1830px 190px #FFF , 89px 247px #FFF , 1237px 841px #FFF , 1256px 1082px #FFF , 1366px 1473px #FFF , 1206px 78px #FFF , 298px 1507px #FFF , 281px 1626px #FFF , 1994px 1384px #FFF , 1341px 52px #FFF , 1905px 1772px #FFF , 1370px 14px #FFF , 846px 1778px #FFF , 1045px 1194px #FFF , 291px 622px #FFF , 1295px 1905px #FFF , 440px 173px #FFF , 1391px 1267px #FFF , 1325px 353px #FFF , 440px 1650px #FFF , 884px 1541px #FFF , 603px 311px #FFF , 713px 263px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1216px 288px #FFF , 206px 646px #FFF , 391px 1785px #FFF , 1340px 1612px #FFF , 726px 1722px #FFF , 299px 1349px #FFF , 1191px 1017px #FFF , 792px 827px #FFF , 1921px 293px #FFF , 390px 1007px #FFF , 799px 1073px #FFF , 590px 133px #FFF , 563px 1790px #FFF , 1103px 491px #FFF , 1765px 539px #FFF , 1956px 1836px #FFF , 1132px 449px #FFF , 1822px 308px #FFF , 1226px 1640px #FFF , 453px 1179px #FFF , 1313px 1048px #FFF , 1233px 1265px #FFF , 1127px 1360px #FFF , 295px 1800px #FFF , 215px 602px #FFF , 226px 722px #FFF , 361px 415px #FFF , 1245px 144px #FFF , 621px 1027px #FFF , 1841px 1125px #FFF , 1969px 178px #FFF , 535px 1702px #FFF , 406px 834px #FFF , 493px 321px #FFF , 1200px 1905px #FFF , 1130px 40px #FFF , 465px 1892px #FFF , 1824px 787px #FFF , 1859px 972px #FFF , 1910px 1517px #FFF , 821px 1193px #FFF , 1901px 1291px #FFF , 328px 573px #FFF , 10px 655px #FFF , 1619px 946px #FFF , 1622px 675px #FFF , 84px 1074px #FFF , 1791px 1751px #FFF , 481px 1653px #FFF , 334px 1938px #FFF , 820px 1064px #FFF , 1371px 901px #FFF , 1782px 627px #FFF , 1984px 130px #FFF , 1606px 1210px #FFF , 1101px 320px #FFF , 1405px 1899px #FFF , 44px 1507px #FFF , 249px 1539px #FFF , 978px 1926px #FFF , 1859px 1800px #FFF , 372px 1863px #FFF , 248px 733px #FFF , 448px 1584px #FFF , 592px 449px #FFF , 603px 386px #FFF , 1635px 394px #FFF , 1366px 1554px #FFF , 353px 520px #FFF , 1813px 1442px #FFF , 1185px 1551px #FFF , 988px 1778px #FFF , 966px 839px #FFF , 554px 1642px #FFF , 660px 638px #FFF , 356px 345px #FFF , 20px 312px #FFF , 387px 1316px #FFF , 1338px 1612px #FFF , 1941px 290px #FFF , 1706px 1270px #FFF , 794px 1594px #FFF , 1988px 2px #FFF , 26px 695px #FFF , 923px 1952px #FFF , 457px 1800px #FFF , 1325px 1185px #FFF , 1796px 562px #FFF , 1525px 641px #FFF , 1986px 236px #FFF , 236px 532px #FFF , 1360px 1751px #FFF , 689px 763px #FFF , 751px 317px #FFF , 523px 173px #FFF , 818px 574px #FFF , 551px 332px #FFF , 969px 740px #FFF , 573px 92px #FFF , 1765px 274px #FFF , 177px 1017px #FFF , 1365px 1125px #FFF , 1496px 199px #FFF , 164px 1612px #FFF , 1236px 1028px #FFF , 1708px 1881px #FFF , 791px 1967px #FFF , 1751px 1198px #FFF , 1970px 1362px #FFF , 784px 1411px #FFF , 718px 1166px #FFF , 1867px 1464px #FFF , 843px 1561px #FFF , 1876px 211px #FFF , 1351px 1498px #FFF , 788px 958px #FFF , 949px 366px #FFF , 1406px 1184px #FFF , 35px 274px #FFF , 693px 1518px #FFF , 151px 1693px #FFF , 1496px 1621px #FFF , 1328px 1101px #FFF , 829px 933px #FFF , 1460px 1682px #FFF , 576px 1084px #FFF , 212px 1275px #FFF , 116px 489px #FFF , 1467px 761px #FFF , 1365px 644px #FFF , 1551px 666px #FFF , 371px 1223px #FFF , 1849px 774px #FFF , 1783px 1099px #FFF , 1785px 43px #FFF , 1377px 1544px #FFF , 494px 447px #FFF , 1712px 518px #FFF , 539px 470px #FFF , 1652px 1616px #FFF , 1111px 1745px #FFF , 876px 1795px #FFF , 389px 1193px #FFF , 529px 65px #FFF , 602px 618px #FFF , 1307px 574px #FFF , 1432px 1072px #FFF , 1369px 1576px #FFF , 913px 943px #FFF , 534px 460px #FFF , 765px 607px #FFF , 384px 244px #FFF , 424px 1084px #FFF , 477px 1065px #FFF , 845px 195px #FFF , 982px 70px #FFF , 1872px 137px #FFF , 1590px 957px #FFF , 138px 1722px #FFF , 1349px 1399px #FFF , 18px 822px #FFF , 1678px 1058px #FFF , 1512px 1541px #FFF , 818px 1520px #FFF , 1501px 895px #FFF , 964px 979px #FFF , 823px 368px #FFF , 952px 1211px #FFF , 287px 1932px #FFF , 450px 954px #FFF , 1941px 630px #FFF , 609px 562px #FFF , 681px 1741px #FFF , 419px 1755px #FFF , 1354px 491px #FFF , 475px 1758px #FFF , 1826px 1003px #FFF , 572px 1553px #FFF , 547px 906px #FFF , 575px 1081px #FFF , 89px 266px #FFF , 782px 1573px #FFF , 567px 1272px #FFF , 883px 1603px #FFF , 11px 1282px #FFF , 1619px 281px #FFF , 1958px 1177px #FFF , 495px 624px #FFF , 573px 96px #FFF , 844px 1925px #FFF , 1786px 7px #FFF , 883px 1309px #FFF , 1439px 391px #FFF , 1552px 1645px #FFF , 1787px 1404px #FFF , 915px 649px #FFF , 85px 1979px #FFF , 1841px 809px #FFF , 101px 1206px #FFF , 542px 532px #FFF , 52px 676px #FFF , 608px 737px #FFF , 947px 1545px #FFF , 1187px 1988px #FFF , 1633px 1021px #FFF , 286px 920px #FFF , 1594px 1448px #FFF , 135px 1356px #FFF , 734px 40px #FFF , 428px 622px #FFF , 1364px 227px #FFF , 962px 949px #FFF , 1801px 1509px #FFF , 284px 1797px #FFF , 1411px 962px #FFF , 1698px 808px #FFF , 1456px 472px #FFF , 1988px 557px #FFF , 1620px 65px #FFF , 1924px 815px #FFF , 1892px 1341px #FFF , 644px 1382px #FFF , 1383px 1577px #FFF , 595px 1957px #FFF , 87px 1384px #FFF , 350px 1897px #FFF , 1857px 488px #FFF , 1635px 708px #FFF , 1720px 509px #FFF , 731px 140px #FFF , 938px 461px #FFF , 146px 1948px #FFF , 1946px 723px #FFF , 840px 435px #FFF , 1671px 1141px #FFF , 898px 117px #FFF , 1916px 1568px #FFF , 1907px 772px #FFF , 81px 793px #FFF , 1467px 1149px #FFF , 609px 1635px #FFF , 417px 1668px #FFF , 1687px 379px #FFF , 308px 664px #FFF , 1766px 1938px #FFF , 94px 1200px #FFF , 1290px 1063px #FFF , 1476px 1632px #FFF , 1189px 1919px #FFF , 598px 720px #FFF , 873px 1515px #FFF , 449px 342px #FFF , 1383px 1732px #FFF , 1855px 500px #FFF , 1589px 1219px #FFF , 566px 1030px #FFF , 1424px 390px #FFF , 162px 973px #FFF , 1744px 469px #FFF , 948px 153px #FFF , 205px 292px #FFF , 531px 1902px #FFF , 1800px 289px #FFF , 1806px 435px #FFF , 1614px 198px #FFF , 1807px 407px #FFF , 1669px 1373px #FFF , 238px 1257px #FFF , 1033px 352px #FFF , 1817px 1757px #FFF , 116px 1946px #FFF , 669px 330px #FFF , 1708px 655px #FFF , 1946px 1714px #FFF , 1600px 884px #FFF , 989px 1131px #FFF , 179px 1305px #FFF , 366px 1972px #FFF , 1890px 1649px #FFF , 1482px 39px #FFF , 392px 62px #FFF , 1637px 1257px #FFF , 4px 348px #FFF , 192px 258px #FFF , 1454px 1399px #FFF , 1206px 1843px #FFF , 1337px 1455px #FFF , 1306px 1610px #FFF , 194px 928px #FFF , 442px 1791px #FFF , 937px 242px #FFF , 1183px 11px #FFF , 863px 1736px #FFF , 761px 1921px #FFF , 1188px 413px #FFF , 1967px 92px #FFF , 1869px 560px #FFF , 1308px 1965px #FFF , 1061px 1589px #FFF , 767px 1490px #FFF , 1754px 1675px #FFF , 460px 502px #FFF , 1918px 1189px #FFF , 1043px 1177px #FFF , 158px 815px #FFF , 1688px 1389px #FFF , 993px 366px #FFF , 1939px 1680px #FFF , 1195px 1689px #FFF , 965px 1642px #FFF , 75px 30px #FFF , 695px 1264px #FFF , 1099px 468px #FFF , 849px 1770px #FFF , 1546px 1996px #FFF , 250px 153px #FFF , 1929px 916px #FFF , 862px 303px #FFF , 676px 1614px #FFF , 1819px 127px #FFF , 1449px 1625px #FFF , 149px 105px #FFF , 799px 860px #FFF , 1906px 1314px #FFF , 1930px 1815px #FFF , 1439px 1599px #FFF , 144px 1235px #FFF , 994px 1882px #FFF , 1279px 673px #FFF , 966px 420px #FFF , 1011px 605px #FFF , 1481px 1549px #FFF , 1816px 215px #FFF , 915px 546px #FFF , 996px 336px #FFF , 146px 577px #FFF , 1255px 119px #FFF , 916px 1064px #FFF , 78px 49px #FFF , 443px 1281px #FFF , 545px 668px #FFF , 1502px 686px #FFF , 1430px 226px #FFF , 496px 818px #FFF , 219px 892px #FFF , 1531px 53px #FFF , 504px 1211px #FFF , 178px 1396px #FFF , 792px 1263px #FFF , 1234px 1443px #FFF , 1847px 1054px #FFF , 373px 1340px #FFF , 702px 861px #FFF , 980px 438px #FFF , 1834px 1411px #FFF , 1048px 1585px #FFF , 1983px 1627px #FFF , 1823px 1200px #FFF , 1724px 1085px #FFF , 143px 284px #FFF , 1075px 1113px #FFF , 72px 1250px #FFF , 1936px 1731px #FFF , 318px 960px #FFF , 1858px 819px #FFF , 713px 503px #FFF , 208px 1749px #FFF , 1322px 588px #FFF , 25px 1091px #FFF , 1679px 1970px #FFF , 1801px 1478px #FFF , 177px 532px #FFF , 684px 1183px #FFF , 1784px 954px #FFF , 1526px 397px #FFF , 836px 1771px #FFF , 294px 291px #FFF , 66px 712px #FFF , 621px 563px #FFF , 227px 1024px #FFF , 1411px 1147px #FFF , 1535px 1845px #FFF , 1163px 1379px #FFF , 1513px 1937px #FFF , 615px 1432px #FFF , 495px 1820px #FFF , 1158px 515px #FFF , 805px 394px #FFF , 1683px 1088px #FFF , 1647px 1352px #FFF , 1054px 99px #FFF , 1755px 1913px #FFF , 1214px 1781px #FFF , 1102px 998px #FFF , 980px 1739px #FFF , 1923px 1814px #FFF , 380px 777px #FFF , 1391px 793px #FFF , 1729px 636px #FFF , 1564px 1158px #FFF , 1487px 1834px #FFF , 1697px 1645px #FFF , 279px 1674px #FFF , 1010px 282px #FFF , 1950px 880px #FFF , 565px 1552px #FFF , 45px 531px #FFF , 633px 1441px #FFF , 688px 345px #FFF , 113px 102px #FFF , 1008px 394px #FFF , 1249px 881px #FFF , 483px 1180px #FFF , 428px 299px #FFF , 902px 369px #FFF , 622px 1263px #FFF , 1080px 1558px #FFF , 1759px 275px #FFF , 52px 1758px #FFF , 162px 221px #FFF , 1718px 218px #FFF , 714px 243px #FFF , 1797px 1392px #FFF , 188px 918px #FFF , 1817px 474px #FFF , 19px 1088px #FFF , 195px 1418px #FFF , 1730px 1374px #FFF , 726px 1103px #FFF , 1719px 1485px #FFF , 310px 456px #FFF , 536px 1336px #FFF , 678px 1091px #FFF , 1652px 726px #FFF , 678px 1102px #FFF , 1716px 664px #FFF , 264px 1724px #FFF , 315px 1584px #FFF , 1473px 1900px #FFF , 1675px 1945px #FFF , 631px 1007px #FFF , 663px 130px #FFF , 428px 150px #FFF , 562px 60px #FFF , 1134px 1358px #FFF , 1891px 361px #FFF , 544px 394px #FFF , 260px 1557px #FFF , 1118px 1757px #FFF , 347px 1641px #FFF , 1425px 1569px #FFF , 1170px 647px #FFF , 1988px 26px #FFF , 308px 1167px #FFF , 900px 1281px #FFF , 607px 1168px #FFF , 952px 780px #FFF , 254px 844px #FFF , 215px 1407px #FFF , 648px 1309px #FFF , 1946px 1952px #FFF , 1856px 229px #FFF , 1154px 1663px #FFF , 1173px 1311px #FFF , 1784px 650px #FFF , 391px 854px #FFF , 1153px 997px #FFF , 1248px 842px #FFF , 1571px 1841px #FFF , 1707px 337px #FFF , 211px 356px #FFF , 925px 664px #FFF , 11px 805px #FFF , 258px 671px #FFF , 965px 335px #FFF , 1292px 1583px #FFF , 999px 1004px #FFF , 1471px 136px #FFF , 1117px 1490px #FFF , 1363px 1413px #FFF , 1668px 1926px #FFF , 1801px 1960px #FFF , 951px 343px #FFF , 1987px 450px #FFF , 365px 1948px #FFF , 1288px 13px #FFF , 1620px 240px #FFF , 1081px 425px #FFF , 524px 1381px #FFF , 1980px 1064px #FFF , 1194px 14px #FFF , 693px 202px #FFF , 580px 208px #FFF , 1992px 1192px #FFF , 516px 789px #FFF , 1235px 1820px #FFF , 1143px 724px #FFF , 1762px 1483px #FFF , 666px 22px #FFF , 1516px 702px #FFF , 1970px 701px #FFF , 826px 616px #FFF , 437px 331px #FFF , 1691px 1977px #FFF , 1px 841px #FFF , 1567px 28px #FFF , 1616px 1392px #FFF , 916px 777px #FFF , 729px 1314px #FFF , 1018px 1801px #FFF , 795px 596px #FFF , 1025px 354px #FFF , 1103px 556px #FFF , 1782px 1289px #FFF , 466px 383px #FFF , 236px 1861px #FFF , 835px 221px #FFF , 1018px 381px #FFF , 1572px 287px #FFF , 1321px 1002px #FFF , 1807px 844px #FFF , 1161px 653px #FFF , 816px 426px #FFF , 913px 1531px #FFF , 1552px 44px #FFF , 1749px 1914px #FFF , 1001px 1656px #FFF , 299px 234px #FFF , 143px 333px #FFF , 1934px 1121px #FFF , 988px 62px #FFF , 686px 153px #FFF , 228px 926px #FFF , 67px 1018px #FFF , 434px 55px #FFF , 971px 1117px #FFF , 994px 939px #FFF , 1569px 1496px #FFF , 539px 1697px #FFF , 1718px 1821px #FFF , 1010px 1589px #FFF , 1018px 1708px #FFF , 1496px 394px #FFF , 630px 1255px #FFF , 1337px 749px #FFF , 328px 1292px #FFF , 2000px 745px #FFF , 136px 352px #FFF , 55px 1603px #FFF , 1705px 1761px #FFF , 58px 147px #FFF , 1754px 1026px #FFF , 930px 217px #FFF , 861px 1660px #FFF , 1155px 761px #FFF , 1550px 1497px #FFF , 1395px 1541px #FFF , 1943px 1308px #FFF , 1019px 110px #FFF , 34px 21px #FFF , 1288px 1021px #FFF , 1313px 1211px #FFF , 1412px 675px #FFF , 801px 578px #FFF , 841px 466px #FFF , 938px 198px #FFF , 224px 445px #FFF , 976px 1420px #FFF , 510px 227px #FFF , 526px 485px #FFF , 1861px 382px #FFF , 920px 1079px #FFF , 884px 968px #FFF , 1109px 724px #FFF , 318px 73px #FFF , 1415px 1171px #FFF , 541px 534px #FFF , 1529px 1905px #FFF , 977px 596px #FFF , 1251px 1109px #FFF , 1422px 1105px #FFF , 57px 938px #FFF , 457px 964px #FFF , 1851px 953px #FFF , 239px 330px #FFF , 1279px 346px #FFF , 416px 1925px #FFF , 1708px 1875px #FFF , 1524px 1785px #FFF , 498px 274px #FFF , 1463px 1409px #FFF , 268px 245px #FFF , 929px 1757px #FFF , 446px 1963px #FFF , 1335px 1536px #FFF , 697px 633px #FFF , 849px 1805px #FFF , 1613px 186px #FFF , 325px 13px #FFF , 878px 143px #FFF , 805px 1191px #FFF , 186px 1455px #FFF , 570px 562px #FFF , 56px 41px #FFF , 651px 1610px #FFF , 1290px 518px #FFF , 97px 1517px #FFF , 10px 323px #FFF , 1102px 798px #FFF , 1250px 920px #FFF , 684px 1434px #FFF , 860px 931px #FFF , 42px 1890px #FFF , 907px 197px #FFF , 29px 1924px #FFF , 48px 1171px #FFF , 886px 1487px #FFF , 1862px 407px #FFF , 1644px 1127px #FFF , 520px 1145px #FFF , 65px 1626px #FFF , 1155px 244px #FFF , 484px 1758px #FFF , 1892px 1260px #FFF , 199px 734px #FFF , 1565px 399px #FFF , 1570px 1383px #FFF , 1971px 1629px #FFF , 1324px 547px #FFF , 177px 947px #FFF , 403px 1747px #FFF , 396px 1896px #FFF , 72px 218px #FFF , 1108px 932px #FFF , 521px 712px #FFF , 1786px 1138px #FFF , 1364px 1393px #FFF , 1950px 1040px #FFF , 1457px 1632px #FFF , 154px 896px #FFF , 468px 1535px #FFF , 1486px 1423px #FFF , 18px 46px #FFF , 1339px 1194px #FFF , 775px 527px #FFF , 1790px 1641px #FFF , 1897px 516px #FFF , 1789px 600px #FFF , 590px 102px #FFF , 448px 1055px #FFF , 454px 1138px #FFF , 1703px 1129px #FFF , 1786px 1607px #FFF , 831px 1625px #FFF , 1155px 1317px #FFF , 816px 1911px #FFF , 651px 507px #FFF , 1168px 1854px #FFF , 370px 106px #FFF , 1141px 651px #FFF , 284px 1387px #FFF , 1723px 997px #FFF , 490px 1614px #FFF , 1416px 930px #FFF , 1959px 1834px #FFF , 1406px 683px #FFF , 1475px 938px #FFF , 1417px 652px #FFF , 1149px 599px #FFF , 1844px 1084px #FFF , 394px 146px #FFF , 1799px 1422px #FFF , 657px 1621px #FFF , 857px 533px #FFF , 1443px 956px #FFF , 94px 559px #FFF , 910px 1758px #FFF , 1830px 190px #FFF , 89px 247px #FFF , 1237px 841px #FFF , 1256px 1082px #FFF , 1366px 1473px #FFF , 1206px 78px #FFF , 298px 1507px #FFF , 281px 1626px #FFF , 1994px 1384px #FFF , 1341px 52px #FFF , 1905px 1772px #FFF , 1370px 14px #FFF , 846px 1778px #FFF , 1045px 1194px #FFF , 291px 622px #FFF , 1295px 1905px #FFF , 440px 173px #FFF , 1391px 1267px #FFF , 1325px 353px #FFF , 440px 1650px #FFF , 884px 1541px #FFF , 603px 311px #FFF , 713px 263px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1681px 338px #FFF , 1635px 8px #FFF , 1385px 1341px #FFF , 1368px 1017px #FFF , 1691px 574px #FFF , 472px 500px #FFF , 1709px 403px #FFF , 486px 891px #FFF , 1775px 1884px #FFF , 1277px 1573px #FFF , 752px 1936px #FFF , 104px 890px #FFF , 940px 1336px #FFF , 845px 406px #FFF , 221px 112px #FFF , 1770px 1382px #FFF , 483px 193px #FFF , 1073px 281px #FFF , 365px 1732px #FFF , 861px 918px #FFF , 824px 261px #FFF , 22px 1177px #FFF , 1172px 1476px #FFF , 1652px 1723px #FFF , 1873px 1097px #FFF , 1720px 437px #FFF , 835px 947px #FFF , 697px 1832px #FFF , 435px 1457px #FFF , 1694px 1529px #FFF , 150px 258px #FFF , 1581px 444px #FFF , 905px 1200px #FFF , 525px 1515px #FFF , 1688px 1123px #FFF , 1219px 1322px #FFF , 1193px 106px #FFF , 757px 728px #FFF , 738px 452px #FFF , 176px 544px #FFF , 1877px 849px #FFF , 1148px 1420px #FFF , 1515px 1618px #FFF , 61px 444px #FFF , 1027px 1439px #FFF , 1840px 219px #FFF , 459px 1382px #FFF , 1989px 1650px #FFF , 804px 1351px #FFF , 1877px 1570px #FFF , 1350px 496px #FFF , 30px 1704px #FFF , 763px 1299px #FFF , 1878px 1088px #FFF , 1272px 1427px #FFF , 1001px 109px #FFF , 743px 602px #FFF , 1057px 1385px #FFF , 1789px 834px #FFF , 1758px 1449px #FFF , 969px 1834px #FFF , 1672px 1167px #FFF , 388px 35px #FFF , 889px 1559px #FFF , 1349px 1415px #FFF , 987px 1076px #FFF , 921px 1632px #FFF , 1187px 1090px #FFF , 1978px 1208px #FFF , 1766px 272px #FFF , 632px 842px #FFF , 39px 1044px #FFF , 42px 1591px #FFF , 636px 1334px #FFF , 282px 89px #FFF , 1790px 960px #FFF , 459px 322px #FFF , 1161px 536px #FFF , 1659px 1482px #FFF , 933px 1344px #FFF , 1521px 1669px #FFF , 1500px 13px #FFF , 509px 1113px #FFF , 1531px 778px #FFF , 985px 1206px #FFF , 265px 1369px #FFF , 1888px 1765px #FFF , 296px 1760px #FFF , 896px 1348px #FFF , 1007px 1664px #FFF , 1011px 328px #FFF , 537px 625px #FFF , 95px 929px #FFF , 51px 535px #FFF , 57px 692px #FFF , 1456px 1604px #FFF , 8px 1670px #FFF , 1303px 207px #FFF , 996px 220px #FFF , 1705px 1872px #FFF , 1207px 1975px #FFF , 1791px 524px #FFF , 641px 1311px #FFF , 1390px 419px #FFF , 33px 704px #FFF , 620px 1723px #FFF , 777px 1151px #FFF , 711px 1883px #FFF , 416px 133px #FFF , 460px 55px #FFF , 45px 654px #FFF , 275px 211px #FFF , 1674px 1819px #FFF , 1740px 895px #FFF , 1101px 223px #FFF , 1337px 548px #FFF , 1101px 1433px #FFF , 518px 1308px #FFF , 1771px 1921px #FFF , 688px 1771px #FFF , 108px 755px #FFF , 1963px 1026px #FFF , 142px 536px #FFF , 346px 958px #FFF , 813px 892px #FFF , 775px 1133px #FFF , 101px 1506px #FFF , 680px 849px #FFF , 1505px 1862px #FFF , 903px 261px #FFF , 1143px 1969px #FFF , 895px 1976px #FFF , 346px 1611px #FFF , 1422px 812px #FFF , 148px 780px #FFF , 910px 734px #FFF , 246px 589px #FFF , 1650px 1009px #FFF , 808px 822px #FFF , 988px 1212px #FFF , 1222px 624px #FFF , 1698px 157px #FFF , 762px 1530px #FFF , 592px 1028px #FFF , 1924px 1951px #FFF , 1000px 1677px #FFF , 1218px 874px #FFF , 1760px 594px #FFF , 690px 1489px #FFF , 829px 837px #FFF , 1571px 1204px #FFF , 1668px 834px #FFF , 775px 1145px #FFF , 980px 578px #FFF , 120px 1148px #FFF , 208px 1810px #FFF , 1821px 1100px #FFF , 1613px 1989px #FFF , 1078px 1145px #FFF , 926px 611px #FFF , 846px 617px #FFF , 1051px 719px #FFF , 710px 295px #FFF , 1692px 425px #FFF , 1938px 1477px #FFF , 270px 646px #FFF , 1809px 970px #FFF , 288px 32px #FFF , 1967px 146px #FFF , 1345px 1661px #FFF , 861px 1476px #FFF , 1089px 859px #FFF , 148px 1463px #FFF , 183px 198px #FFF , 1714px 1379px #FFF , 153px 1036px #FFF , 1504px 1388px #FFF , 150px 1590px #FFF , 1173px 1883px #FFF , 373px 702px #FFF , 1829px 1979px #FFF , 340px 431px #FFF , 1570px 276px #FFF , 102px 1732px #FFF , 1542px 1879px #FFF , 354px 807px #FFF , 1648px 1303px #FFF , 489px 358px #FFF , 418px 181px #FFF , 692px 962px #FFF , 62px 602px #FFF , 1011px 355px #FFF , 1385px 515px #FFF , 515px 1782px #FFF , 1311px 1293px #FFF , 501px 980px #FFF , 391px 755px #FFF , 393px 1743px #FFF , 1796px 1299px #FFF , 3px 246px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1681px 338px #FFF , 1635px 8px #FFF , 1385px 1341px #FFF , 1368px 1017px #FFF , 1691px 574px #FFF , 472px 500px #FFF , 1709px 403px #FFF , 486px 891px #FFF , 1775px 1884px #FFF , 1277px 1573px #FFF , 752px 1936px #FFF , 104px 890px #FFF , 940px 1336px #FFF , 845px 406px #FFF , 221px 112px #FFF , 1770px 1382px #FFF , 483px 193px #FFF , 1073px 281px #FFF , 365px 1732px #FFF , 861px 918px #FFF , 824px 261px #FFF , 22px 1177px #FFF , 1172px 1476px #FFF , 1652px 1723px #FFF , 1873px 1097px #FFF , 1720px 437px #FFF , 835px 947px #FFF , 697px 1832px #FFF , 435px 1457px #FFF , 1694px 1529px #FFF , 150px 258px #FFF , 1581px 444px #FFF , 905px 1200px #FFF , 525px 1515px #FFF , 1688px 1123px #FFF , 1219px 1322px #FFF , 1193px 106px #FFF , 757px 728px #FFF , 738px 452px #FFF , 176px 544px #FFF , 1877px 849px #FFF , 1148px 1420px #FFF , 1515px 1618px #FFF , 61px 444px #FFF , 1027px 1439px #FFF , 1840px 219px #FFF , 459px 1382px #FFF , 1989px 1650px #FFF , 804px 1351px #FFF , 1877px 1570px #FFF , 1350px 496px #FFF , 30px 1704px #FFF , 763px 1299px #FFF , 1878px 1088px #FFF , 1272px 1427px #FFF , 1001px 109px #FFF , 743px 602px #FFF , 1057px 1385px #FFF , 1789px 834px #FFF , 1758px 1449px #FFF , 969px 1834px #FFF , 1672px 1167px #FFF , 388px 35px #FFF , 889px 1559px #FFF , 1349px 1415px #FFF , 987px 1076px #FFF , 921px 1632px #FFF , 1187px 1090px #FFF , 1978px 1208px #FFF , 1766px 272px #FFF , 632px 842px #FFF , 39px 1044px #FFF , 42px 1591px #FFF , 636px 1334px #FFF , 282px 89px #FFF , 1790px 960px #FFF , 459px 322px #FFF , 1161px 536px #FFF , 1659px 1482px #FFF , 933px 1344px #FFF , 1521px 1669px #FFF , 1500px 13px #FFF , 509px 1113px #FFF , 1531px 778px #FFF , 985px 1206px #FFF , 265px 1369px #FFF , 1888px 1765px #FFF , 296px 1760px #FFF , 896px 1348px #FFF , 1007px 1664px #FFF , 1011px 328px #FFF , 537px 625px #FFF , 95px 929px #FFF , 51px 535px #FFF , 57px 692px #FFF , 1456px 1604px #FFF , 8px 1670px #FFF , 1303px 207px #FFF , 996px 220px #FFF , 1705px 1872px #FFF , 1207px 1975px #FFF , 1791px 524px #FFF , 641px 1311px #FFF , 1390px 419px #FFF , 33px 704px #FFF , 620px 1723px #FFF , 777px 1151px #FFF , 711px 1883px #FFF , 416px 133px #FFF , 460px 55px #FFF , 45px 654px #FFF , 275px 211px #FFF , 1674px 1819px #FFF , 1740px 895px #FFF , 1101px 223px #FFF , 1337px 548px #FFF , 1101px 1433px #FFF , 518px 1308px #FFF , 1771px 1921px #FFF , 688px 1771px #FFF , 108px 755px #FFF , 1963px 1026px #FFF , 142px 536px #FFF , 346px 958px #FFF , 813px 892px #FFF , 775px 1133px #FFF , 101px 1506px #FFF , 680px 849px #FFF , 1505px 1862px #FFF , 903px 261px #FFF , 1143px 1969px #FFF , 895px 1976px #FFF , 346px 1611px #FFF , 1422px 812px #FFF , 148px 780px #FFF , 910px 734px #FFF , 246px 589px #FFF , 1650px 1009px #FFF , 808px 822px #FFF , 988px 1212px #FFF , 1222px 624px #FFF , 1698px 157px #FFF , 762px 1530px #FFF , 592px 1028px #FFF , 1924px 1951px #FFF , 1000px 1677px #FFF , 1218px 874px #FFF , 1760px 594px #FFF , 690px 1489px #FFF , 829px 837px #FFF , 1571px 1204px #FFF , 1668px 834px #FFF , 775px 1145px #FFF , 980px 578px #FFF , 120px 1148px #FFF , 208px 1810px #FFF , 1821px 1100px #FFF , 1613px 1989px #FFF , 1078px 1145px #FFF , 926px 611px #FFF , 846px 617px #FFF , 1051px 719px #FFF , 710px 295px #FFF , 1692px 425px #FFF , 1938px 1477px #FFF , 270px 646px #FFF , 1809px 970px #FFF , 288px 32px #FFF , 1967px 146px #FFF , 1345px 1661px #FFF , 861px 1476px #FFF , 1089px 859px #FFF , 148px 1463px #FFF , 183px 198px #FFF , 1714px 1379px #FFF , 153px 1036px #FFF , 1504px 1388px #FFF , 150px 1590px #FFF , 1173px 1883px #FFF , 373px 702px #FFF , 1829px 1979px #FFF , 340px 431px #FFF , 1570px 276px #FFF , 102px 1732px #FFF , 1542px 1879px #FFF , 354px 807px #FFF , 1648px 1303px #FFF , 489px 358px #FFF , 418px 181px #FFF , 692px 962px #FFF , 62px 602px #FFF , 1011px 355px #FFF , 1385px 515px #FFF , 515px 1782px #FFF , 1311px 1293px #FFF , 501px 980px #FFF , 391px 755px #FFF , 393px 1743px #FFF , 1796px 1299px #FFF , 3px 246px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 798px 759px #FFF , 1689px 1959px #FFF , 788px 1002px #FFF , 364px 282px #FFF , 473px 1560px #FFF , 422px 1415px #FFF , 1719px 1306px #FFF , 1003px 61px #FFF , 1447px 1473px #FFF , 553px 1135px #FFF , 1631px 2px #FFF , 1639px 1863px #FFF , 1743px 451px #FFF , 273px 172px #FFF , 1583px 1224px #FFF , 476px 78px #FFF , 1476px 597px #FFF , 1773px 1925px #FFF , 278px 1600px #FFF , 337px 325px #FFF , 1732px 1720px #FFF , 1659px 689px #FFF , 1319px 380px #FFF , 787px 1311px #FFF , 640px 405px #FFF , 989px 656px #FFF , 1691px 1721px #FFF , 1380px 1482px #FFF , 1863px 482px #FFF , 1628px 1228px #FFF , 1111px 1628px #FFF , 662px 1991px #FFF , 935px 1527px #FFF , 1973px 222px #FFF , 1473px 598px #FFF , 1712px 234px #FFF , 945px 1935px #FFF , 1363px 669px #FFF , 683px 1795px #FFF , 1973px 1514px #FFF , 398px 625px #FFF , 771px 1931px #FFF , 835px 1659px #FFF , 695px 1359px #FFF , 1506px 1102px #FFF , 535px 1253px #FFF , 1363px 651px #FFF , 802px 612px #FFF , 1031px 276px #FFF , 80px 1968px #FFF , 683px 1626px #FFF , 1268px 539px #FFF , 1747px 236px #FFF , 898px 327px #FFF , 500px 744px #FFF , 1244px 1596px #FFF , 1935px 1052px #FFF , 1376px 1142px #FFF , 292px 1605px #FFF , 1606px 1097px #FFF , 580px 374px #FFF , 167px 1253px #FFF , 445px 136px #FFF , 77px 300px #FFF , 750px 852px #FFF , 150px 622px #FFF , 1181px 1419px #FFF , 1651px 1013px #FFF , 280px 1445px #FFF , 1583px 281px #FFF , 1520px 170px #FFF , 1461px 1667px #FFF , 843px 241px #FFF , 1663px 870px #FFF , 1102px 431px #FFF , 115px 1027px #FFF , 509px 1277px #FFF , 1815px 1089px #FFF , 1367px 479px #FFF , 1187px 796px #FFF , 492px 1099px #FFF , 248px 1315px #FFF , 940px 1569px #FFF , 1035px 1744px #FFF , 929px 1045px #FFF , 442px 139px #FFF , 1032px 587px #FFF , 674px 340px #FFF , 1838px 24px #FFF , 1742px 1463px #FFF , 1489px 381px #FFF , 1240px 915px #FFF , 785px 62px #FFF , 2px 894px #FFF , 1748px 1794px #FFF , 261px 1148px #FFF , 1062px 1379px #FFF , 1250px 1112px #FFF , 1860px 1142px #FFF , 1416px 1506px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 798px 759px #FFF , 1689px 1959px #FFF , 788px 1002px #FFF , 364px 282px #FFF , 473px 1560px #FFF , 422px 1415px #FFF , 1719px 1306px #FFF , 1003px 61px #FFF , 1447px 1473px #FFF , 553px 1135px #FFF , 1631px 2px #FFF , 1639px 1863px #FFF , 1743px 451px #FFF , 273px 172px #FFF , 1583px 1224px #FFF , 476px 78px #FFF , 1476px 597px #FFF , 1773px 1925px #FFF , 278px 1600px #FFF , 337px 325px #FFF , 1732px 1720px #FFF , 1659px 689px #FFF , 1319px 380px #FFF , 787px 1311px #FFF , 640px 405px #FFF , 989px 656px #FFF , 1691px 1721px #FFF , 1380px 1482px #FFF , 1863px 482px #FFF , 1628px 1228px #FFF , 1111px 1628px #FFF , 662px 1991px #FFF , 935px 1527px #FFF , 1973px 222px #FFF , 1473px 598px #FFF , 1712px 234px #FFF , 945px 1935px #FFF , 1363px 669px #FFF , 683px 1795px #FFF , 1973px 1514px #FFF , 398px 625px #FFF , 771px 1931px #FFF , 835px 1659px #FFF , 695px 1359px #FFF , 1506px 1102px #FFF , 535px 1253px #FFF , 1363px 651px #FFF , 802px 612px #FFF , 1031px 276px #FFF , 80px 1968px #FFF , 683px 1626px #FFF , 1268px 539px #FFF , 1747px 236px #FFF , 898px 327px #FFF , 500px 744px #FFF , 1244px 1596px #FFF , 1935px 1052px #FFF , 1376px 1142px #FFF , 292px 1605px #FFF , 1606px 1097px #FFF , 580px 374px #FFF , 167px 1253px #FFF , 445px 136px #FFF , 77px 300px #FFF , 750px 852px #FFF , 150px 622px #FFF , 1181px 1419px #FFF , 1651px 1013px #FFF , 280px 1445px #FFF , 1583px 281px #FFF , 1520px 170px #FFF , 1461px 1667px #FFF , 843px 241px #FFF , 1663px 870px #FFF , 1102px 431px #FFF , 115px 1027px #FFF , 509px 1277px #FFF , 1815px 1089px #FFF , 1367px 479px #FFF , 1187px 796px #FFF , 492px 1099px #FFF , 248px 1315px #FFF , 940px 1569px #FFF , 1035px 1744px #FFF , 929px 1045px #FFF , 442px 139px #FFF , 1032px 587px #FFF , 674px 340px #FFF , 1838px 24px #FFF , 1742px 1463px #FFF , 1489px 381px #FFF , 1240px 915px #FFF , 785px 62px #FFF , 2px 894px #FFF , 1748px 1794px #FFF , 261px 1148px #FFF , 1062px 1379px #FFF , 1250px 1112px #FFF , 1860px 1142px #FFF , 1416px 1506px #FFF;
}


#horizon {
  position: absolute;
  width: 160%;
  height: 70%;
  border-radius: 100%/100%;
  background: #038bff;
  -webkit-filter: blur(30px);
  left: 50%;
  bottom: -20%;
  margin-left: -80%;
}
#horizon:before {
  content: " ";
  position: absolute;
  width: 81.25%;
  height: 70%;
  border-radius: 100%/100%;
  background: #51AFFF;
  -webkit-filter: blur(30px);
  opacity: 0.6;
  margin-left: 9.375%;
}
#horizon:after {
  content: " ";
  position: absolute;
  width: 32%;
  height: 20%;
  border-radius: 650px/350px;
  background: #B0DAFF;
  -webkit-filter: blur(30px);
  opacity: 0.5;
  margin-left: 34%;
}
#horizon .glow {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
  background: #215496;
  -webkit-filter: blur(200px);
  opacity: 0.7;
  top: -10%;
}

#earth {
  position: absolute;
  width: 200%;
  height: 100%;
  background: black;
  border-radius: 100%/100%;
  left: 50%;
  bottom: -50%;
  margin-left: -100%;
}
#earth:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
  box-shadow: inset 0px 0px 62px 20px rgba(60, 105, 138, 0.85);
}
#earth:after {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background-image: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  background-image: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
}

#title {
  position: absolute;
  font-weight: 300;
  top: 36%;
  left: 0;
  right: 0;
  margin-top: -80px;
  font-size: 130px;
  text-align: center;
  letter-spacing: 20px;
  padding-left: 13px;
  background: -webkit-linear-gradient(white, #dbdde0, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-name: animGravity;
  font-family: 'Fredoka One', cursive;
}

#subtitle {
  position: absolute;
  font-weight: 300;
  top: 70%;
  left: 0;
  right: 0;
  font-size: 25px;
  text-align: center;
  letter-spacing: 6px;
}
#subtitle span {
  color: #d8d8d8;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}
#subtitle span:nth-child(1) {
  animation-name: animDont;
}
#subtitle span:nth-child(2) {
  animation-name: animLet;
}
#subtitle span:nth-child(3) {
  animation-name: animGo;
}

.pageInfo {
    position:relative;
    height: 380px;
    background: #0d0d0d61;
}
.pageInfo div.image {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    bottom:0
}
.pageInfo div.image:before {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000000d4
}
.page .content {
    padding:20px;
    margin-top: 60px;
    margin-bottom: 167px;
    background: #00000014;
    position:  relative;
    z-index: 9;
    border-radius: 20px;
}
.pageInfo:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 23%;
        background: url(./Inc/img/bottom1.png) no-repeat;
        background-size: 100%;
        bottom: 0;
        right: 0;
        z-index: 5;
        background-position:bottom;
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
@keyframes animGravity {
  0% {
    transform: translateY(-26px);
    opacity: 0;
  }
  30%, 80% {
    letter-spacing: 40px;
    padding-left: 40px;
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    letter-spacing: 35px;
    padding-left: 35px;
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animDont {
  0%    , 15% {
    transform: translateY(-26px);
    opacity: 0;
  }
  35%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animLet {
  0%    , 25% {
    transform: translateY(-26px);
    opacity: 0;
  }
  45%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animGo {
  0%    , 35% {
    transform: translateY(-26px);
    opacity: 0;
  }
  55%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}