/*
Theme Name: Islamic Gate
Theme URI: https://www.AmrMohamed.com
Version: 1.0
Author: Amr Mohamed
Text Domain: AmrMohamed-dve
Author URI: https://www.facebook.com/By.AmrMohamed
*/
/*--|| Fonts ||--*/
@font-face {
    font-family: 'main-font';
    src: url(Interface/fonts/GE_SS_Two_Medium.otf) format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'logo-font';
    src: url(Interface/fonts/ArchivoBlack-Regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'cairo-font';
    src: url(Interface/fonts/Cairo-Regular.ttf);
}

@font-face {
    font-family: 'hafs';
    src: url('Interface/fonts/hafs.eot');
    src: local('☺'), url('Interface/fonts/hafs.woff') format('woff'), url('Interface/fonts/hafs.ttf') format('truetype'), url('Interface/fonts/hafs.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

/*--|| Start the Body ||--*/
body {
    font-family: 'main-font';
    font-weight: 400;
    color: #2c160b;
    padding: 0;
    margin: 0;
    direction: rtl !important;
    font-size: 14px;
    background: #ffffff;
    text-align: right !important;
}

/* Start Globals */
* {
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #111;
    font-size: 14px;
    margin-top: inherit;
}

input,
textarea,
button,
select {
    font-family: inherit;
}

ul,
ol,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

/*--|| ScrollBar ||--*/
*::-webkit-scrollbar {
    width: 13px;
}

*::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(65 134 155);
}

/*--|| Main Classes ||--*/
.clr {
    clear: both;
}

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

.SingleContainer,
.Singlevoice {
    /* margin-top: -22px !important; */
}

/* Header */
header {
    position: relative;
    -webkit-box-shadow: 0 1px 5px #000000d9;
    -moz-box-shadow: 0 1px 5px #000000d9;
    -o-box-shadow: 0 1px 5px #000000d9;
    box-shadow: 0 1px 5px #000000d9;
    z-index: 9;
}

header .top {
    height: 89px;
    background: #092b3f;
    overflow: hidden;
    z-index: 99;
    background: rgb(42 92 114);
    background: -webkit-linear-gradient(-45deg, rgb(24 72 96) 57%, rgb(25 66 88) 100%);
    background: linear-gradient(135deg, rgb(56 112 135) 57%, rgb(9 43 64) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#7db9e8', GradientType=1);
    background-color: #10354a;
    background-image: url(Interface/images/header-bg2.png), linear-gradient(45deg, #092b40 0%, #669aaa 100%);
    background-size: cover;
}

header .top .social {
    float: left;
    z-index: 99;
}

header .top .social a {
    display: inline-block;
    padding: 13px 0px;
    font-size: 20px;
    margin: 8px 1px;
    z-index: 99;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    padding-top: 10px;
    background: #00000052;
    color: #fff;
    cursor: pointer;
}

header .top .search-header {
    padding: 10px 15px;
    width: auto;
    overflow: hidden;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    position: absolute;
    left: 228px;
}

header .top .search-header.active {
    -webkit-transition: .9s all ease;
    -moz-transition: .9s all ease;
    -o-transition: .9s all ease;
    transition: .9s all ease;
}

header .top .search-header.active input[type="text"] {
    padding: 5px 10px;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s;
    opacity: 1;
}

header .top .search-header.active input[type="submit"] {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    opacity: 1;
}

header .top .search-header form input {
    font-family: 'main-font';
    border: 0;
    outline: 0;
    height: 34px;
}

header .top .search-header form input[type="text"] {
    width: 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    border-radius: 3px;
    z-index: 99;
    transition: .35s ease;
    transform-origin: left;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    width: 320px;
    opacity: 0;
}

header .top .search-header form input[type="submit"] {
    cursor: pointer;
    border-radius: 3px;
    margin-right: 3px;
    transition: .3s all ease;
    background: #ffb418;
    z-index: 99;
    width: 0;
    transition: .35s ease;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    width: 80px;
    transform-origin: left;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    opacity: 0;
}

header .bottom {
    background: #3c7a91f2;
    height: auto;
    text-align: center;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
}

header .bottom>div>ul>li>a {
    color: #fff;
    z-index: 99;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
}

header .bottom>div>ul>li {
    display: inline-block;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    z-index: 99;
}

header .bottom>div>ul>li:hover {
    background: #3a75a1
}

ul.sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 150px;
    text-align: center;
    background: #171717;
    border-radius: 0 0 5px 5px;
    padding: 10px 15px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    transform: perspective(500px) rotateY(90deg);
    -webkit-transform: perspective(500px) rotateY(90deg);
    -moz-transform: perspective(500px) rotateY(90deg);
    -o-transform: perspective(500px) rotateY(90deg);
    transform-origin: 0 100%;
    box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    -o-box-shadow: 0 1px 3px #000;
    z-index: 999999;
}

ul.sub-menu li {
    padding: 10px 0;
    border-bottom: 1px solid #ffffff26;
}

ul.sub-menu li a {
    color: #fff;
}

ul.sub-menu li:first-child {
    padding-top: 5px;
}

ul.sub-menu li:last-child {
    border: 0
}

header .bottom>div>ul>li.menu-item-home a::before {
    content: "\f015";
    font-family: 'FontAwesome';
    padding-left: 5px;
}

header .bottom>div>ul>li.menu-item-has-children>a::after {
    content: "\f107";
    font-weight: bold;
    font-family: 'FontAwesome';
    padding-right: 5px;
}

header .bottom>div>ul>li.current-menu-parent,
header .bottom>div>ul>li.current-menu-item {
    background: #2d5f75;
}

header .bottom>div>ul>li.current-menu-parent a,
header .bottom>div>ul>li.current-menu-item a {
    color: #fff !important;
}

header .bottom>div>ul>li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: perspective(500px) rotateZ(0deg);
    -webkit-transform: perspective(500px) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateZ(0deg);
    -o-transform: perspective(500px) rotateZ(0deg);
}

header select {
    font-family: main-font;
    border: 0;
    outline: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    padding: 7px 0;
    color: #fff;
}

header select option {
    color: #222;
}

header.scrolled .bottom {
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* height: auto; */
    /* z-index: 99999; */
    /* background: url(Interface/images/header.png); */
    /* background-attachment:  fixed; */
    /* background-position:  center; */
    /* box-shadow: 0 0px 5px #000; */
}

header.scrolled .bottom::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.85;
}

header.scrolled .bottom>div>ul {
    float: right;
}

header.scrolled .bottom>div>ul>li>a {
    padding: 12px 15px;
    color: #2a2e38;
}

header.scrolled .bottom>div>ul>li:hover>a {
    color: #fff
}

header .bottom>div>ul>li.current-menu-item a {
    color: #fff;
}

header.scrolled .bottom ul.sub-menu {
    top: 100% !important
}

a.header-logo {
    position: absolute;
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: 333;
    font-size: 21px;
    padding: 7px 0;
    opacity: 0;
    visibility: hidden;
    /* transition: .5s all linear; */
    /* -webkit-transition: .5s all linear; */
    -moz-transition: .5s all linear;
    -o-transition: .5s all linear;
}

/*
header.scrolled a.header-logo {
    right: 0;
    opacity:  1;
    visibility:  visible;
    position:  relative;
    top: 0;
    float:  right;
    padding-left: 20px;
}
*/
.intro {
    height: 320px;
    background: url(Interface/images/header.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 5;
    transition: none;
    box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    -moz-box-shadow: 0 3px 6px #000;
    -o-box-shadow: 0 3px 6px #000;
}

.intro::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000ad;
}

.intro a.logo {
    display: inline-block;
    z-index: 5;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translate(-50%, -230%);
    -webkit-transform: translate(-50%, -230%);
    -moz-transform: translate(-50%, -230%);
    -o-transform: translate(-50%, -230%);
    width: 620px;
    transition: .8s all ease-out;
    -webkit-transition: .8s all ease-out;
    -moz-transition: .8s all ease-out;
    -o-transition: .8s all ease-out;
    opacity: 0;
}

.intro a.logo.load {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 1;
}

.intro a.logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.intro p.description {
    position: absolute;
    color: #fff;
    z-index: 66;
    top: 120%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    font-size: 25px;
    transition: .8s all ease;
    -webkit-transition: .8s all ease;
    -moz-transition: .8s all ease;
    -o-transition: .8s all ease;
    opacity: 0;
}

.intro p.description.load {
    top: 200px;
    opacity: 1;
}

section.recent-posts {
    margin-top: 10px;
}

.shadow {
    height: 25px;
    background: url(Interface/images/shadow-1.png);
    background-position: center;
    background-size: 300% 100%;
    background-repeat: no-repeat;
    margin-bottom: -25px;
    z-index: 5;
}

.singlePostMaster {
    padding: 25px 10px 15px;
    border-bottom: 4px solid #fff;
    min-height: 400px;
    position: relative;
    z-index: 999;
    overflow: hidden;
    box-shadow: 0 0px 5px #0000007a;
    -webkit-box-shadow: 0 0px 5px #0000007a;
    -moz-box-shadow: 0 0px 5px #0000007a;
    -o-box-shadow: 0 0px 5px #0000007a;
}

.single-post-title {
    overflow: hidden;
}

.single-post-title h2 {
    text-align: center;
    overflow: hidden;
}

.single-post-title h2::after {
    content: "";
    position: absolute;
    top: 27px;
    left: 20px;
    right: 20px;
    height: 2px;
    background: #e0e0e0;
    overflow: hidden;
    border: 1px solid #DDD;
    box-shadow: 0 0px 1px #000;
    -webkit-box-shadow: 0 0px 1px #000;
    -moz-box-shadow: 0 0px 1px #000;
    -o-box-shadow: 0 0px 1px #000;
    border-radius: 3px;
}

li.singleBB:nth-child(5n+0) {
    margin-left: 0;
}

.post-thumbnail {
    float: right;
    width: 260px;
    overflow: hidden;
    height: 380px;
    border-radius: 3px;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px #0000008a;
    margin-left: 20px;
}

.post-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
}

.post-thumbnail .views {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: serif;
    color: #111;
    background: #ffc809;
    padding: 6px 15px;
    z-index: 356;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 1px 2px #000;
    -webkit- -moz- -o-
}

.post-thumbnail .views i {
    padding-left: 5px
}

.watch-ad {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
}

.watch-ad .fa-play {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 35px;
    width: 60px;
    height: 60px;
    background: #b90010;
    border-radius: 100%;
    padding: 9px 10px;
    border: 3px solid #fff;
    box-shadow: 0 2px 25px #000;
    -webkit-box-shadow: 0 2px 25px #000;
    -moz-box-shadow: 0 2px 25px #000;
    -o-box-shadow: 0 2px 25px #000;
    cursor: pointer;
    transition: .5s all cubic-bezier(0.52, 0.1, 1, 1);
    -webkit-transition: .5s all cubic-bezier(0.52, 0.1, 1, 1);
    -moz-transition: .5s all cubic-bezier(0.52, 0.1, 1, 1);
    -o-transition: .5s all cubic-bezier(0.52, 0.1, 1, 1);
    animation: Music 1s linear infinite;
    -webkit-animation: Music 1s linear infinite;
    -moz-animation: Music 1s linear infinite;
    -o-animation: Music 1s linear infinite;
}

.watch-ad .fa-play:hover {
    animation: none;
    transform: translate(-50%, -50%) scale(1.2) rotateY(360deg);
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotateY(360deg);
    -moz-transform: translate(-50%, -50%) scale(1.2) rotateY(360deg);
    -o-transform: translate(-50%, -50%) scale(1.2) rotateY(360deg);
}

@keyframes Music {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    8% {
        transform: translate(-50%, -50%) scale(0.9);
    }

    25% {
        transform: translate(-50%, -50%) scale(1.15);
    }

    87.5% {
        transform: translate(-50%, -50%) scale(0.9);
    }

    100% {
        transform: translate(-50%, -50%) scale(1.3);
    }
}

.single-buttons {
    position: absolute;
    bottom: 0px;
    left: 10px;
}

.single-buttons button {
    outline: 0;
    border: 0;
    width: 130px;
    text-align: center;
    height: 35px;
    font-family: main-font;
    margin-right: 3px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 1px 2px #00000059;
    -webkit-box-shadow: 0 1px 2px #00000059;
    -moz-box-shadow: 0 1px 2px #00000059;
    -o-box-shadow: 0 1px 2px #00000059;
    overflow: hidden;
}

.single-buttons button i {
    padding-left: 5px;
}

.social-share {}

.social-share ul {
    background: #ffffff29;
    padding: 5px 5px 0px;
    text-align: center;
    border-radius: 0 0 3px 3px;
}

.social-share li {
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 3px #00000036;
    -webkit-box-shadow: 0 1px 3px #00000036;
    -moz-box-shadow: 0 1px 3px #00000036;
    -o-box-shadow: 0 1px 3px #00000036;
    float: right;
    margin-bottom: 6px;
    margin-left: 6px;
}

.social-share li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 8px;
}

.social-share li a span {
    display: inline-block;
    padding: 5px 15px;
}

