@charset "UTF-8";
/*
Theme Name: Zibamovie | زیبا مووی
Theme URI: http://zibamovie.ir
Author: zibamovie
Author URI: http://zibamovie.ir
Version: 5.2.6
*/
@import "assets/css/custom.css";
@import "assets/fonts/fonticon/fontawesome.css";
/*-------------------- reset --------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font: 400 11pt "IRANSans", tahoma, arial;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* HTML5 display-role reset for older browsers */

figure, aside, article, details, figcaption, header, hgroup, footer, section {
    display: block;
}

@font-face {
    font-family: 'IRANSans';
    src: url('assets/fonts/IRANSansWeb_Light.woff') format('woff'), url('assets/fonts/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'IRANSansBold';
    src: url('assets/fonts/IRANSansWeb_Bold.woff') format('woff'), url('assets/fonts/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSansBlack';
    src: url('assets/fonts/IRANSansWeb_Black.woff') format('woff'), url('assets/fonts/IRANSansWeb_Black.ttf') format('truetype');
    font-weight: bold;
}

em, span {
    font-style: normal;
}

img {
    vertical-align: middle;
}

* {
    outline: 0 !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;;
    -moz-box-sizing: border-box !important;;
}

::selection {
    color: #ffffff;
    background-color: #030303;
}

::-moz-selection {
    color: #ffffff;
    background-color: #030303;
}

html, body {
    margin: 0;
    padding: 0;
    background: #28353d;
    font: 11px "IRANSans", tahoma, arial !important;
    direction: rtl;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    height: 100%;
}

a {
    text-decoration: none !important;
    cursor: pointer;
    color: #00ADEF;
    transition: ease-in all 0.2s;
    -webkit-transition: ease-in all 0.2s;
    -moz-transition: ease-in all 0.2s;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    transition: ease-in all 0.3s;
    -webkit-transition: ease-in all 0.3s;
    -moz-transition: ease-in all 0.3s;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: right;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

input, textarea, select, button {
    font-family: "IRANSans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

a, input[type=button], input[type=submit], button, select {
    cursor: pointer;
}

strong {
    font-weight: 700;
}

ul {
    list-style: outside;
}

.fa {
    font-family: FontAwesome !important;
}

/*.box-shadow {
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 7px 15px rgba(220, 220, 220, 0.41);
    -moz-box-shadow: 0 7px 15px rgba(220, 220, 220, 0.41);
    box-shadow: 0 7px 15px rgba(220, 220, 220, 0.41);
}*/

/* GENERAL STYLE */

.show-video-err-logged {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background-color: #FFC107;
    color: #ffffff;
    text-align: center;
    font: bold 15px 'IRANSansBold';
}

.show-video-err-logged a {
    display: inline-block;
    padding: 1px 6px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin: 0 3px;
    border-radius: 3px;
}

#site_header {
    margin: 0;
    padding: 0;
}

.calert_head {
    position: relative;
    background: #FF5F6D;
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);
    background: linear-gradient(to right, #FFC371, #FF5F6D);
    margin: 0 !important;
    padding: 7px 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.calert_head .close {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 5px !important;
    color: #ffffff !important;
    opacity: 1;
    height: auto !important;
}

.calert_head .close i {
    font-size: 24px;
}

.calert_head .calert_head_content .ca-text-content {
    background-color: #ffffff;
    padding: 10px;
    text-align: right;
    border-radius: 5px;
}

.calert_head .calert_head_content .ca-text-content p {
    display: inline-block;
    margin: 0;
    font: bold 17px 'IRANSansBold';
    padding: 5px;
    color: #212121;
}

.calert_head .calert_head_content .ca-text-content a {
    float: left;
    display: inline-block;
    padding: 8px 14px;
    font: 300 15px 'IRANSans';
    background-color: #000000;
    color: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 2px 0 0;
}

#site_header_content {
    background-color: #28353d;
    padding: 5px 0;
    margin: 0;
    float: right;
    width: 100%;
}

.logo_site {
    display: inline-block;
    margin: 0 0 0 10px;
}

.logo_site img {
    width: 195px;
    height: 59px;
}

.logo_site h1 {
    font: bold 20pt 'IRANSansBlack';
    margin: 0;
    color: #ffd455;
    display: inline-block;
}

.not-set-field {
    font-size: 12pt !important;
    margin: 13px 0 0 0 !important;
    display: inline-block;
}

.mobile-menu-toggle {
    background: transparent url("assets/img/mobile-toggle.png") no-repeat center center;
    width: 40px;
    height: 40px;
    float: left;
    margin: 12px 0 0 0;
}

#nav_top_site {
    display: inline-block;
    position: relative;
}

#nav_top_site ul {
    margin: 0;
    padding: 0;
}

#nav_top_site ul li {
    display: inline-block;
    margin: 0 3px;
    position: relative;
}

#nav_top_site ul li > a {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 15px;
    padding: 10px;
    color: #ffffff;
}

#nav_top_site ul ul li, #nav_top_site ul ul li a {
    width: 100%;
    border: none;
}

#nav_top_site ul li a:hover, #nav_top_site ul li.current_page_item a {
    border-color: #fdc13c;
    background-color: transparent;
}

#nav_top_site ul li a i {
    float: right;
    margin: 4px 0 0 7px;
}

#nav_top_site ul > li.menu-item-has-children > a:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 7px 0 0;
    position: relative;
    top: 2px;
}

#nav_top_site ul li ul li.menu-item-has-children > a:after {
    content: "\f104";
    font-family: fontawesome;
    margin: 0 7px 0 0;
    position: relative;
    top: 3px;
    float: left;
}

#nav_top_site ul ul {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background-color: #19242b;
    border: 1px solid #28353d;
    -webkit-box-shadow: 0 5px 15px #19242b;
    -moz-box-shadow: 0 5px 15px #19242b;
    box-shadow: 0 5px 15px #19242b;
    z-index: 1050;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#nav_top_site ul ul ul, #nav_top_site ul ul ul ul {
    right: 100%;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#nav_top_site ul li:hover > ul {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.site-theme {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    background-color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 20px;
    padding: 4px 0 0 0;
    color: #ffffff;
    float: left;
    margin: 16px 5px 0 0;
    cursor: pointer;
}

.site-theme label:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

html[data-theme="light"] .site-theme label:before {
    background-color: #46ea4c;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 10px #46ea4c;
    -moz-box-shadow: 0 0 10px #46ea4c;
    box-shadow: 0 0 10px #46ea4c;
}

.site-theme input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#login_button {
    padding: 8px 0 0 0;
    text-align: left;
    display: inline-block;
    float: left;
}

#login_button a {
    display: inline-block;
    text-align: center;
    margin: 0 2px 0 0;
    color: #ffffff;
    padding: 5px 12px;
    font: bold 11pt 'IRANSansBold';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#login_button a i {
    float: right;
    margin: 4px 0 0 7px;
}

#login_button .user-logged-btn {
    background-color: transparent;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #ffffff;
}

#nav_main_site {
    background-color: #28353d;
    border-top: 1px solid #233038;
    margin: 0;
    padding: 0;
    clear: both;
}

#nav_main_site ul {
    float: right;
    display: inline-block;
    margin: 0;
}

#nav_main_site ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

#nav_main_site ul li > a {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 15px;
    padding: 11px 11px;
    color: #ffffff;
}

#nav_main_site ul li > a:hover {
    color: #f2dc9e;
}

#nav_main_site ul > li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: fontawesome;
    margin: 0 7px 0 0;
    position: relative;
    top: 3px;
}

#nav_main_site ul ul {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background-color: #19242b;
    border: 1px solid #28353d;
    -webkit-box-shadow: 0 5px 15px #19242b;
    -moz-box-shadow: 0 5px 15px #19242b;
    box-shadow: 0 5px 15px #19242b;
    z-index: 1050;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#nav_main_site ul li ul li {
    width: 100%;
}

#nav_main_site ul li ul li.menu-item-has-children > a:after {
    content: "\f104";
    font-family: fontawesome;
    margin: 0 7px 0 0;
    position: relative;
    top: 3px;
    float: left;
}

