/*

=======================================================

              Thunder Theme CSS Styling 

=======================================================



================= Table of Contents ===================

1.  Import Fonts

2.  Customize scrollBar

3.  Animation Key Frames

4.  Body Styling & Reset 

5.  NavBar Styling

6.  SlideShow Styling

7.  Feature Show Styling

8.  Navigation Bar of Shows

9.  Shows Panel

10. Pagination

11. Keywords Panel

12. Footer Styling

13. Single Show Page

14. Watch and Download Page

15. Custom Categories Pages

16. 404 Page

17. page.php Style

=======================================================



===== Notice [ How to use table of contents ] =========



Press ctrl+F in your editor to open the search and type 

 [SectionNumber] 

then press ok and that will make you go directly to

the section styling



=======================================================  

#LastEdit by Youssef Ragab on 19/3/2018

*/



/* Import Fonts [1] */

@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,300');

* {

    

    font-family: 'Cairo', sans-serif;

    font-weight: 300 !important



}

@font-face {

  font-family: 'Material Icons';

  font-style: normal;

  font-weight: 400;

  src: url("../fonts/materialicon.woff2") format('woff2');

}



.material-icons {

  font-family: 'Material Icons';

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  white-space: nowrap;

  word-wrap: normal;

  direction: ltr;

  -webkit-font-feature-settings: 'liga';

  -webkit-font-smoothing: antialiased;

}



/* Customize ScrollBar [2] */

::-webkit-scrollbar {

    width: 14px;

}

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    opacity:0.8;

    background-color: #222630;

} 

::-webkit-scrollbar-thumb {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



/* Set Up Animations [3] */



/* ## SlideShow Clips Animation ## */

@-webkit-keyframes clip {

    100% {

        background-position: +550px;

    }

}

@-moz-keyframes clip {

    100% {

        background-position: +550px;

    }

}

@-o-keyframes clip {

    100% {

        background-position: +550px;

    }

}

@keyframes clip {

    100% {

        background-position: +550px;

    }

}

/* ## scale image on show hover animation ## */

@-webkit-keyframes scaleShowImage {

    0%{



    }

    100% {

      transform: scale(1.3);

    }

}

@-moz-keyframes scaleShowImage {

    0%{



    }

    100% {

      transform: scale(1.3);

    }

}

@-o-keyframes scaleShowImage {

    0%{



    }

    100% {

      transform: scale(1.3);

    }

}

@keyframes scaleShowImage {

    0%{



    }

    100% {

      transform: scale(1.3);

    }

}

/* ## Pulse Animation ## */

@-webkit-keyframes pulse {

    0% { transform: scale(1); }

    50% { transform: scale(1.1); }

    100% { transform: scale(1); } 

}

@-moz-keyframes pulse {

   0% { transform: scale(1); }

   50% { transform: scale(1.1); }

   100% { transform: scale(1); } 

}

@-o-keyframes pulse {

   0% { transform: scale(1); }

   50% { transform: scale(1.1); }

   100% { transform: scale(1); } 

}

@keyframes pulse {

   0% { transform: scale(1); }

   50% { transform: scale(1.1); }

   100% { transform: scale(1); } 

}



/* Body Styling and Reset [4] */

body {

    margin: 0;

    padding: 0;

    height: auto;

    background-image: url(../images/slider-bg.webp);

    background-size: 100% auto;

    background-repeat: repeat;

    overflow-x: hidden;

}

/* NavBar Styling [5] */

nav .nav-wrapper {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    border-top: 2.5px solid #3d64a5;

    padding-right: 0px;

    position: relative;

}

nav ul a {

    font-size: 17px;

    font-weight: 600;

}

nav ul li {

    border-left: solid 1px rgba(144, 144, 144, 0.30);

    font-weight: 600;

    height: 60px;

}

.button-collapse:hover {

    color: #fff;

}

nav ul li:last-child {

    border-left: 0px;

}

i.right {

    margin-left: 0;

    float: left !important;

}

#dropdown1 {

    width: 150px;

    top:60px;

    left:0;

}

nav ul li:hover {

    background-color:#3d64a5

}

.side-nav li.menu-item-has-children {

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

}

.menu li {

    

}

.logo-container a {

    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);

}

.dropdown-content li {

    box-shadow: none !important;
    
    text-align:center;
    

}

.dropdown-content {

    min-width: 150px;

    background-color:#222630 !important;

    top: 60px !important;

    z-index: 9999999999 

}

.main-menu-item a:hover, .sub-menu-item a:hover {

    text-decoration: none;

    color: #fff;

    background-color: transparent;

}

.sub-menu-item:hover {

    background-color: rgba(0,0,0,0.1);

}

.dropdown-content li > a, .dropdown-content li > span {

    font-size: 17px;

    color: white

}

.dropdown-content li:hover {

    background-color: rgba(0,0,0,0.1)

}

nav .left a {

    display: inline;

    position: relative;

    top: -2px;

    margin-left: 0;

    text-decoration: none;

}

nav .left a:hover {

    text-decoration: none;

    color: #fff;

    background-color: transparent;

}

nav .left a img:hover {

    opacity: 0.8

}

.right li:nth-child(5) {

    background-color: #3d64a5

}

.right li:nth-child(5):hover {

    background-color: #3d64a5;

}

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {

    line-height:60px;

}

.left li {

    padding-top: auto;

}

.dropdown-button {

    padding-left: 10px;

    padding-right: 10px;

}

.dropdown-button i {

    float: right;

    display: inline;

    margin-left: 0px;

}

#nav-mobile a {

    float: left;

}

.dropdown-content li a {

    top: 0px;

}



nav .input-field input {

    height: 61px;  

    font-size: 17px; 

}

.input-field .btn:focus {

    background-color: #3d64a5

}

.backdrop{

    background-color: #191E28;

}

.logo-container {

    width: auto;

    padding: 0px 20px 0px 20px;

    text-align: center;

    display: inline;

    float: right;

}

i.right {

    float: left;

}

.logo-container h1 {

    margin: 0;

    font-size: 16pt;

    color: #fff;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    padding: 3px 10px 5px 10px;

    border-radius: 5px;

    display: inline;

    text-align: left;



}

