@import url('../../plugins/font-awesome/css/font-awesome.min.css?v=1');
@import url('../../plugins/bootstrap/css/bootstrap.min.css?v=1');
*,
:after,
:before,
a {
    padding: 0;
    margin: 0
}
a,
a img {
    text-decoration: none
}
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
    font-family: VO, Helvetica, Arial, sans-serif
}
div.body {
    width: 100%;
    height: 100%
}
body,
div.body,
html {
    height: 100%
}
@font-face {
    font-family: VO;
    src: url(../../fonts/ge-ss-two-medium.eot?) format("eot"), url(../../fonts/ge-ss-two-medium.woff) format("woff"), url(../../fonts/ge-ss-two-medium.ttf) format("truetype"), url(../../fonts/GE_SS_Two_Medium.svg#GESSTwoMedium-Medium) format("svg");
    font-weight: 700;
    font-style: normal
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a:active,
a:focus,
a:hover {
    text-decoration: none;
    color: #fff;
    outline: 0
}
a img {
    vertical-align: bottom;
    border: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4f4f4f;
    margin: 0
}
.hide {
    display: none;
    opacity: 0;
}
html {
    overflow-x: hidden;
    overflow-y: auto
}
img {
    height: auto;
    max-width: 100%
}
.alert {
    margin: 10px 0 0;
    text-align: right;
    direction: rtl
}
.alert h2 {
    font-size: 16px
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 15px
}
.fRight {
    float: right
}
#topNav .container-fluid {
    padding: 0;
}
.artRow,
.con_Ad,
.tbar {
    overflow: hidden;
    position: relative
}
#search,
#topNav {
    transition: .3s all ease
}
#topNav,
.artRow,
.con_Ad,
.tbar,
body {
    position: relative
}
#logo a,
#topNav i {
    font-weight: 700
}
.con_Ad {
    text-align: center;
    margin: auto;
    padding: 10px;
    display: block;
    background: #222;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .35);
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    z-index: 10
}
.artRow {
    background:#1b1b1b;
    z-index: 10
}
body {
    font-family: VO, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #656565;
    background: #131313;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg.png');
    direction: rtl
}
.tbar {
/*    background: #48569E;
    border-top: 1px solid #2C3875;
    border-bottom: 2px solid #2C3875*/
    background: #222;
    border-top: 1px solid #131313;
    border-bottom: 2px solid #131313
}
ul.nav_right {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.nav_right li {
    display: inline-block;
    float: right;
    padding: 15px 20px 0 10px
}
ul.nav_right li a {
    color: #fff;
    font-size: 15px
}
ul.nav_right li a:hover {
    color: #FFE37C
}
.tbar ul.social {
    float: left;
    list-style: none;
    margin: 7px 0
}
.tbar .social li {
    border-radius: 2px;
    margin-right: 1px;
    display: inline-block;
    padding: 0
}
.tbar .social li a {
    display: block;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 22px;
    padding: 0;
    line-height: 35px;
    color: #fff
}
.tbar .social li a i {
    padding-top: 6px
}
.tbar .rss {
    background: #F8991D
}
.tbar .facebook {
    background: #0B3690
}
.tbar .youtube {
    background: #EA4D46
}
.tbar .google {
    background: #D54135
}
.tbar .twitter {
    background: #20B8FF
}
.tbar .search {
    background: #FFE37C;
    cursor: pointer
}
.tbar .search i {
    color: #171717
}
.tbar .facebook,
.tbar .google,
.tbar .twitter,
.tbar .youtube {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1)!important;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1)!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)!important
}
.tbar .facebook:hover,
.tbar .facebook:hover i,
.tbar .google:hover,
.tbar .google:hover i,
.tbar .rss:hover,
.tbar .twitter:hover,
.tbar .twitter:hover i,
.tbar .youtube:hover,
.tbar .youtube:hover i {
    background: #FFF
}
.tbar .facebook:hover,
.tbar .facebook:hover i {
    color: #3C5A98
}
.tbar .rss:hover i {
    color: #F8991D
}
.tbar .twitter:hover,
.tbar .twitter:hover i {
    color: #20B8FF
}
.tbar .google:hover,
.tbar .youtube:hover i {
    color: #EA4D46
}
.tbar .google:hover,
.tbar .google:hover i {
    color: #ED6F1A
}
.tbar .search:hover,
.tbar .search:hover i {
    color: #7F0000
}
#search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transform: scale(1.1);
    display: inline-block;
    visibility: hidden;
    opacity: 0
}
#search.open {
    background-color: rgba(0, 0, 0, .6);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}
#search .btn {
    height: 45px;
    padding: 0 25px
}
#search .input-group {
    direction: ltr;
    width: 50%;
    margin: 20% auto 0
}
#search .input-group .form-control {
    height: 45px;
    text-align: right;
    font-size: 15px
}
#search .form-control {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: right;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
    font-size: 12px;
    direction: rtl
}
#search .form-control:focus {
    border-color: #fff
}
#search .btn-primary {
    background: #48569E!important;
    border-color: #48569E!important
}
header {
    position: relative;
    min-height: 150px;
    background: #2C3875;
    overflow: hidden;
}
header .logo {
    position: relative;
    padding: 40px;
}
header .logo img {
    max-width: 250px;
}
#logo {
    padding: 20px 20px 0 15px
}
#logo a {
    font-size: 29px
}
#logo a span:nth-of-type(1),
#logo:hover a span:nth-of-type(2) {
    color: #F3DB7C
}
#logo a span:nth-of-type(2),
#logo:hover a span:nth-of-type(1) {
    color: #f1f1f1
}
#topNav {
    display: block;
    background: #48569E;
    border-top: 1px solid #2c3875;
    border-bottom: 2px solid #2c3875;
    z-index: 999;
    box-shadow: 0 6px 8px -6px #000
}
.affix {
    width: 100%;
    top: 0;
    z-index: 3000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}
#topNav .nav-pills>li.active>a,
#topNav .nav-pills>li.active>a:focus,
#topNav .nav-pills>li.active>a:hover,
#topNav .nav-pills>li>a,
#topNav .nav-pills>li>a:focus,
#topNav .nav-pills>li>a:hover {
    background-color: transparent
}
#topNav div.navbar-collapse {
    padding: 0
}
#topNav ul.nav>li {
    color: #fff;
    border-left: #2c3875 1px solid;
    text-align: center;
    position: relative;
    margin: 0
}
#topNav button.btn-mobile,
#topNav ul.nav>li:hover {
    background: #2c3875;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}