#nav_main_site ul ul ul, #nav_main_site ul ul ul ul {
    right: 100%;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#nav_main_site ul li:hover > ul {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#nav_main_site .request_url, #nav_main_site .updates_box {
    display: inline-block;
    font-size: 12pt;
    color: #f4f4f4;
    margin: 12px 5px 0 0;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer;
}

#nav_main_site .request_url:hover, #nav_main_site .updates_box:hover {
    color: #fdc13c;
}

#nav_main_site .search_box {
    color: #ffffff;
}

#nav_main_site .search_box.ajax-search-collapse {
    color: #fdc13c !important;
}

.movies_filter {
    clear: both;
    background-color: #19242b;
    padding: 15px;
}

.movies_filter .help-filter-search {
    display: inline-block;
    float: right;
    font-size: 21px;
    width: 22px;
    height: 27px;
    text-align: center;
    position: relative;
    margin: 6px 0 0 4px;
    color: #212121;
    cursor: help;
}

.movies_filter .help-filter-search .help {
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.87);
    color: #ffffff;
    min-width: 300px;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.7;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    transform: translateY(25px);
    transition: all 0.3s;
}

.movies_filter .help-filter-search:hover .help {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.movies_filter .help-filter-search .help:before {
    content: "";
    position: absolute;
    top: 8px;
    right: -14px;
    z-index: 500;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid rgba(0, 0, 0, 0.87);
}

.movies_filter input {
    width: auto !important;
    box-shadow: none !important;
    height: 40px !important;
    min-width: 300px !important;
    background-color: #262626 !important;
    border: none !important;
    margin: 0 10px !important;
    border-radius: 50px !important;
    color: #9a9a9a !important;
    float: right !important;
}

.movies_filter select, .movies_filter input[type="text"] {
    height: 40px !important;
    min-width: 130px !important;
    width: 140px !important;
    float: right !important;
    background-color: rgba(2, 2, 2, 0.42) !important;
    margin: 0 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.45);
}

.movies_filter button {
    width: auto !important;
    box-shadow: none !important;
    height: 40px !important;
    min-width: 100px !important;
    background-color: #ffffff;
    color: #1b1b1b !important;
    border: none !important;
    margin: 0 14px 0 0 !important;
    border-radius: 5px !important;
    float: left !important;
    font: bold 15px 'IRANSansBold' !important;
}

.movies_filter button i {
    float: right;
    margin: 5px 4px 0 0;
}

.movies_filter button:hover, .movies_filter button:focus {
    background-color: #f2db99;
}

.movies_filter .fto-loader {
    float: left;
    margin: 4px 0 0 0;
}

#main-post-container {
    padding: 15px;
    display: inline-block;
    width: 100%;
    clear: both;
}

#main-post-container .post-cat-col {
    padding: 0;
    border: none;
    height: auto;
    position: relative;
}

#main-post-container .post-cat-col img {
    width: 100%;
    height: 320px;
}

#main-post-container .post-cat-col h1 {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    border-radius: 0 0 8px 8px;
}

#main-post-container .post-cat-col .post-cat-send {
    position: absolute;
    top: 4px;
    left: 4px;
}

/* site wrapper */

#site_wrapper {
    margin: 25px 0;
    padding: 0 10px;
}

/* vip alerts */

.vip-alerts {
    margin: 0 0 17px 0;
    float: right;
    width: 100%;
}

.vip-alert-box {
    padding: 0;
    text-align: center;
}

.vip-alert-box .vip-alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vip-alert-box .vip-alert-div {
    background-color: rgba(241, 216, 146, 0.08);
}

.vip-alert {
    border: 1px solid rgba(239, 208, 113, 0.42);
    background-color: #1b1b1b;
    padding: 15px;
    margin: 0 0 5px 0;
}

.vip-alerts .col-lg-6 {
    padding: 2px;
}

.vip-alert img {
    width: 70px;
    margin: 0 0 15px 0;
}

.vip-alert p {
    font: bold 15px 'IRANSansBold';
    color: #ffffff;
}

.vip-alert a {
    display: inline-block;
    font: 300 15px 'IRANSans';
    color: #cacaca;
    background-color: #262626;
    border: 1px solid #1b1b1b;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 7px 0 0 0;
}

.vip-alert a:hover {
    background-color: #212121;
    color: #ffffff;
}

.vip-alert i {
    font-size: 59px;
    margin: 0;
    padding: 0;
    color: #23d655;
}

.vip-alert-success .vip-alert {
    border-color: #23d655;
}

.vip-alert-expired .vip-alert {
    border-color: #e0624b;
}

.vip-alert-expired .vip-alert i {
    color: #e0624b;
}

.vip-alert-expired .vip-alert p {
    color: #e0624b;
}

/* sliders img */

.fto-sliders {
    margin: 0;
    position: relative;
    float: right;
    width: 100%;
}

.fto-sliders .slid-img {
    position: relative;
}