.logo-container a:hover {

    text-decoration: none;

}

.logo-container h1 i {

    display: inline;

    margin-left: 5px;

    font-size: 16pt;

    text-align: left;

   

}

.input-field input[type=search] {

    width: 70%; 

    display: inline;

}

nav .input-field {

    display: none;

}

nav .input-field label.active i {

    color:rgba(0,0,0,0.50);

    margin-right: 25px;

}

nav .button-collapse {

    position: static;

    float: left;

    margin-left: 15px;

    position: relative;

    top: -3px;    

}

nav .nav-wrapper .mob-men {

    position: absolute;

    left: 13px;

    top: -3px

}

.input-field input[type=search] ~ .material-icons {

    left:21rem;

}

.s-btn {

    float: left;

    display: inline;

    width: 283px;

    height: 61px;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}

.s-btn:hover {

     background-color: #3d64a5

}

.over-lay {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 65px;

    z-index: 9999999999999;

    display: none;

    background-color: transparent;

}

.side-nav {

    background-color:#191E28;

    z-index: 999999; 

}

.drag-target {

    display: none;

}

.side-nav li a {

    color: white;

}

.side-nav li {

    text-align: center;

    background-color:#222630;

    margin-bottom:5px;

    height: auto;

    padding-top: 3px;

    padding-bottom: 3px;

}

.sub-menu {

    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;

}

.sub-menu li {

    border-radius: 4px;

}


.mobile-search input {

    font-size: 10pt;

    background-color: white;

    color: black;

    padding-right: 10px;

    width: 100%;

    margin-left: 3px;

    border-radius: 5px;

    margin-bottom: 0px;

    margin-top: 0px

    

}

.mobile-search {

    width:125px;
    
    float:right;

    height: auto;

    font-size: 8pt;

    margin-top: 2px;

    margin-bottom: 10px;

}

.search-sign {

    text-align:right;

    padding:10px;

    margin:0;

    background-color:#3d64a5;

    width:auto;

    float:right;

    border-bottom-left-radius: 5px;

    font-size:11pt;

    display:block

}

.drag-target {

    z-index:100000000000;

}

.side-nav a:hover {

    background-color:#222630;

    text-decoration: none;

}



#mobile-dropdown {

    width:100%;

    background-color:red;

    min-height:20px;

    display:none;

}

.material-tooltip {

    font-size: 10pt;

    z-index: 999999;

}





/* SlideShow Styling [6] */



.clip-slide {

    width: 100%;

    height: 27px;

    background-image: url('../images/clip-slide-.webp');

    background-size: auto 100%;

    background-repeat: repeat-x;

}
.slideshow-items-2, .slideshow-items-3 {
    direction: ltr;
}
.slideshow-items {

    overflow: hidden;

    width: 100%;

    height: 300px;

    margin: 0;

    padding: 0;
    direction: ltr;

}

.slide .info-cont {

    bottom: 35px;

    background-color: #272f3d;

    opacity: 1;

}

#slideshow {

    width: 100%;

    border: 1px solid black;

    height: 268px;

    position: relative;

    border: none;

    direction: rtl;

}

#next {

    position: absolute;

    height: 100%;

    right: 0;

    z-index: 1;

    background-color: #222630;

    opacity: 0.7;

    width: 50px;

    text-align: center;

    padding-top: 120px;

    padding-bottom: 135px;

    cursor: pointer;

}

#prev {

    position: absolute;

    height: 100%;

    left: 0;

    z-index: 1;

    background-color: #222630;

    opacity: 0.7;

    width: 50px;

    text-align: center;

    padding-top: 120px;

    padding-bottom: 135px;

    cursor: pointer; 

}

.margin-bottom {

    margin-bottom: 10px;

}

#nav-mobile li:hover {

    background-color: rgba(0,0,0,0.1);

}

/* Feature Show Styling [7] */



.week-show {

    width: 100%;

    height: 380px;

    background:rgba(0, 0, 0, 1);

  



    position: relative;

    margin-bottom: 0px;

    background: url("../images/aven.jpg");

    background-repeat: no-repeat;

    background-attachment: static;

    background-size: cover;

    background-position: center;

    position: relative;

    z-index: 0

}



.week-show-name-container {

    width: 100%;

    min-height: 2px;

    overflow: auto;

    padding-right: 15px;

    padding-left: 15px;

    position: absolute;

    top: 90px;

    z-index: 10;

}

.weekshow-overlayer {

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.5;

    position: absolute;

    top: 0;

    left: 0;

}

.week-show img.cover {

    width: 100%;

    min-height: auto;

    opacity: 0.3;

    z-index: 1;

}

.week-show-icon {

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    text-align: center;

    padding: 9px 25px 10px 25px;

    background-color: #222630;

    z-index: 10;

    border-bottom-left-radius: 10px;

}

.week-show-icon h3 {

    color: white;

    padding: 0;

    margin: 0;

    font-size: 16pt;

    position: relative;

    top: 2px

}

.edit:hover {

    background-color: #0f90b2;

    color: #efefef;

}

.week-show-name-container {

    width: auto;

    min-height: 2px;

    overflow: auto;

    padding-right: 15px;

    padding-left: 15px;

    position: absolute;

    top: 90px;

    z-index: 10;

    right: 125px;

    z-index: 10;

}

.week-show-name {

    text-align: center;

    padding: 12px 50px 0px 50px;

    background-color:rgba(144, 144, 144, 0.3);

    border-radius: 10px;

    height: 60px;

}

.week-show-name h3 {

    color: white;

    padding: 0;

    margin: 0;

    font-size: 16pt;

    direction: rtl;

    font-weight: 600;

    cursor: default;

}

.week-show-desc-container {

    position: absolute;

    right: 350px;

    top: 155px;

    min-height: auto;

    z-index: 10; 

}

.week-show-desc {

    background-color:rgba(34, 38, 48, 0.5);

    min-height: auto;

    width: 500px;

    padding: 10px 12px 10px 12px;

    border-radius: 10px;

}