.social-share li a i {
    font-size: 20px;
    overflow: hidden;
}

.social-share li.share-google {
    background: #d0301d;
}

.social-share li.share-facebook {
    background: #325090;
}

.social-share li.share-twitter {
    background: #55acee;
}

.social-share li.share-pinterest {
    background: #c32c19;
}

.social-share li.share-linkedin {
    background: #4286ba;
}

.social-share li.share-whats {
    background: #3db925;
}

.social-share li span {}

.footer-links {
    background: #184359;
    height: 50px;
    overflow: hidden;
    text-align: center;
    background: rgb(46 97 119);
    background: -moz-linear-gradient(-45deg, rgba(41, 137, 216, 1) 57%, rgba(125, 185, 232, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(48 100 122) 57%, rgb(56 112 135) 100%);
    background: linear-gradient(135deg, rgb(56 112 135) 57%, rgb(56 112 135) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#7db9e8', GradientType=1);
}

.footer-links>div>div,
.footer-links>div>div>ul {
    float: right;
}

.footer-links>div>div>ul>li {
    padding: 15px 10px;
    float: right;
}

.footer-links>div>div>ul>li:first-child {
    padding-right: 0
}

.footer-links>div>div>ul>li:last-child {
    border: 0
}

.footer-links li a {
    color: #fff;
}

select.footer-select {
    display: block;
    font-family: main-font;
    border: 0;
    outline: 0;
    padding: 12px 5px;
    margin: 0 auto;
    width: calc(100% - 50px);
    background-color: transparent;
    color: #fff;
}

select.footer-select option {
    color: #222
}

ul.footer-social {
    float: left;
    margin-top: 8px;
}

.BlocksHolder .block:nth-child(3n+0) {
    margin-left: 0;
}

ul.footer-social li {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 2px #0000006b;
    -webkit-box-shadow: 0 1px 2px #0000006b;
    -moz-box-shadow: 0 1px 2px #0000006b;
    -o-box-shadow: 0 1px 2px #0000006b;
    margin-right: 2px;
}

ul.footer-social li a {
    font-size: 20px;
    display: block;
    padding-top: 7px;
    width: 100%;
    height: 100%;
}

ul.footer-social li.facebook {
    background: #325090;
}

ul.footer-social li.twitter {
    background: #55acee;
}

ul.footer-social li.google {
    background: #d0301d;
}

ul.footer-social li.youtube {
    background: #af050b;
}

.footer-menu {
    padding: 3px 0 10px;
    background: #26566d;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 -2px 5px #000;
    margin-top: 20px;
    background: rgb(38 86 109);
    background: -moz-linear-gradient(-45deg, rgba(41, 137, 216, 1) 57%, rgba(125, 185, 232, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(38 86 109) 57%, rgb(38 86 109) 100%);
    background: linear-gradient(135deg, rgb(64 136 171) 57%, rgb(35 81 103 / 82%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#7db9e8', GradientType=1);
}

/*
.footer-menu::after {
    content: '';
    position: absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    background: rgba(0, 0, 0, .15);
    transform:  skew(-45deg);
    -webkit-transform:  skew(-45deg);
    -moz-transform:  skew(-45deg);
    -o-transform:  skew(-45deg);
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
}
 */
.footer-menu span {
    color: #fff;
    height: 35px;
    display: inline-block;
    width: 143px;
    text-align: center;
    background: rgba(255, 255, 255, .05);
    margin: 7px 2px 0;
    border-radius: 3px;
    z-index: 22;
}

.footer-menu span:after {
    background: linear-gradient(#D40F0F, #880b0b);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transform: scale(3);
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden
}

.footer-menu span:hover:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.footer-menu span a {
    color: #fff;
    z-index: 33;
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 3px;
}

footer {
    background: #41869b;
    color: #fff;
    overflow: hidden;
    height: 50px;
}

footer .right {
    float: right;
    padding: 15px 0;
}

footer .right a {
    font-family: 'main-font', 'tahoma';
    text-transform: uppercase;
    color: #fff;
}

footer .right span {
    font-family: cairo-font;
    line-height: 6px;
}

footer .left {
    float: left;
}

footer .left span {
    display: inline-block;
    background: rgb(38 86 109);
    color: #fff;
    border-radius: 3px;
    padding: 0px 15px;
    margin: 8px 0;
    height: 35px;
    line-height: 35px;
}

footer .left span a {
    color: #ffffff;
    line-height: 5px;
    font-family: cairo-font;
    font-weight: bold;
}

.pagination {
    position: relative;
    line-height: 13px;
    text-align: center;
    z-index: 1;
    float: none;
    direction: rtl;
    display: block !important;
    padding: 10px !important;
    font-weight: bold;
}

.pagination span,
.pagination li span,
.pagination a,
.pagination li a {
    padding: 13px !important;
    margin: 2px 4px 2px 0 !important;
    height: auto !important;
    text-decoration: none;
    line-height: 14px !important;
    width: auto;
    color: #000 !important;
    background: #ffffff !important;
    box-shadow: 0 0 5px #00000038;
    -webkit-box-shadow: 0 0 5px #00000038;
    -moz-box-shadow: 0 0 5px #00000038;
    -o-box-shadow: 0 0 5px #00000038;
    border: none !important;
    direction: ltr;
    border-radius: 3px !important;
    display: inline-block !important;
    overflow: hidden !important;
    transition: .3s all ease;
    margin: 0 3px !important;
    font-family: sans-serif !important;
    border-bottom: 2px solid #00000036 !important;
}

.pagination span {
    color: #fff;
    background: #c91c55;
}

.pagination li span {
    color: #fff !important;
    background: #bf0000 !important;
}

.pagination a:hover {
    background-color: #bf0000 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.pagination li {
    display: inline-block !important;
    background: transparent;
    padding: 0;
    margin: 0;
}

.pagination .current {
    background: #bf0000;
    color: #FFFFFF;
    font-weight: bold;
}

.pagination i {
    font-weight: bold
}

h2.section-title {
    position: relative;
    overflow: hidden;
    margin: 0 0 3px;
    text-align: right;
    font-size: 20px;
    border-bottom: 1px solid #0000002b;
    margin-bottom: 7px;
    height: 40px;
}

.series {
    position: relative;
}

span.next {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 25px;
    height: 40px;
    top: 135px;
    right: -100px;
    background: #ffffff4f;
    padding-top: 12px;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

span.prev {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 25px;
    height: 40px;
    color: #fff;
    top: 135px;
    left: -100px;
    background: #ffffff4f;
    padding-top: 12px;
    cursor: pointer;
    z-index: 9999;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.newsSlider:hover span.next,
.movie:hover span.next,
.series:hover span.next {
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.newsSlider:hover span.prev,
.movie:hover span.prev,
.series:hover span.prev {
    left: 0px;
    opacity: 1;
    visibility: visible
}

h2.section-title span {
    padding: 6px 11px;
    color: #428398;
    border-radius: 5px 16px;
    width: auto;
    float: right;
}

h2.section-title span i {
    padding-left: 10px;
    font-size: 26px;
}

section.pin-posts {
    padding: 0 0 20px;
}

.scroll-load {
    transform: translate(0, 600px);
    -webkit-transform: translate(0, 600px);
    -moz-transform: translate(0, 600px);
    -o-transform: translate(0, 600px);
    transition: 2s all cubic-bezier(0.5, -0.02, 0.21, 0.89);
    -webkit-transition: 2s all cubic-bezier(0.5, -0.02, 0.21, 0.89);
    -moz-transition: 2s all cubic-bezier(0.5, -0.02, 0.21, 0.89);
    -o-transition: 2s all cubic-bezier(0.5, -0.02, 0.21, 0.89);
    opacity: 0;
    visibility: hidden;
}

.scroll-load.load {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}

li.singleBB.pin-block {
    display: inline-block;
    width: 19%;
    overflow: hidden;
    height: 330px;
    border-radius: 10px 20px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    box-shadow: 0 2px 5px #000;
    -webkit-box-shadow: 0 2px 5px #000;
    -moz-box-shadow: 0 2px 5px #000;
    -o-box-shadow: 0 2px 5px #000;
    margin: 3px .3%;
}

li.singleBB.pin-block a,
li.singleBB.pin-block a img {
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    display: block;
    width: 100%;
    height: 100%;
}

li.singleBB.pin-block a h3 {
    position: absolute;
    bottom: 0;
    z-index: 5;
    color: #fff;
    right: 0;
    left: 0;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
}

li.singleBB:hover {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    z-index: 6666
}

li.singleBB a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000099;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transform: scale(.1);
    -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    -o-transform: scale(.1);
    opacity: 0;
}

li.singleBB a:hover::after {
    opacity: 0.8;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

li.singleBB .fa-play {
    position: absolute;
    top: 120px;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%) scale(5);
    -webkit-transform: translate(-50%, -50%) scale(5);
    -moz-transform: translate(-50%, -50%) scale(5);
    -o-transform: translate(-50%, -50%) scale(5);
    color: #fff;
    font-size: 28px;
    background: #98070d;
    width: 40px;
    6 height: 40px;
    height: 40px;
    padding: 5px 8px;
    border-radius: 7px;
    box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    -moz-box-shadow: 0 3px 6px #000;
    -o-box-shadow: 0 3px 6px #000;
    transition: .3s .1s all ease;
    -webkit-transition: .3s .1s all ease;
    -moz-transition: .3s .1s all ease;
    -o-transition: .3s .1s all ease;
    opacity: 0;
    overflow: hidden;
}

li.singleBB:hover .fa-play {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

li.singleBB a p {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    color: #fff;
    padding: 5px 10px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transform: scale(4);
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    opacity: 0;
    line-height: 22px;
}

li.singleBB a:hover p {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

section.recent-posts .section-title span {
    padding: 2px 25px;
}

li.singleBB {
    float: right;
    width: 19.2%;
    overflow: hidden;
    height: 330px;
    border-radius: 3px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    -o-box-shadow: 0 1px 3px #000;
    margin-bottom: 1%;
    margin-left: 1%;
}

li.singleBB:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    z-index: 666;
}

li.singleBB a,
li.singleBB a img {
    display: block;
    width: 100%;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    height: 100%;
}

li.singleBB .fa-play {
    position: absolute;
    top: -40%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #fff;
    font-size: 28px;
    background: #98070d;
    width: 40px;
    height: 40px;
    height: 40px;
    padding: 4px 8px;
    border-radius: 3px;
    box-shadow: 0 3px 6px #00000057;
    -webkit-box-shadow: 0 3px 6px #00000057;
    -moz-box-shadow: 0 3px 6px #00000057;
    -o-box-shadow: 0 3px 6px #00000057;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    opacity: 0;
    overflow: hidden;
}

li.singleBB:hover .fa-play {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    top: 50%;
}

li.singleBB a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    bottom: 0;
    background: #000;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    opacity: 0;
}

li.singleBB a:hover::before {
    opacity: .7
}

.MainSLider .item a img {
    border-radius: 3px;
    width: 100%;
    height: 100%;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 4px solid #266279;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    float: right;
    margin-left: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -o-box-shadow: 0 1px 2px #000;
    transition: 1s all ease-in-out;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 1.09;
    background-color: #3e95dc;
}

li.singleBB a h3 {
    position: absolute;
    bottom: 0;
    z-index: 665;
    z-index: 6886;
    color: #fff;
    right: 0;
    left: 0;
    text-align: center;
    padding: 20px 10px 9px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    font-size: 16px;
    transform: scale(5);
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    opacity: 0;
}

li.singleBB a:hover h3 {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}

section.recent-posts a:hover h3 {
    bottom: 0;
    z-index: 9999;
}

li.singleBB a span {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    background: #ca0600;
    z-index: 22;
    border-radius: 3px;
    font-size: 13px;
    padding: 6px 15px;
    font-family: cairo-font;
    font-weight: bold;
    transform: scale(4);
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    opacity: 0;
    box-shadow: 0 2px 5px #00000073;
    -webkit-box-shadow: 0 2px 5px #00000073;
    -moz-box-shadow: 0 2px 5px #00000073;
    -o-box-shadow: 0 2px 5px #00000073;
    transition: .3s .1s all ease;
    -webkit-transition: .3s .1s all ease;
    -moz-transition: .3s .1s all ease;
    -o-transition: .3s .1s all ease;
    line-height: 17px;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
}

li.singleBB a:hover span {
    transform: scale(1);
    opacity: 1
}

li.singleBB em {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: cairo-font;
    font-style: normal;
    background: #ffd377;
    padding: 6px 10px;
    color: #000;
    z-index: 99;
    border-radius: 3px;
    box-shadow: 0 2px 5px #00000085;
    -webkit-box-shadow: 0 2px 5px #00000085;
    -moz-box-shadow: 0 2px 5px #00000085;
    -o-box-shadow: 0 2px 5px #00000085;
    min-width: 50px;
    text-align: center;
    transform: scale(4);
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    opacity: 0;
    transition: .3s .1s all ease;
    -webkit-transition: .3s .1s all ease;
    -moz-transition: .3s .1s all ease;
    -o-transition: .3s .1s all ease;
    line-height: 17px;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
}

li.singleBB em i {
    padding-left: 3px;
}

.scrollTop {
    position: fixed;
    bottom: 70px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: #41869b;
    border-radius: 5px;
    text-align: center;
    font-family: serif;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    padding-top: 6px;
    box-shadow: 0 1px 3px #0000009c;
    -webkit-box-shadow: 0 1px 3px #0000009c;
    -moz-box-shadow: 0 1px 3px #0000009c;
    -o-box-shadow: 0 1px 3px #0000009c;
    z-index: 9999;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    display: none;
}

.scrollTop i {
    font-weight: 500;
}

a.Report-Btn {
    border-radius: 3px;
    box-shadow: 0 1px 3px #000000a8;
    -webkit-box-shadow: 0 1px 3px #000000a8;
    -moz-box-shadow: 0 1px 3px #000000a8;
    -o-box-shadow: 0 1px 3px #000000a8;
    background: #bb0202;
    width: auto;
    float: left;
}

a.Report-Btn i {
    padding-left: 5px;
    float: right;
    width: 33px;
    height: 30px;
    font-size: 18px;
    padding-top: 5px;
    background: rgba(0, 0, 0, 0.25);
    text-align: center;
    overflow: hidden;
    padding: 7px 7px;
}

a.Report-Btn span {
    display: inline-block;
    padding-top: 5px;
}

.report-header {
    text-align: center;
    padding: 10px 20px;
    color: #222;
}

.report-header .fa-flag {
    display: block;
    font-size: 65px;
    padding: 10px 0;
}

.report-header span {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    display: block;
}

#report-div form {
    display: block;
    text-align: center;
}

#report-div form input {
    border: 0;
    outline: 0;
    font-family: main-font;
    height: 35px;
}

#report-div form input[type="submit"] {
    border-radius: 5px;
    background: #ca0600;
    color: #fff;
    width: 100px;
    cursor: pointer;
}

div#report-div {
    padding: 30px 0;
    text-align: center;
}

.thanks {
    display: inline-block;
    padding: 7px 20px;
    border-radius: 5px;
    margin: 0 auto;
    background: #0e7109;
}

.menu-toggler {
    display: none;
    padding: 10px 0;
    text-align: center;
    color: #0e94f9;
    cursor: pointer;
    z-index: 444;
    font-weight: bold;
}

.menu-toggler i {
    padding-left: 5px
}

li.random-block {
    width: 17.9%;
    overflow: hidden;
    height: 300px;
    box-shadow: 0 3px 5px #000;
    -webkit-box-shadow: 0 3px 5px #000;
    -moz-box-shadow: 0 3px 5px #000;
    -o-box-shadow: 0 3px 5px #000;
    border-radius: 2px;
    z-index: 1;
    float: right;
    margin-left: 15px;
    margin-bottom: 1%;
    margin-right: 10px;
}

li.random-block {
    width: 17.9%;
    overflow: hidden;
    height: 300px;
    -webkit-box-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 3px 5px #000;
    -o-box-shadow: 0 3px 5px #000;
    border-radius: 2px;
    z-index: 1;
    float: right;
    margin-left: 15px;
    margin-bottom: 1%;
    margin-right: 10px;
}

li.random-block:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, .3), 0 0 1.5rem .5rem rgba(33, 37, 41, .05) !important;
}

.item-preview a.item-preview-img {
    transition: .15s box-shadow, .15s transform;
    border-radius: .5rem;
    box-shadow: 0 2rem 1.5rem -1.5rem rgba(33, 37, 41, .15), 0 0 1.5rem 0.5rem rgba(33, 37, 41, .05);
    overflow: hidden;
}

li.random-block a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

li.random-block a img {
    display: block;
    width: 100%;
    height: 100%;
}

li.random-block a h4 {
    position: absolute;
    bottom: 0%;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    left: 0;
    right: 0;
    text-align: center;
    padding: 290px 10px 10px 10px;
    font-size: 15px;
    color: #fff;
    z-index: 999;
    background: linear-gradient(#0000003d, #191919 100%);
    line-height: 23px;
}

.random-posts {
    text-align: center;
    margin-top: 25px;
}

.pa-category {
    min-height: 500px;
    overflow: hidden;
    text-align: center;
}

.cat-block {
    width: 230px;
    overflow: hidden;
    height: 320px;
    display: inline-block;
    margin: 3px 3px;
    border-radius: 10px 20px;
    box-shadow: 0 2px 5px #000;
    -webkit-box-shadow: 0 2px 5px #000;
    -moz-box-shadow: 0 2px 5px #000;
    -o-box-shadow: 0 2px 5px #000;
}

.cat-block a,
.cat-block a img {
    display: block;
    width: 100%;
    height: 100%;
}

.cat-block:hover img {
    filter: contrast(2);
}

.pa-category .single-post-title {
    margin-bottom: 10px
}

.pa-category .single-post-title span {
    padding: 7px;
    width: 260px;
}

.cat-block a h2 {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    resize: vertical;
    font-size: 16px;
    padding: 10px;
    z-index: 55;
    transform: scale(7);
    -webkit-transform: scale(7);
    -moz-transform: scale(7);
    -o-transform: scale(7);
    color: #fff;
    opacity: 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    font-weight: bold;
    line-height: 30px;
}

.cat-block a:hover h2 {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.cat-block a:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    background: #171717;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: .3s all cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: .3s all cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: .3s all cubic-bezier(0.4, 0, 1, 1);
    -o-transition: .3s all cubic-bezier(0.4, 0, 1, 1);
}

.cat-block a:hover:after {
    top: 0;
    opacity: .9
}

.cat-block .cat-post-quality {
    position: absolute;
    bottom: 11px;
    left: 12px;
    padding: 4px 13px;
    z-index: 999;
    color: #222;
    background: #ffb418;
    font-weight: bold;
    border-radius: 5px 10px;
    transform: scale(5);
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    opacity: 0;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    box-shadow: 0 0px 5px #000000;
    -webkit-box-shadow: 0 0px 5px #000000;
    -moz-box-shadow: 0 0px 5px #000000;
    -o-box-shadow: 0 0px 5px #000000;
}

.cat-block:hover .cat-post-quality {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}

.cat-post-title {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 33;
    color: #fff;
    font-weight: bold;
    background: #b10000;
    padding: 5px 10px;
    border-radius: 5px 10px;
    box-shadow: 0 0px 5px #000000;
    -webkit-box-shadow: 0 0px 5px #000000;
    -moz-box-shadow: 0 0px 5px #000000;
    -o-box-shadow: 0 0px 5px #000000;
    transform: scale(5);
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    opacity: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
}

.cat-block:hover .cat-post-title {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}

.cat-block p {
    position: absolute;
    bottom: 62px;
    left: 3%;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    z-index: 66;
    line-height: 23px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 0;
    border-top: 1px solid #fff;
    width: 94%;
}

.cat-block:hover p {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 1;
}

section.pin-posts ul {
    padding: 6px 0 0;
    text-align: center;
}

div.post_tags {
    padding: 15px 0;
    background: #DDD;
    font-weight: bold;
}

div.post_tags a+a::before {
    content: ',';
    position: relative;
    display: inline-block;
    padding: 0 2px;
    font-weight: bold;
}

.innerFilter {
    float: left;
}

select.filter-select {
    border: 0;
    outline: 0;
    font-family: main-font;
    background: #fff;
    color: #2a2e38;
    width: 130px;
    padding: 0 5px;
    font-size: 13px;
    border-radius: 3px;
    margin-right: 2px;
    height: 30px;
    margin-top: 9px;
    font-weight: bold;
}

select.filter-select option {
    color: #000;
    border: 0;
    outline: 0;
}

.filterbtn {
    height: 30px;
    font-family: 'main-font';
    border: 0;
    border-radius: 3px;
    padding: 0 20px;
    outline: 0;
    cursor: pointer;
    background: radial-gradient(ellipse at top, #fbc34d, #F19929 75%, #cc7427);
    margin-right: 4px;
    width: 100px !important;
    font-family: main-font !important;
    font-size: 15px !important;
}

.filterbtn i {
    padding-left: 3px;
}

.sliderMaster {
    height: auto;
    overflow: hidden;
    background: #ca1515;
    direction: ltr !important;
    padding: 10px 0;
}

.newset-master {
    padding: 0 0 20px;
}

.newset-master .right {
    float: right;
    width: 49.5%;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0px 4px #00000059;
    -webkit-box-shadow: 0 0px 4px #00000059;
    -moz-box-shadow: 0 0px 4px #00000059;
    -o-box-shadow: 0 0px 4px #00000059;
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
    margin-left: 1%;
    padding-bottom: 5px;
}

.newset-master .right .movie {
    display: block;
    width: 100%;
    height: auto;
}

.newset-master .block {
    width: 32.3%;
    height: 250px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 4px #000;
    -webkit-box-shadow: 0 1px 4px #000;
    -moz-box-shadow: 0 1px 4px #000;
    -o-box-shadow: 0 1px 4px #000;
    float: right;
    margin-bottom: 8px;
    margin-left: 1.5%;
}

.newset-master .block a,
.newset-master .block img {
    display: block;
    width: 100%;
    height: 100%;
}

.newset-master .block h3 {
    padding: 60px 8px 10px 8px;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    right: 0;
    color: #fff;
    background: linear-gradient(to top, #000000, #00000000);
    text-align: center;
}

.newset-master .block a p {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    z-index: 55;
    text-align: center;
    color: #fff;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    padding: 10px;
}

.newset-master .block a:hover p {
    top: 50px;
}

.newset-master .block a::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.newset-master .block a:hover::after {
    opacity: 0.7
}

.newset-master .left {
    position: relative;
    display: inline-block;
    width: 49.5%;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0px 4px #00000059;
    -webkit-box-shadow: 0 0px 4px #00000059;
    -moz-box-shadow: 0 0px 4px #00000059;
    -o-box-shadow: 0 0px 4px #00000059;
    text-align: center;
    overflow: hidden;
    padding-bottom: 5px;
}

.filterItems {
    background: #55acee;
    overflow: hidden;
    position: relative;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #000000b8;
    -webkit-box-shadow: 0 1px 2px #000000b8;
    -moz-box-shadow: 0 1px 2px #000000b8;
    -o-box-shadow: 0 1px 2px #000000b8;
    height: 50px;
}

.filterItems li {
    color: #fff;
    height: 40px;
    cursor: pointer;
    float: right;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 15px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.filterItems li i {
    padding-left: 5px;
}

.filterItems li.active {
    background: rgb(85, 172, 238);
}

.black-color {
    color: #333 !important;
}

.u-line:after {
    position: absolute;
}

.modal-title:after,
.u-line:after {
    border-bottom: 2px solid #1abc9c;
    bottom: -10px;
    content: "";
    right: 0;
    width: 40px;
    display: block;
}

.m-t-0 {
    margin-top: 0 !important;
}

.f-s-25 {
    font-size: 25px !important;
    line-height: 40px;
}

.u-line {
    position: relative;
}

h2.u-line.f-s-25.m-t-0.black-color {
    margin: 0px 48px 55px 0px;
}

.filter-slider {
    padding: 10px 0;
    text-align: right;
}

.filter-slider li {
    display: inline-block;
    height: 35px;
    padding: 8px 10px;
    cursor: pointer;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.filter-slider li.active {
    background: #55acee;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.MainSLider {
    overflow: hidden;
    direction: ltr;
    /* box-shadow: 0 4px 9px #00000073; */
    /* -webkit-box-shadow: 0 4px 9px #00000073; */
    -moz-box-shadow: 0 4px 9px #00000073;
    -o-box-shadow: 0 4px 9px #00000073;
    margin-top: -49px;
}

.MainSLider .item {
    height: 289px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 4px #000000d9;
    -webkit-box-shadow: 0 2px 4px #000000d9;
    -moz-box-shadow: 0 2px 4px #000000d9;
    -o-box-shadow: 0 2px 4px #000000d9;
    margin: 15px 0;
}

.MainSLider .item a {

    width: 100%;
    height: 100%;
}

.MainSLider .item h2 {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(to top, #000000, #00000000);
    padding: 90px 10px 14px;
    font-size: 16px;
    direction: rtl;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

span.slider-home-next {
    position: absolute;
    right: 0;
    top: 50%;
    background: #3788c5;
    z-index: 999;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    margin-top: -20px;
    padding-top: 11px;
    border-radius: 3px 0 0 3px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 7px #000;
    -webkit-box-shadow: 0 1px 7px #000;
    -moz-box-shadow: 0 1px 7px #000;
    -o-box-shadow: 0 1px 7px #000;
}

span.slider-home-prev {
    position: absolute;
    left: 0;
    top: 50%;
    background: #3788c5;
    z-index: 999;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    margin-top: -20px;
    padding-top: 11px;
    border-radius: 3px 0 0 3px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 7px #000;
    -webkit-box-shadow: 0 1px 7px #000;
    -moz-box-shadow: 0 1px 7px #000;
    -o-box-shadow: 0 1px 7px #000;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff !important;
    outline: 0;
    margin: 2px 4px;
}

.single-header {
    height: 346px;
    background-size: cover;
    background-position: center center;
    overflow: visible;
    z-index: 555;
}

.single-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right top, #000000c9, #0c0c0cd1, #000000, #000000);
}

.post-thumb {
    z-index: 999;
    position: relative;
    width: 230px;
    overflow: hidden;
    height: 300px;
    top: 25px;
    border-radius: 3px;
    float: right;
    box-shadow: 0 1px 3px #0000009e;
    -webkit-box-shadow: 0 1px 3px #0000009e;
    -moz-box-shadow: 0 1px 3px #0000009e;
    -o-box-shadow: 0 1px 3px #0000009e;
}

.post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
}

.post-thumb a.adbtn {
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    color: #fff;
    text-align: center;
    height: 40px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    background: #ffffff4f;
    padding-top: 10px;
}

.post-thumb a.adbtn i {
    padding-left: 5px;
}

.single-header .container {
    height: 100%;
}

.single-tabs {
    z-index: 111;
    padding-top: 10px;
    text-align: left;
}

.single-tabs a {
    color: #fff;
}

.single-tabs button {
    border: 0;
    outline: 0;
    background: #fffdfd17;
    font-family: inherit;
    width: 140px;
    text-align: center;
    border-radius: 3px;
    margin-left: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    height: 40px;
    box-shadow: 0 1px 5px #00000040;
    -webkit-box-shadow: 0 1px 5px #00000040;
    -moz-box-shadow: 0 1px 5px #00000040;
    -o-box-shadow: 0 1px 5px #00000040;
    color: #fff;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.single-tabs button i {
    padding-left: 5px;
    transition: 0s;
    float: right;
    height: 40px;
    width: 40px;
    font-size: 23px;
    background: #ffffff14;
    padding-top: 7px;
    text-align: center;
}

.single-tabs button span {
    display: inline-block;
    padding: 11px 0;
}

.single-tabs button.active {
    background: #a70006;
    box-shadow: 0 1px 2px #00000054;
    -webkit-box-shadow: 0 1px 2px #00000054;
    -moz-box-shadow: 0 1px 2px #00000054;
    -o-box-shadow: 0 1px 2px #00000054;
}

.single-tabs button.active i {
    background: #0000002e;
}

h1.single-title {
    color: #ff9d3c;
    z-index: 15;
    font-size: 25px;
    padding-top: 239px;
}

h1.single-title span {
    background: #ffffff14;
    padding: 6px 35px;
    border-radius: 5px;
    display: inline-block;
}

.tabs>div>div {
    display: none;
    transition: 0 a;
}

.post-thumb {
    margin-left: 15px;
}

.tabs {
    background: #fff;
}

.title-box {
    padding-bottom: 10px;
}

.title-box span {
    padding-top: 3px;
    display: inline-block;
    padding-right: 10px;
    font-size: 16px;
}

.title-box i {
    float: right;
    font-size: 25px;
}

.serv-download li a i {
    padding-left: 5px;
    float: right;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #00000024;
    padding: 9px 9px;
}

.serv-download li a span {
    display: inline-block;
    width: auto;
    height: 100%;
    padding: 10px 20px;
}

.social-share {
    position: absolute;
    top: 25px;
    left: 0px;
    color: #fff;
    z-index: 88;
    width: 210px;
    text-align: center;
}

.social-share>h2 {
    padding: 8px 22px;
    background: #fffdfd17;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
}

.social-share>h2 i {
    padding-left: 5px
}

#tab2-content .right ul {
    padding: 5px 10px;
}

#tab2-content .left iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.loader:before {
    animation: before 2s infinite;
    -webkit-animation: before 2s infinite;
    -moz-animation: before 2s infinite;
    -o-animation: before 2s infinite;
}

.loader:after {
    animation: after 2s infinite;
    -webkit-animation: after 2s infinite;
    -moz-animation: after 2s infinite;
    -o-animation: after 2s infinite;
}

@keyframes before {
    0% {
        width: 0.5em;
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }

    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
        -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
        -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
        -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }

    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
        -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
        -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
        -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }

    100% {
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
        -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
}

@keyframes after {
    0% {
        height: 0.5em;
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }

    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
        -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
        -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
        -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }

    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
        -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
        -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
        -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }

    100% {
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
        -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
}

.BlocksHolder .loader {
    margin: 0 auto;
    height: 260px;
}

.filter-slider li i {
    float: right;
    padding-left: 5px;
    font-size: 16px;
}

.filterItems ul {
    float: left;
}

.random-posts li.random-block:nth-child(5n+0) {
    margin-left: 0;
}

.singleBigBox {
    min-height: auto;
    background: #f7f7f7;
    margin-bottom: 20px;
    box-shadow: 0 1px 5px #0000004a;
    -webkit-box-shadow: 0 1px 5px #0000004a;
    -moz-box-shadow: 0 1px 5px #0000004a;
    -o-box-shadow: 0 1px 5px #0000004a;
    border-bottom: 4px solid #f3f1f1;
    display: none;
    margin-top: -10px;
    height: auto;
}

.single-info {
    position: relative;
    padding: 25px 20px 20px;
}

.single-info .right {
    float: right;
    width: 20%;
    overflow: hidden;
    padding: 0 5px;
}

.single-info .right .post-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    height: 310px;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px #000000a6;
    -webkit-box-shadow: 0 1px 4px #000000a6;
    -moz-box-shadow: 0 1px 4px #000000a6;
    -o-box-shadow: 0 1px 4px #000000a6;
    margin-bottom: 5px;
}

.single-info .right .post-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
}

.ratingdMaster {
    background: #13151b;
    border-radius: 3px;
    margin-top: 6px;
    color: #fff;
    text-align: center;
    height: 36px;
    display: inline-flex;
    width: 100%;
    box-shadow: 0 1px 3px #0000007a;
    -webkit-box-shadow: 0 1px 3px #0000007a;
    -moz-box-shadow: 0 1px 3px #0000007a;
    -o-box-shadow: 0 1px 3px #0000007a;
    margin-bottom: 5px;
}

.ratingdMaster span {
    display: inline-block;
    font-size: 16px;
    padding-top: 7px;
    float: right;
}

.ratingdMaster .post-ratings {
    display: inline-block;
    padding-top: 5px;
    height: 23px;
    padding-right: 10px;
    margin-top: 3px;
    width: 100%;
    margin: 3px auto 0;
}

.single-info .center {
    float: right;
    min-height: 1px;
    width: 60%;
    padding-left: 15px;
    padding-right: 10px;
}

.single-info .left {
    float: left;
    width: 20%;
    text-align: right;
    overflow: auto;
    position: initial;
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.65);
    margin-bottom: 15px;
    padding: 15px;
    border-top: 1px solid #e4e4e4;
    top: 0;
    max-height: 300px;
    right: 0;
}