.slider-overly {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.slider-overly .intro-box {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    margin: 0 auto 0 auto;
    padding: 30px 0;
}

.slider-overly .intro-box a {
    color: #ffffff;
    display: inline-block;
    background: rgba(0, 0, 0, 0.49);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    font-size: 23px;
    padding: 11px 0 0 0;
    margin: 0 0 0 30px;
}

.fto-sliders img {
    width: 100%;
    height: 560px;
}

.fto-sliders .owl-dots {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 100%;
    display: none;
}

.fto-sliders .owl-nav {
    display: none;
}

/* movie section */

.zms {
    float: right;
    width: 100%;
    background-color: #19242b;
    margin: 0 0 25px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 30px;
    border-radius: 5px;
}

.movie-posts-container {
    padding: 0 10px;
}

.zms-title {
    padding: 20px 10px 10px 10px;
    margin: 0 0 2px 0;
}

.zms-title .zms-number-movies {
    display: inline-block;
    float: left;
    padding: 4px 21px;
    background-color: rgb(40, 53, 61);
    font-size: 18px;
    border-radius: 5px;
    color: #ffffff;
    margin: 6px 6px 0 0;
}

.zms-title i {
    float: right;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin: 0 0 0 15px;
    background: #03A9F4;
    text-align: center;
    color: #ffffff;
    padding: 9px 0 0 0;
    font-size: 23px;
}

.zms-i-blue i {
    background: #457fca;
    background: -webkit-linear-gradient(to right, #5691c8, #457fca);
    background: linear-gradient(to right, #5691c8, #457fca);
}

.zms-i-red i {
    background: #B24592;
    background: -webkit-linear-gradient(to right, #F15F79, #B24592);
    background: linear-gradient(to right, #F15F79, #B24592);
}

.zms-i-green i {
    background: #76b852;
    background: -webkit-linear-gradient(to right, #8DC26F, #76b852);
    background: linear-gradient(to right, #8DC26F, #76b852);
}

.zms-i-yellow i {
    background: #eacda3;
    background: -webkit-linear-gradient(to right, #d6ae7b, #eacda3);
    background: linear-gradient(to right, #d6ae7b, #eacda3);
    color: #453c30;
}

.zms-i-violet i {
    background: #6a3093;
    background: -webkit-linear-gradient(to right, #a044ff, #6a3093);
    background: linear-gradient(to right, #a044ff, #6a3093);
}

.zms-title-box {
    margin: 2px 0 0 0;
    font: bold 24px 'IRANSansBlack';
    color: #ffffff;
    display: inline-block;
}

.zms-counter {
    float: left;
    padding: 4px 21px;
    background-color: #28353d;
    font-size: 18px;
    border-radius: 5px;
    color: #9a9a9a;
    margin: 6px 0 0 0;
}

.movies-container {
    padding: 5px 10px;
    float: right;
    width: 100%;
}

.home-movie-carousel-item {
    padding: 0 3px;
}

.movies-container .owl-nav {
    display: none;
}

.movies-container .owl-dots {
    margin: 15px 0 0 0;
}

.movies-container .owl-dots button span {
    width: 25px !important;
    background-color: #f0f0f0 !important;
}

.movies-container .owl-dots button.active span {
    background-color: #e0624b !important;
}

.zms-footer {
    float: right;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 7px 0 0 0;
    border-top: 1px solid #262626;
    clear: both;
}

.zms-footer a {
    display: inline-block;
    font: bold 15px 'IRANSansBold';
    color: rgb(224, 98, 75);
    opacity: 0.4;
    width: 100%;
}

.zms-footer a:hover {
    opacity: 1;
    color: rgb(224, 98, 75);
}

.zms-foo-dubble-url a {
    display: inline-block;
    width: auto;
    float: left;
    padding: 7px 17px;
    color: #9a9a9a;
    background-color: #28353d;
    opacity: 1;
    border-radius: 5px;
    margin: 5px 7px;
}

.zms-foo-dubble-url .zms-foo-one-url:hover {
    background: #56ab2f;
    background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
    background: linear-gradient(to right, #a8e063, #56ab2f);
    color: #ffffff;
}

.zms-foo-dubble-url .zms-foo-two-url:hover {
    background: #ee0979;
    background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
    background: linear-gradient(to right, #ff6a00, #ee0979);
    color: #ffffff;
}

/* vip alerts */

#vip_buy_plan {
    border: 2px solid #F8D752;
    background-color: rgba(248, 215, 82, 0.27);
    border-radius: 10px;
}

#vip_buy_plan h3 {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    font: bold 14pt 'IRANSansBold';
    top: 4px;
}

#vip_buy_plan img {
    width: 80px;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

#vip_buy_plan a {
    background-color: #f8d752;
    float: left;
    padding: 7px 20px;
    font: bold 11pt 'IRANSansBold';
    color: #8c7310;
    border-radius: 50px;
    margin: 14px 0 0 0;
}

#vip_buy_plan:hover a {
    background-color: #212121;
    color: #ffffff;
}

.vip-plan-expired {
    border: 2px solid !important;
    font: 400 12pt 'IRANSans';
}

.vip-plan-expired p {
    display: inline-block;
    margin: 6px 0 0 0;
}

.vip-plan-expired a {
    float: left;
    color: #ffffff;
    background-color: #ff0000;
    padding: 4px 10px;
    border-radius: 5px;
    margin: 3px 0 0 0;
}

/* hot movies  */

.hot-content {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
}

.hot-content .hot-title {
    margin: 0 0 25px 0;
}

.hot-content .hot-title h3 {
    margin: 0;
    padding: 0;
    font: Bold 13pt 'IRANSansBold';
    display: inline-block;
}

.hot-content .hot-title i {
    float: right;
    margin: 3px 0 0 7px;
    color: #ff0000;
}

.hot-content .hot-title ul {
    display: inline-block;
    float: left;
}

.hot-content .hot-title ul li {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 4px 16px;
    background-color: #f0f0f0;
    font: 400 10pt 'IRANSans';
    border-radius: 50px;
    cursor: pointer;
}

.hot-content .hot-title ul li a {
    color: #212121;
}

.hot-content .hot-title ul li.active {
    background-image: -moz-linear-gradient(0deg, rgb(14, 212, 93) 0%, rgb(255, 234, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(14, 212, 93) 0%, rgb(255, 234, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(14, 212, 93) 0%, rgb(255, 234, 0) 100%);
}

.hot-content .hot-title ul li.active a {
    color: #ffffff;
}

.movie-large-cover {
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin: 3px 0;
}

.movie-vip-container {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(226, 38, 77, 0.79);
    border-radius: 5px;
    text-align: center;
    font: 400 10pt 'IRANSans';
    padding: 5px 10px;
    color: #ffffff;
    pointer-events: none;
}

.movie-free-container {
    background-color: rgba(76, 175, 80, 0.44) !important;
}

.movie-large-cover a .mcl img {
    max-width: 100%;
    width: 100%;
    height: 370px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.movie-large-cover:hover a .mcl img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.movie-large-cover-hover {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.68);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.movie-large-cover:hover .movie-large-cover-hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.movie-large-cover-hover p {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.63);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    font-size: 25pt;
    padding: 13px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto 0 auto;
    z-index: 1000;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}

.movie-large-cover:hover .movie-large-cover-hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.36), 0 0 0 12px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.36), 0 0 0 12px rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.36), 0 0 0 12px rgba(255, 255, 255, 0.15);
}

#filmeto-carousel {
    position: relative;
    height: 350px;
}

#filmeto-carousel li {
    position: absolute;
    right: 0;
    top: 0;
}

/* image category list */

#images-category {
    float: right;
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
    position: relative;
    background-color: #19242b;
    padding: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#images-category h3 {
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%;
    font: bold 17pt 'IRANSansBlack';
    color: #ffffff;
}

#images-category .col-md-2 {
    width: 100%;
}

#images-category .owl-dots {
    display: none;
}

#images-category .owl-nav {
    position: absolute;
    top: -50px;
    left: 10px;
    width: auto;
    height: 24px;
    z-index: 500;
}

#images-category .owl-nav button {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #dcdcdc;
    margin: 0 11px 0 0 !important;
}

#images-category .owl-nav button:hover {
    background-color: #212121 !important;
}

#images-category .owl-nav button.owl-prev {
    float: right;
    margin: 0;
    background-color: #ffffff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
}

#images-category .owl-nav button.owl-next {
    float: left;
    margin: 0;
    background-color: #ffffff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
}

#images-category .img-cat {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 5px 0;
}

#images-category .img-cat:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.36);
    box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.36);
}

#images-category .img-cat img {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#images-category .img-cat:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#images-category .img-cat h3 {
    position: absolute;
    bottom: 0;
    right: 0;
    font: bold 12pt 'IRANSansBold';
    text-align: center;
    width: 100%;
    color: #ffffff;
    text-shadow: 0 0 20px #212121;
}

/* banner-ads */

.banner-ads {
    text-align: center;
    margin: 5px 0 15px 0;
    float: right;
    width: 100%;
}

.banner-ads img {
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* cat movie */

.category-movie {
    margin: 25px 0;
}

.category-movie .catm-title {
    margin: 0 0 25px 0;
}

.category-movie .catm-title h3 {
    font: bold 17pt 'IRANSansBold';
    color: #212121;
    display: inline-block;
    margin: 5px 0;
}

.category-movie .dropdown {
    display: inline-block;
    float: left;
    margin: 8px 0 0 0;
}

.category-movie .dropdown button:hover, .category-movie .dropdown button:focus {
    background-color: #f0f0f0;
}

.category-movie .dropdown-menu a {
    width: 100%;
    margin: 0 !important;
    background-color: #ffffff !important;
    text-align: right;
    color: #212121 !important;
    box-shadow: none !important;
}

.category-movie .catm-title a {
    float: left;
    background-color: #ffffff;
    padding: 5px 15px;
    font: 400 12pt 'IRANSans';
    border-radius: 5px;
    color: #212121;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.09);
    margin: 5px 5px 0 0;
}

.category-movie .catm-title a:hover {
    background-color: #1a2994;
    color: #ffffff;
}

.post-cat-col {
    padding: 15px;
    background-color: #28353d;
    border: 1px solid #28353d;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 10px 0;
}

.post-cat-col a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.post-cat-col .post-cat-img {
    position: relative;
}

.post-cat-col .post-cat-img img {
    width: 100%;
    height: 330px;
    border-radius: 10px;
}

.post-cat-col:hover .post-cat-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.post-cat-img-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto auto auto auto;
    background-color: rgba(0, 0, 0, 0.81);
    color: #ffffff;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 17px;
    font-size: 20pt;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}

.post-cat-col:hover .post-cat-img-hover {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32), 0 0 0 10px rgba(255, 255, 255, 0.17);
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32), 0 0 0 10px rgba(255, 255, 255, 0.17);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32), 0 0 0 10px rgba(255, 255, 255, 0.17);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.post-cat-col h1 {
    font: bold 12pt 'IRANSansBold';
    display: inline-block;
    width: 100%;
    margin: 15px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    direction: rtl;
}

.post-cat-col-fa h2 {
    direction: rtl !important;
}

.post-cat-col .post-cat-img .is-post-meta {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 500;
}