.week-show-desc p {

    color: white;

    text-align: right;

    font-size: 12pt;

    margin: 0;

    direction: rtl;

    font-weight: 600;

    cursor: default;

}

.week-show-button-container {

    position: absolute;

    left: 140px;

    width:auto;

    min-height: 45px;

    overflow: hidden;

    padding-top: 6px;

    bottom: 30px;

    z-index: 10; 

}

.week-show-button  {

    position: absolute;

    left: 140px;

    width:auto;

    min-height: 45px;

    overflow: hidden;

    padding-top: 6px;

    bottom: 30px;

    text-align: center;

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

    z-index: 10; 

    color: white;

    border-radius: 7px;

    font-weight: 600
    

}
.week-show-button:hover {
        background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}
 .edit {

    position: static;

}

.week-show-button i {

    margin-left: 10px;

    position: relative;

    top: 1px;

}

.edit i img {

    top:3.5px;

}

.week-show .week-show-button {
    opacity: 0.7;
    font-size: 9pt;
    padding-top: 5px;
    padding-bottom: 9px !important;
    height: auto;
    min-height: auto;
	padding-right: 20px;
	padding-left: 20px;
}
@media screen and (max-width:991px) {
	.week-show .week-show-button {
		max-width: 240px;
		display: block;
		margin: 0 auto;
	}
}


/* Navigation Bar of Shows [8] */



.sections {

    position: relative;

    min-height: 65px;

    overflow: auto;

    width: 100%;

    background-color: #191E28;

    padding-right: 75px;

    margin-bottom: 25px;

    padding-bottom: 20px;

    padding-top: 0px;

}

.sections:after {

    position: absolute;

    left: 0;

    top: 50%;

    height: 1px;

    background: white;

    content: "";

    width: 100%;

    display: block;

    z-index:0;

}

.sec-items {

    position: relative;

    height: 55px;

    background-color: #191E28;

    float: right;

    padding: 0;

    z-index: 1;

    padding-bottom:0px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 4px;

}

.sec-items a.sec {

    background-color: #222630;

    padding: 8px;

    height: auto;

    float: right;

    margin-top: 10px;

    font-size: 14pt;

    margin-left: 10px;

    z-index: 1000;

    border-radius: 6px;

    color: #fff;

    font-weight: 700;

    padding-right: 12px;

    padding-left: 12px;

}

.sec-items a:last-child {

    margin-left: 0;

}

.sec-items a {

    color: #fff;

}

.sec-items a i {

    margin-left: 5px

}

.sec-items a.sec:hover {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    text-decoration: none;

    color: #fff;

}

.sec-items a.sec-active {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}



/* Shows Panel [9] */



.shows-panel {

    padding-right: 100px;

    padding-left:  100px;

    min-height: 350px;

}

.col-lg-3 {

    padding-left: 20px;

    padding-right: 20px;

}

.show {

    height: 340px;

    margin-bottom: 20px;

    padding: 0px;

    border: 5px solid #252931;

    position:relative;

    overflow: hidden;

    margin-right: 0px;

    margin-left: 0px;

}

.show img {

    width: 100%;

    height:100%;

}

.slide {

    height: 268px;

    margin-left:0;

    width:200px;

    display: inline-block;

}

@keyframes showHover {

    100% {

       top: 0px

    }

}

.show:hover .show-info-container2 {

    animation: showHover 0.2s ease;

    animation-fill-mode: forwards;

}

.show-info-container2 {

    width: 100%;

    min-height: 100%;

    overflow: auto;

    position: absolute;

    top: -100%;

    background-color: rgba(34, 38, 48, 0.6);

    overflow-x: hidden;

}

.show-name {

    position: absolute;

    top: 45px;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    padding: 7px 5px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    padding-right: 10px;

    padding-left: 10px;

}

.show-name h3 {

    padding:0;

    margin:0;

    color: white;

    font-size:10pt;

    display: inline;

    float: right;

    font-weight: 600;

}

.show-views {

    position: absolute;

    top: 90px;

    background-color: #191E28;

    padding: 8px;

    text-align: center;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    cursor: default;

    display:none;

}

.show-views i {

    color:white;

    font-size: 10pt;

    float: left;

    display: inline;

    float: left;

    margin-right:5px;

}

.show-name i {

    color:white;

    font-size: 10pt;

    margin-right:8px;

    float: left;

    display: inline;

}

.show-views h3 {

    padding:0;

    margin:0;

    color: white;

    font-size:10pt;

    display:inline;

    margin-right:5px;

    float: right;

    font-weight: 600;

}

.show-views img {

    width: 15px;

    height: 15px;

}

.show .btn:hover {

    background-color: #191E28

}

.show-info-container2 .btn:focus {

    background-color: #191E28

}

.show-play {

    text-align:center;

    padding-top: 8px;

    color: #fff;

    text-decoration: none;

    font-weight: 600

}

.show-play:hover {

    text-decoration: none;

    color: #fff

}

.info-cont {

    position: absolute;

    bottom: 45px;

    width:100%;

    background-color:#222630;

    opacity: 0.9;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding: 10px;

}

.info-cont h5 {

    color:white;

    font-size:10pt;

    cursor: default;

    line-height: 19px;

    padding: 0px 5px 0px 5px;

    text-align: right;

    font-weight: 600;

    margin-top: 2px;

    margin-bottom: 10px;

    direction: rtl;

}

.show-story {

    font-size: 12pt;

    color:white;

    background-color:#333;

    background-image: url(../images/black-layer.webp);

    opacity: 0.8;

    text-align: right;

    padding: 5px 5px 5px 5px; 

    border-radius: 4px;

    cursor: default;

}

.show-story p {

    margin-bottom: 0;

    color: #efefef;

    text-align: right;

    margin: 0;

    direction: rtl;    

}

.show-play {

    bottom: 0px;

    width:100%;

    left:0;

    background-color: #222630 !important;

    height: 36px;

    border-radius: 0px;

    padding-left: 0;

    padding-right: 0;

    font-size: 10pt;

    padding:3px;

    padding-top: 8px;

    background: none

}

.show-play {

    background-color: #191E28;

}