.single-info .left>h1 {
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 3px;
    color: #13151b;
}

.single-info .left>h1 i {
    float: right;
    font-size: 40px;
}

.single-info .left>h1 span {
    float: right;
    padding-right: 8px;
    padding-top: 7px;
}

h2.TitleAreaTwo {
    overflow: hidden;
}

h2.TitleAreaTwo i {
    float: right;
    font-size: 32px;
    padding: 4px 0px;
    margin-left: 10px;
}

h2.TitleAreaTwo span {
    float: right;
    padding: 6px 0;
}

.single-info .center .Title {
    height: 45px;
    overflow: hidden;
    background: #fcfcfc;
    border-radius: 3px;
    box-shadow: 0 1px 3px #00000038;
    -webkit-box-shadow: 0 1px 3px #00000038;
    -moz-box-shadow: 0 1px 3px #00000038;
    -o-box-shadow: 0 1px 3px #00000038;
    margin-bottom: 10px;
}

.single-info .center .Title h1 {
    float: right;
}

.single-info .center .Title h1 span {
    float: right;
    font-size: 20px;
    padding: 10px 0;
    color: #13151b;
}

.single-info .center .Title h1 i {
    float: right;
    margin-top: 5px;
    overflow: hidden;
    margin-right: 5px;
    font-size: 32px;
    padding-right: 3px;
    margin-left: 10px;
    color: #13151b;
}