.post-cat-col .post-cat-img .is-post-meta span {
    display: inline-block;
    padding: 1px 8px;
    background-color: rgba(248, 215, 82, 0.75);
    border-radius: 50px;
    font: 300 9pt 'IRANSans';
    color: rgb(0, 0, 0);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.post-cat-col:hover .post-cat-img .is-post-meta span {
    opacity: 1;
}

.post-cat-col .post-cat-img .is-post-meta span.quality {
    background-color: rgba(255, 0, 0, 0.77);
    color: #ffffff;
}

.post-cat-send {
    text-align: right;
    font: 400 10pt 'IRANSans';
    margin: 0;
    padding: 0;
    color: #b7b7b7;
    position: relative;
    z-index: 200;
    float: right;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.post-cat-send .movie-type-btn {
    float: left;
    color: #ffffff;
    background-color: #19242b;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 16px 0 15px #28353d;
}

/*.post-cat-send .movie-type-btn-series {
    background-color: #F44336;
}*/

/* dubbing movie */

.dubbing-mov {
    background-image: -moz-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%);
    padding: 15px;
    border-radius: 10px;
}

.dubbing-mov .catm-title a {
    background-color: #10b83f;
    color: #ffffff;
}

.dubbing-mov .catm-title h3 {
    color: #ffffff;
    float: right;
}

.category-movie .tabs {
    display: inline-block;
    margin: 0 10px;
    padding: 9px 0 0 0;
}

.category-movie .tabs li {
    display: inline-block;
}

.category-movie .tabs li a, .category-movie .tabs li a:hover {
    display: inline-block;
    margin: 2px 2px;
    padding: 5px 15px;
    background-color: #ffffff;
    color: #212121 !important;
    font: 400 10pt 'IRANSans';
    border-radius: 5px;
    cursor: pointer;
}

.category-movie .tabs li.active a {
    background-color: #ff0000;
    color: #ffffff !important;
}

/* last news */

#last-news {
    padding: 10px;
    background-color: #1b1b1b;
    border-radius: 5px;
}

#last-news .title-n {
    font: bold 17pt 'IRANSansBlack';
    color: #ffffff;
    margin: 0;
}

#last-news .title-n i {
    float: right;
    margin: 6px 0 0 8px;
}

#last-news .title-n a {
    display: inline-block;
    float: left;
    padding: 6px 13px;
    background-color: #28353d;
    font: 300 15px 'IRANSans';
    color: #9a9a9a;
    border-radius: 3px;
}

#last-news .title-n a span {
    float: left;
    display: inline-block;
    padding: 0 2px;
    color: #ffffff;
    margin: 1px 7px 0 0;
}

.lp-carousel .owl-dots {
    display: none;
}

.lp-carousel .owl-nav {
    float: right;
    width: 100%;
}

.lp-carousel .owl-nav button {
    display: inline-block;
    width: 50px;
    height: 25px;
    background-color: #dedede !important;
    text-align: center;
    border-radius: 3px !important;
}

.lp-carousel .owl-nav button span {
    font-size: 16px;
}

.lp-carousel .owl-nav button:hover {
    background-color: #212121 !important;
}

.lp-carousel .owl-nav .owl-prev {
    float: right;
}

.lp-carousel .owl-nav .owl-next {
    float: left;
}

.foo-post-content {
    padding: 4px;
}

.foo-post {
    font: 400 9pt 'IRANSans';
    background-color: #28353d;
    padding: 10px;
    border-radius: 5px;
    margin: 9px 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.foo-post img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin: 0 0 0 12px;
    float: right;
}

.foo-post h1 {
    font-size: inherit;
    height: auto;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    color: #ffffff;
}

.foo-post h1 a {
    font: bold 12pt 'IRANSansBold';
    margin: 0;
    padding: 0;
    color: #ffffff;
    width: 100%;
}

.foo-post span {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    margin: 0 0 0 10px;
}

.foo-post .post-comm-h a {
    color: #ffffff;
}

.foo-post span i {
    margin: 0 auto 0 auto;
    font-size: 14px;
}

.foo-post-meta {
    margin: 15px 0 0 0;
}

.foo-post-more {
    margin: 18px 0 0;
    text-align: left;
}

.foo-post-more a {
    border-bottom: 1px dashed;
    color: #b9b9b9;
    padding: 4px;
    font-size: 14px;
}

/* FOOTER */

#site_footer {
    background: #19242b;
    position: relative;
    margin: 20px 0 0 0;
}

.foo-widget {
    margin: 40px 0;
    color: #ffffff;
    text-align: justify;
    line-height: 1.7;
}

.foo-widget h1 {
    font: bold 15pt 'IRANSansBold';
    color: #ffffff;
    margin: 15px 0;
}

.foo-widget h1:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.07);
    margin: 12px 0 0;
}

.foo-widget ul li {
    margin: 10px 0;
}

.foo-widget ul li a {
    color: #ffffff;
    font: 400 11pt 'IRANSans';
}

.foo-widget ul li a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50px;
    margin: 9px 0 0 7px;
    float: right;
}

.foo-widget ul li a:hover:before {
    background-color: rgba(16, 183, 63, 0.56);
}

.foo-widget form p input[type="text"], .foo-widget form p input[type="email"], .foo-widget form p input[type="number"] {
    width: 100% !important;
    background-color: #28353d;
    border: 0;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.foo-widget form p input[type="submit"] {
    float: left;
    border-radius: 50px;
    margin: 0;
    color: #ffffff;
    background-color: #82bd62;
    padding: 4px 20px;
    border: 0;
}

.foo-social a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    background-color: #4f5d75;
    color: #0f1725;
    font-size: 18px;
    padding: 8px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3px;
    float: right;
}

.foo-social .fb-so {
    background-color: #0b216f;
    color: #ffffff;
}

.foo-social .in-so {
    background-color: #1e66e8;
    color: #ffffff;
}

.foo-social .gp-so {
    background-color: #bd2b2b;
    color: #ffffff;
}

.foo-social .ins-so {
    background-color: #E91E63;
    color: #ffffff;
}

.foo-social .tg-so {
    background-color: #03A9F4;
    color: #ffffff;
}

#url-website-apps {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #28353d;
    border-radius: 7px;
    margin: 15px 0 0 0;
    position: relative;
}

#url-website-apps i {
    font-size: 33px;
    float: right;
    margin: 0 0 0 10px;
    color: #28353d;
}

#url-website-apps p {
    font: bold 14px 'IRANSansBold';
    color: #ffffff;
    margin: 6px 3px 0 0;
    display: inline-block;
}

#url-website-apps:hover {
    border-color: #ffffff;
}

#url-website-apps em {
    float: left;
    margin: 5px 0 0 0;
    font: 300 14px 'IRANSans';
    color: #FFEB3B;
}

.copyright {
    padding: 10px 0;
    font: 400 11pt 'IRANSans';
    color: #b7b7b7;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin: 10px 0 0 0;
    text-align: right;
}

.copyright p {
    display: inline-block;
    margin: 0;
}

.copyright a, .copyright a:hover, .copyright a:focus {
    float: left;
    color: #ffffff;
}

#scroll-top {
    position: fixed;
    left: 10px;
    bottom: 10px;
    padding: 7px 0 0;
    z-index: 999999;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.46);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 21pt;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#scroll-top i {
    position: relative;
    top: -3px;
}

.scroll-top-show {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* page */

.page-content {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    font: 400 13pt 'IRANSans';
    line-height: 1.7;
    color: #212121;
}

.page-content ul li {
    margin: 10px 0;
    color: #182a92;
}

.page-content ul li:before {
    content: "\f140";
    font-family: fontawesome;
    margin: 0 0 0 7px;
    position: relative;
    top: 1px;
    color: #b7b7b7;
}

.page-content a {
    color: #10b83f;
    border-bottom: 1px solid #10b83f;
    font-weight: bold;
}

.page-tags-content a {
    background-color: #f0f0f0;
    padding: 2px 21px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    color: #dcdcdc;
    margin: 2px;
    display: inline-block;
}

.page-tags-content a:hover {
    color: #212121;
    border-color: #212121;
}

.page-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto 10px auto;
}

.page-content-title {
    font: bold 20pt 'IRANSansBlack';
    margin: 0 0 20px 0;
}