.show-play i {

    margin-left: 4px;

    position: relative;

    top: 1px;

    font-size: 12pt;

}

.show-stars {

    position: absolute;

    right: 0%;

    top: 0px;

    height: 26px;

    background-color: #3d64a5;

    padding: 0px 0px 5px 5px;

    border-radius: 5px;

    border-top-right-radius: 0px;

    border-top-left-radius: 0px;

    width: auto;

    text-align: right;

    border-bottom-right-radius: 0;

    cursor: default;

   display:none;

}

.show-stars img {

    display: inline;

    margin-right: 5px;

    width: 15px;

    height: 15px;

}

.slide .info-cont .show-story {

    display:none;

}

.slide .info-cont h5  {

    padding-bottom:auto;

    padding-top:0px;

    padding-right: auto;

    text-align: right;

    line-height: 21px

}

.load-section-container {

    width: 100%;

    min-height: 150px;

    overflow: auto;

    display: none;

}

.custom-preloader-container {

    width: auto;

    min-height: 2px;

    float: left;

    overflow:hidden;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    display: none;

    margin-top: 25px;

    margin-bottom: 50px;

}

.shows-with-pagination-container {

    width: 100%;

    min-height: 20px;

    overflow:auto; 

}



/* Pagination [10] */

.pagination {

    width:100%;

    min-height:70px;

    background-color: transparent;

    margin-bottom: 15px;

    padding-top: 15px;

    text-align: center;

}

.pagination-sub-holder {

    width: auto;

    min-height: 20px;

    overflow: auto;

    position: relative;

    float: left;

    left: 50%;

    transform: translateX(-50%);

}

.next-page {

    background-color: #191E28;

    padding: 10px 20px;

    text-align:center;

    max-width: 110px;


    float: right;

    margin-left:10px;

    margin-bottom:10px;

    border-radius: 4px;

}

.next-page h4 {

    margin:0;

    padding: 0;

    font-size: 12pt;

    color: white;

}

.next-page a {

    color: #fff;

    text-decoration: none;

}

.disabled-page {

    cursor: not-allowed;

    background-color: #363c47;

    opacity:0.7;

}

.page-number {

    background-color: #191E28;

    padding: 10px 20px 10px 20px;

    text-align:center;

    max-width: 110px;

    float: right;

    margin-left:10px;

    margin-bottom:10px;

    border-radius: 4px;

}

.page-number h4 {

    margin:0;

    padding: 0;

    font-size: 12pt;

    color: white;

}

.right-page {

  

    border-right: 0;

}

.next-page:hover {

    background-color: #3d64a5   

}

.page-number-active {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}

.page-number:hover {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}

.current div {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}

.current {

    display: inline;

}

.disabled-page:hover {

   background-color: #363c47;

   opacity:0.7;

}



/* KeyWords Panel [11] */

#keywords-panel { 

    width:100%;

    min-height: 80px;

    opacity:1;

    padding:15px 10px 15px 10px;

    overflow: auto;

    padding-bottom: 0;
    text-align:center;

}

.keyword {

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    box-shadow: 0px 2px 4px black;

    padding: 12px 15px;

    margin-right:10px;

    font-size: 11pt;

    color:white;

    margin-bottom: 20px;

    border-radius: 5px;

    

}

.watch-by-your-choice {

    text-align: center;

    background: #4286f4;

    background-size:cover;

    padding: 10px 15px;

    color:#fff;

    font-weight: bold;

    border-radius: 6px;

    font-size: 13pt
    
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
    cursor:default;

}

.keyword i {

    margin-left: 4px;

    position: relative;

    top: 1px;

    transition: 0.5s ease;

}

.keyword:hover i {

    transform: rotate(360deg);

}

/* Footer Styling [12] */

.footer-part {

    width: 100%;

    min-height: 20px;

    overflow: auto;

    /*background: url("../images/slider-bg.webp");*/

}

.footer {

    min-height: 50px;

    width: 100%;

    border-top: 1px solid #fff;

    padding-top:20px;

    padding-bottom: 20px;

    padding-right: 15px;

    text-align:right;

    overflow:auto;

    position: relative;

}

.footer a h3 {

    font-size: 10pt;

    padding: 0px;

    opacity: 1;

    border-radius: 10px;

    margin: 0;

    color: #fff;

    text-align: center;

    position: absolute;

    left: 10px;

    top: 13px;

    font-weight: bold;

    

}

.footer a h3 i {

    animation: pulse 0.5s ease infinite;

    margin-right: 5px;

    margin-left: 5px;

    color: #dc0c42

}

.footer h2 {

    font-size:12pt;

    color:white;

    margin:0;

    padding:0;

    font-weight: 600;

    text-align:right;

    direction: rtl;

    cursor: default;

}

.footer a:hover {

    text-decoration: none;

}

.left-footer {

    position:absolute;

    left:5px;

}



.show-play {

    text-align:center;

}

.show .btn:hover {

    background-color: #191E28

}



/* Single Show Page [13] */

.bar {

    width:100%;

    min-height:58px;

    background-color: #191E28;

    border-top:1px solid #18a5e6;

    border-bottom: 1px solid #18a5e6;

    margin-bottom: 0px;

    overflow: auto;

    padding-left: 0px;

}

.bar-item {

    margin-right: 0px;

    cursor: pointer;

    float:right;

    height:56px;

    text-align:center;

    background-color:transparent;

    padding: 5px 10px 0px 10px;

    position: relative;

    transition: 0.5s ease;

}

.bar-item-inner {

    border-right:solid 3px #949494;

    margin:2px;

    height: 40px;

    padding-right:9px;

    transition: 0.5s ease;

}

.bar-item-inner h5 {

    color:white;

    display:inline;

    margin:0;

    padding:0;

    margin-right:0px;

    position: relative;

    top: 9px;

    font-weight: 600;

}

.bar-item-inner img {

    position: relative;

    top:6px;

}

.bar-item:hover {

    background-color:#3c4251

}

.bar-item-inner:hover {

    border-right: solid 3px #3d64a5;

}

.bar-item-active{

    background-color:#3c4251

}