.single-info .center .Box {
    min-height: 100px;
    background: #fcfcfc;
    border-radius: 3px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px #00000038;
    -webkit-box-shadow: 0 1px 3px #00000038;
    -moz-box-shadow: 0 1px 3px #00000038;
    -o-box-shadow: 0 1px 3px #00000038;
}

.single-info .center .Box h1 {
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #DDD;
    height: 30px;
    margin-bottom: 4px;
}

.single-info .center .Box h1 i {
    float: right;
    padding-left: 6px;
    padding-top: 4px;
    font-size: 21px;
}

.single-info .center .Box h1 span {
    float: right;
    padding: 2px 0;
}

.single-info .center .Box li {
    float: right;
    width: 49%;
    border-bottom: 1px solid #DDD;
    height: 30px;
    overflow: hidden;
}

.single-info .center .Box ul li i {
    float: right;
    font-size: 17px;
    padding-top: 6px;
    padding-left: 6px;
}

.single-info .center .Box li:nth-child(odd) {
    margin-left: 2%;
}

.single-info .center .Box li a {
    float: right;
    padding: 5px 0;
    margin-left: 5px;
}

.single-info .center .Box li.quality-cat a {
    font-family: cairo-font;
    font-weight: bold;
    line-height: 19px;
}

.single-info .center .Box li em {
    float: right;
    font-style: normal;
    padding: 5px 0;
    margin-left: 5px;
}

.single-info .center p.description {
    background: #fcfcfc;
    border-radius: 3px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    padding: 10px 15px;
    box-shadow: 0 1px 3px #00000038;
    margin-bottom: 10px;
}