.page-content-title:before {
    content: "\f02d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0 15px;
    position: relative;
    top: 2px;
    color: #b7b7b7;
}

/* custom widget */

.custom-widget {
    margin: 9px 0;
}

.custom-widget img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.custom-widget:hover img {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.45);
}

#bread-crumbs {
    background-color: #ffffff;
    padding: 7px;
    margin: 0 0 15px 0;
    font: 400 10pt 'IRANSans';
    border-radius: 5px;
}

#bread-crumbs > i {
    float: right;
    font-size: 18px;
    margin: 3px 5px 0 3px;
    color: #bdbdbd;
}

#bread-crumbs a {
    color: #b7b7b7;
    margin: 0 7px;
}

/* 404 */

.error404 .page-content img {
    margin: 0 auto 0 auto;
    display: block;
}

.error404 .page-content p {
    text-align: center;
}

/* search form */

#searchform {
    text-align: center;
    margin: 25px 0 5px 0;
}

#searchform input {
    height: 40px;
    margin: 0;
    width: 100%;
    border: 1px solid #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

/* ajax search form */

.ajax-search-form {
    height: 0;
    overflow: hidden;
    width: 100%;
    background-color: #19242b;
    position: relative;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.show-ajax-search {
    height: 45px;
    overflow: visible;
}

.ajax-search-form input {
    margin: 0 !important;
    padding: 10px !important;
    font: 400 12pt 'IRANSans';
    width: 100% !important;
    background-color: #19242b;
    color: #ffffff !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.showSearchResultOverly {
    position: absolute;
    left: 43px;
    top: 7px;
}

#post-filter-fetch {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 999999;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    display: none;
}

.showSearchResult-show {
    padding: 15px;
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.37);
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.37);
    display: block !important;
}

.noResult {
    display: inline-block;
    padding: 10px;
    background-color: #f0f0f0;
    width: 100%;
    border-radius: 5px;
    margin: 0;
    font: 400 13pt 'IRANSans';
    color: #ff0000;
    border: 1px solid #ff0000;
}

.noResult i {
    float: right;
    margin: 4px 0 0 10px;
}

#post-filter-fetch .widget-post .widget-post-inner {
    padding: 5px;
    border-radius: 5px;
    margin: 2px 0;
}

#post-filter-fetch .widget-post .widget-post-inner .widget-post-img {
    display: inline-block;
    margin: 0 0 0 9px;
    float: right;
}

#post-filter-fetch .widget-post .widget-post-inner .widget-post-img img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#post-filter-fetch .widget-post .widget-post-inner .widget-post-details {
    display: inline-block;
}

#post-filter-fetch .widget-post .widget-post-inner .widget-post-details span {
    display: inline-block;
    width: 100%;
    float: right;
    font: 400 10pt 'IRANSans';
}

#post-filter-fetch .widget-post .widget-post-inner .widget-post-details .widget-post-title {
    font: bold 12pt 'IRANSansBold';
    margin: 0 0 5px 0;
}

#post-filter-fetch .widget-post .widget-post-inner:hover {
    background-color: #f0f0f0;
}

.search-post-type {
    float: left;
    padding: 3px 15px;
    background-color: #f0f0f0;
    border-radius: 50px;
    margin: 16px 0 0 0;
    font: 300 15px 'IRANSans';
}

.search-post-type-movie {
    background-color: #61b236;
    color: #ffffff;
}

.search-post-type-series {
    background-color: #F44336;
    color: #ffffff;
}

.page-class .page-title {
    font: bold 17pt 'IRANSansBold';
    margin: 15px 0;
    border-right: 5px solid #212121;
    color: #212121;
    padding: 4px 10px;
}

.page-content-archive {
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px 0;
}

.archive-wrapper {
    padding: 17px;
    margin: 25px 0;
}

.archive-wrapper .post-cat-col img {
    height: 270px;
}

.page_navi {
    background-color: #ffffff;
    border-radius: 50px;
    margin: 10px 0;
    clear: both;
    float: right;
    width: 100%;
}

.page_navi ul, .page_navi ul li {
    display: inline-block;
    margin: 0 3px;
    padding: 0;
}

.page_navi ul li a, .page_navi ul li span {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: #f4f4f4;
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    font: 400 12pt 'IRANSans';
    color: #212121;
}

.page_navi ul li span.current, .page_navi ul li a:hover, .page_navi ul li span:hover {
    background-color: #212121;
    color: #ffffff;
}

.page_navi a.next, .page_navi a.prev, .page_navi a.next span, .page_navi a.prev span {
    width: 70px;
}

.page_navi {
    background-color: #ffffff;
    border-radius: 50px;
    margin: 10px 0;
    clear: both;
    float: right;
    width: 100%;
    padding: 6px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

/* comments form */

.post-comments {
    background-color: #ffffff;
    padding: 3px 15px;
    margin: 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.post-comments .comm-title {
    margin: 0;
    border-bottom: 2px solid #f0f0f0;
    padding: 14px 0;
}

.post-comments .comm-title {
    margin: 0 0 15px 0;
    border-bottom: 2px solid #f0f0f0;
    padding: 14px 0;
    font: bold 17pt 'IRANSansBold';
}


.post-comments .comm-title span {
    float: left;
    font: 400 10pt 'IRANSans';
    background-color: #f0f0f0;
    padding: 8px 15px;
    margin: 2px 10px 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.post-comments .comm-title em {
    float: right;
    margin: 0 0 0 7px;
}

.post-comments textarea {
    width: 100% !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.post-comments input[type=text], .post-comments input[type=email] {
    width: 250px !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.post-comments button {
    line-height: 2.2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border-color: #2ae827;
    background-color: #2ae827;
    color: #ffffff;
}

.comments-list {
    padding: 15px;
    background-color: #ffffff;
    clear: both;
}

.comment-pro {
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
    padding: 10px 10px 22px 10px;
    margin: 12px 0;
    position: relative;
    font: 400 10pt 'IRANSans';
    line-height: 1.7;
}

.comment-pro .comm-avatar {
    display: inline-block;
    float: right;
    margin: 7px;
}

.comment-pro .comm-avatar img {
    border-radius: 50px;
}

.comment-pro .comm-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.comment-pro:hover .comm-meta {
    opacity: 1;
}

.comment-pro .comm-meta span, .comment-pro .comm-meta a {
    display: inline-block;
    padding: 3px 10px;
    background-color: #f0f0f0;
    color: #212121;
    margin: 0 6px 0 0;
}

.comment-pro .comm-meta a:hover {
    background-color: #212121;
    color: #ffffff;
}

#cancel-comment-reply-link {
    display: inline-block;
    background-color: #ff0000;
    margin: 10px 0;
    color: #ffffff;
    padding: 5px 10px;
}

.comments-list .children .comment-pro .comm-avatar {
    border: 3px solid rgba(76, 175, 80, 0.18);
    border-radius: 50px;
}

.comments-list .children .comment-pro {
    border-color: rgba(76, 175, 80, 0.18);
}

.comments-list .children .comment-pro.bypostauthor, .comments-list .children .comment-pro.bypostauthor .comm-avatar {
    border-color: rgba(139, 195, 74, 0.63);
}

.comments-list .children .comment-pro.bypostauthor .comm-meta .author-comm:after {
    content: "(نویسنده)";
    color: #182a92;
    margin: 0 10px 0 5px;
}

p.comm-user-login-details {
    padding: 10px;
    background-color: #f0f0f0;
    clear: both;
    margin: 3px 0;
    float: right;
    width: 100%;
    font: 400 11pt 'IRANSans';
}

p.comm-user-login-details a {
    display: inline-block;
    color: #212121;
}

p.comm-user-login-details a:last-child {
    float: left;
    background-color: #ff0000;
    padding: 0 7px;
    color: #ffffff;
}

/* post archive */

.foo-post .wp-post-image {
    display: inline-block;
    float: right;
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 10px;
}

.post-archive-cat {
    padding: 20px;
}

/* single movie */

.movie-title {
    color: #ffffff;
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30);
}

.movie-title h1 {
    font: bold 14pt 'IRANSansBold';
    margin: 13px 0;
    display: inline-block;
}

.movie-title h1 span {
    font: 400 13pt 'IRANSans';
    color: #b7b7b7;
    margin: 0 7px;
    float: left;
}

.movie-title .m-title p {
    padding: 0;
    color: #b7b7b7;
    font: 400 10pt 'IRANSans';
}

.movie-title .imd-rates-movie {
    background-color: #ffc600;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin: 6px 0 0 0;
    font: 400 15pt 'IRANSans';
    line-height: 1.7;
    padding: 3px 0 0 0;
    color: #c59c0a;
}

.movie-title .imd-rates-movie span {
    display: inline-block;
    width: 100%;
    color: #212121;
}

.movie-large-cover-details {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-blend-mode: overlay !important;
}

.movie-large-cover-details .row {
    padding: 50px 0;
}

.movie-large-cover-details .mlc {
    height: 400px;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.81), 0 0 0 8px rgba(226, 38, 77, 0.42), 0 0 0 13px rgba(226, 38, 77, 0.12);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.81), 0 0 0 8px rgba(226, 38, 77, 0.42), 0 0 0 13px rgba(226, 38, 77, 0.12);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.81), 0 0 0 8px rgba(226, 38, 77, 0.42), 0 0 0 13px rgba(226, 38, 77, 0.12);
}