.bar-item-active div {

    border-right: solid 3px #3d64a5;

}

.single-show-info {

    width:100%;

    min-height: 100vh;

    background-color:transparent;

    padding: 0px 10px 10px 10px;

    float: right;

    padding-bottom: 0;

    padding-top: 15px;

    margin-bottom: 15px;

}

.single-show-info-right {

    width: auto;

    min-height: auto;

    float: right;

}

.single-show-img {

    width:290px;

    height: 350px;

    position: relative;

    border:5px solid #3c4251;

    border-radius: 4px;

    margin-bottom: 15px;

}

.single-show-img img {

    width: 100%;

    height: 100%;

    z-index: 5;

}

.single-show-star {

    position: absolute;

    left: 0;

    top: 0;

    width: auto;

    padding: 5px 7px 9px 7px;

    height: auto;

    background-color: #191E28;

    z-index: 20;

    border-bottom-right-radius: 7px;

    cursor: default;

}

.single-show-star img {

    display: inline;

    height: 20px;

    width: 20px;

}

.single-show-views {

     position: absolute;

     right: 0;

     top: 0;

     width: auto;

     padding: 7px 7px 6px 8px;

     height: auto;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

     z-index: 20;

     border-bottom-left-radius: 7px;

	display:none;

}

.single-show-views h5 {

    display: inline;

    color:white;

    font-size: 13pt;

    margin-right: 2px;

    cursor: default;

}

.single-show-views i {

    color: white;

    top: 3px;

    top: -1px;

    position:  relative;

}

.single-show-date {

    position:absolute;

    bottom: 0;

    right: 0;

    padding:10px;

    width: auto;

    height: auto;

    background-color: #191E28;

    z-index: 20;
display:none;
    border-top-left-radius: 5px;

}

.single-show-date img {

    width: 20px;

    height: 20px;

    display:inline;

    position: relative;

    top: 1px;

    float: right;

}

.fb, .gp, .tw, .wh {

    cursor: pointer;

}

.single-show-date h5 {

    color: white;

    font-size: 13pt;

    display:inline;

    margin-right: 5px;

    cursor: default;

    font-weight: 600

}

.user-opinion {

    width:290px;

    min-height: 200px;

    border:1px solid #3d64a5;

    overflow: auto;

}

.report-layer {

    left:0;

}

.report-form-container  {

    width: 100%;

    min-height: 20px;

    overflow: auto;

    float: right;

    padding: 10px 100px;

}

.report-layer {

    opacity: 1;

    width:100%;

    height: 275px;

    position: fixed;

    bottom: 0;

    z-index:99999999999999;

    background-color:#191E28;display:none;

    border-top:2px solid #fff;

}

.x-container {

    width: 100%;

    min-height: 155px;

    position: relative;

}

.report-sign {

    float: right;

    width: auto;

    margin-bottom: 10px;

    padding: 10px 15px 10px 15px;

background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

    border-bottom-left-radius: 5px;

}

.report-sign h5 {

    margin:0;

    color:white;

    font-size:15pt;

}

.close-report {

    position:absolute; 

    left:15px;

    top:15px;

    cursor:pointer;

    height: 27px;

    width: 27px;

}

.report-problem {

    width: 100%;

    float: right;

    margin-bottom: 10px;

}

.report-layer textarea {

    background-color: #fff;

    padding:10px;

    min-height: 70px;

    margin-bottom: 10px;

    border-radius: 4px;

    direction: rtl;

}

.send-report {

    width: 100%;

    padding: 14px;

    left: 35px;

    top:70px;

  background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

    border: 0;

    color: white;

    border-radius:5px;

    float: right;

}
.send-report:hover {
      background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}

.report-black-layer {

    width: 100%;

    height: 100vh;

    background-color: #000;

    opacity: 0.6;

    position: fixed;

    display: none;

    z-index:99999999999999;

}

.report-success {

    width: 100%;

    height: auto;

    overflow: auto;

    display: none; 

}

.report-success .check-ic-container {

    width: auto;

    height: auto;

    position: relative;

    left: 50%;

    text-align: center;

    transform: translateX(-50%);

}

.report-success .check-ic-container i {

    display: block;

    color: #fff;

    font-size: 58pt;

}

.report-success .check-ic-container h5 {

    color: #fff;

    font-size: 18pt;

    margin: 0;

    margin-top: 20px;

    font-weight: bold;

}

.report-success .check-ic-container h5 span {

    color: #3d64a5

}

.report-success .check-ic-container button {

    background: #373B44;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

    color: #fff;

    padding: 10px 50px;

    border-radius: 5px;

    border:0;

    text-align: center;

    margin-top: 20px;

    font-weight: bold;

}

.opinion-logo {

    width: 100%;

    height: auto;

    text-align: center;

    padding:10px;

    border-left: 8px solid #3d64a5;

    background-color: #191E28;

}

.s-hide {

    height: 55px;

}

.opinion-logo h3 {

    font-size: 16pt;

    color: white;

    margin:0;

    padding:0;

    cursor: default;

}

select {

    display: block;

    direction: rtl;

}

.value-system {

    width: 100%;

    background-color: transparent;

    padding: 15px 0px 15px 0px;

    margin-bottom:5px;

    min-height: auto;

    overflow: hidden;

}

.like-show {

    width: 50%;

    float: right;

    height:auto;

    padding: 10px;

    border-bottom: 2px solid #575d8c;

    background-image:url(../images/dark.webp), url(../images/color-layer.webp);

    background-size: cover;

    text-align: center;

    cursor: pointer;

    transition: 0.5s ease;

}

.like-show img {

    height:25px;

    width:25px;

    display: inline;

    position: relative;

    top: -5px;

    float:  left;

}

.like-show h5 {

    color: white;

    font-size: 18pt;

    display: inline;

}

.unlike {

    float: left;

    border-right: 2px solid #151723;

}

.like img {

    right: 17px;

    float:  right;

    top: 1px;

}

.unlike img {

    top: 4px;

    left: 20px;

}

.unlike:hover {

    border-bottom: 2px solid #c70932;

}