.single-info .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.single-info .left li.TeamWork {
    height: 50px;
    display: block;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(#ffffff, #e4e4e4);
    margin-top: 7px;
    box-shadow: 0 1px 2px #00000040;
    -webkit-box-shadow: 0 1px 2px #00000040;
    -moz-box-shadow: 0 1px 2px #00000040;
    -o-box-shadow: 0 1px 2px #00000040;
    border-radius: 3px;
    border-bottom: 1px solid #0000002e;
}

.single-info .left li.TeamWork a {
    display: block;
    width: 100%;
    height: 100%;
    color: #13151b;
}

.single-info .left li.TeamWork a i {
    float: right;
    width: 40px;
    height: 50px;
    font-size: 40px;
    padding-top: 6px;
    text-align: center;
}

.single-info .left li.TeamWork a .TMleft {
    float: left;
    width: calc(100% - 50px);
    text-align: right;
}

.single-info .left li.TeamWork a .TMleft h1 {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.single-info .left li.TeamWork a .TMleft p {
    display: block;
    font-size: 10px;
}

.single-info .center .Box li a+a:before {
    content: ',';
    font-weight: bold;
    margin: 0 5px;
}

.single-info .left hr {
    margin-top: 7px;
    border: 0;
    border-top: 1px solid #DDD;
}

.breadCrumbs li {
    float: right;
    color: #ff9d3c;
}

.breadCrumbs li a {
    color: #fff;
}

.breadCrumbs i {
    float: right;
    color: #fff;
    padding: 0 7px;
}

.single-info .ServersRight {
    min-height: 508px;
    float: right;
    width: 20%;
    background: #e4e4e4;
    border-radius: 3px;
    box-shadow: 0 1px 2px #00000045;
    -webkit-box-shadow: 0 1px 2px #00000045;
    -moz-box-shadow: 0 1px 2px #00000045;
    -o-box-shadow: 0 1px 2px #00000045;
    padding: 10px;
    overflow: auto;
    border: 4px solid #fff;
    height: auto;
}

.single-info .ServersRight>h1 {
    height: 34px;
    overflow: hidden;
    border-bottom: 1px solid #00000036;
}

.single-info .ServersRight>h1 i {
    float: right;
    width: 40px;
    height: 40px;
    font-size: 30px;
}

.single-info .ServersRight>h1 span {
    float: right;
    font-size: 18px;
    padding: 4px 0;
}

.single-info .ServersRight ul li {
    height: 35px;
    margin-top: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 1px 2px #00000026;
    -webkit-box-shadow: 0 1px 2px #00000026;
    -moz-box-shadow: 0 1px 2px #00000026;
    -o-box-shadow: 0 1px 2px #00000026;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.single-info .ServersRight ul li i {
    float: right;
    width: 35px;
    text-align: center;
    font-size: 20px;
    padding: 8px 0;
}

.single-info .ServersRight ul li span {
    float: right;
    font-size: 15px;
    padding: 8px 0;
}

.single-info .watch-Area {
    float: right;
    width: calc(80% - 15px);
    border-radius: 3px;
    border: 4px solid #fff;
    box-shadow: 0 1px 5px #00000073;
    -webkit-box-shadow: 0 1px 5px #00000073;
    -moz-box-shadow: 0 1px 5px #00000073;
    -o-box-shadow: 0 1px 5px #00000073;
    margin-right: 15px;
    overflow: hidden;
}

.single-info .watch-Area iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    outline: 0;
}

.single-info .ServersRight ul li.active {
    background: #13151b;
    color: #fff;
}

.download-servers li {
    width: 222px;
    height: 42px;
    background: #21bd05;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 2px #0000002e;
    -webkit-box-shadow: 0 1px 2px #0000002e;
    -moz-box-shadow: 0 1px 2px #0000002e;
    -o-box-shadow: 0 1px 2px #0000002e;
    margin: auto;

}

.download-servers li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.download-servers li a i {
    float: right;
    width: 40px;
    height: 40px;
    font-size: 24px;
    text-align: center;
    background: #00000024;
    padding-top: 7px;
}

.download-servers li a span {
    font-size: 16px;
    display: inline-block;
    padding-top: 8px;
}

.download-servers li:nth-child(7n+0) {
    margin-left: 0;
}

.download-servers h2.TitleAreaTwo {
    margin-bottom: 3px;
}

.ActorPage {
    padding: 20px 0;
}

.ActorPage>div>.right {
    float: right;
    width: 70%;
    min-height: 500px;
}

.ActorPage>div>.left {
    float: left;
    width: calc(30% - 10px);
    min-height: 500px;
    overflow: hidden;
    margin-right: 5px;
}

.ActorPage>div>.left .MostViews {
    background: #f1f1f1;
    border: 1px solid #3788c5;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 5px;
}

.ActorPage>div>.left .MostViews>h1 {
    height: 45px;
    overflow: hidden;
    border-bottom: 1px solid #0000001c;
}

.ActorPage>div>.left .MostViews>h1 i {
    float: right;
    width: auto;
    height: 40px;
    padding: 7px;
    font-size: 27px;
}

.ActorPage>div>.left .MostViews>h1 p {
    float: right;
    font-size: 16px;
}

.ActorPage>div>.left .MostViews>h1 span {
    float: right;
    font-size: 16px;
    width: 70%;
    padding: 0 6px;
}

.ActorPage>div>.left .MostViews>h1 em {
    font-size: 12px;
    font-style: normal;
    float: right;
    padding-right: 6px;
}

.ActorPage>div>.left .MostViews li {
    overflow: hidden;
    border-radius: 3px;
    background: linear-gradient(#ffffff, #e4e4e4 100%);
    -webkit-box-shadow: 0 1px 2px #55acee;
    -moz-box-shadow: 0 1px 2px #00000029;
    -o-box-shadow: 0 1px 2px #00000029;
    border-bottom: 1px solid #00000029;
}

.ActorPage>div>.left .MostViews li a {
    display: block;
    width: 100%;
    height: 100%;
}

.ActorPage>div>.left .MostViews li a img {
    float: right;
    width: 50px;
    height: 58px;
    margin-top: 6px;
    margin-right: 6px;
    border-radius: 3px;
    margin-left: 8px;
}

.ActorPage>div>.left .MostViews li a h1 {
    float: right;
    width: calc(100% - 64px);
    font-size: 16px;
    padding: 5px 0 5px 7px;
}

.ActorPage>div>.left .MostViews li a p {
    font-size: 10px;
    padding-left: 7px;
    float: right;
    width: calc(100% - 64px);
    line-height: 15px;
}

.ActorBlocksHolder {
    background: #f1f1f1;
    border: 1px solid #3788c5;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 10px;
}

.ActorBlocksHolder li.random-block {
    width: 22.2%;
    margin-bottom: 0;
    margin-top: 1px;
    height: 282px;
    background: #f1f1f1;
    border: 1px solid #3788c5;
    box-shadow: 0 1px 2px #0000004a;
    border-radius: 3px;
    margin-bottom: 15px;
}

.ActorBlocksHolder li.random-block:nth-child(4n+1) {
    margin-left: 0;
}

.OtherActors {
    margin-top: 10px;
}

.OtherActors .Holder {}

.OtherActors .Holder li {
    float: right;
    width: 13.4%;
    height: 122px;
    background: #fff;
    overflow: hidden;
    margin-left: 1%;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -o-box-shadow: 0 1px 2px #000;
    margin-bottom: 2px;
}

.OtherActors .Holder li:nth-child(7n+0) {
    margin-left: 0;
}

.OtherActors .Holder li h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    background: linear-gradient(to bottom, #00000000, #191919 100%);
    padding: 145px 5px 5px 5px;
    z-index: 999;
    color: #fff;
}

.ActorPage>div>.right .header {
    background: #f1f1f1;
    border: 1px solid #3788c5;
    box-shadow: 0 1px 2px #0000004a;
    border-radius: 3px;
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden;
}

.OtherActors .Holder li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.OtherActors .Holder li a {
    display: block;
    width: 100%;
    height: 100%;
}

.ActorPage>div>.right .header h1 {
    float: right;
}

.ActorPage>div>.right .header h1>i {
    float: right;
    width: 35px;
    margin-top: 10px;
    margin-right: 10px;
}

.ActorPage>div>.right .header h1 span {
    float: right;
    padding: 10px 2px;
    font-size: 20px;
}

.ActorPage>div>.right .header .share {
    float: left;
}

.ActorPage>div>.right .header .share li {
    float: right;
    height: 35px;
    width: auto;
    border-radius: 3px;
    margin-top: 5px;
    overflow: hidden;
    box-shadow: 0 1px 2px #00000036;
    -webkit-box-shadow: 0 1px 2px #00000036;
    -moz-box-shadow: 0 1px 2px #00000036;
    -o-box-shadow: 0 1px 2px #00000036;
    margin-left: 5px;
}

.ActorPage>div>.right .header .share li.share-twitter a {
    background: #55acee;
    color: #55acee;
}

.ActorPage>div>.right .header .share li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 5px;
}

.ActorPage>div>.right .header .share li a i {
    float: right;
    width: 25px;
    height: 25px;
    background: #fff;
    margin-top: 5px;
    border-radius: 3px;
    overflow: hidden;
    font-size: 20px;
    padding-top: 3px;
    text-align: center;
}

.ActorPage>div>.right .header .share li a span {
    float: right;
    padding: 7px 8px;
}

.ActorPage>div>.right .header .share li.share-google a {
    color: #d0301d;
    background: #d0301d
}

.ActorPage>div>.right .header .share li.share-facebook a {
    background: #325090;
    color: #325090
}

.ActorPage>div>.right . header .share li.share-twitter a {
    background: #55acee;
    color: #55acee
}

.ActorPage>div>.right .header .share li.share-linkedin a {
    background: #2490e2;
    color: #2490e2
}

.ActorPage>div>.right .header .share>ul>span {
    float: right;
    padding: 12px 0px;
    font-size: 16px;
    margin-left: 10px;
}

.ActorBlocksHolder h2.TitleAreaTwo {
    margin-bottom: 0;
}

.ActorBlocksHolder .pagination {
    margin-top: 10px;
}

.TemplatePage {
    padding: 20px 0;
}

.ActorsListBlock {
    float: right;
    width: 11.77%;
    overflow: hidden;
    height: 140px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #0000002e;
    -webkit-box-shadow: 0 1px 2px #0000002e;
    -moz-box-shadow: 0 1px 2px #0000002e;
    -o-box-shadow: 0 1px 2px #0000002e;
    border: 2px solid #fff;
}

.ActorsListBlock a {
    display: block;
    width: 100%;
    height: 100%;
}

.ActorsListBlock:nth-child(8n+0) {
    margin-left: 0;
}

.ActorsListBlock a img {
    display: block;
    width: 100%;
    height: 100%;
}

.ActorsListBlock a h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    padding-bottom: 5px;
    color: white;
}

.ActorsListBlock a span {
    position: absolute;
    top: -100px;
    left: 50%;
    padding: 5px 10px;
    background: #e6e6e6;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 2px #00000040;
    -webkit-box-shadow: 0 1px 2px #00000040;
    -moz-box-shadow: 0 1px 2px #00000040;
    -o-box-shadow: 0 1px 2px #00000040;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.ActorsListBlock a span em {
    font-family: cairo-font;
    font-style: normal;
    font-weight: bold;
    line-height: 4px;
    padding-left: 4px;
}

.ActorsListBlock:hover a span {
    top: 10px;
}

.error_404 {
    padding: 140px 0;
}

.error_404 h3 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 10px;
}

.error_404 form#s {
    display: inline-flex;
    width: 100%;
    padding: 0 90px;
}

.error_404 form#s input {
    height: 35px;
    border: 0;
    outline: 0;
}

.error_404 form#s input#searchsubmit {
    width: calc(10% - 5px);
    cursor: pointer;
    margin-right: 5px;
    background: #ca1515;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #FFF;
}

.error_404 form#s input#s {
    width: 90%;
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid #00000038;
}

.ActorPage>div>.left .MostViews>h1.QualityT span {
    font-family: cairo-font;
    font-weight: bold;
    line-height: 22px;
}

.ActorPage>div>.right .header h1.QualityT span {
    font-family: cairo-font;
    font-weight: bold;
    line-height: 24px;
}

h2.TitleAreaTwo.QualityT span {
    font-family: cairo-font;
    font-weight: bold;
    line-height: 24px;
}

.pageContent {
    background: #f1f1f1;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 15px;
    border-radius: 3px;
    overflow: hidden;
    min-height: 400px;
    text-align: right;
    font-size: 18px;
}

.search-mobile {
    display: block;
    width: 100%;
    padding: 0px 10px 10px 10px;
}

.search-mobile form {
    display: inline-flex;
    width: 100%;
}

.search-mobile form input {
    border: 0;
    outline: 0;
    height: 30px;
    border-radius: 3px;
}

.search-mobile form input#s {
    width: 80%;
    padding: 7px;
}

.search-mobile form input#searchsubmit {
    width: calc(20% - 5px);
    margin-right: 5px;
}

.AdvancedSearch {
    height: 50px;
    background: #1a1d25;
    position: relative;
    overflow: hidden;
}

.AdvancedSearch span {
    float: right;
    color: #ffb418;
    font-size: 20px;
    width: 200px;
}

.AdvancedSearch span i {
    float: right;
    font-size: 30px;
    padding: 10px 0;
    margin-left: 10px;
}

.AdvancedSearch span em {
    font-style: normal;
    font-size: 21px;
    padding: 11px 0;
    float: right;
    margin-left: 10px;
}

.AdvancedSearch form {
    display: inline-flex;
    width: calc(100% - 200px);
    margin: 10px 0;
}

.AdvancedSearch form input {
    height: 30px;
    border: 0;
    outline: 0;
    width: 50%;
    margin-left: 5px;
    border-radius: 3px;
    padding: 7px;
}

.AdvancedSearch form select {
    border: 0;
    border-radius: 3px;
    overflow: hidden;
    width: 130px;
    margin-left: 5px;
    outline: 0;
    padding-right: 4px;
}

.AdvancedSearch form button {
    width: 90px;
    border: 0;
    outline: 0;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    background: #ca0000;
    color: #fff;
}

.AdvancedSearch form select.year option {
    font-family: cairo-font;
    line-height: 50px;
    font-weight: bold;
}

.AdvancedSearch form button i {
    padding-left: 5px;
}

.filterItems h1 {
    float: right;
    color: #fff;
}

.filterItems h1>i {
    float: right;
    font-size: 35px;
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 5px;
}

.filterItems h1>span {
    font-size: 20px;
    float: right;
    padding: 8px 0;
}

ul.tab-content .loader {
    padding: 200px 0;
    margin: 0 auto;
}

.MainSLider .item:hover h2 {}

.MainSLider .item i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(5);
    -webkit-transform: translate(-50%, -50%) scale(5);
    -moz-transform: translate(-50%, -50%) scale(5);
    -o-transform: translate(-50%, -50%) scale(5);
    color: #fff;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border: 2px solid #FFF;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 8px;
    padding-left: 14px;
    opacity: 0;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    box-shadow: 0 0px 15px #000;
    -webkit-box-shadow: 0 0px 15px #000;
    -moz-box-shadow: 0 0px 15px #000;
    -o-box-shadow: 0 0px 15px #000;
}

.MainSLider .item i:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b70202;
    content: '';
    z-index: -1;
    transition: .3s .1s all ease;
    -webkit-transition: .3s .1s all ease;
    -moz-transition: .3s .1s all ease;
    -o-transition: .3s .1s all ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    border-radius: 50%;
    opacity: 0;
}

.MainSLider .item:hover i:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.MainSLider .item:hover i {
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    opacity: 1;
}

.social-share li.share-linkedin {
    margin-left: 0 !important;
}

.intro p.description i {
    font-size: 23px;
    padding-left: 10px;
}

.adsHome {
    margin: 20px 0;
}

.adsHome .adcol {
    float: right;
    width: 390px;
    height: 80px;
    overflow: hidden;
    margin-left: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -o-box-shadow: 0 1px 2px #000;
}

.adsHome .adcol:nth-child(3n+0) {
    margin-left: 0 !important;
}

li.singleBB:hover em {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}

.adsHome .adcol img {
    display: block;
    width: 100%;
    height: 100%;
}

li.singleBB:hover img {}