.movie-large-cover-details .mlc img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    pointer-events: none;
}

.movie-large-cover-details .mlc a {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: rgba(44, 26, 29, 0.58);
    margin: 0 auto 0 auto;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 14pt;
    padding: 13px 1px 0 0;
}

.movie-large-cover-details .mlc a:hover {
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 3px rgba(240, 240, 240, 0.2), 0 0 0 6px rgba(240, 240, 240, 0.2);
    -moz-box-shadow: 0 0 0 3px rgba(240, 240, 240, 0.2), 0 0 0 6px rgba(240, 240, 240, 0.2);
    box-shadow: 0 0 0 3px rgba(240, 240, 240, 0.2), 0 0 0 6px rgba(240, 240, 240, 0.2);
}

.mi-icons {
    display: inline-block;
    font-size: 17px;
    line-height: 1.7;
    width: 80px;
    text-align: center;
    color: #212121;
    cursor: pointer;
}

.added-to-fav {
    color: #4CAF50
}

.save-to-wishlist.err, .movie-liked i {
    color: #f64d31;
}

.loader-opacity {
    opacity: 0.3;
    pointer-events: none;
}

.add-to-fav-msg {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 500;
    min-width: 350px;
    background-color: #72ce07;
    color: #ffffff;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    font-size: 13px;
    pointer-events: none;
}

.add-to-fav-msg.err {
    background-color: #f92a2a;
}

.movie-urailer-open-box {
    display: inline-block;
    font: bold 12pt 'IRANSansBold';
    color: #ffffff !important;
    margin: 0;
}

.movie-urailer-open-box:before {
    content: "\f008";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 10px;
}

.movie-views:before {
    content: "\f06e";
}

.excerpt-movie {
    font: 400 12pt 'IRANSans';
    color: #212121;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    margin: 17px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.excerpt-movie h3, .movie-meta-key h3 {
    font: bold 17pt 'IRANSansBold';
    color: #212121;
    margin: 0 0 10px 0;
}

.excerpt-movie p {
    color: #212121;
    border-radius: 7px;
}

.movie-meta-key, .movie-meta-key a {
    font: 400 11pt 'IRANSans';
    color: #212121;
}

.movie-meta-key a {
    background-color: #f0f0f0;
    padding: 2px 9px;
    border-radius: 5px;
    margin: 0 0 4px 2px;
    display: inline-block;
}

.movie-meta-key a:hover, .movie-meta-key a:focus {
    color: #212121;
}

.meta-popp-up {
    margin: 19px 0 0 0;
    clear: both;
    float: right;
    width: 100%;
}

.meta-popp-up a, .meta-popp-up a:hover, .meta-popp-up a:focus {
    display: inline-block;
    padding: 7px 17px;
    font: bold 12pt 'IRANSansBold';
    color: #212121;
    border: 2px solid #FFC107;
    margin: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.meta-popp-up a i {
    float: left;
    margin: 5px 14px 0 0;
    color: #ffc600;
}

.movie-meta-popup .modal-content-center {
    font: 400 13pt 'IRANSans';
    line-height: 1.7;
}

.movie-meta-options {
    clear: both;
    margin: 9px 0 0 0;
    float: right;
    width: 100%;
    color: #ffffff;
}

.movie-meta-options h3 {
    font: bold 17pt 'IRANSansBold';
    color: #212121;
}

.movie-meta-options h3 i {
    float: right;
    margin: 9px 0 0 10px;
}

.movie-meta-options .mmo {
    font: 400 11pt 'IRANSans';
    background-color: #03A9F4;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    margin: 7px 0 0 0;
}

.movie-single-tabs {
    background-color: #ffffff;
    margin: 0 0 20px;
    padding: 0;
    text-align: right;
    position: relative;
    z-index: 500;
    border-top: 3px solid #f0f0f0;
    border-bottom: 4px solid #f0f0f0;
}

.movie-single-tabs ul {
    margin: 0;
    border: none !important;
}

.movie-single-tabs ul li {
    display: inline-block;
    float: right;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.movie-single-tabs ul li a {
    display: inline-block;
    font: bold 12pt 'IRANSansBold';
    padding: 15px 15px;
    color: #212121;
    border: none !important;
}

.movie-single-tabs ul li a:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 15px 25px #e4e4e4;
    -moz-box-shadow: 0 15px 25px #e4e4e4;
    box-shadow: 0 15px 25px #e4e4e4;
}

.movie-single-tabs ul li.active a, .movie-single-tabs ul li a.active {
    color: #03A9F4 !important;
}

.movie-single-tabs ul li a i {
    float: right;
    margin: 3px 0 0 10px;
    color: #dcdcdc;
}

.movie-single-tabs ul li.active a i {
    color: #03a9f4;
}

.show-online {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.show-online .title-on {
    display: inline-block;
    font: bold 18px 'IRANSansBold';
    margin: 2px 0 0 0;
}

.show-online .sub-title {
    display: inline-block;
    background-color: #212121;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 50px;
    margin: 0 10px 0 0;
}

.show-online a {
    display: inline-block;
    float: left;
    font: 300 14px 'IRANSans';
    background-color: #4CAF50;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #4caf50;
}

.show-online a:hover, .show-online a:focus {
    background-color: #f0f0f0;
    border-color: #4CAF50;
    color: #212121;
}

.show-online a i {
    float: right;
    margin: 2px 0 0 12px;
}

.movie-single-tab-content {
    padding: 0;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 100;
}

.movie-single-tab-content .tab-pane {
    padding: 4px 10px;
}

.movie-single-tab-content #movie-share {
    text-align: center;
}

.movie-single-tab-content #movie-tags a {
    display: inline-block;
    padding: 3px 10px;
    margin: 5px;
    background-color: #f0f0f0;
    color: #333;
}

.movie-single-tab-content #movie-tags a:hover {
    background-color: #333;
    color: #fff;
}

.movie-sub-tabs {
    margin: 30px 0 0 0;
}

.movie-sub-tabs .nav-tabs {
    margin: 0 0 25px 0;
    border: none;
}

.movie-sub-tabs ul li {
    display: inline-block;
    margin: 0 10px;
}

.movie-sub-tabs ul li a {
    display: inline-block;
    color: #212121;
    font: bold 12pt 'IRANSansBold';
    padding: 7px 10px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none !important;
}

.movie-sub-tabs ul li.active a {
    background-color: #03A9F4;
    color: #ffffff;
}

.movie-sub-tabs .tab-pane {
    margin: 30px 0 0 0;
}

.movie-sub-tabs .movie-download {
    padding: 11px 16px;
    border-radius: 5px;
    font: 400 12pt 'IRANSans';
    margin: 10px 0;
    border: 1px solid #dcdcdc;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.movie-sub-tabs .movie-download:hover {
    border-color: #212121;
}

.movie-sub-tabs .movie-download span, .movie-sub-tabs .movie-download a, .movie-sub-tabs .movie-download i {
    margin: 0 10px;
    float: right;
    color: #212121;
}