.like:hover {

    border-bottom: 2px solid #08c404; 

}

.active-like-rate {

    border-bottom: 2px solid #08c404;

}

.active-unlike-rate {

    border-bottom: 2px solid #c70932;

}

.share-socialmedia {

    width: 100%;

    background-color: transparent;

    padding: 15px 0px 15px 0px;

    margin-bottom:0px;

    min-height: auto;

    overflow: hidden;

    text-align: center;

}

.share-socialmedia img {

    display:inline;

    border-radius: 50%;

    margin-left: 5px;

    transition: 0.5s ease;

}

.share-socialmedia .wh {

    border-radius: 0

}

.share-socialmedia img:hover {

    filter:grayscale(100%);

    transform:rotate(360deg);

}

.link-report {

    width: 100%;

    background-color: transparent;

    padding: 15px;

    margin-bottom:0px;

    min-height: auto;

    overflow: hidden;

    text-align: center;

    border-top:2px solid #3d64a5;

    border-bottom:2px solid #3d64a5;

}

.link-report h3 {

    color:white;


    padding: 15px 35px;

    font-size: 16pt;

    transition:0.5s ease;

    border-radius: 5px;

    padding-top:  11px;

    margin: 0;
    
 

}

.link-report h3:hover {


   opacity:0.5;

}

.single-show-info-left {

    width: 76%;

    min-height: 100vh;

    float: left;

    padding: 20px 40px;

}

.single-show-name-movie-page {

    padding:15px;

    width: 100%;

    text-align: right;

    margin-bottom: 15px;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    border-radius: 8px;

}

.single-show-name-movie-page h3 {

    color:white;

    font-size: 15pt;

    margin:0;

    line-height: 29px;

    cursor: default;

   direction:rtl;

}

.single-show-details {

    width:100%;

    min-height:100px;

    border: 1px solid #3d64a5;

    background: -webkit-linear-gradient(to right, rgba(66,134,244,0.5), rgba(55,59,68,0.5));  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, rgba(66,134,244,0.5), rgba(55,59,68,0.5));

    float: right;

    margin-bottom: 15px;

    position: relative

}

.story-logan {

    width: auto;

    height:auto;

    float: right;

    padding:10px 20px;

    border-right: 3px solid #3d64a5;

    text-align: center;

    background-color: #222630;

    display: block;

    border-bottom-left-radius: 5px;



}

.story-logan h5 {

    color:white;

    margin:0;

    font-size: 14pt;

    cursor: default;

    direction: rtl;

}

.story-logan span {

    color: #3d64a5;

    font-weight: 600;

}

.single-show-story-content {

    padding: 0px 10px;

    font-size: 12pt;

    color:white;

    text-align: right;

    display:block;

    float: left;

    font-weight: lighter;

    line-height:30px;

    padding-top: auto;

    width: 100%;

    cursor: default;

    padding-top: 10px;

    padding: 15px;

direction:rtl;

}

.details-item-1 {

    padding:5px;

    width: 100%;

    float: left;

    min-height:5px;

    margin-top:  10px;

    padding-bottom:  0;

    padding-right: 10px;

    padding: 0px 15px;

    padding-top: 10px;    

}

.show-detail-item {

    width:auto;

    height:auto;

    float: right;

    margin-left: 20px;

    margin-bottom: 5px;

}

.item {

    text-align: center;

    padding:10px;

    color:white;

    font-size:12pt;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    display:inline-block;

    float: right;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

    cursor: default;

}

.value {

    text-align: center;

    padding:10px;

    color:white;

    font-size:12pt;

    background-color: #222630;

    display:inline-block;

    float:right;

    direction: rtl;

    border-bottom-left-radius: 8px;

    border-top-left-radius: 8px;

}

.value div a:hover {

    text-decoration: none

}

.items-2 .value {

    text-align: center;

    padding:3px 5px;

    color:white;

    font-size:16pt;

    background-color: #222630;

    display:inline-block;

    float:right;

}

.items-2 {

    display:block;

    margin-bottom: 15px;

}

.details-item-2 {

    padding:5px;

    max-width: 100%;

    float:right;

    min-height:5px;

    padding: 0 15px;

    padding-bottom: 10px;

}

.value div {

    text-align: center;

    padding:3.5px 10px;

    width: auto;

    height:100%;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    border:1px solid white;

    float:right;

    margin-left: 4px;

}

.items-2 .value div {

    text-align: center;

    padding:3.5px 10px;

    width: auto;

    height:auto;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    border:1px solid white;

  

    margin-left: 4px;

    margin-bottom: 5px;

    margin-top: 3px;
    float:none;
    display:inline-block;
    border-radius: 4px;

}

.items-2 .item {

    margin: 0;

}

.value div h5 {

    font-size: 10pt;

    margin:0;

}

.value a {

    color:white;

}

.watch-and-download-container {

    padding:20px 25px;

    width: 100%;

    float:right;

    min-height:5px;

}

.watch-now {

    float: right;

    width: 100%;

    height: auto;

    background-color: #191E28;

    text-align: center;

    transition: 0.5s ease;

    margin-left: 5px;

    padding: 20px;

    border-radius: 5px;

    border: 2px solid #3d64a5;

    transition: 0.4s ease;

}

.watch-now:hover {

    border: 2px solid #fff;

}

.watch-now:hover i {

    color: #fff;

}

.watch-now i {

    display: inline-block;

    font-size: 14pt;

    color: #3d64a5;

    transition: 0.4s ease;

}

.bar-item-inner img {

    height: 28px;

    width: 28px;

    float:  right;

    margin-left:  10px;

}

.watch-now h3 {

    color: white;

    display: inline;

    font-size: 14pt;

    margin-right: 10px;

}

.imdb {

    position: absolute;

    top: 0;

    left: 0;

}

.imdb img {

    height: 40px;

    width: 120px;

    opacity: 0.6;

    transition: 0.5s ease;

}

.imdb img:hover {

    opacity:1;

}

.mobile {

    display:none;

}

/* the box of the trailer section */

.trailer-container {

    width: 100%;

    min-height: 200px;

    padding: 60px 25px 25px 25px;

}