.MainSLider .owl-item.center .item h2 {
    bottom: 0;
}

.adsHome .adcol a {
    display: block;
    width: 100%;
    height: 100%;
}

.searchResList>h1 {
    padding: 100px 0;
    text-align: center;
}

h2.TitleAreaTwo em.year {
    font-style: normal;
    text-transform: uppercase;
    font-family: cairo-font;
    font-weight: bold;
    line-height: 8px;
}

li.random-block a.randcat {
    position: absolute;
    top: -100%;
    left: 50%;
    width: auto;
    height: auto;
    padding: 6px 5px;
    color: #333;
    background: #ffb418;
    z-index: 999;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -o-transition: .4s all ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    width: 120px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 3px #000;
}

li.random-block:hover a.randcat {
    top: 10px;
}

a.reader {
    float: left;
    background: #0f3348;
    color: white;
    background: radial-gradient(ellipse at top, rgb(56 112 135), rgb(56 112 135), rgb(14 51 72));
    padding: 4px 15px 0px;
    border-radius: 4px;
    left: 0;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 19px;
}

h2.section-title i {
    float: right;
    font-size: 35px;
    text-align: center;
    padding: 3px 0;
    margin-left: 2px;
    color: #3c7b91;
    padding-right: 5px;
}

.titleSingle {
    transition: .4s all ease;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(180deg, #0000 0, #000000e6 100%);
    direction: rtl;
    color: white;
    text-align: right;
    font-size: 24px;
    padding: 0px 23px 21px;
    font-weight: bold;
}

.titleSingle>i {
    font-size: 28px;
    width: 60px;
    height: 60px;
    border: 3px solid #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 13px;
    padding-left: 3px;
    background: #00000069;
    float: right;
    margin-left: 15px;
}

.Breadcrumb {
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    background: #a70006;
    padding: 12px 14px;
    color: #ffe17f;
}

.Breadcrumb>div>span {
    float: right;
}

.Breadcrumb .seprator {
    display: inline-block;
    padding: 0px 10px;
    font-size: 19px;
    line-height: 17px;
    color: #ffffff;
}

.WatchanddownloadSection.BGNoDownload {
    border-top: 4px solid #ddd;
    padding: 25px 30px;
}

.WatchanddownloadSection.BGNoDownload>.ServersSection {
    background: transparent;
    padding: 0;
    margin-bottom: 10px;
}

.ServersSection {
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

.ServersSection>.Ad160R {
    width: 160px;
    height: 600px;
    background: #d6d6d6;
    float: right;
    margin-left: 10px;
}

.WatchSectionCenter {
    width: calc(100% - 160px - 160px - 20px);
    float: right;
}

.WatchSidebar {
    border-radius: 18px;
    color: white;
    text-align: center;

}

.WatchSidebar>h2 {
    font-size: 27px;
    color: #7551b9;
    margin-bottom: 3px;
    height: 40px;
    line-height: 41px;
    text-align: center;
}

.WatchSidebar>h2>i {
    animation: download .5s infinite alternate;
}

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    / / display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-angle-down:before {
    content: "\f107";
}

.WatchSidebar>h2>i {
    animation: download .5s infinite alternate;
}

.WatchSidebar>ul {}

.WatchSidebar li.active {
    background: #a70006;
    box-shadow: 0 1px 2px #00000054;
    -webkit-box-shadow: 0 1px 2px #00000054;
    -moz-box-shadow: 0 1px 2px #00000054;
    -o-box-shadow: 0 1px 2px #00000054;
}

.WatchSidebar li {
    list-style: none;
    height: 35px;
    background: #252525;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 12px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 2px;
    display: inline-block;
    margin: 0 5px;
    float: none;
    margin-bottom: 11px;
    border: 0;
    outline: 0;
    font-family: inherit;
    width: 140px;
    text-align: center;
    border-radius: 3px;
    margin-left: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    height: 40px;
    box-shadow: 0 1px 5px #00000040;
    -webkit-box-shadow: 0 1px 5px #00000040;
    -moz-box-shadow: 0 1px 5px #00000040;
    -o-box-shadow: 0 1px 5px #00000040;
    color: #fff;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
}

.WatchSidebar li>i {
    float: right;
    font-size: 13px;
    margin-top: 4px;
    margin-left: 10px;
}

.WatchSidebar li:hover {
    background: #ca1111;
}

.fa-play:before {
    content: "\f04b";
}

.theVideo {
    height: 512px;
    width: 100%;
    background: #252525;
    margin-top: 10px;
    border-radius: 10px;
    padding: 15px 15px 40px 15px;
}

.theVideo iframe {
    width: 100%;
    height: 100%;
    background: #0000003b;
}

.ServersSection>.Ad160L {
    width: 160px;
    height: 600px;
    background: #d6d6d6;
    float: left;
    margin-right: 10px;
}

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


.WatchanddownloadSection.BGNoDownload .DownloadSidebar {
    margin: 0px -30px;
    border-top: 3px solid #e2e2e2;
}

.tabs>.rightTabs>li.active {
    z-index: 2;
    background: #271739;
}

.tabs>.rightTabs>li:nth-child(1) {
    z-index: 6;
}

.tabs>.rightTabs>li:nth-child(2) {
    z-index: 5;
}

.tabs>.rightTabs>li:nth-child(3) {
    z-index: 4;
}

.tabs>.rightTabs>li:nth-child(4) {
    z-index: 3;
}

.tabs>.rightTabs>li:nth-child(5) {
    z-index: 2;
}

.tabs>.rightTabs>li:nth-child(6) {
    z-index: 1;
}

.tabs>.rightTabs>li.active:After {
    background: #271739;
}

.tabs>.rightTabs>li:After {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -0.3em;
    bottom: 0;
    width: 1em;
    background-color: #3c7a91;
    transform: skew(-10deg);
    border-radius: 13px 10px 5px 10px;
}

.tabs>.rightTabs>li {
    color: white;
    display: inline-block;
    float: ;
    background: #3c7a91;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.43);
    padding: 11px 22px 11px 17px;
    border-radius: 12px 3px 3px 3px / 6px 3px 3px 3px;
    margin-left: -6px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.tabs>.rightTabs>li:hover,
.tabs>.rightTabs>li:hover:After {
    background: #59a0b0;
}

li.read a {

    text-decoration: none;
    color: #ffffff;
    font-size: 14px;

}

.moree {
    clear: both;
    overflow: auto;
    position: initial;
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.65);
    margin-bottom: 15px;
    padding: 15px;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    min-height: 450px;
    top: 0;
    max-height: 537px;
    right: 0;
}

#customers {
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
    float: right;
}

#customers td,
#customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even) {
    background-color: #f2f2f2;
}

#customers tr:hover {
    background-color: #ddd;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #9a070d;
    color: white;
    width: 25%;
}

#customers {
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
    float: right;
    text-align: center;
}

.single-info .center .Box {
    min-height: 100px;
    background: #fcfcfc;
    border-radius: 3px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px #00000038;
    -webkit-box-shadow: 0 1px 3px #00000038;
    -moz-box-shadow: 0 1px 3px #00000038;
    -o-box-shadow: 0 1px 3px #00000038;

}

.Section {
    clear: both;
    overflow: auto;
    position: initial;
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.65);
    margin-bottom: 15px;
    padding: 15px;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    top: 0;
    max-height: 486px;
    right: 0;
}

.social-share-new {
    top: 25px;
    color: #252525;
    z-index: 88;
    width: 216px;
    text-align: center;
    margin: auto;
}

.social-share-new>h2 {
    padding: 8px 22px;
    background: #fffdfd17;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
}

.social-share-new>h2 i {
    padding-left: 5px
}

.social-share-new {}

.social-share-new ul {
    background: #ffffff29;
    padding: 5px 5px 0px;
    text-align: center;
    border-radius: 0 0 3px 3px;
}

.social-share-new li {
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 3px #00000036;
    -webkit-box-shadow: 0 1px 3px #00000036;
    -moz-box-shadow: 0 1px 3px #00000036;
    -o-box-shadow: 0 1px 3px #00000036;
    float: right;
    margin-bottom: 6px;
    margin-left: 6px;
}

.social-share-new li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 8px;
}

.social-share-new li a span {
    display: inline-block;
    padding: 5px 15px;
}

.social-share-new li a i {
    font-size: 20px;
    overflow: hidden;
}

.social-share-new li.share-google {
    background: #d0301d;
}

.social-share-new li.share-facebook {
    background: #325090;
}

.social-share-new li.share-twitter {
    background: #55acee;
}

.social-share-new li.share-pinterest {
    background: #c32c19;
}

.social-share-new li.share-linkedin {
    background: #4286ba;
}

.social-share-new li.share-whats {
    background: #3db925;
}

.social-share-new li span {}

.footer-links {
    background: #26566d;
    height: 50px;
    overflow: hidden;
    text-align: center;
}

.episodesList .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.moree .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.content .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.mp3cover .loader {
    margin: 0 auto;
    padding-top: 60px;
}

.single-info .left li.TeamWork img {
    max-width: 45px;
}

.quranimg {
    margin: auto;
    right: 0px;
    left: 0px;
    display: -webkit-box;
}

.header img {
    margin: 0px;
    height: 50px;
    float: right;
}