#topNav .navopen:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    font-size: 12px;
    left: 4px;
    top: 14px;
    color: #fff
}
#topNav ul.nav>li.active>a:before,
#topNav ul.nav>li:hover>a:before {
    content: ' ';
    height: 2px;
    width: 100%;
    left: 0;
    top: -3px;
    position: absolute
}
#topNav div.navbar-collapse,
#topNav ul.nav>li {
    float: right
}
#topNav ul.nav>li a {
    color: #fff;
    padding: 22px 15px;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    display: block;
    font-weight: 700;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
#topNav ul.nav>li>a>span {
    display: block;
    font-size: 12px;
    color: #ccc;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.nav-pills>li>a {
    border-radius: 0
}
#topNav ul.nav>li:hover a>span {
    color: #888
}
#topNav ul.dropdown-menu li.divider {
    margin: -1px 0 0;
    padding: 0;
    border: 0;
    border-bottom: rgba(0, 0, 0, .2) 1px solid
}
#topNav .nav li:hover>ul.dropdown-menu {
    padding: 0;
    display: block;
    z-index: 100
}
#topNav ul.dropdown-menu {
    text-align: right;
    margin-top: 0;
    box-shadow: none;
    list-style: none;
    background-color: #48569E;
    min-width: 220px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
#topNav ul.dropdown-menu li {
    position: relative
}
#topNav ul.dropdown-menu>li a {
    margin: 0;
    padding: 13px 15px;
    font-weight: 700;
    color: #555;
    font-size: 13px;
    border-bottom: rgba(0, 0, 0, .1) 1px solid
}
#topNav ul.dropdown-menu>li a i.fa {
    margin-right: 4px
}
#topNav ul.dropdown-menu a.dropdown-toggle:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 9px;
    color: #999
}
#topNav .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #eaeaea;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px
}
#topNav .dropdown-submenu li:hover>a:after {
    color: #fff!important
}
#topNav ul.dropdown-menu li:last-child>a {
    border-bottom: 0
}
.dropdown-menu>li:focus>a,
.dropdown-menu>li:hover>a {
    color: #fff!important;
    background-color: #333
}
#topNav ul.dropdown-menu>li:hover>ul.dropdown-menu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    padding: 0;
    margin: 0;
    border-top: 0!important;
    border-bottom: 0!important;
    border-right: 0!important;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
#topNav button.btn-mobile {
    color: #fff;
    display: none;
    padding: 6px 10px 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px
}
#topNav button.btn-mobile i {
    padding: 0;
    margin: 0;
    font-size: 21px
}
#topNav ul.nav>li.mega-menu {
    position: inherit
}
#topNav ul.nav>li.mega-menu p {
    margin: 0;
    padding: 10px 10px 0;
    font-size: 13px
}
#topNav ul.nav>li.mega-menu div.row {
    width: 100%
}
#topNav ul.nav>li.mega-menu div {
    display: table
}
#topNav ul.nav>li.mega-menu div div {
    margin-left: -1px;
    display: table-cell;
    vertical-align: top;
    float: none
}
#topNav ul.nav>li.mega-menu div div:first-child {
    border-left: 0
}
#topNav ul.nav>li.mega-menu>ul {
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    direction: rtl
}
#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {
    margin: 0 15px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: rgba(0, 0, 0, .2) 0 6px 12px
}
#topNav ul.nav>li.mega-menu>ul ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none
}
#topNav ul.nav>li.mega-menu h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 10px 10px 20px;
    padding: 0
}
#topNav ul.nav>li.mega-menu>ul li>a {
    border-bottom: 0;
    padding: 6px 10px;
    color: #203040
}
#topNav ul.nav>li.mega-menu>ul li.active>a,
#topNav ul.nav>li.mega-menu>ul li:hover>a {
    color: #fff;
    background-color: #48569E
}
#topNav ul.nav>li.mega-menu>ul li.divider {
    border: 0;
    border: 1px solid rgba(0, 0, 0, .01);
    margin: 10px 0
}
#topNav ul.dropdown-menu>li a:hover {
    background: #2c3875; 
    color: #fff
}
.dropdown-menu {
    right: 0;
    left: auto
}
#topNav .nav li:hover>ul.dropdown-menu {
    border-top: 2px solid #48569E
}
#topNav .nav li>ul.dropdown-menu {
    background: #fff
}
#topNav .nav li>ul.dropdown-menu li a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 10px;
    background: #48569E
}
#topNav .nav li>ul.dropdown-menu li:hover a {
    background: #2c3875;
    padding-right: 25px
}
#topNav ul.nav>li:hover a {
    color: #fff
}
.arrow_box {
    position: relative;
    background: #f1f1f1
}
.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.arrow_box:after {
    border-color: rgba(133, 0, 0, 0);
    border-width: 2px;
    margin-left: -2px
}
.arrow_box:before {
    border-color: rgba(133, 0, 0, 0);
    border-bottom-color: #48569E;
    border-width: 8px;
    margin-left: -10x
}
#topNav ul.dropdown-menu {
    border: 1px solid #48569E
}
#topNav ul.nav>li.mega-menu div div {
    border: none
}
.navbar-brand {
    float: right;
    line-height: 20px;
    padding-top: 20px
}
a.navbar-brand {
    font-family: VO, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #FCDE8A;
    font-size: 23px
}
a:hover.navbar-brand {
    color: #fff
}
.boxSlide img,
.boxes img,
.boxes5 img {
    opacity: .95;
    transition: all ease-out .3s
}
.artFoot,
.artHead,
.slideHead {
    position: relative;
    margin: 10px 0;
    font-size: 18px;
    line-height: 25px;
    padding: 5px 0 10px;
    color: #fff;
    cursor: pointer;
    text-align: right;
    direction: rtl;
    display: block;
    clear: both
}
.artFoot:before,
.artHead:before,
.slideHead:before {
    background: url(../images/heading.png);
    position: absolute;
    bottom: 0;
    right: 0;
    content: ''
}
.artSlide,
.artSlide2,
.slide {
    padding: 10px 0 0;
    direction: ltr;
    overflow: hidden
}
.artFoot {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 0
}
.slideHead {
    margin: 0 15px 10px 10px
}
.artFoot a,
.artHead a {
    color: #fff
}
.artFoot:before,
.artHead:before,
.slideHead:before {
    width: 162px;
    height: 3px
}
.artFoot:before {
    width: 100px;
    height: 2px
}
.slide {
    max-height: 325px;
    min-height: 365px;
    margin: 0;
    background: #2c3875
}
.artSlide,
.artSlide2 {
    position: relative;
    z-index: 100;
    max-height: 430px;
    min-height: 430px;
    background: rgba(44, 56, 117, .5);
    border-top: 8px solid rgba(44, 56, 117, .7)
}
.owl-prev {
    left: 0
}
.owl-next {
    right: 0
}
.owl-next,
.owl-prev {
    position: absolute;
    top: 40%;
    height: 60px;
    width: 50px;
    text-align: center;
    font-size: 40px;
    background: #48569E;
    color: #FFF;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, .87);
    padding-top: 5px
}
.owl-next i,
.owl-prev i {
    margin-top: 5px
}
.rec {
    overflow: hidden;
    position: relative;
    color: #fff;
    background: #2C3875;
    border-top: 2px solid #48569E;
    border-bottom: 2px solid #48569E; 
    margin-top: 10px;
}
.loadMore,
.rec ul {
    position: relative;
    padding: 5px 0;
    list-style: none;
    text-align: center;
    margin: 0 auto;
    width: 100%
}
.loadMore li,
.rec ul li {
    border-radius: 4px;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    background:#48569E ;
    border: 2px solid #2C3875;
    text-align: center;
    margin: 3px 0 3px 3px;
    cursor: pointer
}
.loadMore li a,
.rec ul li a {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
.rec ul li a i {
    font-size: 20px
}
.loadMore li:hover,
.rec ul li.active,
.rec ul li:hover {
    background: #334080;
}
.boxSlide,
.boxes,
.boxes5 {
    position: relative;
    background: #141414;
    overflow: hidden;
    -moz-box-box-shadow: 0 1px 6px RGBa(0, 0, 0, .55);
    border: 3px solid #fff;
    z-index: 100;
    direction: rtl
}
.loadMore li {
    padding: 0 45px
}
.artItem {
    position: relative;
    min-height: 200px;
    overflow: hidden
}
.boxSlide {
    position: relative;
    overflow: hidden;
    border: 3px solid #fff;
    background: #000;
    direction: rtl;
}
.boxSlide img {
    position: relative;
    height: 350px;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear
}
.boxSlide:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.5
}
.boxSlide .info {
    position: absolute;
    font-size: 13px;
    text-align: center;
    word-spacing: 0.1em;
    color: #fff;
    left: 0;
    top: 0;
    margin: 0;
    padding: 10px 10px 5px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    background: #2C3875;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    overflow: hidden;
    z-index: 10
}
.boxSlide:hover .info {
    right: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.boxSlide .cat {
    position: absolute;
    z-index: 10;
    visibility: hidden;
    left: 0;
    top: -80%;
    background: #48569E;
    margin: 0 3px 3px 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .18);
    border-radius: 2px;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease
}
.boxSlide:hover .cat {
    -webkit-transition: .20s .5s all ease;
    -moz-transition: .20s .5s all ease;
    -o-transition: .20s .5s all ease;
    transition: .20s .5s all ease;
    top: 35%;
    visibility: visible
}
.boxSlide .views {
    position: absolute;
    z-index: 10;
    visibility: hidden;
    right: 0;
    bottom: -80%;
    background: #48569E;
    margin: 0 3px 3px 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .18);
    border-radius: 2px;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease
}
.boxSlide:hover .views {
    -webkit-transition: .20s .8s all ease;
    -moz-transition: .20s .8s all ease;
    -o-transition: .20s .8s all ease;
    transition: .20s .8s all ease;
    bottom: 67%;
    visibility: visible
}
.boxSlide .desc {
    background-color:#222;
    border-top: 2px solid #131313;
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-align: center;
    z-index: 200;
    padding: 10px 5px;
    line-height: 27px;
    left: 0;
    right: 0;
    bottom: -240px;
    overflow: hidden;
    transition: .3s all ease
}
.boxSlide:hover .desc {
    bottom: 0
}
.boxes,
.boxes5 {
    position: relative;
    background: #141414;
    overflow: hidden;
    -moz-box-box-shadow: 0px 1px 6px RGBa(0, 0, 0, 0.55);
    -webkit-box-shadow: 0px 1px 6px RGBa(0, 0, 0, 0.55);
    box-shadow: 0px 1px 6px RGBa(0, 0, 0, 0.55);
    margin: 15px -4px 3px -4px;
    border: 3px solid #fff;
    z-index: 100
}
.boxes::before,
.boxes5::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -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)
}
.boxes img {
    max-height: 350px;
    min-height: 350px;
    width: 100%;
    opacity: 0.95;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}