.movie-sub-tabs .movie-download i {
    margin: 4px 5px 0 5px;
}

.movie-sub-tabs .movie-download a.movie-dl-url, .movie-sub-tabs .movie-download a.movie-sub-url {
    background-color: #f0f0f0;
    padding: 0 10px;
    border-radius: 5px;
}

.movie-sub-tabs .movie-download a.movie-dl-url:hover {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-box-shadow: 0 0 10px #03A9F4;
    -moz-box-shadow: 0 0 10px #03A9F4;
    box-shadow: 0 0 10px #03A9F4;
}

.movie-sub-tabs .movie-download a.movie-sub-url:hover {
    background-color: #ff0092;
    color: #ffffff;
    -webkit-box-shadow: 0 0 10px #ff0092;
    -moz-box-shadow: 0 0 10px #ff0092;
    box-shadow: 0 0 10px #ff0092;
}

.series-dl-acc {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    margin: 6px 0;
    box-shadow: 0 0 15px #f0f0f0;
}

.series-dl-acc .mb-0 {
    margin: 0;
}

.series-dl-acc .btn-link {
    font: bold 12pt 'IRANSansBold';
}

.series-dl-acc .btn-link {
    font: bold 15pt 'IRANSansBold';
    color: #212121;
    text-decoration: none !important;
    display: inline-block;
    width: 100%;
    text-align: right;
}

.series-dl-acc .btn-link[aria-expanded="true"] {
    color: #03A9F4;
}

.series-dl-acc .btn-link:after {
    content: "\f107";
    font-family: fontawesome;
    float: left;
    margin: 6px 0 0 0;
}

.series-dl-acc .btn-link[aria-expanded="true"]:after {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.play-back-series {
    margin: 0 0 30px 0;
    font: bold 14pt 'IRANSansBold';
}

.play-back-series span {
    display: inline-block;
    padding: 6px 20px;
    background-color: #f0f0f0;
    border-radius: 50px;
    margin: 5px;
}

.play-back-series .playing_series {
    background-color: #10b83f;
    color: #ffffff;
}

.play-back-series .stop_playback {
    background-color: #FF5722;
    color: #ffffff;
}

.play-back-series span.end_broadcast {
    background-color: #182a92;
    color: #ffffff;
}

.play-back-series .series_is_dubbed_movie {
    background-color: #03A9F4;
    color: #ffffff;
}

.movie-meta-popup .modal-content-center video {
    width: 100%;
}

.movie-ages {
    font: 400 11pt 'IRANSans';
    padding: 3px 10px;
    float: left;
    margin: 3px 10px 0 0;
    border-radius: 50px;
    background: #f85032;
    background: -webkit-linear-gradient(to right, #e73827, #f85032);
    background: linear-gradient(to right, #e73827, #f85032);
    color: #ffffff;
}

#movie-share a {
    display: inline-block;
    font: bold 12pt 'IRANSans';
    background-color: #f0f0f0;
    padding: 5px 24px;
    border-radius: 3px;
    color: #212121;
    margin: 14px;
    opacity: 0.7;
}

#movie-share:hover a {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#movie-share a:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

#movie-share a.share-whatsapp {
    background-color: #4CAF50;
    color: #ffffff;
    box-shadow: 0 0 20px #4caf50;
}

#movie-share a.share-telegram {
    background-color: #03A9F4;
    color: #ffffff;
    box-shadow: 0 0 20px #03a9f4;
}

#movie-share a.share-facebook {
    background-color: #087fb5;
    color: #ffffff;
    box-shadow: 0 0 20px #087fb5;
}

#movie-share a.share-gplus {
    background-color: #ff0000;
    color: #ffffff;
    box-shadow: 0 0 20px #ff0000;
}

#movie-share a.share-twitter {
    background-color: #00BCD4;
    color: #ffffff;
    box-shadow: 0 0 20px #00bcd4;
}

#movie-share a.share-linkdin {
    background-color: #007cde;
    color: #ffffff;
    box-shadow: 0 0 20px #007cde;
}

/* related movies */

.movie-related-posts {
    background-color: #ffffff;
    padding: 10px;
    margin: 15px 0;
    border-radius: 6px;
}

.movie-related-posts > h3 {
    font: bold 17pt 'IRANSansBold';
    color: #212121;
    margin: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

/* sidebar widgets */

.sidebar-widget {
    float: right;
    clear: both;
    width: 100%;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 20px 0;
    line-height: 1.7;
    font: 400 12pt 'IRANSans';
}

.sidebar-widget .side-widget-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 7px 0 10px 0;
    margin: 0 0 15px 0;
}

.sidebar-widget .side-widget-title h2 {
    display: inline-block;
    width: 100%;
    font: bold 17pt 'IRANSansBold';
    margin: 0;
    color: #212121;
}

.sidebar-widget a {
    color: #828282;
}

.sidebar-widget a:hover {
    border-color: #212121;
}

.lmovie-post {
    width: 100%;
    display: inline-block;
    margin: 6px 0;
}

.lmovie-post img {
    width: 63px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin: 0 5px 0 0;
}

.lmovie-post a {
    font: bold 14px 'IRANSansBold';
}

/* mobile-menu */

.mobile-menu {
    position: fixed;
    visibility: hidden;
    top: 0;
    right: -400px;
    z-index: 999999;
    width: 250px;
    height: 100%;
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.20) !important;
    -moz-box-shadow: 0 0 100px rgba(0, 0, 0, 0.20) !important;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.20) !important;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    overflow: auto;
}

.mobile-menu .mm-toggle {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    padding: 6px 0 0 10px;
    color: #ffffff;
    font-size: 26px;
    cursor: pointer;
}

.show-mobile-menu {
    visibility: visible;
    pointer-events: all;
    opacity: 1 !important;
    right: 0 !important;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.mobile-menu-opacity {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.78);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.mobile-menu .login_button a {
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
    margin: 3px 0;
    text-align: center;
    color: #212121;
    padding: 7px 0;
}

.mobile-menu .login_button {
    text-align: center;
    margin: 0;
    padding: 10px;
}

.mobile-menu .login_button a i {
    margin: 0 12px 0 0;
    position: relative;
    top: 7px;
    float: right;
}

.logged-btn-box {
    padding: 7px 0 0 0 !important;
}

.mobile-menu h2 {
    background: none !important;
    font: bold 25pt 'IRANSansBlack' !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 38px 0 !important;
    background-image: -moz-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%) !important;
    background-image: -webkit-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%) !important;
    background-image: -ms-linear-gradient(0deg, rgb(22, 42, 145) 0%, rgb(186, 0, 255) 100%) !important;
    color: #ffffff !important;
    border-radius: 0 0 50px 50px !important;
}

.mobile-menu h3 {
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font: bold 15pt 'IRANSansBold' !important;
    margin: 11px 0 !important;
    width: 100% !important;
    float: right;
    border-right: 5px solid #03A9F4 !important;
    color: #212121 !important;
    padding: 7px;
}

.mobile-menu ul, .mobile-menu ul li, .mobile-menu ul li a {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    color: #212121 !important;
    float: right;
    width: 100%;
}

.mobile-menu ul li a {
    font: 400 13pt 'IRANSans' !important;
    padding: 10px 18px !important;
    border-right: 5px solid #ffffff !important;
    margin: 3px 0 !important;
}

.mobile-menu ul li a:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #FFC107 !important;
}

.mobile-menu ul ul {
    display: none !important;
    background-color: #f0f0f0 !important;
    padding-right: 20px !important;
}

.mobile-menu ul li:hover > ul {
    display: block !important;
}

.mobile-menu ul li.menu-item-has-children > a:after {
    content: "\f107" !important;
    font-family: fontawesome !important;
    float: left !important;
    margin: 5px 0 0 0 !important;
}

.mobile-menu ul li a i {
    float: right !important;
    margin: 3px 0 0 10px !important;
}

.mobile-menu .mm-panels {
    padding: 0 !important;
    background-color: #ffffff;
}

.mobile-theme-mode {
    text-align: center;
    margin: 0 0 15px 0;
}