.reader-cat-block {
    width: 22.6%;
    padding: 0px;
    display: -webkit-inline-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    margin: 12px;
    position: relative;
    box-sizing: border-box;
    float: right;
    margin-left: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -o-box-shadow: 0 1px 2px #000;
    transition: 1s all ease-in-out;
    background-size: cover;
    background-position: center;
    opacity: 1.09;
    background-color: #3e95dc;
    background-image: url(/assets/img/overlay.svg), linear-gradient(45deg, #2989d8 0%, #7ab8e8 100%);
    background-size: cover;
    z-index: 0;
    height: 73px;
}

.reader-cat-block left {
    max-width: 65px;
    float: left;
}

li.reader-cat-block a {
    color: white;
    padding: 2px 7px 0px;
    border-radius: 4px;
    margin-left: 4px;
    font-size: 13px;
    margin-bottom: 4px;
}

li.reader-cat-block img {

    max-height: 48px;
}

h2.reader-TMleft {
    float: left;
    width: calc(97% - 72px);
    text-align: right;
    margin-top: -43px;
    color: white;
    background: radial-gradient(ellipse at top, rgb(160, 213, 255), rgb(0, 98, 179), rgb(41, 137, 216));
    padding: 2px 15px 0px;
    border-radius: 4px;
    margin-left: 4px;
    font-size: 14px;
    margin-bottom: 4px;
}

.TitleAreaTwo {
    padding: 3px;
    width: 95%;
    text-align: right;
    margin-bottom: 14px;
    background-color: #26566d;
    border-radius: 2px;
    border: 1px solid #fbfbfb;
    background: rgb(38 86 109);
    background: -moz-linear-gradient(-45deg, rgba(41, 137, 216, 1) 57%, rgba(125, 185, 232, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(38 86 109) 57%, rgb(68 124 167) 100%);
    background: linear-gradient(135deg, rgb(68 124 167 / 78%) 57%, rgb(68 124 167) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#7db9e8', GradientType=1);
    color: white;
}

.mp3 {
    transition: .4s all ease;
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    direction: rtl;
    color: white;
    text-align: right;
    font-size: 24px;
    padding: 5px 1px 21px;
    font-weight: bold;
}

.mp3cover {
    top: -7px;
    left: 0;
    right: 0;
    height: 273px;
    z-index: 99999;
    background: url(./Interface/images/default.jpg);
    background-position: center;
    box-shadow: 0 0px 5px #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.coverSingle {
    background: url(<?=$Cover?>);
    background-position: center;
    box-shadow: 0 0px 5px #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .4s all ease;
    position: relative;
}

.singleBigBox {
    min-height: auto;
    background: #13151b1c;
    margin-bottom: 20px;
    box-shadow: 0 1px 5px #0000004a;
    -webkit-box-shadow: 0 1px 5px #0000004a;
    -moz-box-shadow: 0 1px 5px #0000004a;
    -o-box-shadow: 0 1px 5px #0000004a;
    border-bottom: 4px solid #f3f1f1;
    display: none;
    margin-top: -10px;
    height: auto;
}

.breadCrumbs {
    height: 45px;
    background: #13151b;
    z-index: 888888;
    box-shadow: 0 1px 4px #000;
    -webkit-box-shadow: 0 1px 4px #000;
    -moz-box-shadow: 0 1px 4px #000;
    -o-box-shadow: 0 1px 4px #000;
    padding: 13px 0;
    margin-top: 0px;
    display: none;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #0c273c;
    color: white;
    width: 25%;
}

.tabs {
    background: none !important;
}

.coverSingle {
    background: url(./Interface/images/header.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    transition: none;
    box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    -moz-box-shadow: 0 3px 6px #000;
    -o-box-shadow: 0 3px 6px #000;
}

.description {
    color: #fff;
    text-shadow: 2px 2px #040404;
}


@media only screen and (max-width: 600px) and (min-width: 400px) {
    h2.TMleft {
        right: -39px;
        width: calc(90% - 76px);
        text-align: right;
        margin-top: 37px;
        font-weight: 700;
        font-family: hafs;
        font-size: 14px;
        float: left;
    }
}

@media screen and (max-width: 800px) {
    h2.TMleft {
        right: -39px;
        width: calc(90% - 76px);
        text-align: right;
        margin-top: 37px;
        font-weight: 700;
        font-family: hafs;
        font-size: 14px;
        float: left;
    }

    .reader-cat-block {
        width: 100%;
        padding: 6px;
        display: -webkit-inline-box;
        float: right;
        margin: 2px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* background: #1386e4c9; */
        border: 2px solid #ffffff;
        box-shadow: 0 1px 2px #0000004a;
        -webkit-box-shadow: 0 1px 2px #0000004a;
        -moz-box-shadow: 0 1px 2px #0000004a;
        -o-box-shadow: 0 1px 2px #0000004a;
        border-radius: 3px;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: #3e95dc;
        background-image: url(/assets/img/overlay.svg), linear-gradient(45deg, #2989d8 0%, #7ab8e8 100%);
        background-size: cover;
        z-index: 0;
    }

}

@media screen and (max-width: 480px) {
    h2.TMleft {
        right: -39px;
        width: calc(90% - 76px);
        text-align: right;
        margin-top: 37px;
        font-weight: 700;
        font-family: hafs;
        font-size: 14px;
        float: left;
    }
}

.bk-random-block {
    width: 24.6%;
    padding: 10px;
    display: block;
    float: right;
    margin: 2px;
    border: 1px solid #cfe0ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bk-random-block left {
    max-width: 65px;
    float: left;
}

li.bk-random-block img {
    max-width: 63px;
    max-height: 57px;
}

h2.TMleft {
    right: -39px;
    width: calc(89% - 73px);
    text-align: right;
    margin-top: 29px;
    font-weight: 700;
    font-family: hafs;
    font-size: 20px;
    float: left;
}

.bk-random-block {
    width: 30.6%;
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    overflow: hidden;
    margin: 12px;
    height: 78px;
    box-shadow: 0 0 1rem 0.5rem rgb(33 37 41 / 10%);
    background: #fcfeff14 url(Interface/images/pattern.png) !important;
    border: 1px solid #366c834d;
}

.singleBigBox {
    min-height: auto;
    background: #13151b1c;
    margin-bottom: 20px;
    box-shadow: 0 1px 5px #0000004a;
    -webkit-box-shadow: 0 1px 5px #0000004a;
    -moz-box-shadow: 0 1px 5px #0000004a;
    -o-box-shadow: 0 1px 5px #0000004a;
    border-bottom: 4px solid #f3f1f1;
    display: none;
    margin-top: 1px;
    height: auto;
    background: url(./Interface/images/header.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
    transition: none;
    box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    -moz-box-shadow: 0 3px 6px #000;
    -o-box-shadow: 0 3px 6px #000;
}

@media (max-width: 767px) {
    .bk-random-block {
        width: 100%;
        padding: 2px;
        display: block;
        float: right;
        margin: 2px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #f1f1f1;
        border: 2px solid #ffffff;
        box-shadow: 0 1px 2px #0000004a;
        -webkit-box-shadow: 0 1px 2px #0000004a;
        -moz-box-shadow: 0 1px 2px #0000004a;
        -o-box-shadow: 0 1px 2px #0000004a;
        border-radius: 3px;
        overflow: hidden;
        margin-bottom: 10px;
        border-radius: .5rem;
        overflow: hidden;
        font-size: .8rem;
        line-height: 1rem;
        background-color: rgba(248, 249, 250, .15);
        box-shadow: 0 0 1rem 0.5rem rgba(33, 37, 41, .1);
    }
}

@media (max-width: 767px) {
    img.reader-cat-block.left {
        max-width: 20%;
        float: right
    }

    h2.reader-TMleft {
        float: left;
        width: calc(97% - 72px);
        margin-top: 9px;
    }

    .reader-cat-block {

        height: 100%;
        background-size: cover;
        background-position: center;
        opacity: 1.09;
    }
}

.VideoPage {
    padding: 20px 0;
}

.VideoPage>div>.right {
    float: right;
    width: 70%;
    min-height: 500px;
}

.VideoPage>div>.left {
    float: left;
    width: calc(30% - 10px);
    min-height: 500px;
    overflow: hidden;
    margin-right: 5px;
}

.VideoPage>div>.left .MostViews {
    background: #f1f1f1;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 5px;
}

.VideoPage>div>.left .MostViews>h1 {
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #0000001c;
}

.VideoPage>div>.left .MostViews>h1 i {
    float: right;
    width: auto;
    height: 40px;
    padding: 7px;
    font-size: 27px;
}

.VideoPage>div>.left .MostViews>h1 p {
    float: right;
    font-size: 16px;
}

.VideoPage>div>.left .MostViews>h1 span {
    float: right;
    font-size: 16px;
    width: 70%;
    padding: 0 6px;
}

.VideoPage>div>.left .MostViews>h1 em {
    font-size: 12px;
    font-style: normal;
    float: right;
    padding-right: 6px;
}

.VideoPage>div>.left .MostViews li {

    overflow: hidden;
    height: 53px;
    margin-top: 7px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #00000029;
    -o-box-shadow: 0 1px 2px #00000029;
    border-bottom: 1px solid #3c2715;

}

.VideoPage>div>.left .MostViews li a {
    display: initial;
    width: 100%;
    height: 100%;
}

.VideoPage>div>.left .MostViews li a img {
    float: right;
    width: 50px;
    height: 58px;
    margin-top: 6px;
    margin-right: 6px;
    border-radius: 3px;
    margin-left: 8px;
}

.VideoPage>div>.left .MostViews li a h1 {
    float: right;
    width: calc(100% - 64px);
    font-size: 16px;
    padding: 5px 0 5px 7px;
}

.VideoPage>div>.left .MostViews li a p {
    font-size: 10px;
    padding-left: 7px;
    float: right;
    width: calc(100% - 64px);
    line-height: 15px;
}

.VideoBlocksHolder {
    background: #f1f1f1;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 10px;
}

.VideoBlocksHolder li.random-block {
    width: 22.2%;
    margin-bottom: 0;
    margin-top: 10px;
    height: 270px;
}

.VideoBlocksHolder li.random-block:nth-child(4n+1) {
    margin-left: 0;
}

.OtherVideos {
    margin-top: 10px;
}

.OtherVideos .Holder {}

.OtherVideos .Holder li {
    float: right;
    width: 13.4%;
    height: 122px;
    background: #fff;
    overflow: hidden;
    margin-left: 1%;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -o-box-shadow: 0 1px 2px #000;
    margin-bottom: 2px;
}

.OtherVideos .Holder li:nth-child(7n+0) {
    margin-left: 0;
}

.OtherVideos .Holder li h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    background: linear-gradient(to bottom, #00000000, #191919 100%);
    padding: 145px 5px 5px 5px;
    z-index: 999;
    color: #fff;
}

.VideoPage>div>.right .header {
    background: #f1f1f1;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    border-radius: 3px;
    margin-bottom: 15px;
    height: 50px;
    overflow: hidden;
}

.OtherVideos .Holder li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.OtherVideos .Holder li a {
    display: block;
    width: 100%;
    height: 100%;
}

.VideoPage>div>.right .header h1 {
    float: right;
}

.VideoPage>div>.right .header h1>i {
    float: right;
    width: 35px;
    margin-top: 10px;
    margin-right: 10px;
}

.VideoPage>div>.right .header h1 span {
    float: right;
    padding: 10px 2px;
    font-size: 20px;
}

.VideoPage>div>.right .header .share {
    float: left;
}

.VideoPage>div>.right .header .share li {
    float: right;
    height: 35px;
    width: auto;
    border-radius: 3px;
    margin-top: 5px;
    overflow: hidden;
    box-shadow: 0 1px 2px #00000036;
    -webkit-box-shadow: 0 1px 2px #00000036;
    -moz-box-shadow: 0 1px 2px #00000036;
    -o-box-shadow: 0 1px 2px #00000036;
    margin-left: 5px;
}

.VideoPage>div>.right .header .share li.share-twitter a {
    background: #55acee;
    color: #55acee;
}

.VideoPage>div>.right .header .share li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 5px;
}

.VideoPage>div>.right .header .share li a i {
    float: right;
    width: 25px;
    height: 25px;
    background: #fff;
    margin-top: 5px;
    border-radius: 3px;
    overflow: hidden;
    font-size: 20px;
    padding-top: 3px;
    text-align: center;
}

.VideoPage>div>.right .header .share li a span {
    float: right;
    padding: 7px 8px;
}

.VideoPage>div>.right .header .share li.share-google a {
    color: #d0301d;
    background: #d0301d
}

.VideoPage>div>.right .header .share li.share-facebook a {
    background: #325090;
    color: #325090
}

.VideoPage>div>.right . header .share li.share-twitter a {
    background: #55acee;
    color: #55acee
}

.VideoPage>div>.right .header .share li.share-linkedin a {
    background: #2490e2;
    color: #2490e2
}

.VideoPage>div>.right .header .share>ul>span {
    float: right;
    padding: 12px 0px;
    font-size: 16px;
    margin-left: 10px;
}

.VideoBlocksHolder h2.TitleAreaTwo {
    margin-bottom: 0;
}

.VideoBlocksHolder .pagination {
    margin-top: 10px;
}

.TemplatePage {
    padding: 20px 0;
}

.VideosListBlock {
    float: right;
    width: 11.77%;
    overflow: hidden;
    height: 140px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #0000002e;
    -webkit-box-shadow: 0 1px 2px #0000002e;
    -moz-box-shadow: 0 1px 2px #0000002e;
    -o-box-shadow: 0 1px 2px #0000002e;
    border: 2px solid #fff;
}

.VideosListBlock a {
    display: block;
    width: 100%;
    height: 100%;
}

.VideosListBlock:nth-child(8n+0) {
    margin-left: 0;
}

.VideosListBlock a img {
    display: block;
    width: 100%;
    height: 100%;
}

.VideosListBlock a h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    padding-bottom: 5px;
    color: white;
}

.VideosListBlock a span {
    position: absolute;
    top: -100px;
    left: 50%;
    padding: 5px 10px;
    background: #e6e6e6;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 2px #00000040;
    -webkit-box-shadow: 0 1px 2px #00000040;
    -moz-box-shadow: 0 1px 2px #00000040;
    -o-box-shadow: 0 1px 2px #00000040;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.VideosListBlock a span em {
    font-family: cairo-font;
    font-style: normal;
    font-weight: bold;
    line-height: 4px;
    padding-left: 4px;
}

.VideosListBlock:hover a span {
    top: 10px;
}

.tags {
    display: inline-block;
    background: rgb(68, 124, 167);
    color: #fff;
    border-radius: 3px;
    padding: 0px 15px;
    margin: 8px 2px;
    height: 35px;
    line-height: 35px;
}

.tags a {
    color: #fff;
}

.VideoPage>div>.left .MostViews img {
    background: #f1f1f1;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #0000004a;
    -webkit-box-shadow: 0 1px 2px #0000004a;
    -moz-box-shadow: 0 1px 2px #0000004a;
    -o-box-shadow: 0 1px 2px #0000004a;
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 17px;
    max-width: -webkit-fill-available;
}

.desk-book-view {
    position: relative;
}

.the-box {
    padding: 30px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 30px;
    border: 2px solid #dcdcdc;
    position: relative;
    font-size: 18px !important;
    line-height: 30px !important;
    font-family: naskh-r, Helvetica, Arial, sans-serif;
}

.the-box a {
    transition: all ease-in-out .2s;
    color: #447ca7;
    font-size: inherit;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.desk-book-view .media-left {
    padding-left: 25px;
}

.media-left,
.media>.pull-left {
    padding-left: 10px;
    padding-right: initial;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.desk-book-view .media-left .book_page_img_container_parent {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 2px;
}

.book_page_img_container {
    height: 255px;
    width: 180px;
    border-radius: 5px;
}

.book_details .media-object,
.desk-book-view .media-object {
    margin: auto;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.media-object {
    display: block;
}

.media-body {
    width: 10000px;
}

.desk-book-view .media-heading {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 33px;
}

.book-first-details .book_rating,
.media .book_rating {
    color: #ffb400;
    font-size: 18px;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.rating-top-to-img {
    cursor: pointer;
    display: inline-block;
}

.book-first-details .book_rating .rating_num,
.media .book_rating .rating_num {
    color: #555;
}

.users_rating_ico {
    color: #929292;
    padding-right: 4px;
}

.f-s-20 {
    font-size: 20px !important;
}

p {
    margin: 0 0 10px;
}

.num_downloads {
    position: absolute;
    left: 0;
    border-top: 2px solid #dcdcdc;
    border-right: 2px solid #dcdcdc;
    bottom: 0;
    padding: 5px 10px;
    background: #f1f1f1;
}

.go_down_reviews {
    padding-left: 5px;
    border-left: 1px solid #dcdcdc;
    cursor: pointer;
    color: #447ca7;
}

.f-s-18 {
    font-size: 18px !important;
    line-height: 30px !important;
}

.naskh-r {
    font-family: naskh-r, Helvetica, Arial, sans-serif;
}

.save_to_my_lib {
    padding: 3px 12px;
    font-size: 23px !important;
    background: #f1f1f1;
    border-right: 2px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc;
    transition: all ease-in-out .1s;
}

.delete_book_in_my_lib,
.save_to_my_lib {
    position: inherit;
    right: 0;
    top: 0;
    cursor: pointer;
}

.item-preview {
    position: relative;
}

.item-preview a.item-preview-img {
    transition: .15s box-shadow, .15s transform;
    border-radius: .5rem;
    box-shadow: 0 2rem 1.5rem -1.5rem rgba(33, 37, 41, .15), 0 0 1.5rem 0.5rem rgba(33, 37, 41, .05);
    overflow: hidden;
}

.d-block {
    display: block !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.item-preview a.item-preview-img:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, .3), 0 0 1.5rem .5rem rgba(33, 37, 41, .05) !important;
}

.item-preview a.item-preview-img {
    transition: .15s box-shadow, .15s transform;
    border-radius: .5rem;
    box-shadow: 0 2rem 1.5rem -1.5rem rgba(33, 37, 41, .15), 0 0 1.5rem 0.5rem rgba(33, 37, 41, .05);
    overflow: hidden;
}

.my_lib .btn {
    border-radius: 0 !important;
    padding: 15px
}

.masthead-page {
    padding: 1rem 0 4rem;
}

.masthead {
    padding: 0rem 0 2rem;
    position: relative;
    background-color: #10354a;
    background-image: url(Interface/images/header-bg2.png), linear-gradient(45deg, #092b40 0%, #669aaa 100%);
    background-size: cover;
    z-index: 0;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.align-items-center {
    align-items: center !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

img.bk-random-block.right {
    float: left;
    top: -60px;
    width: 50px;
    height: 50px;
}

a.reader {
    float: left;
    background: #0f3348;
    color: white;
    background: radial-gradient(ellipse at top, rgb(56 112 135), rgb(56 112 135), rgb(14 51 72));
    padding: 4px 15px 0px;
    border-radius: 4px;
    left: -70px;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 19px;
}

@media (min-width: 992px) .masthead-page h1 {
    font-size: 2.5rem;
}

@media (min-width: 992px) .masthead h1 {
    font-size: 3rem;
}

.masthead h1 {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1;
    z-index: 1;
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important;
}

@media (min-width: 992px) .masthead h2 {
    font-size: 1.5rem;
}

.masthead h2 {
    color: rgba(255, 255, 255, .6);
    font-weight: 600;
    z-index: 1;
    font-size: 1.2rem;
}

.m-0 {
    margin: 0 !important;
}

#carbonad {
    padding: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    font-size: .8rem;
    line-height: 1rem;
    background-color: rgba(248, 249, 250, .15);
    box-shadow: 0 0 1rem 0.5rem rgba(33, 37, 41, .1);
}

#carbonad .carbon-wrap .carbon-img {
    margin: 0;
    display: block;
    float: left;
}

.masthead a {
    color: rgba(255, 255, 255, .8);
    text-decoration: underline;
    z-index: 1;
}

#carbonad .carbon-wrap .carbon-img img {
    display: block;
    border-radius: .5rem;
}

#carbonad .carbon-wrap .carbon-text {
    display: block;
    margin-left: 145px;
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
    font-weight: 700;
    font-family: hafs;
    font-size: 18px;
    margin-top: 21px;
}

#carbonad .carbon-poweredby {
    display: block;
    margin-left: 145px;
    margin-top: .5rem;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    font-weight: 700;
}

.masthead svg.wave {
    position: absolute;
    bottom: -1px;
    left: 0;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 87%;
    }
}

.container-fluid {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #f5c9c5
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #ed9a94
}

.table-hover .table-primary:hover {
    background-color: #f1b5af
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #f1b5af
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #dfcaf5
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #c39ded
}

.table-hover .table-info:hover {
    background-color: #d2b5f1
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #d2b5f1
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c9c5
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ed9a94
}

.table-hover .table-danger:hover {
    background-color: #f1b5af
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b5af
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c1c2c3
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #8c8e90
}

.table-hover .table-dark:hover {
    background-color: #b4b5b6
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b4b5b6
}

.table-theme,
.table-theme>th,
.table-theme>td {
    background-color: #f5c9c5
}

.table-theme th,
.table-theme td,
.table-theme thead th,
.table-theme tbody+tbody {
    border-color: #ed9a94
}

.table-hover .table-theme:hover {
    background-color: #f1b5af
}

.table-hover .table-theme:hover>td,
.table-hover .table-theme:hover>th {
    background-color: #f1b5af
}

.table-template,
.table-template>th,
.table-template>td {
    background-color: #c1e0fa
}

.table-template th,
.table-template td,
.table-template thead th,
.table-template tbody+tbody {
    border-color: #8bc6f6
}

.table-hover .table-template:hover {
    background-color: #a9d4f8
}

.table-hover .table-template:hover>td,
.table-hover .table-template:hover>th {
    background-color: #a9d4f8
}

.table-snippet,
.table-snippet>th,
.table-snippet>td {
    background-color: #ffeeba
}

.table-snippet th,
.table-snippet td,
.table-snippet thead th,
.table-snippet tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-snippet:hover {
    background-color: #ffe8a1
}

.table-hover .table-snippet:hover>td,
.table-hover .table-snippet:hover>th {
    background-color: #ffe8a1
}

.table-guide,
.table-guide>th,
.table-guide>td {
    background-color: #c3e6cb
}

.table-guide th,
.table-guide td,
.table-guide thead th,
.table-guide tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-guide:hover {
    background-color: #b1dfbb
}

.table-hover .table-guide:hover>td,
.table-hover .table-guide:hover>th {
    background-color: #b1dfbb
}

.table-twitter,
.table-twitter>th,
.table-twitter>td {
    background-color: #c0e5fb
}

.table-twitter th,
.table-twitter td,
.table-twitter thead th,
.table-twitter tbody+tbody {
    border-color: #89cef8
}

.table-hover .table-twitter:hover {
    background-color: #a8dbf9
}

.table-hover .table-twitter:hover>td,
.table-hover .table-twitter:hover>th {
    background-color: #a8dbf9
}

.table-github,
.table-github>th,
.table-github>td {
    background-color: #c6c6c6
}

.table-github th,
.table-github td,
.table-github thead th,
.table-github tbody+tbody {
    border-color: #959595
}

.table-hover .table-github:hover {
    background-color: #b9b9b9
}

.table-hover .table-github:hover>td,
.table-hover .table-github:hover>th {
    background-color: #b9b9b9
}

.table-facebook,
.table-facebook>th,
.table-facebook>td {
    background-color: #c8d1e2
}

.table-facebook th,
.table-facebook td,
.table-facebook thead th,
.table-facebook tbody+tbody {
    border-color: #99a9c9
}

.table-hover .table-facebook:hover {
    background-color: #b7c3d9
}

.table-hover .table-facebook:hover>td,
.table-hover .table-facebook:hover>th {
    background-color: #b7c3d9
}

.table-twitch,
.table-twitch>th,
.table-twitch>td {
    background-color: #d4cae6
}

.table-twitch th,
.table-twitch td,
.table-twitch thead th,
.table-twitch tbody+tbody {
    border-color: #ae9cd0
}

.table-hover .table-twitch:hover {
    background-color: #c6b9de
}

.table-hover .table-twitch:hover>td,
.table-hover .table-twitch:hover>th {
    background-color: #c6b9de
}

.table-white,
.table-white>th,
.table-white>td {
    background-color: #fff
}

.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody+tbody {
    border-color: #fff
}

.table-hover .table-white:hover {
    background-color: #f2f2f2
}

.table-hover .table-white:hover>td,
.table-hover .table-white:hover>th {
    background-color: #f2f2f2
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #efa49e;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(221, 61, 49, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .5rem
}

select.form-control[size],
select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: rgba(33, 37, 41, .35)
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 85%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745;
    border-radius: .25rem
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyOGE3NDUnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.col-lg-8 .center {
    float: right;
    min-height: 1px;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}

.col-lg-8 .center .Box {
    min-height: 100px;
    background: #fcfcfc;
    border-radius: 8px;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    padding: 24px;
    box-shadow: 0 1px 3px #00000038;
    -webkit-box-shadow: 0 1px 3px #00000038;
    -moz-box-shadow: 0 1px 3px #00000038;
    -o-box-shadow: 0 1px 3px #00000038;
}

.col-lg-8 .center .Box h1 i {
    float: right;
    padding-left: 6px;
    padding-top: 4px;
    font-size: 21px;
}

.col-lg-8 .center .Box h1 span {
    float: right;
    padding: 2px 0;
}

.col-lg-8 .center .Box li:nth-child(odd) {
    margin-left: 2%;
}

.col-lg-8 .center .Box li {
    float: right;
    width: 49%;
    border-bottom: 1px solid #DDD;
    height: 30px;
    overflow: hidden;
}

.col-lg-8 .center .Box a {
    color: #10100f;
    text-decoration: blink;
    vertical-align: -webkit-baseline-middle;
}

.col-lg-8 .center .Box h1 i {
    float: right;
    padding-left: 6px;
    padding-top: 4px;
    font-size: 21px;
}

.col-lg-8 .center .Box li em {
    float: right;
    font-style: normal;
    padding: 5px 0;
    margin-left: 5px;
}

.col-lg-8 .center .Box h1 {
    font-size: 20px;
    border-bottom: 1px solid #DDD;
    height: 35px;
    margin-bottom: 4px;
    color: #13151b;
}

.col-lg-8 .center .Box ul li i {
    float: right;
    font-size: 17px;
    padding-top: 6px;
    padding-left: 6px;
}

.Singlevoice .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.mp3 .loader {
    margin: 0 auto;
    padding-top: 260px;
}

.col-lg-8 .center .Box .loader {
    margin: 0 auto;
    padding-top: 260px;

}

.rightTabs {
    text-align: -webkit-center;
}

.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select {
    font-size: inherit;
    /* inherit size from .custom-dropdown */
    padding: 1.5em;
    /* add some space*/
    margin: 0;
    /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

    .custom-dropdown__select {
        padding-left: 5.9em;
        /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: -webkit-fill-available;
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after {
        /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        left: 1.2em;
        top: 50%;
        margin-top: -.5em;
    }

    .custom-dropdown::before {
        /*  Custom dropdown arrow cover */
        width: 2em;
        left: 0;
        top: 0;
        bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0, 0, 0, .3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0, 0, 0, .1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        background-color: #fff;
        border-left: 1px solid rgba(0, 0, 0, .1);
    }

    .custom-dropdown--white::after {
        color: rgba(0, 0, 0, .9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select {
            padding-right: .9em;
            width: 100%;
        }

        .custom-dropdown--large .custom-dropdown__select {
            padding-right: 1.3em
        }

        .custom-dropdown--small .custom-dropdown__select {
            padding-right: .5em
        }
    }
}

.main_menu {
    width: 330px !important;
    float: right;
    margin: 2px;
}

.main_menu ul:first-of-type {
    margin-right: 10px;
    height: 390px;
    / / newabutalab: ;
}

.main_menu li {
    width: 150px;
    float: right;
    height: 35px;
    text-align: center;
    / / background: url(../img/main_menu_icon.png) no-repeat98 % center;
    / / background: blue;
    font-size: x-large;
}

.main_menu li .fa {
    float: right;
    margin-top: 8px;
    color: #6e6e6e;
    margin-right: 5px;
}

.main_menu li a {
    color: #6e6e6e;
    display: block;
    line-height: 30px;
    font-size: 9px;
}

@media (max-width: 767px) {
    .reader-cat-block {
        width: 100%;
        padding: 6px;
        display: -webkit-inline-box;
        float: right;
        margin: 2px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* background: #1386e4c9; */
        border: 2px solid #ffffff;
        box-shadow: 0 1px 2px #0000004a;
        -webkit-box-shadow: 0 1px 2px #0000004a;
        -moz-box-shadow: 0 1px 2px #0000004a;
        -o-box-shadow: 0 1px 2px #0000004a;
        border-radius: 3px;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: #3e95dc;
        background-image: url(/assets/img/overlay.svg), linear-gradient(45deg, #2989d8 0%, #7ab8e8 100%);
        background-size: cover;
        z-index: 0;
    }

    h2.TMleft {
        right: -39px;
        width: calc(90% - 76px);
        text-align: right;
        margin-top: 37px;
        font-weight: 700;
        font-family: hafs;
        font-size: 14px;
        float: left;
    }

    h2.TMleft {
        right: -39px;
        width: calc(90% - 76px);
        text-align: right;
        margin-top: 24px;
        font-weight: 700;
        font-family: hafs;
        font-size: 14px;
        float: left;
    }

    img.bk-random-block.right {
        float: left;
        top: -46px;
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 768px) {
    .reader-cat-block {
        width: 46% !important;

    }
}