.boxes5 img {
    max-height: 320px;
    min-height: 320px;
    width: 100%;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}
.boxes:hover img,
.boxes5:hover img {
    opacity: 0.2;
    -webkit-transform: translateY(5%) rotate(25deg) scale(1.3);
    -moz-transform: translateY(5%) rotate(25deg) scale(1.3);
    -o-transform: translateY(5%) rotate(25deg) scale(1.3);
    -ms-transform: translateY(5%) rotate(25deg) scale(1.3);
    transform: translateY(5%) rotate(25deg) scale(1.3);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transform: all 0.5s ease 0s;
    -ms-transform: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 134%
}
.boxes .info,.boxes5 .info {
    position: absolute;
    font-size: 13px;
    text-align: right;
    word-spacing: 0.1em;
    color: #fff;
    left: 0;
    top: 0;
    margin: 0;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    background: #2C3875;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    overflow: hidden;
    z-index: 10
}
.boxes:hover .info,.boxes5:hover .info {
    right: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pin {
    position: absolute;
    background: #D33E30;
    width: 460px;
    text-align: center;
    top: 25px;
    z-index: 5;
    left: -190px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    padding:5px 10px;
    transform: rotate(-45deg);
    -moz-transfrom: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.boxes:hover .pin,
.boxes5:hover .pin {
    visibility: hidden
}
.boxes .views,
.boxes5 .views {
    position: absolute;
    z-index: 10;
    visibility: hidden;
    left: 0;
    top: 100%;
    margin: 0 3px 3px 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
    z-index: 12
}
.boxes:hover .views,
.boxes5:hover .views {
    -webkit-transition: .15s .4s all ease;
    -moz-transition: .15s .4s all ease;
    -o-transition: .15s .4s all ease;
    transition: .15s .4s all ease;
    top: 2%;
    visibility: visible
}

.boxes .counEp,.boxes5 .counEp{position: absolute;color: #fff;border-radius: 2px;right:1%;top:30%;padding:3px 5px;background-color:#48569E;font-size:12px;-webkit-transition:all .4s;transition:all .4s}
.boxes5:hover .counEp,.boxes:hover .counEp{right:-80%;-webkit-transition:all .4s;transition:all .4s}
.boxes .desc,
.boxes5 .desc {
    position: absolute;
    bottom: -400px;
    right: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #222;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9
}
.boxes .desc::after,
.boxes5 .desc::after {
    position: absolute;
    content: '';
    bottom: -400px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 350px 0 0;
    border-color: transparent #222 transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.boxes:hover .desc,
.boxes5:hover .desc {
    bottom: 0
}
.boxes:hover .desc::after,
.boxes5:hover .desc::after {
    bottom: 100%
}
.boxes .content p,
.boxes5 .content p {
    position: absolute;
    visibility: hidden;
    width: auto;
    border-radius: 2px;
    margin: 0 3px 3px 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    display: block
}
.boxes .content p:nth-of-type(1),
.boxes5 .content p:nth-of-type(1) {
    right: 0;
    top: -100%;
    background: #48569E;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
    z-index: 12
}
.boxes .content p:nth-of-type(2),
.boxes5 .content p:nth-of-type(2) {
    left: 0;
    bottom: -100%;
    background: #48569E
}
.boxes:hover .content p:nth-of-type(1),
.boxes5:hover .content p:nth-of-type(1) {
    -webkit-transition: .15s .4s all ease;
    -moz-transition: .15s .4s all ease;
    -o-transition: .15s .4s all ease;
    transition: .15s .4s all ease;
    top: 50%;
    visibility: visible
}
.boxes:hover .content p:nth-of-type(2),
.boxes5:hover .content p:nth-of-type(2) {
    -webkit-transition: .15s .6s all ease;
    -moz-transition: .15s .6s all ease;
    -o-transition: .15s .6s all ease;
    transition: .15s .6s all ease;
    bottom: 55%;
    visibility: visible
}
#breadcrumbs,
.breadcrumb {
    overflow: hidden;
    position: relative
}
#breadcrumbs {
    width: 100%;
    color: #fff;
    text-align: right;
    font-size: 14px;
    background: #2b2a2a;
    background: linear-gradient(#2b2a2a, #222);
    border-top: 1px solid #141414;
    border-bottom: 2px solid #141414
}
.artCat i,
.boxDownload,
ul.download,
ul.download li,
ul.name_server {
    text-align: center
}
.breadcrumb {
    font-family: VO, Helvetica, Arial, sans-serif;
    color: #FFF;
    font-size: 18px;
    padding: 20px 0;
    border-radius: 0;
    margin: 0;
    list-style: none;
    background: 0 0
}
.boxFull,
.boxFullWidth {
    overflow: auto;
    background: #191919;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    border-radius: 2px;
    position: relative
}
.breadcrumb>li>a {
    font-size: 15px;
    color: #f5f5f5
}
.breadcrumb>li+li::before {
    padding: 0 1px;
    color: #f5f5f5;
    content: ">"
}
.breadcrumb>.active a {
    color: #FFE37C;
    cursor: pointer
}
.breadcrumb>.active a:hover {
    color: #FFE37C
}
.boxFullWidth {
    margin: 10px 0;
    padding: 0 0 10px
}
.boxFull {
    margin: 10px;
    padding: 5px 0
}
#popup,
#popupVideo,
.boxDownload,
ul.download li {
    overflow: hidden
}
.boxDownload {
    padding: 10px;
    border-radius: 2px;
    display: block;
    min-height: 60px
}
ul.name_server {
    list-style: none;
    height: 100%;
    padding: 5px;
    direction: rtl;
    margin: 0
}
ul.name_server li {
    margin-bottom: 10px;
    background: #257DA6;
    moz-box-box-shadow: 0 4px 4px RGBa(0, 0, 0, .55);
    -webkit-box-shadow: 0 4px 4px RGBa(0, 0, 0, .55);
    box-shadow: 0 4px 4px RGBa(0, 0, 0, .55);
    border-radius: 2px;
    margin-left: 10px;
    display: inline-block;
    min-width: 140px;
    padding: 4px 0
}
ul.name_server li a {
    color: #fff;
    line-height: 100%;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 15px;
    display: block
}
ul.name_server li:hover {
    font-size: 13px;
    background: #27AAD4
}
ul.name_server li.selected {
    background: #BB3658
}
.artCat {
    position: relative;
    display: block;
    float: right;
    padding: 10px 40px 15px 15px;
    margin: 10px 5px 0 0;
    background: #48569E;
    border-radius: 4px
}
.artCat a {
    color: #fff;
    font-size: 16px
}
.artCat i {
    position: absolute;
    right: -20px;
    top: -2px;
    background: #2C3875;
    border-radius: 50%;
    border: 2px solid #2C3875;
    width: 50px;
    height: 50px;
    padding: 13px;
    font-size: 16px
}
.single {
    position: relative;
    z-index: 110;
    width: 100%;
    padding-bottom: 20px;
}
.entry {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 30%
}
.entry::before {
    background: -webkit-linear-gradient(to top, #131313, rgba(0, 0, 0, .8));
    background: linear-gradient(to top, #131313, rgba(0, 0, 0, .8));
    display: block;
    width: 100%;
    height: 100%;
    content: ''
}
ul.download {
    list-style: none;
    position: relative
}
ul.download li {
    background: #48569E;
    transition: .4s all ease;
    margin-left: 10px;
    padding: 5px 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .6);
    display: inline-block;
    border-radius: 2px;
    min-width: 150px;
    border: 2px solid #fff
}
ul.download li:hover {
    background: #2c3875
}
#popup,
.b-close {
    background: #2b2a2a
}
ul.download li a {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    width: 100%
}
ul.download li i {
    padding-left: 5px;
    font-size: 22px;
    color: #fff
}
#popup {
    position: relative;
    color: #111;
    padding: 20px 20px 0;
    -moz-perspective: 300px;
    -webkit-perspective: 300px;
    perspective: 300px;
    border: 4px solid #222
}
.b-close,
.trailer {
    position: absolute;
    text-align: center;
    cursor: pointer
}
.b-close {
    left: -5px;
    top: -10px;
    padding-top: 3px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    opacity: 1;
    font-size: 16px;
    z-index: 20
}
#downloadPopUp,
#trailerPopUp {
    display: none
}
.trailer {
    display: block;
    top: 35%;
    right: 35%;
    z-index: 15;
    font-size: 70px
}
.trailer i {
    color: #fff;
    cursor: pointer
}
.boxes-popup {
    width: 800px;
    background: #f4f4f4;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35)
}
.popup-content {
    padding: 8px 0;
    height: auto
}
.popupContentVideo {
    padding: 8px 0;
    height: 400px
}
.articleRight .poster,
.popupContentVideo iframe {
    height: 100%;
    width: 100%
}
#popupVideo {
    color: #111;
    padding: 10px 10px 0;
    -moz-perspective: 300px;
    -webkit-perspective: 300px;
    perspective: 300px;
    background: #000;
    border: 4px solid #222
}
.boxAdLeft,
.boxAdRight {
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .8);
    background: #181819
}
.articleLeft,
.articleCenter,
.articleRight {
    position: relative;
    text-align: right;
    overflow: hidden;
    z-index: 100;
    color: #fff
}
.articleLeft {
    margin: 20px -10px 10px 0
}
.articleRight {
    margin: 20px  10px
}
.articleCenter {
    margin: 20px -20px 20px 0;
}
.artBoxServ {
    margin: 20px 0
}
#boxLeft {
    position: relative;
    background-color: #2C3875;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    border-radius: 2px;
    height: 100%
}
ul.blog-details {
    list-style: none;
    border-radius: 2px;
    height: 100%;
    margin-bottom: 0px; 
    padding:10px;
}
ul.blog-details li {
    border-bottom: 1px solid #343f77;
    padding: 10px;
    background: rgba(72, 86, 158,.5); 
}
ul.blog-details li:last-child {
    margin-bottom: 0;
}
ul.blog-details li span {
    font-size: 13px;
    color: #FFDA49
}
ul.blog-details li a {
    display: inline-block;
    color: #fff;
    line-height: 100%;
    font-size: 13px
}
ul.blog-details li a:last-child b{
    display:none;
}
.boxLeft h3{
    background: rgba(44, 56, 117,.7);
    background: #45539A;
    color: #FFDA49;
    font-size: 18px;
    padding:12px 10px;
    border-radius: 2px 2px 0  0 ;
}