.mobile-theme-mode .site-theme {
    float: none;
    margin: 0;
}

.mobile-theme-mode .site-theme label:before {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(0, 0, 0, 0.19);
}

/* loader */

.fto-loader {
    height: 32px;
    width: 32px;
    -webkit-animation: loader-spin 4.8s linear infinite;
    animation: loader-spin 4.8s linear infinite;
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fto-loader span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    -webkit-animation: loader-spin-2 1.2s linear infinite;
    animation: loader-spin-2 1.2s linear infinite;
}

@-webkit-keyframes loader-spin-2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(220deg);
    }
}

@keyframes loader-spin-2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(220deg);
    }
}

.fto-loader span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    border: 3px solid #E91E63;
    border-radius: 50%;
    -webkit-animation: loader-spin-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-spin-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-spin-3 {
    0% {
        -webkit-transform: rotate(-140deg);
    }
    50% {
        -webkit-transform: rotate(-160deg);
    }
    100% {
        -webkit-transform: rotate(140deg);
    }
}

@keyframes loader-spin-3 {
    0% {
        transform: rotate(-140deg);
    }
    50% {
        transform: rotate(-160deg);
    }
    100% {
        transform: rotate(140deg);
    }
}

/* light theme style */

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] #site_header_content,
html[data-theme="light"] #nav_main_site,
html[data-theme="light"] .zms-counter,
html[data-theme="light"] .zms-number-movies,
html[data-theme="light"] #last-news .title-n a,
html[data-theme="light"] .post-cat-col {
    color: #212121;
    background-color: #ffffff;
    border-color: #f0f0f0;
}

html[data-theme="light"] .foo-post {
    background: #ffffff !important;
    border-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .movies_filter,
html[data-theme="light"] .zms-footer,
html[data-theme="light"] #scroll-top,
html[data-theme="light"] .post-cat-send .movie-type-btn,
html[data-theme="light"] #images-category {
    background: #f0f0f0;
    color: #212121;
    border-color: #f0f0f0 !important;
}

html[data-theme="light"] .movie-title {
    color: #212121;
    background: #fff6d9;
    background: -webkit-linear-gradient(to left, #ffffff, #fff6d9);
    background: linear-gradient(to left, #ffffff, #fff6d9);
}

html[data-theme="light"] #site_footer {
    background-color: #ffffff;
    border-top: 1px solid #eaeaea;
    -webkit-box-shadow: 0 -5px 15px rgba(234, 234, 234, 0.36);
    -moz-box-shadow: 0 -5px 15px rgba(234, 234, 234, 0.36);
    box-shadow: 0 -5px 15px rgba(234, 234, 234, 0.36);
}

html[data-theme="light"] .zms {
    background-color: #ffffff;
}

html[data-theme="light"] .zms-footer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html[data-theme="light"] #last-news {
    -webkit-box-shadow: inset 0 0 0 1px #d2d2d2;
    -moz-box-shadow: inset 0 0 0 1px #d2d2d2;
    box-shadow: inset 0 0 0 1px #d2d2d2;
    background-color: #ffffff;
}

html[data-theme="light"] .post-cat-send .movie-type-btn {
    box-shadow: 16px 0 15px #ffffff;
}

html[data-theme="light"] .movies_filter select,
html[data-theme="light"] .movies_filter input[type="text"] {
    background-color: #ffffff !important;
    color: #212121;
}

html[data-theme="light"] .logo_site h1,
html[data-theme="light"] #nav_main_site ul li a,
html[data-theme="light"] #nav_top_site ul li a,
html[data-theme="light"] #nav_main_site .request_url,
html[data-theme="light"] #nav_main_site .updates_box,
html[data-theme="light"] .foo-post h1,
html[data-theme="light"] .foo-post h1 a,
html[data-theme="light"] #last-news .title-n a span,
html[data-theme="light"] .zms-title-box,
html[data-theme="light"] #last-news .title-n,
html[data-theme="light"] .foo-widget h1,
html[data-theme="light"] #url-website-apps p,
html[data-theme="light"] #login_button a,
html[data-theme="light"] .post-cat-col h1,
html[data-theme="light"] #images-category > h3,
html[data-theme="light"] .vip-alert p,
html[data-theme="light"] .foo-post span,
html[data-theme="light"] .foo-post span a,
html[data-theme="light"] .foo-widget,
html[data-theme="light"] #url-website-apps em,
html[data-theme="light"] #nav_top_site ul ul li a,
html[data-theme="light"] #nav_main_site ul ul li a {
    color: #212121;
}

html[data-theme="dark"] .movies_filter .help-filter-search {
    color: #ffffff;
}

html[data-theme="light"] .zms-foo-dubble-url a {
    background-color: #212121;
    color: #ffffff;
}

html[data-theme="light"] .foo-widget form p input[type="text"],
html[data-theme="light"] .foo-widget form p input[type="email"],
html[data-theme="light"] .foo-widget form p input[type="number"] {
    background-color: #dcdcdc;
    color: #212121;
    border-color: #ffffff;
}

html[data-theme="light"] #url-website-apps {
    border-color: transparent;
    color: #212121;
}

html[data-theme="light"] .vip-alert {
    background-color: #ffffff !important;
}

html[data-theme="light"] .box-shadow {
    box-shadow: 0 4px 15px #f0f0f0;
    border: 1px solid #f3f3f3;
}

html[data-theme="light"] .ajax-search-form,
html[data-theme="light"] .ajax-search-form input {
    background-color: #f0f0f0;
    color: #212121 !important;
    border-color: #f0f0f0;
}

html[data-theme="light"] #nav_main_site {
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 7px 15px #f0f0f0;
}

html[data-theme="light"] #nav_main_site ul li a:hover,
html[data-theme="light"] #nav_main_site ul li.current-menu-item a {
    color: #FFC107;
}

html[data-theme="light"] .mobile-menu-toggle {
    background: transparent url("assets/img/mobile-toggle-dark.png") no-repeat center center !important;
}

html[data-theme="light"] #nav_top_site ul ul,
html[data-theme="light"] #nav_main_site ul ul {
    background-color: #ffffff;
    border-color: #f0f0f0;
    -webkit-box-shadow: 0 5px 15px #dcdcdc;
    -moz-box-shadow: 0 5px 15px #dcdcdc;
    box-shadow: 0 5px 15px #dcdcdc;
}

@media screen and (max-width: 900px) {
    .logo_site {
        width: 100%;
    }

    .calert_head .ca-text-content {
        text-align: center !important;
    }

    .calert_head_content .ca-text-content p {
        float: none;
        width: 100%;
    }

    .calert_head_content .ca-text-content a {
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }

    .calert_head .close {
        position: absolute !important;
        top: 7px !important;
        bottom: auto !important;
        right: 17px !important;
        color: #9a3523 !important;
        opacity: 1;
        height: auto !important;
    }

    .zms-counter, .zms-number-movies {
        display: inline-block;
        float: none !important;
        width: 100% !important;
        margin: 7px !important;
        text-align: center;
    }

    .movies_filter select, .movies_filter input {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
}

@media screen and (max-width: 765px) {
    .logo_site {
        width: 100%;
    }

    .movie-large-cover-details .mlc {
        width: 300px;
        margin: 0 auto 0 auto !important;
    }

    .movie---icons {
        clear: both;
        margin: 30px 0 15px 0 !important;
    }

    .fto-sliders img {
        height: 170px;
    }

    .movies_filter select, .movies_filter input, .movies_filter button {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }

    #nav_main_site .request_url, #nav_main_site .updates_box {
        margin: 10px 0;
    }
}

@media screen and (max-width: 375px) {
    .hot-content .hot-title h3, .category-movie .catm-title h3 {
        width: 100%;
    }

    .hot-content .hot-title ul, .category-movie .tabs {
        width: 100%;
        margin: 0;
    }

    .hot-content .hot-title ul li, .category-movie .catm-title a, .category-movie .tabs li {
        width: 100%;
        margin: 4px 0;
    }

    .modal-content-center .post-update-mod a i, .modal-content-center .post-update-mod a span {
        margin: 5px 0;
        width: 100%;
        text-align: center;
    }
}