.trailer-container video {

    width: 100%;

    height: 100%;

}

.trailer-box {

    margin-top: 20px;

}

/* Comments Section */

.comments-container {

    width: 100%;

    min-height: 200px;

    padding: 25px 5px 5px 15px;

    overflow-y: scroll;

    max-height: 490px;

    padding-top: 15px;

}

.logged-in-as {

    direction: rtl;

}

.comment {

    width: 100%;

    min-height: 60px;

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);


    overflow: auto;

    margin-bottom: 15px;

    border-radius: 5px;

}

.commenter-name {

    float: right;

    background: transparent;

    min-height: auto;

    width: auto;

    padding: 8px 15px 5px 5px;

}

.commenter-name h4 {

    color: white;

    font-size: 12pt;

    padding: 0;

    margin: 0;

    padding-left:  10px;

    cursor: default;

}

.comment-date {

    float: left;

    background: transparent;

    min-height: auto;

    width: auto;

    padding: 8px 10px 5px 15px;

}

.comment-status {

    display: none;

    background-color: #4BB543;

    color: #fff;

    padding: 10px;

    font-size: 12pt;

    font-weight: bold;

    margin-bottom: 10px;

    border-radius: 4px;
float:right;
text-align:right;
width:100%;
    direction: rtl;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

}

.comment-date h4 {

    color: white;

    font-size: 10pt;

    padding: 0;

    margin: 0;

    font-weight: bold;

    cursor: default;

    direction:  rtl;

}

.comment-content {

    float: right;

    min-width: 60%;

    height: auto;

    padding: 10px;

    margin: 10px;

    background: #191E28;

    border-radius: 5px;

}

.notice {

    width: 100%;

    height: auto;

    text-align: center;

    color: #fff;

    transform: translateY(50%);

}

.notice span {

    color: #3d64a5

}

.notice h3 {

    font-size: 14pt;

    font-weight: bold;

    line-height: 28px;

}

.notice i {

    font-size: 28pt;

    font-weight: bold;

    display: block;

    margin-bottom: 20px;

}

.comment-content h4 {

    color: white;

    font-size: 12pt;

    padding: 0;

    margin: 0;

    text-align: right;

    line-height: 30px;

    cursor: default;

}

.comment-top-sec {

    width: 100%;

    min-height: 40px;;

    display: block;

    padding-top: 5px;

}

.comments-logan {

    border-right: none;

}

.add-comment-container {

    background-color: #222630;

}

.add-comment-inner-container {

    width: 99%;

    height: auto;

    float: right;

    text-align: center;

    padding: 10px 20px 20px 20px

}

.add-comment-inner-container input {

    background-color: white;

    padding-right: 5px;

    border-radius: 4px;

    margin: 0;

    margin-top: 10px;

    margin-right: 5px;

}

.add-comment-inner-container label {

    margin-bottom: 10px;

    font-size: 10pt;

    font-weight: bold;

}

.add-comment-inner-container textarea {

    background-color: #fff;

    border-radius: 4px;

    padding: 8px;

    min-height: 75px;

    margin-top: 10px;

    direction: rtl;

    float: right;

}