.boxLeft h3 i{
    font-size: 15px;
}
ul.blog-details li span {
    font-size: 13px;
    color: #FFE37C
}
ul.blog-details li.imdb {
    padding: 10px 0;
    background: #48569E;
    box-shadow: none;
    text-align: center;
    border-radius: 0;
}
ul.blog-details li.imdb a{
    text-align: center;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
 
 
.actors .actor  {
    font-size: 14px;
    display: inline-block
}
.actors {
    margin: 5px 0;
    line-height: 25px;
}
.actors .actor {
    color: #fff;
    padding-left: 5px
}
.actors a b  {
    color: #fff;
    cursor: pointer
}
.actors a{
    color: #FFDA49
}
.actors span {
    display: inline-block;
    font-size: 13px
}
.single_info span {
    margin-left: 5px;
    background: #3A478A;
    padding: 3px 5px;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    line-height: 20px;
    margin:10px 0
}
.single_info i {
    color: #FFDA49;
}
.actors span:last-child b {
    display: none;
    padding: 0 3px
}
.postStory{
    margin:10px 0 5px 0;
    line-height: 22px;
    font-size: 13px;
    color: #fff;
    
}

.articleRight .poster {
    position: relative;
    cursor: pointer;
    background: #2B3772;
    border: 3px solid #fff;
    width: 230px;
}
.articleRight .poster img {
    width: 100%;
    height: 280px;
    min-height: 280px;
    
    
}
.socialShare{
    position: relative;
    overflow: hidden;
    background: #2B3772;
    margin-top: 5px;
    padding: 5px 0 0 0;
    text-align: center;
    direction: ltr;

}
.articleRight .views {
    background-color: #48569E;
    color: #fff;
    min-width: 60px;
    text-align: center;
    font-size: 16px;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 4px;
    position: absolute;
    letter-spacing: 2px
}
.singleTitle{
    position: relative;
    overflow: hidden;
    background: #48569E; 
    border-radius: 2px;
    margin-top: 20px;
    
}
.singleTitle h1 {
    padding:15px 10px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
}
.singleDescription h2 {
    font-size: 16px;
    color: #FFDA49;
    padding-bottom:10px;
    line-height: 22px;
}


.boxAdLeft {
    position: relative;
    margin: 10px -10px 10px 0;
    text-align: center;
    border-radius: 2px
}
.boxAdRight {
    position: relative;
    margin: 10px 0 10px -10px;
    text-align: center;
    border-radius: 2px
}

.btn-servDown,
.btn-servView {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    padding: 20px 35px 20px 10px;
    width: 260px;
    border-radius:5px;
    text-align: center;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    float: right;
    margin-left: 20px;
    background: #AF052A;
    border: 2px solid #c62548;
    cursor: pointer;
    margin-bottom: 10px;
}
.btn-servDown:before,
.btn-servView:before {
    content: "\f019";
    font-family: FontAwesome;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 0 6px 6px 0;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    text-align: center
}
.btn-servDown:hover,
.btn-servView:hover {
    text-indent: -25px
}
.btn-servDown:hover:before,
.btn-servView:hover:before {
    right: -40px;
    text-indent: 0
}
.btn-servDown {
    background: #15846e;
    border: 2px solid #16A085
}
.btn-servDown:hover {
    background: #16A085;
    border: 2px solid #15846e
}
.btn-servView:hover {
    background: #c62548;
    border: 2px solid #AF052A
}
.btn-servView:before {
    content: "\f03d"
}
#loading,
#pagination,
#rate,
#rating,
#toTop,
.formReport a,
ul.tags li a {
    text-align: center
}
.boxRate,
.boxTags,
.formSend,
.servers {
    overflow: hidden
}

#loading-center,
.boxTags {
    width: 100%;
    position: relative
}

.boxRate {
    position: relative
}
.addRate {
    display: inline-block;
    margin-left: 5px
}
#rate,
#rating {
    position: relative;
    display: block;
    padding: 8px 10px 0 20px;
    border-radius: 4px;
    z-index: 30;
    width: 150px;
    float: right;
    transition: all .8s, color .3s .3s;
    transition: all 1s ease
}
.addthis a,
ul.tags li {
    border-radius: 2px
}
.addthis {
    margin: 0 15px;
    padding: 0;
    float: left
}
.boxTags {
    list-style: none;
    padding: 5px 10px;
    z-index: 100;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .67);
    background: #2c3875;
    background: linear-gradient(#2c3875, #48569E);
    border-top: 2px solid #48569E;
    border-bottom: 2px solid #48569E;

}
ul.tags li {
    display: inline-block;
    background: #2b2a2a;
    margin-left: 7px;
    padding: 3px 5px;
    margin-top: 5px
}
ul.tags li a {
    color: #fff;
    font-size: 11px
}
#loading {
    position: relative;
    z-index: 1
}
#loading-center {
    height: 100%
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 100px;
    margin-top: 100px;
    margin-left: -50px
}
.object {
    width: 20px;
    height: 20px;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: absolute
}
#pagination,
footer {
    position: relative;
    width: 100%
}
#object_one {
    -webkit-animation: object 2s linear infinite;
    animation: object 2s linear infinite
}
#object_two {
    -webkit-animation: object 2s linear infinite -.4s;
    animation: object 2s linear infinite -.4s
}
#object_three {
    -webkit-animation: object 2s linear infinite -.8s;
    animation: object 2s linear infinite -.8s
}
#object_four {
    -webkit-animation: object 2s linear infinite -1.2s;
    animation: object 2s linear infinite -1.2s
}
#object_five {
    -webkit-animation: object 2s linear infinite -1.6s;
    animation: object 2s linear infinite -1.6s
}
#pagination {
    margin: 0 auto
}
.pagination {
    padding: 0;
    margin: 10px 0 0
}
.pagination li a,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    margin-right: 5px;
    border: 1px solid #48569E;
    background-color: #48569E;
    border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    direction: rtl
}
.pagination li a:focus,
.pagination li a:hover,
.pagination li.active a,
.pagination li.active a:focus,
.pagination li.active a:hover {
    border: 1px solid #2C3875;
    background-color: #2C3875;
    color: #fff
}
.pagination li:first-child a,
.pagination li:first-child a:hover,
.pagination li:last-child a,
.pagination li:last-child a:hover {
    border-radius: 3px!important;
    -webkit-border-radius: 3px!important
}
.pagination>li>a,
.pagination>li>span {
    float: right
}
footer {
    padding: 40px 20px;
    box-shadow: 0 6px 8px -6px #000;
    background: #191919;
    border-top: 2px solid #48569E;
    z-index: 100
}
footer .left {
    float: left
}
footer a {
    font-size: 15px;
    color: #fff
}
footer a:hover {
    color: #FFE37C
}
#toTop {
    background: #48569E;
    font-size: 35px;
    line-height: 33px;
    color: #FFF;
    position: fixed;
    height: 35px;
    width: 40px;
    right: 15px;
    bottom: 62px;
    text-transform: uppercase;
    opacity: .9;
    filter: alpha(opacity=90);
    text-decoration: none;
    display: none;
    z-index: 4334;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