.add-comment-inner-container .submit {

    background: linear-gradient(to right, #4286f4, #373B44);
    background-size: cover;

    color: white;

    text-align: center;

    width: auto;

    border: 0;

    padding: 10px;

    transition: 0.5s ease;

    padding-right: 50px;

    padding-left: 50px;

    text-align: center;

    border-radius: 5px;

    position: relative;

    right: 50%;

    transform: translateX(50%);

    margin-top: 15px;

}

.logged-in-as a:hover {

    text-decoration: none;

}

.logged-in-as a {

    color: #888

}

.logged-in-as a:nth-child(2) {

    color: #efefef;

}

.add-comment-inner-container button:hover {

    background-color: #3d64a5;

}

/* simillar show section */

.simillar-show-container {

    width: 100%;

    float: right;

    max-height: 280px;

    padding: 20px 20px 0px 0px;

    overflow-y: scroll

}

.simiilar-slideshow {

    border: 1px solid black;

    height: 270px;

    overflow:hidden;

    margin-top: 10px;

    margin-bottom: 10px;

    float: right; 
    

}

.simillar-panel {

    padding-right: 0px;

}

.simillar-show .col.m2 {

    width: 22%;

    height: 250px;

}

.simillar-show .show .show-story {

    display: none;

}

/* Watch and Download Page [14] */

.watch-servers-edit {

    padding-top: 0;

    margin-top: 10px;

}

.servers-name-container {

    width: 100%;

    min-height: auto;

    overflow: auto;

    text-align: center;

    padding: 15px 25px 15px 25px;

}

.servers-name-container .row {

    direction: rtl;

}

.servers-name-container .row .server-name {

    direction: ltr;

}

.server-name {

    width: 100%;

    height: auto;

    padding: 15px;

    text-align: center;

    background-color: #222630;

    margin-left: 10px;

    float: right;

    margin-bottom: 20px;

    transition: 0.5s ease;

    border-radius: 5px;

    margin-bottom: 20px;

}

.download {

    margin-bottom: 15px;

}

.servers-name-container .row {

    margin-bottom: 0;

    padding-bottom: 0;

}

.watch-servers-edit .single-show-details {

    margin-top: 5px;

}

.server-name:hover {

    border-right: 1px solid white;

    background-color: #3d64a5;

}

.server-name:hover i {

    color: #fff

}

.server-name h4 {

    font-size: 14pt;

    color: white;

    margin: 0;

    padding: 0;

    display: inline;

}

.server-name img {

    display: inline;

    position: relative;

    top: 5px;

}

.server-container {

    width: 100%;

    height: auto;

    overflow: auto;

    background-color: transparent;

    padding: 0px 25px 25px 25px;

}

.server {

    background-color: #1d1c1e;

    width: 100%;

    border: 2px solid #3d64a5;

    height:500px;

    overflow: auto;

    overflow-y: hidden;

}

.server iframe {

    width: 100%;

    height: 100%;

    border:0;

}

.server-name i {

    margin-left: 5px;

    color: #3d64a5

}

.server-active {

    border-right: 1px solid white;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

}

.server-active i {

    color: #fff

}



/* Custom Categories Pages [15] */



.custom-filter-page-sign {

    width: auto;

    min-height: 20px;

    overflow:auto;

    padding: 25px;

    z-index: 1;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    float: left;

}

.word-box {

    width: auto;

    height: auto;

    float: left;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    padding: 15px 30px;

    border-radius: 5px;

}

.word-box h2 {

    margin: 0;

    font-size: 18pt;

    color: #fff;

    text-align: center;

    line-height:30px;

    cursor: default;

}

.word-box h2 i {

    margin-left: 7px;

}

.box-word-handler {

    padding: 0;

    background-color: transparent;

    background-image: url(../images/black-layer-10.webp);

    margin-bottom: 15px

}



/* 404 Page [16] */



.page-not-found h1 {

    color: #4286f4;

    font-size:100pt;

    margin-top: 35px;

    position: relative;

    left: 50%;

    float: left;

    transform: translateX(-50%);

    width: 100%;

    text-align: center;

    font-weight: 600

}

.page-not-found h2 {

    position: relative;

    left: 50%;

    float: left;

    transform: translateX(-50%);

    color: white;

    font-size: 20pt;

    line-height: 35px;

    width: 100%;

    margin-top: 0;

    text-align: center;

     font-weight: 600

}

.page-not-found {

    padding: 50px;

    width: 100%;

    min-height: 500px;

    overflow: auto;

}

.page-not-found button {

    position: relative;

    left: 50%;

    float: left;

    transform: translateX(-50%);

    border:0;

    background: #373B44;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);

    color:white;

    padding: 15px 30px;

    font-size:14pt;

    border-radius: 5px;

    margin-top:20px;

    border-radius: 5px;

}

.page-not-found button i {

    margin-left: 10px;

    float: right;

    position: relative;

    top: 5px;

    margin-left: 10px

}

.btn {

    text-transform:none;

}

.full-width-service {

    margin-top:0 !important;

}
.mobile-rep {
    text-align:center !important;
    padding:0;
    margin-bottom:15px;
    
}

/* page.php styling [17] */

.page-container {

    width: 100%;

    min-height: 500px;

    overflow: auto;

    padding: 25px;

}

.page-items {

    margin-left: 0px;

}

.page-items p {

    color: #fff;

    font-size: 13pt;

}

.page-details {

    padding: 15px;

    border-radius: 4px;

}

.sign-container {

    width: 100%;

    float: right;

    height: auto;

    position: relative;

    text-align: center;

    padding: 0px;
    padding-top:10px;

}

.watch-by-your-choice i {

    color: #f8e47c;

    margin-left: 5px;

}

.keywords-container {

    width: 100%;

    float: right;

    text-align: center;

    padding: 20px 0px;

    padding-top: 5px;

}

.footer-info {

    width: 100%;

    float: right;

    border-top: 1px solid #fff;

    padding: 15px;

}

.footer-info .meta-footer {

    float: right;
    margin-bottom:0;

}

.footer-info .meta-footer li {

    float: right;

    color: #fff;

    margin-left: 10px;

}

.footer-info .meta-footer li a {

    color: inherit;

}

.social-media-footer {

    float:left;
    margin-bottom:0;

}

.social-media-footer li {

    float:right;

    color: #fff;

    margin-left: 10px;

    font-size: 13pt;

}

.social-media-footer li a {

    color: inherit;

}

.series-order {

    width: 100%;

    float: right;

    padding: 15px;

    padding-bottom: 0;

    padding-top: 25px;

}

.series-order li {

    float: right;

    background: #191E28;

    padding: 15px 25px;

    border-radius: 5px;

    margin-left: 15px;

    color: #fff;

    font-size: 13pt;

    margin-bottom: 10px;

    text-align: center;

    width: 30.3333333%;

    line-height: 35px;

    direction: rtl;

}

.series-order li a {

    color: inherit;

}

.series-order li span {

    display: block;

}

.series-order li.active {

    background: #3d64a5;

 }

 .episode-number {

    width: 15%;

 }

 .episode-name {

    width: 70%;

    direction: rtl;

 }

 .ribbon {

    transition: .2s all ease;

    position: absolute;

    width: 250px;

    height: 30px;

    text-align: center;

    background: #373B44;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background-size:cover;

    z-index: 1;

    transform: rotate(-35deg);

    top: 10px;

    left: -92px;

    line-height: 29px;

    font-weight: bold;

    color: white;

}

#sidenav-overlay {

    z-index: 1;

} 
.share-box-btn {
transition:none
}
.share-box-btn:hover {


}

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

    .episode-number {

        width: 100% !important;

    }

    .pm-0 {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }



 }
nav {
    top:0;
}
nav .button-collapse:hover, nav .button-collapse:focus, nav .button-collapse:active {
    text-decoration: none;
}
.movie-page-single-show-info {
    overflow-x:hidden;
}
    .mobile-search-btn {
        display:none;
        float: left;
        margin-left: 15px;
        position: relative;
        top: -5px;
    }
    .mobile-rep {
    display:none;
}
.mobile-search-btn i {
    float:left;
    color:white !important;
    
}
.mobile-search {
    display:none;
    margin-left:10px;
}
.mobile-search-btn:active, .mobile-search-btn:focus {
    color:White;
}
.mobile-search input:focus, .mobile-search input:active {
    color:inherit;
}
.watch-now {
    margin-left:0;
}
.watch-by-your-choice i {
    color:white;
}
#keywords-panel .sign-container {
    margin-bottom:30px;
}
.link-report h3 {
        background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}
.comment-form-cookies-consent {
    display:None;
}
.watch-by-your-choice {
    font-weight:bold !important;
}
.side-nav li.menu-item-type-custom {
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}
#next, #prev {
    /* display: none !important; */
}
li.menu-item-has-children ul li {
	background: #222630 !important;	
}
.week-show-button {
	border: none;
}
.sec-items a.sec-active {
	border: none;
}
.sec-items a.sec {
    border: none;
}