#toTop::before {
    font-family: fontawesome;
    content: "\f106"
}
#toTop:hover {
    background: #2C3875
}
.formReport {
    margin: 0 10px
}
.formReport a {
    float: right;
    background: #A30015;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-color: transparent;
    width: 120px
}
.episodes ul,
.servers ul {
    width: 100%;
    list-style: none;
    position: relative
}
.formReport a:hover {
    background: #711
}
.formSend {
    text-align: right;
    margin: 10px 0 6px;
    padding: 10px 12px;
    border-radius: 4px;
    position: relative;
    display: block
}
.episodes,
.episodes ul li,
.serverError,
.servers ul,
.servers ul li,
.servers ul li a {
    text-align: center
}
.formSend .form-control {
    border-radius: 2px;
    border: 1px solid #fff
}
.formSend input[type=text],
.formSend input[type=email] {
    height: 40px
}
.formSend label {
    padding-top: 10px;
    font-size: 14px;
    color: #fff
}
.formSend input[type=submit],
.formSend input[type=reset] {
    font-size: 14px;
    padding: 8px 25px;
    margin: 10px 0 10px 5px;
    border-radius: 2px;
    background: #48569E;
    color: #fff;
    border: none;
    outline: 0!important
}
.formSend input[type=reset] {
    background: #A01616
}
input[type=text],
input[type=email],
input[type=password],
textarea {
    background-color: #fff;
    font-size: 15px;
    color: #666;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 0 0 2px transparent;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    border: 1px solid #48569E
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
    -webkit-animation: anim-shadow .3s forwards;
    animation: anim-shadow .3s forwards
}
.servers {
    position: relative;
    margin: 10px 5px 0;
    padding: 0
}
.serverError {
    color: #B31B1B;
    font-size: 25px;
    line-height: 45px;
    border-radius: 2px;
    padding: 40px
}
.servers ul {
    padding: 5px 0;
    margin: 0 auto
}
.servers ul li {
    display: inline-block;
    padding: 0 20px;
    position: relative;
    background: #48569E;
    border: 2px solid #2C3875;
    margin: 3px 0 3px 3px;
    cursor: pointer;
    border-radius: 2px;
}
.servers ul li a {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}
.servers ul li.selected,
.servers ul li:hover {
    background: #2C3875
}
.episodes {
    position: relative;
    height: 100%;
    z-index: 100;
    overflow: auto;
    padding: 10px 0 0; 
    background: rgba(44, 56, 117, .5);
    border-top: 5px solid rgba(44, 56, 117, .7);
    border-bottom: 5px solid rgba(44, 56, 117, .7);
}
.ep-scroll {
    height: 100%;
    overflow: hidden;
    max-height: 180px
}
.episodes ul {
    padding: 10px 0
}
.episodes ul li {
    background:#CB2027;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .6);
    width: 15.4%;
    font-size: 14px;
    color: #fffcfc;
    transition: .4s all ease;
    padding: 5px 10px;
    margin: 0 0 10px 10px;
    display: inline-block;
    cursor: pointer;
    line-height: 35px;
    overflow: hidden;
    border-radius: 2px
}
.episodes ul li a,
.episodes ul li.active a {
    color: #fff
}
.episodes ul li.active,
.episodes ul li:hover {
    background: #222
}
.boxVideos {
    position: relative;
    overflow: hidden;
    height: 520px;
    background: #000;
    border-style: solid;
    border-width: 30px;
    margin: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    border-color: #181819 #1e1e1e
}
.boxVideos iframe,
.boxVideos object,
.boxVideos video {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 10px
}
.col-lg-5th,
.col-md-5th,
.col-sm-5th,
.col-xs-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: right
}
@media only screen and (min-width: 767px) and (max-width: 990px) {
    #topNav ul.nav>li a {
        font-size: 13px;
        padding: 15px 8px
    }
    #logo {
        padding-top: 15px
    }
    #logo a {
        font-size: 20px
    }
}
@media only screen and (max-width: 767px) {
    #topNav ul.nav>li {
        border: none
    }
    #topMain {
        margin: 0;
        padding: 0
    }
    #topNav div.navbar-collapse,
    #topNav ul.nav>li,
    .nav-pills>li {
        float: none
    }
    #topNav ul.nav>li a {
        padding: 10px 15px;
        text-align: right;
        font-size: 13px;
        color: #fff
    }
    .navbar-collapse {
        max-height: 100%
    }
    #topNav .container {
        padding: 0;
        margin: 0
    }
    #topNav button.btn-mobile {
        display: block;
        float: right;
        margin-right: 15px
    }
    #topNav nav.nav-main {
        background-color: #414e91
    }
    #topNav div.nav-main-collapse,
    #topNav div.nav-main-collapse.in {
        width: 100%;
        margin: 50px 0 0
    }
    #topNav div.nav-main-collapse {
        float: none;
        overflow-x: hidden;
        position: relative
    }
    #topNav div.nav-main-collapse.collapse {
        display: none!important
    }
    #topNav div.nav-main-collapse.in {
        display: block!important
    }
    #topMain>li>a>span {
        display: none!important
    }
    #topMain li {
        display: block;
        text-align: right;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    #topMain>li>a {
        text-align: left;
        border: 0;
        border-bottom: rgba(0, 0, 0, .1) 1px solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    #topMain>li:hover,
    #topMain>li:hover>a {
        border-top: 0!important
    }
    #topNav .navopen:after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        font-size: 13px;
        left: 20px;
        top: 8px;
        color: #999
    }
    #topNav ul.nav>li.mega-menu>ul li.active>a,
    #topNav ul.nav>li.mega-menu>ul li:hover>a {
        color: #fff;
        background-color: #304865
    }
    #topNav li.drodon:hover {
        background: 0 0
    }
    #topNav ul.nav>li.dropdown>ul.dropMenu>li {
        background: #48569E
    }
    #topMain ul.dropdown-menu {
        position: static;
        clear: both;
        float: none;
        display: none!important;
        border-left: 0!important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    #topNav .nav-main li.resp-active>ul.dropdown-menu {
        display: block!important;
        margin-left: 0;
        margin-right: 0;
        border: 0;
        background: #48569E
    }
    #topNav .nav li>ul.dropdown-menu li a {
        font-size: 12px;
        color: #fff
    }
    #topNav .nav-main li.resp-active>ul.dropdown-menu li {
        border-left: 0
    }
    #topNav ul.nav>li.active>a:before,
    #topNav ul.nav>li:hover>a:before {
        background-color: transparent
    }
    #topNav ul.dropdown-menu>li:hover>ul.dropdown-menu {
        position: static
    }
    #topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {
        padding: 0;
        margin: 0;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    #topNav ul.nav>li.mega-menu h3 {
        margin-left: 8px
    }
    #topNav ul.nav>li.mega-menu>ul li>a {
        border-bottom: rgba(0, 0, 0, .1) 1px solid
    }
    #topNav ul.nav>li.mega-menu div,
    #topNav ul.nav>li.mega-menu div div {
        border: 0;
        margin-bottom: 30px;
        display: block;
        width: 100%
    }
    #topNav ul.nav>li.mega-menu div div:last-child {
        margin-bottom: 0
    }
    #topNav .nav li:hover>ul.dropdown-menu {
        background: 0 0
    }
    .navbar-brand {
        padding: 15px
    }
    #logo {
        padding-top: 15px
    }
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background: 0 0
}
@media only screen and (max-width: 479px) {
    #topNav div.navbar-collapse,
    #topNav ul.nav>li {
        float: none
    }
    #topNav form.search {
        margin-left: 4px
    }
    #topNav button.btn-mobile {
        margin-right: 4px
    }
    .hide_mobile {
        display: none
    }
}
@media (min-width: 768px) {
    .col-sm-5th {
        width: 25%;
        float: right
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 25%;
        float: right
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: right
    }
}
@media only screen and (max-width: 992px) {
    .col-md-5th {
        width: 100%;
        float: none;
        display: block
    }
    .col-md-5th.col-sm-5th {
        width: 25%;
        float: right
    }
}
@media only screen and (max-width: 769px) {
    .col-md-5th.col-sm-5th {
        width: 50%;
        display: block
    }
}
@media only screen and (max-width: 380px) {
    .col-md-5th.col-sm-5th {
        width: 50%;
       
    }
}
.col-lg-4th,
.col-md-4th,
.col-sm-4th,
.col-xs-4th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 25%;
    float: right
}
@media (min-width: 768px) {
    .col-sm-4th {
        width: 25%;
        float: right
    }
}
@media (min-width: 992px) {
    .col-md-4th {
        width: 25%;
        float: right
    }
}
@media (min-width: 1200px) {
    .col-lg-4th {
        width: 25%;
        float: right
    }
}
@media only screen and (max-width: 992px) {
    .col-md-4th {
        width: 50%;
        display: block
    }
    .col-md-4th.col-sm-4th {
        width: 25%;
        float: right
    }
}
@media only screen and (max-width: 769px) {
    .col-md-4th.col-sm-4th {
        width: 50%;
        display: block
    }
}
@media only screen and (max-width: 380px) {
    .col-md-4th.col-sm-4th {
        width: 100%;
        float: none;
        display: block
    }
}
._3arbserv {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding-top: 10px
}
._3arbserv span {
    color: #df4a48;
    padding: 5px;
    text-decoration: none;
    position: relative;
    animation-name: blinkcolor;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}
._3arbserv span:hover {
    animation-play-state: paused
}

@keyframes blinkcolor {30% {color: #F2C479;} 70% {color: #BF5757;}100% {color: #fff;}}
@-moz-keyframes blinkcolor {30% {color: #F2C479;}70% { color: #BF5757; }100% {color: #fff;}}
@-webkit-keyframes blinkcolor {30% { color: #F2C479;}70% {color: #BF5757;}100% {color: #fff;}}


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

    #boxLeft{
        margin-bottom: 10px;
    }
    .articleCenter,.articleRight,.articleLeft{
        margin: 10px 0;
    }
    .articleRight .poster{
        width: 100%
    } 
}
@media (min-width: 1200px) {
    .container{width: 1200px;}
}
@media only screen and (max-width: 992px) {
    .single .container {
        width: 100%;
        padding: 0 30px
    }
    .boxVideos {
        height: 300px;
    }
    .boxServRight,.boxVideos,.boxEpLeft {
        margin:10px 0;
    }
}
@media only screen and (max-width: 768px) {
    .actors,
    .postStory{
        background: #48569E;
        border-radius: 2px
    }
    .single_info span{
        margin: 0;
    }
    .singleTitle h1{
        text-align: center;
    }
    .singleDescription h2{
        background: #48569E; 
        border-radius: 2px;
        padding: 10px 0;
        margin-bottom: 5px;
        text-align: center;
    }
    .trailer {
        right: 45%
    }
    .artFoot,
    .artHead {
        margin-right: 10px
    }
    .breadcrumb {
        padding: 10px 0 0
    }
    footer .pull-left,
    footer .pull-right {
        display: block;
        float: none!important;
        text-align: center
    }
    footer a {
        text-align: center;
        font-size: 14px
    }
    .single-box-info .single_title {
        float: none;
        width: 100%;
        display: block;
        text-align: center
    }
    .breadcrumb {
        text-align: center
    }
    .breadcrumb>li {
        display: block;
        padding-bottom: 5px
    }
    .breadcrumb>li a {
        font-size: 13px
    }
    .breadcrumb>li+li::before {
        display: none
    }
    .postStory,.actors {
        line-height: 22px;
        font-size: 12px;
        padding: 10px;
    }
    .articleCenter,
    .articleRight {
        margin: 10px 0
    }
    .articleLeft {
        margin: 0
    }
    #rate {
        float: none;
        margin: 0 auto
    }
    .boxes-popup {
        width: 450px;
        background: #f1f1f1;
        border-radius: 4px;
        margin: 0 auto
    }
    .popup-content {
        padding: 5px;
        height: auto
    }
    .boxVideos {
        height: 400px
    }
    .episodes ul li {
        width: 48.5%;
        margin: 0 0 0 5px
    }
    .box_social,
    .social {
        float: none;
        text-align: center
    }
    .single-box-info .single_title h1 {
        padding: 10px
    }
    .imdbRating span {
        padding-left: 5px;
        line-height: 25px
    }
    .btnServ button,
    .postStory,
    .single_title h2 {
        width: 100%;
        max-width: 100%;
        text-align: center
    }
    #boxLeft{
        margin-bottom: 10px;
    }
    .postStory {
        margin-bottom: 10px
    } 
    .single_info{text-align:center;display:block}
    .single_info span{margin-bottom:5px;margin-left:0;width:49%}
    .itemStory{
        display: none;
    }
    .articleRight .poster img {
        width: 100%
    }
}
@media screen and (max-width: 580px) {
    .rec ul li,
    .rec ul li a,
    .servers ul li,
    .servers ul li a {
        transform: none
    }
    .section {
        opacity: 0;
        display: none
    }
    .box-social,
    .imdbInfo,
    .imdbRating,
    .rec ul li {
        display: block
    }
    .box-social {
        margin: 0 auto 10px;
        float: none;
        width: 100%
    }
    .rec {
        margin-top: 5px
    }
    .rec ul li {
        width: 100%;
        border: none;
        box-shadow: none;
        background: 0 0
    }
    .rec ul li:last-child {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        border-radius: 2px
    }
    .rec ul li a:hover,
    .rec ul li.active a {
        border-radius: 2px
    }
    .boxes-popup,
    .rec ul li {
        border-radius: 4px
    }
    ul.download li {
        width: 100%
    }
    .boxVideos {
        height: 300px
    }
    .btn-servDown,
    .btn-servView {
        width: 100%;
        margin-bottom: 10px
    }
    .single_title h1 {
        font-size: 14px;
        padding-bottom: 0
    }
    .artHead,
    .slideHead {
        font-size: 14px
    }
    .boxes-popup {
        width: 350px;
        background: #f1f1f1;
        margin: 0 auto
    }
    .popup-content {
        padding: 5px;
        height: auto
    }
    .rec ul li a,
    .rec ul li.active a {
        text-align: center;
        padding: 10px 0;
        font-size: 13px;
        border-radius: 0;
        width: 100%
    }
    .pagination li a,
    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        margin-right: 5px;
        padding: 5px 8px;
        font-size: 12px
    }
    .slide{
        max-height: 275px;
        min-height: 275px;

    }
    .artSlide, .artSlide2{
        max-height: 325px;
        min-height: 325px;

    }
    .boxSlide img{
        min-height: 250px;
        max-height: 250px;
    }
    .boxSlide .views,.boxSlide .cat{
        display: none;
    }
    .boxSlide .desc,.boxSlide .info{
        font-size: 12px;
    }
    header .logo {
        padding: 20px;
        text-align: center;
    }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
    .download ul li,
    .formReport a,
    .servers ul li {
        display: block;
        width: 100%
    }
    .addthis,
    .formReport a {
        float: none;
        text-align: center
    }
    .addthis,
    .formReport a,
    ul.nav_right,
    ul.nav_right li {
        text-align: center
    }
    .trailer {
        right: 40%
    }
    .boxes-popup {
        width: 250px;
        background: #f1f1f1;
        border-radius: 4px;
        margin: 0 auto
    }
    .popup-content {
        padding: 5px;
        height: auto
    }
    .download ul li {
        padding: 5px 15px;
        min-width: 100%;
        margin: 5px 0 0
    }
    .addthis {
        margin: 10px
    }
    .formReport a {
        margin-bottom: 10px
    }
    .episodes ul li {
        width: 100%;
        margin: 0
    }
    .tbar .pull-left,
    .tbar .pull-right,
    .tbar ul.social,
    ul.nav_right li {
        float: none!important
    }
    ul.nav_right li {
        padding: 15px 10px 15px 0
    }
    #search .input-group {
        width: 80%;
        margin-top: 50%
    }
    #search .input-group .form-control {
        font-size: 12px
    }
    .PostRandom,
    .selary {
        font-size: 14px
    }
    #search .form-control {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        text-align: right;
        float: left;
        background-color: #f5f5f5;
        border: 1px solid #f1f1f1;
        font-size: 12px;
        direction: rtl
    }
    #search .form-control:focus {
        border-color: #fff
    }
    #search .btn-primary {
        background: #48569E !important;
        border-color: #48569E !important
    }
    .boxes img,.boxes5 img{
        min-height: 210px;
        max-height: 210px;
    }
    .boxes:hover .content,.boxes5:hover .content,.boxes:hover .views,.boxes5:hover .views  {
        display: none;
    }
    .boxes .desc, .boxes5 .desc,
    .boxes .info, .boxes5 .info{
        font-size: 12px
    }
    .articleRight{
        margin: 20px 0 0 0;
    }
    .singleTitle h1,.singleDescription h2{
        font-size: 13px;
        line-height: 22px;
        text-align: center;
    }
    .singleDescription h2{
        background: #48569E; 
        border-radius: 2px;
        padding: 10px 0;
        margin-bottom: 5px;
    }

    .actors .actor {
        display: block;
        text-align: center;
    }
    .actors span {
        display: block;
        text-align: center;
    }
    .articleRight .poster{
        width: 100%;
    }
    .actors a b,.boxTags {
        display: none;
    }
}
@-webkit-keyframes object {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }
}
@keyframes object {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }
}
@keyframes anim-shadow {
    0% {
        box-shadow: 0 0 0 0 #48569E;
    }
    30% {
        box-shadow: 0 0 5px 3px #48569E;
    }
    50% {
        box-shadow: 0 0 10px 6px #48569E;
    }
    70% {
        box-shadow: 0 0 15px 9px #48569E
    }
    100% {
        box-shadow: 0 0 0 2px #48569E;
    }
}
@-webkit-keyframes square {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-700px) rotate(600deg);
        transform: translateY(-700px) rotate(600deg);
    }
}
@keyframes square {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-700px) rotate(600deg);
        transform: translateY(-700px) rotate(600deg);
    }
}
@-webkit-keyframes pulse {
    to {
        -webkit-transform: skew(-55deg) translateX(-50px);
        transform: skew(-55deg) translateX(-50px);
    }
}
@keyframes pulse {
    to {
        -webkit-transform: skew(-55deg) translateX(-50px);
        transform: skew(-55deg) translateX(-50px);
    }
}
@-webkit-keyframes pulseRight {
    to {
        -webkit-transform: skew(55deg) translateX(50px);
        transform: skew(55deg) translateX(50px);
    }
}
@keyframes pulseRight {
    to {
        -webkit-transform: skew(55deg) translateX(50px);
        transform: skew(55deg) translateX(50px);
    }
}