/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
font-size: 17px;
scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
/* MY CODE */
* {
text-decoration: none;
list-style: none;
text-align: right;
box-sizing: unset;
}
body {
line-height: 1;
text-align: unset;
box-sizing: unset;
z-index: 0;
background-color: #fff;
min-width: 320px !important;
display: flex;
flex-direction: column;
font-family: var(--farsi_regular_font);
}
@font-face {
font-family: roboto-medium;
src: url('https://electrical-engineering.koobdar.ir/font/Roboto-Medium.ttf');
font-display: swap;
}
@font-face {
src: url("https://electrical-engineering.koobdar.ir/font/Shabnam-Bold-FD.ttf");
font-family: shabnam-bold-fd;
font-display: swap;
}
@font-face {
src: url("https://electrical-engineering.koobdar.ir/font/Shabnam-FD.ttf");
font-family: shabnam-fd;
font-display: swap;
}
:root {
--engl_first_font: roboto-medium;
--farsi_bold_font: shabnam-bold-fd;
--farsi_regular_font: shabnam-fd;
--my_color: #ff4900;
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
button {
font-family: var(--farsi_regular_font);
}
input,
textarea {
font-family: var(--farsi_regular_font) !important;
}
.for_mobiles {
position: relative;
}
.for_mobiles .boro_rosh {
position: absolute;
bottom: 30px;
right: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
}
.for_mobiles .boro_rosh a {
padding: 15px 10px;
background-color: #0d3e14;
box-shadow: -3px 3px 0px 0px #288a65;
color: #fff;
font-size: 14px;
display: flex;
align-items: center;
}
.read_also a {
margin: 4px 0;
}
.cases-all-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.all-content .main-menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
padding: 15px 0;
box-shadow: 0 0 11px 0 #d5d7d3;
border-radius: 6px;
}
.all-content .main-menu .mobile_titles {
padding: 28px 41px;
border-radius: 100%;
background-color: #fff;
margin: 3px;
box-shadow: 0px 0 35px 0px #ffb3a2 inset;
text-align: center;
}
.all-content .main-menu .mobile_titles a {
font-size: 25px;
color: #4747d5;
line-height: 35px;
}
#display_comment .panel-heading {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 10px;
border-bottom: 1px solid #eee;
}
#display_comment .panel-heading b {
font-family: var(--farsi_regular_font);
font-size: 18px;
font-weight: 400;
}
#display_comment .panel-heading p {
color: #01803b;
font-style: normal;
}
.words .word-defenition div p {
line-height: 2rem;
}
.container .panel-heading i p {
text-align: left;
font-family: var(--engl_first_font);
}
#display_comment .panel-footer button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 5px;
color: #046d1e;
width: unset;
height: unset;
background-color: unset;
border: unset;
}
#display_comment .panel-default {
background-color: #fff;
border-radius: 4px;
margin-bottom: 24px;
box-shadow: 0 0 13px 0 #cecdcd;
}
#display_comment .panel-body {
font-size: 18px;
padding: 0px 5px;
border-bottom: 1px solid #eee;
}
body main .all-content .the-post .post-discription h4 {
font-family: var(--farsi_regular_font) !important;
text-align: center;
font-size: 16px !important;
line-height: 35px !important;
display: none;
}
html,
body {
width: 100%;
height: 100%;
position: relative;
min-height: 100vh;
}
.Mob_buttn_kharid {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 17;
background-color: #fff;
display: flex;
justify-content: space-between;
padding: 10px;
box-shadow: 0 0 4px 1px #555;
flex-flow: column;
}
.Mob_buttn_kharid .divv2 {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
width: 100%;
max-width: 500px;
margin: auto;
}
.desktop_left_posts .viseharfardtakhfif {
text-align: center;
line-height: 1.3rem;
color: #222;
}
.desktop_left_posts .viseharfardtakhfif span {
text-decoration: underline;
color: red;
}
.Mob_buttn_kharid .divv1 {
font-size: 13px;
text-align: center;
width: 100%;
display: inline-block;
margin-bottom: 10px;
line-height: 21px;
}
.Mob_buttn_kharid .divv1 span {
color: #b42727;
text-decoration: underline;
}
.Mob_buttn_kharid .divv1 a {
font-size: unset;
line-height: unset;
}
.Mob_buttn_kharid .divvv1 button {
font-size: 13px;
background-color: #f23446;
margin: 0;
line-height: 21px;
padding: 5px 3px;
}
.Mob_buttn_kharid .divvv1 {
width: 51%;
}
.Mob_buttn_kharid .divvv2 {
font-size: 16px;
display: flex;
flex-flow: column;
}
.Mob_buttn_kharid .divvv2 .divvv21 {
margin-bottom: 9px;
}
.Mob_buttn_kharid .divvv2 .divvv21 * {
font-size: 13px;
}
.Mob_buttn_kharid .divvv2 .divvv21 .gerdaloo {
width: 30px;
height: 30px;
margin-right: 5px;
border-radius: 50%;
background-color: #ea182c;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
}
.Mob_buttn_kharid .divvv2 .divvv21 .nogerdaloo {
text-decoration: line-through;
color: #757575;
}
.Mob_buttn_kharid .divvv2 span {
margin-left: 3px;
font-size: 16px;
font-family: var(--farsi_bold_font);
}
.Mob_buttn_kharid div {
display: flex;
align-items: center;
width: max-content;
}
.postOfficeZirpro {
width: 100%;
display: none !important;
margin-bottom: 10px;
justify-content: center;
}
.Mob_buttn_kharid .postOfficeZirpro p {
font-size: 13px;
line-height: 16px;
}
.Mob_buttn_kharid .postOfficeZirpro img {
width: 25px;
}
.fororshh form {
margin-top: 0 !important;
}
.geyamatTkafifi .postoffficeinpro {
display: none !important;
margin: 10px 0;
justify-content: center;
align-items: center;
}
.geyamatTkafifi .postoffficeinpro img {
width: 32px;
height: 32px;
}
.geyamatTkafifi .postoffficeinpro p {
text-align: right;
font-size: 0.8rem;
line-height: 0.5rem;
}
.desktop_left_posts .postOfficegoshepro {
display: none !important;
margin-bottom: 10px;
justify-content: center;
}
.desktop_left_posts .postOfficegoshepro p {
text-align: right;
font-size: 0.8rem;
line-height: 1.1rem;
}
.desktop_left_posts .postOfficegoshepro img {
width: 32px;
height: 32px;
}
.maton_man h3 {
color: #111;
}
#display_comment .panel-default:first-child {
margin-top: 17px;
}
.special_discription .out_link {
display: none !important;
}
.container .panel-footer {
border-radius: 0 0 3px 3px;
font-size: 18px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 10px;
}
.container #display_comment {
border: unset !important;
padding: 5px !important;
border-radius: 3px;
}
#display_comment .panel-default {
box-shadow: 0 0 5px 0 #7c7878;
margin-bottom: 12px !important;
}
.comment_down_count_red {
color: red;
}
.count_message_post_comment {
text-align: left;
font-size: 13px;
line-height: 35px;
}
.capcha-promlem p {
font-size: 14px;
line-height: 35px;
}
.lemetetione {
text-align: center;
}
.menu-main-name {
position: relative;
padding-bottom: 9px;
padding-top: 5px;
margin-bottom: 14px;
margin-top: 18px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.videorahnama504_1 {
width: 90%;
margin: auto;
margin-top: 25px;
}
.videorahnama504_1 p {
line-height: 29px !important;
margin: 0 !important;
color: #de3400;
text-align: center;
}
.videorahnama504_1 div {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
border: 3px solid red;
}
.videorahnama504_1 div iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.menu-main-name a {
font-size: 18px;
padding: 15px 7px 15px 7px;
color: #1a73e8 !important;
background-color: #fff;
border-radius: 50px;
box-shadow: 0 0 3px 0px #888;
}
.menu-main-name .fa-film,
.menu-main-name .fa-book,
.menu-main-name .fa-laptop,
.menu-main-name .fa-book-reader {
display: none;
}
.video-active .video-list-catagory-discription a p {
color: #f98f39;
}
.video-active .whenplaying {
display: table-cell;
vertical-align: middle;
padding-left: 11px;
padding-right: 3px;
}
.video-active .whenplaying .videoplayingimage {
width: 30px !important;
height: 30px !important;
}
.koo_bran {
display: none;
}
.footer .aboutsite {
display: flex;
flex-flow: row wrap;
width: 100%;
border-top: 1px solid #eee;
padding: 6px 0;
margin-top: 10px;
justify-content: center;
}
.footer .aboutsite div {
display: flex;
}
.footer .aboutsite a {
margin: 0;
font-size: 14px;
line-height: 25px;
color: #717171;
}
.copyRight {
width: 100%;
border-top: 1px solid #eee;
text-align: center;
}
.copyRight p {
font-size: 14px;
color: #717171;
line-height: 25px;
text-align: center;
}
.copyRight h1 {
font-size: 22px;
line-height: 40px;
padding: 5px 5px 5px 5px;
color: #ddd;
}
.copyRight1 {
width: 100%;
background: #222;
border-top: 1px solid #666;
text-align: center;
}
.copyRight1 p {
font-size: 14px;
padding: 15px 15px 15px 0;
color: #fff;
}
.copyRight1 h1 {
font-size: 14px;
padding: 5px 5px 5px 5px;
color: #fff;
}
.copyRight1 h6 {
font-size: 14px;
padding: 5px 5px 5px 5px;
color: #fff;
display: none;
}
.capcha-promlem {
text-align: right;
margin-bottom: 15px;
}
.session-answer {
font-family: var(--farsi_regular_font);
display: block;
padding: 10px 12px;
font-size: 10px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 15px;
text-align: center;
direction: ltr;
}
.main-article .read_also a {
line-height: 35px;
}
.main-article .read_also a::before {
content: "» ";
}
.gsib_a {
padding: 3px 3px !important;
}
.gsst_a {
padding-top: 0 !important;
}
.gsst_a {
margin: 0 !important;
}
.gsst_b {
display: none !important;
}
.sss,
.aaa {
display: block;
width: 30px;
}
.sss:hover,
.aaa:hover {
opacity: 1;
}
.gsst_b {
display: none !important;
}
#gsc-iw-id3 {
padding: 10px;
border-radius: 3px 0 0 3px;
}
#gsc-i-id3 {
background: unset !important;
direction: rtl;
}
.insideDivLRPadding {
padding-right: 15px;
padding-left: 15px;
max-width: 850px;
}
.insideDivLRPadding p {
text-align: justify;
}
.whole_articleDiv {
padding-left: 15px;
padding-right: 15px;
max-width: 850px;
margin-top: 25px;
}
.whole_articleDiv p {
margin-top: 15px;
margin-bottom: 15px;
text-align: justify;
}
.textaligncenter {
text-align: center;
}
.form-control {
box-sizing: border-box;
font-family: var(--farsi_regular_font);
}
.all-content a,
.all-content p,
.all-content h3,
.all-content h4,
.all-content h5,
.all-content h6 {
font-size: 1.07rem;
line-height: 2rem;
letter-spacing: -0.1px;
}
.fororshh .lgin span {
background-color: unset;
border: unset;
color: inherit;
padding: 0;
color: #1e1eff;
}
.fororshh .lgin {
font-style: italic !important;
color: #404040 !important;
}
.tallai {
font-size: 22px;
line-height: 50px;
}
#forphnNambr,
#forEmal,
#forVerifyNumber {
display: none;
}
.login_page .mobile_ligIn p {
font-size: 17px;
cursor: pointer;
line-height: 30px;
width: 75%;
}
#PhoneForm #errorPhone,
#errorPhone2 {
font-size: 12px;
color: red;
line-height: 15px;
margin-top: 5px;
}
.shoamrato_varedKon {
font-size: 14px !important;
text-align: center;
color: #555;
line-height: 25px !important;
}
.login_page .mobile_ligIn .comment-button {
margin-bottom: 10px;
}
.pathtrackPage {
display: flex;
margin: 5px 0;
margin-left: auto;
}
.pathtrackPage a,
.pathtrackPage p {
color: #222;
font-size: 0.9rem;
margin-left: 9px;
display: flex;
align-items: center;
}
.pathtrackPage a img {
width: 18px;
}
.pathtrackPage p {
color: #6f6f6f;
}
.scroldownproductsection {
color: #000 !important;
border-bottom: 3px solid #4d4de1;
}
.gude_fr_accssablty {
display: flex;
flex-flow: row wrap;
width: 100%;
border-bottom: 2px solid rgb(227, 227, 227);
overflow-x: auto;
position: sticky;
top: -2px;
background-color: #fff;
z-index: 55;
border-top: 2px solid rgb(227, 227, 227);
}
.gude_fr_accssablty a {
font-size: 0.9rem;
font-family: var(--farsi_bold_font);
display: flex;
justify-content: flex-start;
margin: 0 6px;
letter-spacing: -0.6px;
color: #717171;
cursor: pointer;
line-height: 2.4rem;
}
.gude_fr_accssablty a span {
margin: 0 2px;
}
.fororshh form button {
font-size: 0.9rem;
}
.fororshh form {
display: none !important;
}
.maton_man p {
margin-top: 10px;
}
.otr_pst {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.kooooobdar {
display: none;
}
a:hover {
text-decoration: none;
}
.comment-alarm {
width: 100%;
text-align: center;
margin: 30px 10px 0 10px;
}
.comment-alarm p {
color: #625d61;
}
/*styling the header of the site for mobile size*/
/*//////////////////////////////////////////////////////
/////////////////////////////////////////////////////////
///////////////////////////////*/
header {
min-width: 320px;
height: max-content;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
z-index: 1000;
}
img[src=""] {
visibility: hidden;
}
.styling-header .btn-toggle-nav {
display: flex;
align-items: center;
cursor: pointer;
}
.styling-header .btn-toggle-nav img {
width: 40px;
height: 40px;
}
.picdiction img {
display: none !important;
}
.maton_man img {
max-width: 400px;
}
.nav-sidebar {
position: fixed;
right: 0;
bottom: 0;
top: 0;
width: 80%;
background-color: #fff;
z-index: 1000;
overflow: auto;
display: block;
padding: 10px;
box-shadow: 0px 0px 1px 0px #000;
padding-bottom: 20px;
display: none;
flex-direction: column;
flex-basis: auto;
justify-content: space-between;
}
.nav-sidebar .menu_bottom_stuff {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
border-top: 2px solid #e1e1e1;
}
.nav-sidebar .menu_bottom_stuff a {
color: #666;
margin: 5px;
font-size: 0.8rem;
line-height: 1rem;
padding: 5px;
border-bottom: 1px dotted #555;
}
.nav-sidebar .cls_nav {
display: flex;
justify-content: flex-end;
}
.nav-sidebar .cls_nav i {
color: #2b2a2a;
font-size: 25px;
padding: 5px;
cursor: pointer;
border: 1px solid #a9a9a9;
border-radius: 50%;
background-color: #fff;
}
.nav-sidebar .mobile_size_sigh_in,
.nav-sidebar .mobile_size_sighed_in {
margin-top: 15px;
cursor: pointer;
}
.nav-sidebar .nav_sidebar_titles {
display: flex;
flex-direction: column;
flex-flow: column;
}
.nav-sidebar .nav_sidebar_titles .titles_name {
padding-right: 5px;
display: flex;
align-items: center;
cursor: pointer;
line-height: 2.9rem;
margin: 3px 0;
}
.nav-sidebar .nav_sidebar_titles .titles_name a {
color: #111;
margin-right: 3px;
}
.navmenuBottomBorder {
border-bottom: 1px solid #e8e8e8 !important;
}
.navmenuBottomBorderforafter {
border-bottom: unset !important;
}
.nav-sidebar .nav_sidebar_titles .title_zir_menu_nav {
padding-right: 10px;
display: flex;
flex-direction: column;
flex-flow: column;
width: 92%;
margin-bottom: 8px;
padding-top: 10px;
}
.nav-sidebar .nav_sidebar_titles .title_zir_menu_nav a {
color: #353535;
line-height: 25px;
margin-bottom: 11px;
display: flex;
align-items: center;
border-bottom: 1px solid #ececec;
padding: 4px 0;
}
.nav-sidebar .nav_sidebar_titles .title_zir_menu_nav .leftAnkerNav {
text-align: left;
justify-content: flex-end;
color: #2d6eec;
border-bottom: unset;
}
.nav-sidebar .nav_sidebar_titles .title_zir_menu_nav a i {
font-size: 15px;
margin-left: 5px;
}
.nav-sidebar .nav_sidebar_titles .titles_name i {
color: #656565;
font-size: 19px;
}
.nav-sidebar .nav_sidebar_titles .titles_name #firstArrowLeftNavSide,
.nav-sidebar .nav_sidebar_titles .titles_name #SecoundArrowDownNavSide,
.nav-sidebar .nav_sidebar_titles .titles_name #ThirdArrowDownNavSide,
.nav-sidebar .nav_sidebar_titles .titles_name #thirdArrowDownNavSide,
.nav-sidebar .nav_sidebar_titles .titles_name #fourthArrowDownNavSide {
display: none;
}
.nav-sidebar .nav_sidebar_titles #firstTitleMenuNav {
border-bottom: unset;
}
.nav-sidebar .nav_sidebar_titles #secoundZirMenuNav {
display: none;
}
.nav-sidebar .nav_sidebar_titles #thirdZirMenuNav {
display: none;
}
.nav-sidebar .nav_sidebar_titles #fourthZirMenuNav {
display: none;
}
.video-discription-mobile {
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 0px 10px 10px 10px;
background-color: #fff;
padding: 10px 10px 10px 10px;
}
.video-discription-mobile p {
font-size: 18px;
line-height: 25px;
}
.video-discription-mobile h2 {
font-size: 18px;
line-height: 25px;
}
.video-discription-mobile .video-discription-mobile-title {
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding-right: 15px;
}
.video-discription-mobile p .persian-text {
color: green;
}
.video-discription-mobile p .english-text {
font-family: var(--engl_first_font);
color: green;
font-size: 17px;
}
.video-discription-mobile p .video-ditsle-refrence {
color: #1a73e8;
}
footer .footer .social-media {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
align-items: center;
}
footer .footer .social-media div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.videos-list .video-list-catagory .video-list-catagory-discription {
display: table-cell;
vertical-align: middle;
}
.howmanybuyers {
display: flex;
width: 100%;
margin-bottom: 5px;
}
.howmanybuyers p {
display: flex;
align-items: center;
font-size: 0.9rem;
}
.howmanybuyers p span {
text-decoration: underline;
color: #a62611;
font-size: 1rem;
margin-left: 1px;
margin-right: 1px;
}
.howmanybuyers img {
width: 40px;
margin-left: 3px;
height: 37px;
}
header .headerp {
font-size: 24px;
text-align: center;
padding: 0px 0px 0 0;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
header .headerp p {
padding-top: 10px;
color: #fff;
}
.words .word-defenition div .word-sample a {
display: inline-block;
min-width: 48px;
border: 1px dashed #ccc;
border-radius: 4px;
margin: 0 2px;
}
header .styling-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
justify-content: space-between;
align-items: center;
}
header .styling-header div a {
color: #f3f3f3;
line-height: 43px;
white-space: nowrap;
}
header .search-engin-field {
display: flex;
align-items: center;
}
header .search-engin-field img {
width: 27px;
height: 27px;
cursor: pointer;
}
header .search-engin-field .cantactus {
margin-left: 12px;
}
header .styling-header .header_linklks {
display: flex;
align-items: center;
margin-left: auto;
}
header .styling-header .header_linklks div {
margin: 0 3px;
padding: 0 5px;
}
.not-found {
position: relative;
width: 100%;
}
.not-found-img {
width: 100%;
}
.not-found-text {
position: absolute;
bottom: 30px;
right: 40px;
}
.not-found-text p {
font-size: 24px;
padding: 8px;
background-color: #ff5000;
}
.refrences-to {
-webkit-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.refrences-to a {
color: blue !important;
text-decoration: underline !important;
width: 150px;
display: block;
margin: 0 auto;
text-align: center;
padding: 10px 0 20px 0;
}
.desktop-header-image {
display: none;
height: 135px;
}
.frstsigninmf {
background-color: #f03d3d;
padding: 5px;
border-radius: 10px;
max-width: 500px;
}
.frstsigninmf p {
font-size: 16px;
line-height: 30px;
text-align: center;
color: #fff;
}
.kobdarlogo {
position: absolute;
right: 450px;
top: 0px;
}
.kobdarlogo img {
height: 43px;
border-radius: 30px;
border: 1px solid #111;
box-sizing: unset;
}
.kobdarlogo .koobdar_meaning {
display: none;
position: absolute;
right: 35px;
top: 84px;
width: 110px;
}
.kobdarlogo .koobdar_meaning p {
font-size: 18px;
background-color: #ccc;
padding: 3px;
border-radius: 5px;
}
.kobdarlogo .koobdar_meaning .fa-caret-up {
font-size: 25px;
color: #ccc;
position: absolute;
top: -15px;
right: 10px;
}
.desktop-mode-menu {
display: none;
}
.list-discription {
background-color: #fff;
z-index: 100;
padding: 5px;
}
.list-discription p {
font-size: 20px;
}
.source-link-desktop {
display: none;
}
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*styling main part for mobile size*/
/*contact contact contact contact contact contact contact contact
contact contact contact contact contact contact contact contact
contact contact contact contact contact contact contact contact
contact contact contact contact contact contact contact contact */
main {
min-width: 320px;
}
.trapezoi {
border-bottom: 50px solid #ff9933;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 200px;
z-index: 5000;
position: absolute;
top: 150px;
right: 275px;
text-align: center;
}
img {
color: transparent;
}
.avalinbarkhrid {
background: #f10808;
padding: 5px;
border-radius: 5px;
font-family: var(--farsi_bold_font) !important;
color: #fff;
width: fit-content;
margin: auto !important;
border: 1px solid red;
line-height: 28px !important;
}
.avalinbarkhrid strong {
text-decoration: underline;
font-family: var(--engl_first_font);
}
.avalinbarkhrid em {
text-decoration: underline;
}
.avalinbarkhrid a {
color: #f3f3f3 !important;
font-family: inherit !important;
font-size: inherit !important;
}
.trapezoi p {
font-size: 35px;
padding-top: 5px;
text-shadow: 2px 2px 5px cornsilk;
}
.trapezoid {
border-bottom: 30px solid #ff7f50;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 125px;
text-align: center;
margin-right: 10px;
padding-top: 10px;
}
.trapezoid p {
font-size: 22px;
line-height: 25px;
}
.gotobottnf {
text-align: center;
margin-top: 5px;
display: none;
}
.gotobottnf button {
font-size: 18px;
width: 50%;
max-width: 270px;
padding: 10px 0;
}
.gotobottnf button span::before {
content: "خرید: ";
}
.posts-and-posts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
justify-content: center;
}
main .all-content {
position: relative;
}
main .all-content .the-post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: #fff;
box-shadow: 0 0 7px 0px #aeaeae;
height: max-content;
margin-bottom: 15px;
}
.the-post .post-discription h3 {
font-family: var(--farsi_bold_font);
font-size: 17px;
line-height: 30px;
}
.the-post .tozihattakmilima {
margin-bottom: 2px;
}
.the-post .tozihattakmilima p {
font-size: 14px;
line-height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.the-post .tozihattakmilima p .fasli {
color: #105cbe;
}
.the-post .tozihattakmilima p .whoi {
color: green;
}
.the-post .tozihattakmilima p .timei {
color: #bb05e1;
}
.the-post .tozihattakmilima p i {
font-size: 20px;
margin-left: 3px;
}
.the-post .post-discription a {
justify-content: center;
color: #111;
}
.posts_desc .avngqpo {
display: flex;
justify-content: center;
width: 100%;
}
.posts_desc .avngqpo img {
width: 95%;
}
#comment_form .form-group #email {
text-align: left;
}
/* --------------------- گروه فرم --------------------- */
.form-group {
margin-bottom: 1.5rem;
display: flex;
/* فاصله بین فیلدها */
}
/* --------------------- برچسب --------------------- */
.form-label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: #e9ecef;
/* برای تم تیره - اگر تم روشن داری، به #333 تغییر بده */
font-size: 0.95rem;
}
/* --------------------- ورودیهای متنی --------------------- */
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="tel"],
.form-group input[type="url"] {
width: 100%;
padding: 12px 16px;
font-size: 1rem;
background-color: #ffffff;
border: 1px solid #606060;
border-radius: 8px;
color: #0e0e0e;
transition: all 0.3s ease;
}
.form-group input:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
background-color: #f2f2f2;
}
/* --------------------- textarea --------------------- */
.form-group textarea {
width: 100%;
padding: 12px 16px;
font-size: 1rem;
background-color: #2d3238;
border: 1px solid #444c56;
border-radius: 8px;
color: #f0f0f0;
min-height: 120px;
resize: vertical;
font-family: inherit;
}
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
background-color: #343a40;
}
/* --------------------- select --------------------- */
.form-group select {
width: 100%;
padding: 12px 16px;
font-size: 1rem;
background-color: #2d3238;
border: 1px solid #444c56;
border-radius: 8px;
color: #f0f0f0;
cursor: pointer;
}
.form-group select:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
/* --------------------- چکباکس و رادیو --------------------- */
.form-group .form-check {
display: flex;
align-items: center;
gap: 10px;
margin-top: 8px;
}
.form-group .form-check-input {
width: 18px;
height: 18px;
accent-color: #007bff;
/* رنگ تیک در تم تیره خوب کار میکنه */
}
.form-group .form-check-label {
color: #e9ecef;
cursor: pointer;
font-weight: normal;
}
/* --------------------- حالت غیرفعال --------------------- */
.form-group input:disabled,
.form-group textarea:disabled,
.form-group select:disabled {
background-color: #1e2226;
opacity: 0.6;
cursor: not-allowed;
}
/* --------------------- دکمههای input submit --------------------- */
/* استایل پایه برای همه input[type="submit"] داخل فرم */
.form-group input[type="submit"],
input[type="submit"] {
cursor: pointer;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
padding: 12px 24px;
border-radius: 8px;
border: none;
min-width: 120px;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #f0f0f0;
background: #2d3238;
}
/* hover و focus مشترک */
.form-group input[type="submit"]:hover,
input[type="submit"]:hover,
.form-group input[type="submit"]:focus,
input[type="submit"]:focus {
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
outline: none;
}
.form-group input[type="submit"]:active,
input[type="submit"]:active {
transform: translateY(0);
}
/* --------------------- انواع مختلف دکمه submit --------------------- */
/* دکمه submit اصلی - مثل خرید (سبز) */
input[type="submit"].buy,
.form-group input[type="submit"].buy {
background-color: #28a745;
color: white;
}
input[type="submit"].buy:hover {
background-color: #218838;
}
/* دکمه submit ترغیب به اقدام (نارنجی) */
input[type="submit"].cta,
.form-group input[type="submit"].cta {
background-color: #fd7e14;
color: white;
}
input[type="submit"].cta:hover {
background-color: #e96b0b;
}
/* دکمه submit معمولی - تم تیره (default) */
input[type="submit"].default,
.form-group input[type="submit"] {
/* اگر کلاس ندی، پیشفرض تیره باشه */
background-color: #212529;
color: #f8f9fa;
border: 1px solid #343a40;
}
input[type="submit"].default:hover,
.form-group input[type="submit"]:hover {
background-color: #343a40;
}
/* دکمه ورود */
input[type="submit"].login {
background-color: transparent;
color: #007bff;
border: 2px solid #007bff;
}
input[type="submit"].login:hover {
background-color: #007bff;
color: white;
}
/* دکمه دانلود */
input[type="submit"].download {
background-color: #6f42c1;
color: white;
}
input[type="submit"].download:hover {
background-color: #5a32a3;
}
input[type="submit"].download::after {
content: " ↓";
margin-left: 8px;
}
/* حالت غیرفعال */
input[type="submit"]:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}
.form-control {
box-sizing: border-box;
font-family: var(--farsi_regular_font);
}
.list_doros_dars div .exeptionfor504day {
width: 140px;
border-radius: 17px;
box-shadow: unset;
color: #111;
border: 1px solid #4b4a4a;
}
.list_doros_dars div .tltlle {
display: inline-block;
width: 100%;
}
.download_kon .rezayat {
text-align: right !important;
}
.list_doros_dars div .activep {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #be350b;
border-radius: 100%;
background-color: #d4590f;
color: #fff;
}
main .all-content .the-post .post-image {
position: relative;
margin: 10px auto;
}
main .all-content .the-post .post-image .top-right {
position: absolute;
top: 8px;
right: 8px;
font-size: 18px;
}
.the-post .post-discription * {
text-align: center;
}
.top-right p {
padding: 7px;
border-radius: 5px;
background-color: #ff9265;
font-size: 14px;
}
.postHoneTitlesfont {
font-size: 1.4rem;
line-height: 2rem;
color: #222;
margin-top: 25px;
margin-bottom: 25px;
}
main .all-content .the-post .post-image img {
width: 270px;
padding-top: 1px;
}
main .all-content .the-post .post-discription {
width: 270px;
text-align: center;
}
.postHTowTitlesfont {
font-size: 1.3rem;
line-height: 2rem;
color: #222;
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
}
main .all-content .the-post .post-discription ul li {
line-height: 20px;
text-align: center;
padding-top: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.postsBoxForMag {
display: flex;
flex-flow: row wrap;
padding: 15px 0;
justify-content: center;
align-items: center;
width: 100%;
}
.new-singel-post {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 80%;
padding: 10px;
box-shadow: 0px 1px 7px -1px #aaa;
height: 360px;
border-radius: 5px;
overflow: auto;
max-width: 305px;
margin: 10px;
cursor: pointer;
}
.new-singel-post .singel-post-img {
width: 90%;
display: flex;
justify-content: center;
align-items: center;
min-height: 237px;
overflow: hidden;
}
.new-singel-post .singel-post-img img {
width: 100%;
border-radius: 10px;
max-width: 235px;
transition: transform .2s;
}
.new-singel-post .singel-post-img img:hover {
transform: scale(1.03);
}
.new-singel-post .singel-post-a {
text-align: center;
margin-top: 15px;
}
.new-singel-post .singel-post-a a {
color: #222;
}
main .all-content .the-post .post-discription ul li a {
color: #000;
padding: 0 5px;
}
main .all-content .the-post .post-discription ul li h3 {
margin-top: 15px;
}
main .all-content .the-post .post-image {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
main .all-content .the-post .post-image .post_talkff {
position: absolute;
top: 52px;
left: -48px;
background: #ff0000a6;
color: #fff;
transform: rotate(-45deg);
z-index: 1;
padding: 5px 44px;
font-size: 15px;
}
.tozihatTakhfifDar::before {
content: "تخفیف: ";
font-family: var(--farsi_bold_font);
color: #fff;
}
.tozihatTakhfifDar {
background-color: rgb(0, 54, 129);
padding: 5px;
border-radius: 5px;
color: #fff;
}
.tozihatTakhfifDar span {
color: #ffc9c9;
font-family: var(--farsi_bold_font);
text-decoration: underline;
}
.tozihatTakhfifDar em {
font-weight: bold;
}
header .mob_header_top {
background-color: #166d92;
background-image: url("https://electrical-engineering.koobdar.ir/img/electrical-engineering-header.jpg");
width: 100vw;
position: relative;
display: flex;
height: 350px;
background-repeat: repeat-y;
background-attachment: fixed;
background-size: 100vw;
}
header .mob_header_top .styling-header {
position: fixed;
top: 43px;
left: 0;
right: 0;
height: 43px;
background-color: #195873;
padding: 0 5px 0 9px;
overflow: auto;
/* background: linear-gradient(90deg, rgba(250, 248, 212) 0%, rgba(240, 204, 10) 50%, rgba(228, 214, 18) 100%); */
}
header .mob_header_top .header_top_menus {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 43px;
background-color: #fcfcfcd9;
padding: 0 14px;
display: flex;
justify-content: flex-end;
}
header .mob_header_top .header_top_menus a,
header .mob_header_top .header_top_menus p {
display: flex;
align-items: center;
cursor: pointer;
}
header .mob_header_top img {
width: 100%;
}
.geyamatTkafifi {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px !important;
flex-flow: row wrap;
margin: auto;
padding: 5px;
border: 1px solid #aaa;
border-radius: 9px;
max-width: 400px;
}
.ChegoneKharidKonan {
font-size: 15px !important;
line-height: 35px !important;
text-align: right !important;
text-indent: 15px;
background-color: #fbdfce !important;
margin-top: 5px;
padding: 5px;
border-radius: 5px;
border: 1px solid #ffccad;
}
.ChegoneKharidKonan a {
font-size: inherit !important;
min-width: none !important;
line-height: inherit !important;
display: unset !important;
}
.ChegoneKharidKonan em {
font-family: var(--farsi_bold_font);
}
.logInAlrtForforosh {
position: absolute;
top: 5px;
right: 2px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
box-shadow: 0 0px 4px 0px #167309;
}
.logInAlrtForforosh i {
margin-bottom: 5px;
}
.geyamatTkafifi .PercentDrontakhffi {
width: 43px;
height: 40px;
margin-right: 5px;
border-radius: 50%;
background-color: #ea182c;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.tozihatppp {
line-height: 1 !important;
text-decoration: line-through;
color: #757575;
}
.tozihatppp em {
font-family: var(--farsi_regular_font) !important;
}
.tozihatppp::before {
content: "قیمت: ";
color: #777;
}
.special_discription {
padding: 20px 6px;
border: 1px solid #999;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
justify-content: center;
border-radius: 12px;
background-color: #fff;
margin-top: 17px;
box-shadow: 0 0 5px 0 #aaa;
}
.special_discription h6 {
font-size: 17px;
font-family: var(--farsi_bold_font);
margin: auto;
padding: 5px 15px;
color: #fb710a;
line-height: 40px;
text-align: center;
padding-bottom: 15px;
border-bottom: 2px dashed #aaa;
margin-bottom: 11px;
}
.special_discription p {
background-color: unset;
font-family: var(--farsi_regular_font);
font-size: 17px;
text-align: center;
line-height: 38px;
}
.special_discription .tozihat_movafag {
line-height: 40px;
padding: 0 8px;
margin-bottom: 0;
}
.special_discription .tozihat_movafag em {
font-style: normal;
color: #d22f2f;
font-family: var(--engl_first_font);
font-size: 20px;
}
.my_lovely_word .alaki {
color: #444;
display: flex;
align-items: center;
}
.special_discription .tozihat_movafag a {
text-decoration: none;
color: #3780ea;
}
.special_discription .tozihat_movafag .material-icons {
position: relative;
top: 7px;
font-size: 28px;
color: green;
}
.special_discription .tozihat_movafag {
position: relative;
}
.special_discription .tozihat_movafag .to_sar_mal {
position: absolute;
top: -15px;
font-family: var(--farsi_regular_font);
}
.special_discription .zarins {
font-weight: 600;
}
.special_discription .zarins a {
text-decoration: none;
color: #087fe1;
}
.special_discription .zarins .material-icons {
position: relative;
font-size: 28px;
top: 9px;
color: #158fab;
}
.pre_dowbload {
text-align: right;
}
.pre_dowbload h6 {
color: blue;
cursor: not-allowed;
margin-top: 7px;
max-width: fit-content;
}
.pre_dowbload h6 span {
color: green;
font-size: 16px;
}
.pre_dowbload p {
text-align: right !important;
font-family: var(--farsi_bold_font) !important;
}
.special_discription .out_link {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: auto;
width: 100%;
margin-top: 5px;
}
.special_discription p a {
font-size: inherit !important;
}
.special_discription .out_link a {
text-decoration: none;
margin: 0 7px;
padding: 6px 10px;
border-radius: 6px;
color: #fff;
background-color: #f74848;
border: 1px solid #dd3e3e;
}
.special_discription .out_link button {
text-decoration: none;
padding: 18px 10px;
border-radius: 6px;
color: #fff;
background-color: #f74848;
border: 1px solid #dd3e3e;
font-size: 16px;
cursor: pointer;
width: unset;
height: unset;
font-family: var(--farsi_regular_font);
text-align: center;
}
.special_discription .out_link button:hover {
background-color: #fd3030;
}
.out_link form {
display: flex;
}
/*
.fororshh form::before,
.out_link form::before {
content: "برای خرید روی گزینه مقابل کلیک کنید: ";
display: flex;
justify-content: center;
align-items: center;
margin-left: 8px;
color: #666;
text-align: center;
} */
.middle_east .out_link form::before {
content: "" !important;
}
.mney_mker .out_link {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: 15px auto;
width: 100%;
max-width: 370px;
}
.panel-heading {
padding: 2px 5px;
}
.container {
padding-right: 0px;
padding-left: 0px !important;
width: 100%;
}
.call-form .container {
padding-right: unset !important;
padding-left: unset !important;
width: unset !important;
}
main .cantact-posts-form {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
}
main .cantact-posts-form .posts {
display: none;
width: 250px;
height: 545px;
background-color: #c6fad0;
margin-top: 5px;
margin-right: 10px;
}
/* Style inputs with type="text", select elements and textareas */
/* Style the submit button with a specific background color etc */
/* When moving the mouse over the submit button, add a darker green color */
/* Add a background color and some padding around the form */
.form-group {
margin-bottom: 5px;
}
.input-error {
box-shadow: 0 0 5px red;
}
.invalidmessage {
color: red;
text-align: center;
}
.successdmessage {
color: green;
text-align: center;
}
.comment-answer-section {
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 5px auto 5px auto;
box-shadow: 0 0 4px red;
min-width: 310px;
background-color: #eee;
border-radius: 4px;
}
.answer-section {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 0.5px auto;
background-color: #eee;
max-height: 500px;
overflow: auto;
}
.article-main-point {
box-sizing: border-box !important;
width: 200px !important;
}
.answer-section h6 {
font-size: 22px;
line-height: 25px;
margin: 5px 5px;
color: red;
}
.answer-section .any-answer {
margin: 10px 5px;
background-color: #fff;
border: 1px solid red;
}
.answer-section .any-answer h1 {
font-size: 18px;
line-height: 25px;
margin: 5px 5px;
}
.answer-section .any-answer h2 {
font-size: 18px;
line-height: 25px;
margin: 5px 5px;
padding-right: 20px;
background-color: #ddd;
font-style: italic;
}
.answer-section .any-answer h2 span {
color: green;
}
.form-success {
color: green;
font-size: 18px;
}
.form-error {
color: red;
font-size: 18px;
}
.form-message {
margin: 10px 70px 10px 0;
}
.maton_man p a,
.all-content p a {
font-size: inherit !important;
font-family: inherit !important;
}
/*contact contact contact contact contact */
main {
margin-left: 0px;
margin-right: 0px;
}
.poster {
min-width: 320px;
margin-top: 0px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
}
.poster .vertical-center {
display: table-cell;
vertical-align: middle;
}
.poster .vertical-center .lord-name {
color: #eee;
font-size: 30px;
line-height: 50px;
text-align: left;
text-shadow: 3px 3px 3px red;
padding-left: 15px;
}
/* Styling menu for cases page */
main .desk-menu {
display: none;
}
.poshesh {
display: none;
}
.answer-comment-button {
position: absolute;
background-color: inherit;
padding: 0;
margin: 0;
width: 30px;
height: 17px;
top: 0;
left: 10px;
color: blue;
opacity: 0.5;
}
.answer-comment-button:hover {
opacity: 1;
}
.comment-design {
margin: 10px 10px 0px 10px;
background-color: #fff;
border-radius: 3px;
border: 2px solid white;
}
.name-and-date {
background-color: #f98f39;
position: relative;
padding: 3px 10px 3px 0;
border-radius: 3px;
}
.answer-form {
border-top: 1px solid red;
padding-top: 2px;
}
.textarea-answer {
padding-bottom: 0;
margin-bottom: 0 !important;
}
.answer-comment-btn {
background-color: pink;
}
.comment-name-design {
padding: 2px 10px 4px 10px;
}
.comment-date-design {
position: absolute;
left: 10px;
top: 4px;
}
.comment-comment-design {
padding: 5px 25px 5px 5px;
}
#commentss {
font-size: 17px;
box-shadow: 0 0px 9px green;
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 10px 10px 5px 10px;
border-radius: 3px;
}
/*
#commentss p{
padding: 3px 10px;
}*/
#showButton {
font-family: var(--farsi_regular_font);
font-size: 17px !important;
background-color: #333 !important;
color: #eee !important;
margin-top: 0px;
padding: 10px;
position: relative;
border-radius: 3px;
border: unset;
margin: 0;
}
#showButton:hover {
opacity: 0.8;
}
.comment-button {
text-align: center;
padding-top: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.the-post .geymateha {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
background-color: #9ee8ff;
padding: 5px;
border: 1px solid #86dcf7;
}
.the-post .rayganimstaf {
padding: 5px;
opacity: 1;
background-color: #197eeb;
color: #fff;
box-shadow: -3px 3px 0 0 #35e135;
}
.the-post .absu504_504 {
width: 100%;
line-height: 25px;
margin-top: 5px;
font-style: italic;
color: #327e57;
}
.the-post .absu504_504 a {
color: blue;
font-size: inherit;
line-height: inherit;
}
.the-post .geymateha .hachepith {
margin-left: 14px;
opacity: 0.7;
}
.ddshduo {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-left: 12px;
}
.ddshduo * {
font-style: normal;
}
.ddshduo .rwert {
width: fit-content;
text-decoration: line-through;
opacity: 0.7;
margin-bottom: 9px;
}
.ddshduo .rwert::after {
content: " تومان";
}
.ddshduo .nogdfo .divide {
color: #181be5;
font-family: var(--farsi_bold_font);
}
.ddshduo .nogdfo::after {
content: " تومان";
}
.geymateha .gefrdaloo {
width: fit-content;
border-radius: 50%;
background-color: #de0c0c;
display: flex;
align-items: center;
padding: 5px 3px;
color: white;
font-size: 14px;
margin-right: 10px;
}
.the-post .posts_p_posts {
font-size: 17px;
font-family: var(--farsi_bold_font);
color: #4358cc;
letter-spacing: -0.2px;
font-style: italic;
}
.the-post .posts_p_posts::after,
.the-post .posts_p_posts::before {
content: " ** ";
font-size: 19px;
line-height: 0;
color: #ea0808;
}
/*برای حالتی که در پیج 5 به بعدیم*/
.pagination-secend {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: auto;
margin-right: auto;
-webkit-justify-content: center;
justify-content: center;
background-color: #f3f3f3;
padding-bottom: 5px;
padding-top: 4px;
border-top: 1px solid #aaa;
}
.comment-submit {
opacity: 0.8;
}
.comment-submit:hover {
opacity: 1;
}
/* Pagination links */
.pagination-secend a {
background-color: #f7bf9e;
font-size: 20px;
color: black;
padding: 8px 12px;
text-decoration: none;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
margin: 0 3px;
text-align: center;
}
.pagination-secend p {
font-size: 20px;
color: black;
text-decoration: none;
padding: 8px 0px;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
margin: 0 3px;
}
/* Style the active/current link */
.pagination-secend a.active {
background-color: dodgerblue;
color: white;
}
/* Add a grey background color on mouse-over */
.pagination-secend a:hover:not(.active) {
background-color: #ddd;
}
main .cases-all-content .posts {
display: none;
}
main .posts-and-posts .postss {
display: none;
}
main .posts-and-posts .posts {
display: none;
width: 190px;
height: 100%;
background-color: #fff;
margin: 5px 0px auto auto;
box-shadow: 0 0 2px #111;
}
.video-discription {
display: none;
}
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
/*styling footer part for mobile size*/
.hover_on_searchbox {
display: none;
}
footer {
width: 100%;
min-width: 320px;
}
footer .footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
}
footer .footer .special {
display: none;
flex-flow: column wrap;
width: 190px;
}
footer .footer .special .footer-paragraph {
color: #fff;
font-size: 20px;
text-indent: 0;
}
footer .footer .special .footer-paragraph .material-icons {
font-size: 27px;
position: relative;
top: 5px;
right: 6px;
border: unset;
}
footer .footer .special .footer-post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 60px;
margin: 5px 0px 5px 0px;
box-shadow: 0 0 1px #aaa;
}
footer .footer .about-us {
display: none;
}
footer .footer .special .footer-post .footer-post-image {
width: 60px;
height: 58px;
}
footer .footer .special .footer-post .footer-post-image img {
width: 60px;
height: 58px;
margin-top: 1px;
margin-right: 1px;
}
footer .footer .special .footer-post .footer-post-discription {
width: 120px;
margin-right: 5px;
margin-top: auto;
margin-bottom: auto;
}
footer .footer .special .footer-post .footer-post-discription p {
font-size: 14px;
text-align: right;
margin: auto;
color: #fff;
}
footer .footer .special .footer-post .footer-post-discription p span {
font-family: var(--engl_first_font);
font-size: 12px;
}
footer .footer .about-us {
display: none;
width: 30%;
}
footer .footer .about-us h2 {
font-size: 25px;
color: #fff;
text-align: center;
padding-bottom: 5px;
border-bottom: 2px solid red;
}
footer .footer .about-us p {
color: #eee;
font-size: 20px;
padding-top: 30px;
}
footer .footer .social-media {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
flex-flow: column;
width: 100%;
}
footer .footer .social-media a img {
width: 50px;
margin: 0px 10px;
}
footer .footer .social-media a {
margin: 5px 5px;
display: flex;
}
footer .footer .social-media p {
font-size: 17px;
color: #535353;
}
.desktop-author-design * {
font-family: var(--farsi_regular_font);
}
.main-article {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.article-title {
margin: 3px 0px 0 0px;
width: 100%;
text-align: center;
}
.catagory-title {
padding: 5px 0;
margin: 3px 10px 0 10px;
width: 100%;
text-align: center;
}
.article-title a {
padding: 5px 0;
text-align: right;
font-family: unset;
margin: 2px auto;
}
.catagory-title h1 {
padding: 5px 0;
text-align: right;
margin: 2px 7px;
}
.article-date {
width: 100%;
margin: 0 0px;
-webkit-flex-basis: 100%;
flex-basis: 100%;
position: relative;
padding: 1px 0;
margin-bottom: 13px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.article-date .soroshsocial {
padding: 0 5px;
position: absolute;
top: 4px;
left: 84px;
cursor: pointer;
}
.article-date .soroshsocial .sorosh-social {
width: 20px;
}
.article-date-time {
display: none;
}
.catagory-social-link {
width: 100%;
margin: 0 10px;
-webkit-flex-basis: 100%;
flex-basis: 100%;
position: relative;
padding: 1px 0;
}
.catagory-social-link .soroshsocial {
padding: 0 5px;
position: absolute;
top: 6px;
left: 84px;
cursor: pointer;
}
.catagory-social-link .sorosh-social {
width: 20px;
}
.article-date p {
padding: 5px 0 0 0;
text-align: right;
font-size: 15px !important;
margin-left: 10px;
color: red;
white-space: nowrap;
width: unset !important;
}
.article-title h1 a {
font-size: unset;
line-height: unset;
color: #0577ff;
}
.catagory-social-link p {
padding: 5px 10px 0 0;
text-align: right;
white-space: nowrap;
font-size: 16px;
margin-left: 10px;
color: #222;
width: 150px;
display: none;
}
.fa-quote-right {
font-size: 20px;
color: #aa0000;
}
.fa-quote-left {
font-size: 20px;
color: #aa0000;
padding-right: 10px !important;
}
.fa-telegram,
.fa-instagram,
.fa-video,
.fa-youtube {
font-size: 23px;
position: absolute;
bottom: 1px;
margin: 0;
padding: 0 7px;
}
.fa-telegram {
left: 73px;
margin-left: 8px;
}
.fa-instagram {
left: 10px;
color: #ff00ff;
}
.article-top-img {
width: 80vw;
margin: auto;
height: 85vw;
overflow: auto;
max-width: 500px;
max-height: 505px;
}
.article-top-img img {
width: 100%;
border-radius: 9px;
}
.fa-video {
left: 43px;
color: #ff00ff;
}
.fa-youtube {
left: 80px;
color: #dc143c;
}
.article-main-img {
margin: 0px 0px;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.article-main-img img {
width: 100%;
}
.article-itself {
margin: 0 0px;
}
.article-itself p span,
.article-itself h2 span {
color: blue;
}
.paragraph-class {
padding-right: 25px !important;
}
.article-video {
margin: 5px auto;
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
-webkit-flex-basis: 93%;
flex-basis: 93%;
}
.article-video iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.article-video img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
/*video catagory styling */
.main-video-catagory {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-justify-content: center;
justify-content: center;
}
.catagory-corent-video {
margin: 5px auto;
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
-webkit-flex-basis: 95%;
flex-basis: 95%;
}
.catagory-corent-video iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.source-link {
text-align: center;
opacity: 0.6;
margin-bottom: 5px;
}
.source-link a {
font-size: 16px !important;
padding: 10px 5px;
color: #1a73e8;
}
.videos-list {
-webkit-flex-basis: 95%;
flex-basis: 95%;
border: 1px solid #ccc;
height: 300px;
overflow: auto;
margin-bottom: 20px;
background-color: #111;
margin-top: 10px;
}
.videos-list .video-list-catagory {
display: table;
width: 100%;
height: 69px;
background-color: unset;
margin: 5px 0px;
box-shadow: 0 0 1px 0 #fff inset;
border-radius: 8px;
padding: 5px;
}
.videos-list .video-list-catagory .video-list-catagory-image img {
width: 80px;
height: 69px;
}
.videos-list .video-list-catagory .video-list-catagory-discription {
margin-right: 10px;
margin-top: 10px;
}
.videos-list .video-list-catagory .video-list-catagory-discription p {
font-size: 16px;
color: #fff;
line-height: 25px;
}
.catagory-links {
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin-top: 20px;
margin-bottom: 10px;
margin-right: 10px;
}
.catagory-links p {
color: #111 !important;
font-size: 18px;
margin: 10px 0;
}
.aparat-link {
position: absolute;
text-align: center;
top: 5px;
right: 10px;
z-index: 100;
opacity: 0.7;
}
.aparat-link:hover {
opacity: 1;
}
.aparat-link a {
font-size: 14px;
color: green !important;
padding: 3px 8px;
background-color: #333;
border-radius: 3px;
}
.article-links {
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 10px auto 5px auto;
background-color: #22aaaa;
padding: 5px 0;
border-radius: 5px;
}
.article-links h6 {
color: #111 !important;
font-size: 18px;
margin: 0px 0 3px 0;
padding: 2px 5px;
}
.article-links a {
color: #111 !important;
font-size: 18px;
margin: 10px 0;
padding: 2px 5px;
}
.main-social-media {
display: none;
}
.comments {
background-color: #eee !important;
border-radius: 5px;
-webkit-flex-basis: 95%;
flex-basis: 95%;
margin: 5px 10px;
}
.comments h4 {
font-size: 20px;
color: red;
margin-right: 10px;
margin-top: 5px;
padding-top: 8px;
}
.comments form {
margin: 10px 10px;
}
.comments input {
font-size: 19px;
width: 200px;
}
.comments textarea {
resize: none;
margin-bottom: 0 !important;
}
button {
background-color: green;
cursor: pointer;
margin-top: 5px;
margin-bottom: 5px;
}
.comment-button i {
border: solid #333;
border-width: 0 5px 5px 0;
display: inline-block;
padding: 3px;
position: absolute;
top: -3px;
right: 57px;
}
.arrow-top {
transform: rotate(225deg);
}
.casts-bio {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
background-color: #ccc;
margin: 0 auto;
margin-bottom: 10px;
border-radius: 0 0 10px 10px;
}
.cast-name {
text-align: center;
margin: 5px auto 0 auto;
background-color: #bbb;
border-radius: 10px 10px 0 0;
}
.cast-name p {
padding: 10px;
border-bottom: 1px solid #aaa;
font-size: 20px;
}
.cast-name h1 {
padding: 10px;
border-bottom: 1px solid #aaa;
font-size: 20px;
}
.cast-image {
width: 65%;
margin: 0 auto;
padding-bottom: 5px;
padding-top: 5px;
}
.cast-image img {
width: 100%;
}
.cast-biography {
width: 95%;
padding: 10px;
border-top: 1px solid #ddd;
}
.cast-biography a span {
font-size: 18px;
}
.cast-biography2 a span {
font-size: 18px;
}
.cast-biography p {
text-indent: 15px;
}
.cast-biography h1 {
font-size: 20px;
line-height: 30px;
text-indent: 15px;
}
.cast-biography h2 {
text-indent: 15px;
}
.cast-biography2 {
width: 95%;
padding: 10px;
}
.cast-biography2 p {
text-indent: 15px;
}
.cast-biography2 h1 {
font-size: 20px;
line-height: 30px;
text-indent: 15px;
}
.cast-biography2 h2 {
font-size: 20px;
line-height: 30px;
text-indent: 15px;
}
.load-more-bio p {
position: relative;
width: 150px;
font-size: 18px;
color: blue;
cursor: pointer;
margin: 0 auto;
padding: 5px;
}
.uqnic-post-computer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}
.uqnic-post-computer .uqnic-post {
width: 100%;
}
.uqnic-post-computer .uqnic-post p {
text-indent: 15px;
}
.uqnic-post-computer .uqnic-post h2 {
text-indent: 15px;
}
.more-ditale-about-lesson {
display: none;
}
.computer-research {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/* preparing header for tablet size*/
/* preparing header for tablet size*/
/* preparing header for tablet size*/
/* preparing header for tablet size*/
/* preparing header for tablet size*/
.nav-sidebar .btn {
text-align: center !important;
margin: auto;
display: flex;
align-items: center;
color: #111;
}
.nav-sidebar .btn img {
margin-left: 3px;
}
.mobile_size_sighed_in a::before {
content: "" !important;
}
#moveable_navibar_hide {
display: none;
}
.moveable_header_mobile {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: #444;
padding: 5px 3px;
box-sizing: border-box;
position: fixed;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
z-index: 9000;
top: 0;
}
.moveable_header_mobile {
display: none;
}
.moveable_header_mobile .moveable_in_div {
margin: 0 5px;
}
.moveable_header_mobile .in_me {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
margin-right: 15px;
}
.moveable_header_mobile .in_me .moveable_in_div {
margin: 0 7px;
border-right: 1px solid #666;
border-left: 1px solid #666;
padding: 0 3px;
}
.moveable_header_mobile .material_ic {
border-radius: 100%;
background-color: #777;
cursor: pointer;
}
.moveable_header_mobile .material_ic i {
color: #eee;
padding: 3px;
}
.moveable_header_mobile .search_my {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
cursor: pointer;
}
.moveable_in_div .search_posi {
color: #fff;
position: relative;
top: 5px;
font-size: 21px;
}
.moveable_header_mobile .moveable_in_div a,
.moveable_header_mobile .moveable_in_div p {
color: #f3f3f3;
font-size: 18px;
line-height: 27px;
}
.moveable_header_mobile #moveable_search_quer_asshoreen {
display: none;
}
.moveable_header_mobile #moveable_search_quer_asshoreen i {
font-size: 28px;
color: #fff;
}
.menu-main-name2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-top: 5px;
}
.menu-main-name2 a {
font-size: 19px;
font-family: var(--farsi_bold_font);
}
.menu-main-name2 .fa-film,
.menu-main-name2 .fa-book,
.menu-main-name2 .fa-laptop {
display: none;
}
.movie-more-ref {
width: 250px;
height: 340px;
background-color: #fff;
margin: 5px;
box-shadow: 0 0 3px 0 #666;
}
.movie-more-ref:hover {
box-shadow: 0 0 12px #222;
-ms-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}
.movie-more-ref .movie-more {
width: 150px;
height: 150px;
background-color: #ccc;
margin: auto;
margin-top: 93px;
border-radius: 50%;
border: 1px dashed #111;
}
.movie-more-ref .movie-more p {
margin: 65px 10px 0 0;
font-size: 18px;
}
.movie-more-ref .movie-more p a {
color: blue;
padding: 5px;
padding-left: 18px;
}
.scrollToTop {
width: 60px;
height: 60px;
padding: 10px;
background-color: #757575;
border: 1px solid #777;
border-radius: 50%;
text-align: center;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
top: calc(100vh - 129px);
right: 15px;
display: none;
z-index: 100;
box-sizing: border-box;
}
.scrollToTop .fa-angle-up {
font-size: 48px;
color: #fff;
position: relative;
top: -5px;
}
body .menu-main-name a h2 {
color: #1a73e8;
}
body .all-content .menu-main-name-desk {
display: none;
}
body header .headerp p {
font-family: var(--farsi_bold_font);
font-size: 20px;
line-height: 46px;
text-align: center;
}
body .moveable_header_mobile {
-webkit-justify-content: center;
justify-content: center;
}
body .moveable_header_mobile .in_me {
margin-right: 0;
}
body .moveable_header_mobile .in_me .moveable_in_div {
margin: 0 4px;
}
body .moveable_header_mobile .moveable_in_div a,
body .moveable_header_mobile .moveable_in_div p {
font-family: var(--farsi_regular_font);
font-size: 13px;
}
body main .all-content .the-post .post-discription ul li {
padding-top: 0;
}
body main .all-content .the-post .post-discription {
padding: 5px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
body .the-post .post-image a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
body .por_bazdidha {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 20px;
}
body .por_bazdidha * {
font-family: var(--farsi_bold_font);
}
body .por_bazdidha h2 {
color: #f50;
font-size: 20px;
line-height: 38px;
}
body .por_bazdidha h3 {
font-size: 19px;
line-height: 38px;
}
body .index_h1_stayle h1 {
padding: 10px;
line-height: 45px;
font-size: 20px;
font-family: var(--farsi_bold_font);
text-align: center;
color: #222;
}
.mak_mon_pos {
margin: 0px;
padding-bottom: 15px;
border-bottom: 2px solid #e6e2e2;
padding-top: 15px;
border-top: 2px solid #e6e2e2;
}
.mak_mon_pos .akse_esp a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.mak_mon_pos .akse_esp img {
width: 100%;
border-radius: 3px;
}
.mak_mon_pos .matn_esp {
padding: 15px;
padding-left: 0;
padding-top: 24px;
}
.mak_mon_pos .matn_esp h4 {
text-align: center;
font-family: var(--farsi_bold_font);
font-size: 22px;
line-height: 40px;
color: #104088;
}
.mak_mon_pos .matn_esp p {
text-align: center;
font-size: 17px;
line-height: 39px;
margin-top: 11px;
}
.list_download div {
border: 2px dashed red;
border-radius: 6px;
padding: 13px;
}
.list_download div img {
width: 100%;
border-radius: 5px;
}
.list_download div span {
color: red;
}
.downloa_guie_idm {
border: 2px dashed red;
border-radius: 6px;
padding: 13px;
}
.downloa_guie_idm p {
font-family: var(--farsi_regular_font);
font-size: 18px;
line-height: 40px;
}
.downloa_guie_idm span {
color: red;
}
.downloa_guie_idm img {
width: 100%;
border-radius: 5px;
}
.desktop_big_page_menu,
.togl_menu_big {
display: none;
}
.btn-info {
font-family: var(--farsi_regular_font);
font-size: 14px;
}
.video_posts {
display: none;
}
.desktop_left_posts {
display: none;
}
.footer_pushesh1,
.footer_pushesh2 {
display: none;
}
footer {
position: relative;
margin-top: auto;
}
footer .desktop_social_footer {
display: none;
}
.catagory-title h1 {
font-family: var(--farsi_bold_font);
}
.bastehaye_amozes {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
margin: auto;
justify-content: center;
}
.bastehaye_amozes h2 {
font-family: var(--farsi_bold_font);
text-align: center;
font-size: 20px;
line-height: 38px;
color: #f50;
}
.pay_pages {
display: table;
background-color: #aaa;
width: 100%;
}
.pay_pages .pay_mara {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.pay_pages .out_link button:hover,
.pay_pages .out_link a:hover {
background-color: #cc3030;
}
.pay_pages .middle_east {
width: 97%;
margin: auto;
text-align: center;
box-shadow: 0 0 5px 0 #800404;
padding: 5px 5px 12px 5px;
border-radius: 15px;
background-color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
-webkit-justify-content: center;
justify-content: center;
}
.pay_pages .koobdar_logo {
width: 29px;
margin: auto 0;
margin-left: 5px;
}
.pay_pages .middle_east img {
width: 100%;
display: table;
}
.pay_pages .name_logo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
background-color: #ff8585;
border-radius: 10px;
border: 1px solid #df3939;
padding: 10px 0;
}
.pay_pages .name p {
font-size: 21px;
font-family: var(--farsi_bold_font);
color: #111;
}
.pay_pages .middle_east h1 {
font-family: var(--farsi_bold_font);
margin: auto;
margin-top: 26px;
box-shadow: 0 0 2px 0 #756e6e;
padding: 5px 15px;
border-radius: 26px;
line-height: 45px;
text-align: center;
}
.pay_pages .tozihat_movafag {
padding: 0 8px;
margin-bottom: 0;
}
.pay_pages .out_link {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: auto;
width: 100%;
max-width: 370px;
}
.pay_pages .out_link form {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.pay_pages .out_link a {
text-decoration: none;
margin: 0 7px;
padding: 6px 10px;
border-radius: 6px;
color: #fff;
background-color: #f74848;
border: 1px solid #dd3e3e;
line-height: 28px;
font-size: 16px;
text-align: center;
}
.pay_pages .boro {
line-height: 35px;
padding: 0 8px;
color: #9f510c;
font-family: var(--farsi_bold_font);
font-size: 18px;
}
.pay_pages .cancel_shodeh {
color: red !important;
}
.pay_pages .cancle_back_link {
color: #111 !important;
text-align: center;
}
.pay_pages .middle_east span {
font-family: var(--farsi_bold_font);
}
.pay_pages .zarins a {
text-decoration: none;
color: #087fe1;
}
.pay_pages .tozihat_movafag em {
font-style: normal;
color: #111;
font-family: var(--farsi_regular_font);
font-size: 18px;
}
.pay_pages .out_link button {
text-decoration: none;
margin: 0 7px;
padding: 6px 10px;
border-radius: 6px;
color: #fff;
background-color: #f74848;
border: 1px solid #dd3e3e;
font-size: 16px;
cursor: pointer;
text-align: center;
}
.pay_pages .zarins .material-icons {
position: relative;
font-size: 28px;
top: 9px;
color: #158fab;
}
.pay_pages .notlogin {
font-family: var(--farsi_bold_font);
margin-top: 23px;
color: red;
text-align: center;
}
.pay_pages .exp_time {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.pay_pages .notlogin a {
text-decoration: none;
font-family: var(--farsi_bold_font);
color: #317eca;
}
.pay_pages .notlogin .material-icons {
position: relative;
top: 5px;
color: #d72424;
font-size: 27px;
}
.pay_pages .tozihat_movafag a {
text-decoration: none;
color: #3780ea;
font-size: unset;
}
.pay_pages .tozihat_movafag .material-icons {
position: relative;
top: 7px;
font-size: 28px;
color: green;
}
.pay_pages .golden .material-icons {
color: gold;
top: 9px;
}
.pay_pages .tozihat_movafag {
position: relative;
font-size: 18px;
line-height: 35px;
}
.pay_pages .tozihat_movafag .to_sar_mal {
position: absolute;
top: -15px;
font-family: var(--farsi_regular_font);
}
.pay_pages .lines {
position: absolute;
width: 50px;
height: 2px;
background-color: red;
}
.authors-disc {
background-color: #fff;
border-radius: 15px;
border: 1px solid #aaa;
text-align: center;
}
.authors-disc p {
line-height: 25px;
font-size: 18px;
padding: 5px;
}
#comment_message p {
font-size: 16px;
line-height: 35px;
}
.videos-list .video-list-catagory .video-list-catagory-image img {
background-image: unset;
}
iframe {
background-image: url("https://www.koobdar.ir/img/image_background.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.koob_knowl {
margin: 10px;
}
.koob_knowl i {
color: #fff;
font-size: 30px;
cursor: pointer;
margin-right: 10px;
}
.koob_knowl i:hover {
color: #fd5c5c;
}
.mai_koo {
text-align: center;
margin-bottom: 70px;
}
.mai_koo a {
font-family: var(--farsi_bold_font);
font-size: 26px;
padding: 14px;
color: #ff9c43;
border-bottom: 2px solid;
}
.sub_menus {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 10px 15px;
-webkit-justify-content: center;
justify-content: center;
}
.sub_menus div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
margin: 26px 7px;
padding-left: 15px;
border-left: 3px dashed #2f2d2d;
}
.sub_menus div:last-child {
border-left: unset;
padding-left: 0;
}
.sub_menus div a {
font-family: var(--farsi_regular_font);
font-size: 18px;
color: #eaeff9;
margin: 10px 0;
line-height: 35px;
}
.sub_menus div a:hover {
color: #9cbdff;
}
.sub_menus div a i {
font-size: 8px;
color: #f50;
position: relative;
top: -2px;
margin-left: 3px;
}
.sub_menus div a:first-child {
color: #f50;
text-align: center;
margin-bottom: 20px;
}
.sub_menus div a:last-child {
color: #75ceff;
text-align: center;
}
.tam_ba {
text-align: center;
margin-top: 53px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-justify-content: center;
justify-content: center;
}
.tam_ba a {
color: #eee;
margin-left: 12px;
}
.tam_ba a:hover {
color: #f50;
}
.tam_ba a:first-child {
padding-left: 12px;
border-left: 2px solid #aaa;
}
.togl_menu_big {
width: 100%;
background-color: #222;
display: none;
flex-flow: column;
position: fixed;
top: 0;
bottom: 0;
padding-bottom: 20px;
overflow: auto;
z-index: 99999999;
}
.high_calss_box {
display: none;
}
.diction_saerch_box {
position: relative;
z-index: 2;
margin: 10px;
margin-bottom: 0;
display: flex;
justify-content: center;
flex-flow: column;
}
.safeasli {
margin: auto;
}
.safeasli a {
font-size: 14px;
color: #0034ff;
text-decoration: underline;
margin-right: 15px;
}
.diction_saerch_box form {
display: flex;
position: relative;
align-items: center;
width: 100%;
}
.diction_saerch_box form input {
width: 100vw;
padding: 5px 15px;
border: 1px solid #aaa;
border-radius: 50px;
outline: none;
background-color: #fff;
direction: ltr;
text-align: left;
}
.diction_saerch_box form button {
background: unset;
border: unset;
position: absolute;
right: 3px;
display: flex;
}
.diction_saerch_box form input[type="text"]:focus {
background-color: #fff !important;
}
.namayeshe_logat {
position: absolute;
left: 10px;
background-color: #fff;
direction: ltr;
display: flex;
flex-flow: column;
margin-left: 20px;
box-shadow: 0 1px 3px 0px #aaa;
width: 80%;
top: 37px;
padding: 4px;
z-index: 50;
}
.namayeshe_logat a {
font-family: var(--engl_first_font);
margin: 3px 0;
font-size: 16px;
padding-left: 3px;
border-radius: 3px;
text-align: left;
}
.namayeshe_logat a:hover {
background-color: #f7eede;
}
.ente_sea_secti {
display: flex;
flex-flow: column;
direction: ltr;
margin: 10px;
}
.ente_sea_secti p {
font-size: 16px;
color: #111;
direction: rtl;
text-align: left;
}
.ente_sea_secti a {
color: #1556f0;
margin: 5px;
font-family: var(--engl_first_font);
font-size: 16px;
width: max-content;
}
.ente_sea_secti a::before {
content: "» ";
color: #111;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {
color: #0066cc;
font-size: unset;
font-family: unset;
line-height: unset;
}
.desk_esp {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.the-post {
max-width: 290px;
margin: 5px;
}
.the-post .post-image {
width: max-content;
}
.the-post .post-image a {
display: flex;
align-items: center;
width: max-content;
}
.othr_page_posts {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
body .language-series-post,
body .computer-series-post,
body .electronics-series-post,
body .movie-series-post,
body .book-series-post,
body .mataleb_por_bazdid {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
}
.mob_ad_dsin {
width: 100vw;
box-sizing: border-box;
height: 50vh;
min-height: 300px;
background-color: #6007cc;
}
.ad_lnk {
text-align: center;
}
.ad_lnk * {
width: max-content;
}
.trik_ad {
display: flex;
flex-flow: row;
}
.trik_ad div {
display: flex;
flex-flow: column;
}
.trik_ad div a::before {
content: "» ";
}
.ad_lnk h6,
.ad_lnk h5 {
margin: 15px auto;
}
.fnsy_kdr_ad {
width: 100%;
padding: 27px 15px;
box-sizing: border-box;
height: 100%;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.fnsy_kdr_ad ul li {
margin: 5px auto;
}
.fnsy_kdr_a {
color: #000;
font-size: 14px;
line-height: 25px;
}
.hol_lnk {
text-align: center;
display: flex;
}
.hol_lnk button {
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
}
.fnsy_kdr_ad ul li a {
color: #aaa;
line-height: 18px;
font-size: 12px;
}
.fnsy_kdr_ad ul li a::before {
content: "» ";
}
.pang_jome {
width: 100%;
}
.pang_jome a {
color: #fff;
text-align: center;
line-height: 2rem;
padding: 6px;
}
.pang_jome {
display: flex;
justify-content: center;
background-color: #d62626;
}
.pang_jome_tabl {
display: none;
}
.pang_jome_desk {
display: none;
}
.timeOutSells {
display: flex !important;
justify-content: center !important;
direction: ltr !important;
margin-top: 10px !important;
}
.timeOutSells * {
box-sizing: unset !important;
text-align: center !important;
}
.timeOutSells div {
position: relative !important;
padding: 3px !important;
font-size: 17px !important;
padding-top: 20px !important;
width: 22px !important;
color: #f9f5f5 !important;
background: linear-gradient(1deg, #830d1a, #fd0b0b) !important;
font-family: var(--engl_first_font) !important;
margin: 0 !important;
margin-left: 1px !important;
}
.timeOutSells div span {
position: absolute !important;
top: 0px !important;
left: 0 !important;
right: 0 !important;
font-size: 14px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.timeOutSells .safaa {
width: unset !important;
background: unset !important;
padding: unset !important;
margin: unset !important;
color: #1b810c !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
direction: rtl !important;
margin-left: 5px !important;
font-size: 15px !important;
font-family: var(--farsi_regular_font) !important;
}
.timeOutSells22 {
display: flex;
flex-flow: row;
direction: ltr;
margin-top: 5px;
align-items: center;
background-color: #e1e1e1;
width: 117px;
justify-content: center;
border-radius: 3px;
padding: 0 3px;
}
.timeOutSells22 div {
position: relative !important;
padding: 2px !important;
font-size: 17px !important;
color: #b70404 !important;
margin: 0 !important;
}
.timeOutSells22 .material-icons {
font-size: 20px;
margin-right: auto;
color: #b71616;
}
.TheDarkestL {
display: flex;
justify-content: center;
margin: auto 16px;
margin-top: 10px;
}
.TheDarkestL a {
width: fit-content;
font-family: var(--farsi_bold_font);
font-size: 17px;
padding: 3px;
background-color: #1b8ef2;
border-radius: 5px;
color: #fff;
border: 1px solid #3f87f9;
line-height: 30px;
text-align: center;
}
.TheDarkestL a:hover {
background-color: #f23737;
border: 1px solid #f93f3f;
}
.TheDarkestL a i {
color: #fff;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList {
display: flex;
flex-direction: column;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList .showHidePosi {
display: none;
position: relative;
justify-content: center;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList .firstMenuChoice {
display: flex;
justify-content: center;
position: relative;
font-size: 16px;
height: 32px;
align-items: center;
border: 1px solid #78b5eb;
background-color: #afcdfd;
cursor: pointer;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList .firstMenuChoice i {
position: absolute;
left: 5px;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList ul {
display: flex;
flex-direction: column;
background-color: #d8e7ff;
border: 1px solid #87b4fa;
position: absolute;
width: 99%;
z-index: 10;
border-top: unset;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList ul .ativeLi {
background-color: #64e5f3;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList ul li {
text-align: center;
line-height: 2px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #b8e4f9;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList ul li a,
.main_Oxford_all .wrodsAndMenu .alphabeticList ul li span {
font-size: 16px;
line-height: 25px;
color: #111;
width: 50%;
text-align: center;
}
.loghatListNavi .topNavig {
display: flex;
justify-content: center;
align-items: center;
margin-top: 7px;
background: linear-gradient(#dbd8d8, #b7b7b5);
}
.loghatListNavi .topNavig .activePagina {
background-color: #fff;
}
.loghatListNavi .topNavig ul {
display: flex;
justify-content: center;
align-items: center;
direction: ltr;
}
.loghatListNavi .topNavig ul li {
width: 40px;
text-align: center;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
}
.loghatListNavi .topNavig ul li a,
.loghatListNavi .topNavig ul li span {
font-family: var(--engl_first_font);
color: #333;
font-size: 18px;
width: 80%;
text-align: center;
line-height: 40px;
}
.loghatListNavi .topNavig ul li:hover {
background-color: #cacac8;
}
.loghatListNavi .topNavig .activePagina:hover {
background-color: #fff;
}
.loghatListNavi .loghats ul li {
direction: ltr;
text-align: left;
}
.loghatListNavi .loghats ul li a {
font-size: 17px;
line-height: 35px;
color: #004aac;
}
.loghatListNavi .loghats ul li a:hover {
text-decoration: underline;
}
.alphabeticListFortablet {
display: none;
}
.main_Oxford_all .oxfordImage {
width: 100%;
display: flex;
margin-bottom: 10px;
}
.main_Oxford_all .oxfordImage img {
width: 70%;
margin: auto;
}
.word_h1 {
display: flex;
flex-direction: column;
margin-bottom: 10px;
margin-top: 10px;
}
.word_h1 h1 {
color: #00008b;
display: flex;
align-items: center;
}
.word_h1 h1 a {
display: flex;
align-items: center;
}
.word_h1 h2 {
line-height: 30px !important;
font-size: 12px !important;
color: #8e8e8e;
font-family: var(--farsi_regular_font) !important;
}
.word_h1 img {
width: 30px;
margin-left: 5px;
transform: rotate(1800deg) scaleX(-1);
}
.word_h1 a {
font-size: 17px;
color: #004aac;
line-height: 30px;
}
.firstpageOxford {
display: flex;
flex-direction: column;
}
.mbilePersoationposts .mbilePersoationPostForM {
margin: 10px;
padding: 6px;
border: 2px solid #b5b5b5;
border-radius: 8px;
width: 90%;
max-width: max-content;
margin: auto;
margin-top: 10px;
background: linear-gradient(0, #ff8080, #f8ffca);
display: none;
}
.mbilePersoationposts .mbilePersoationPostForM p {
font-size: 15px;
line-height: 30px;
margin-bottom: 10px;
}
.mbilePersoationposts .mbilePersoationPostForM div {
text-align: center;
}
.mbilePersoationposts .mbilePersoationPostForM div a {
border: 1px solid #5c5c5c;
background-color: #fff;
color: #000;
border-radius: 6px;
font-size: 15px;
padding: 8px 10px;
cursor: pointer;
}
.mbilePersoationposts .mbilePersoationHelpForM div a {
border: 1px solid #090909;
background-color: #f03d3d;
color: #fff;
border-radius: 6px;
font-size: 15px;
padding: 8px 10px;
cursor: pointer;
}
.mbilePersoationposts .mbilePersoationHelpForM p {
font-size: 15px;
line-height: 30px;
margin-bottom: 10px;
color: #fff;
}
.mbilePersoationposts .mbilePersoationHelpForM {
margin: 10px;
padding: 6px;
border: 2px solid #0b0b0b;
border-radius: 8px;
width: 90%;
max-width: max-content;
margin: auto;
margin-top: 10px;
background-color: #222;
display: none;
}
.mbilePersoationposts .mbilePersoationHelpForM div {
text-align: center;
}
body .menu-main-name-desk {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
flex-flow: column;
-webkit-justify-content: center;
justify-content: center;
margin-top: 20px;
}
body .menu-main-name-desk img {
width: 100px;
border-radius: 100%;
margin: auto;
}
body .menu-main-name-desk .tit_nam_sec_a {
background-color: unset;
color: #0fabf0;
margin-top: 10px;
text-align: center;
}
body .menu-main-name-desk .tit_nam_sec_a span {
color: #916d17;
}
body .menu-main-name-desk a h2 {
color: #007cb3;
text-align: center;
}
body .menu-main-name-desk h3 {
text-align: center;
}
.words .logintotral504 {
line-height: 28px;
color: #fff;
font-family: var(--farsi_regular_font) !important;
padding: 3px !important;
margin: auto;
margin-bottom: 15px;
}
.words .loged_in_lesson {
background-color: #34568b !important;
box-shadow: unset !important;
border: 1px solid #34568b !important;
border-radius: 0 !important;
margin: 10px 0;
}
.words .loged_in_lesson .btn-danger {
border-color: #f3f3f3 !important;
}
.desktop_left_posts .chamoshof {
padding: 11px 5px;
border: 1px solid #a4a4a4;
border-radius: 15px;
position: sticky;
top: 7px;
margin-top: 15px;
}
.desktop_left_posts .chamoshof .buttum {
display: flex;
justify-content: center;
margin-top: 15px;
}
.desktop_left_posts .chamoshof * {
font-size: 14px;
}
.desktop_left_posts .chamoshof .sdaatt {
display: flex;
justify-content: space-between;
}
.desktop_left_posts .chamoshof .secccndDivsss span {
font-family: var(--farsi_bold_font);
font-size: 17px;
}
.desktop_left_posts .chamoshof .buttum button {
width: 70%;
padding-top: 10px;
padding-bottom: 10px;
}
.desktop_left_posts .chamoshof .rialPceOrgin {
margin-bottom: 25px;
}
.desktop_left_posts .chamoshof .rialPceOrgin * {
color: #757575;
}
.desktop_left_posts .chamoshof .nammeooffthemaahha {
text-align: center;
font-size: 0.9rem;
margin-bottom: 15px;
color: #dc3545;
font-family: var(--farsi_bold_font);
}
.desktop_left_posts .chamoshof .mizansentakhfif {
color: #ec0000;
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.desktop_left_posts .chamoshof .divvv1 {
display: flex;
justify-content: center;
margin-top: 15px;
}
.desk_size_header {
display: none;
}
@media only screen and (min-width: 352px) {
.showmenutext {
display: block !important;
}
}
@media only screen and (min-width: 375px) {
.namayeshe_logat {
margin: 0;
}
body .moveable_header_mobile .in_me .moveable_in_div {
margin: 0 8px;
}
body .moveable_header_mobile .search_my {
margin: 0 10px;
}
body .moveable_header_mobile .moveable_in_div a,
body .moveable_header_mobile .moveable_in_div p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
header .mob_header_top {
background-position: 0px -32px;
}
.posts_desc .avngqpo img {
width: 65%;
}
.nav-sidebar {
width: 60%;
max-width: 350px;
}
.firstpageOxford {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.main_Oxford_all .oxfordImage img {
width: 100%;
}
.main_Oxford_all .oxfordImage {
width: 300px;
}
.Mob_buttn_kharid .divvv1 {
width: unset;
}
.main_Oxford_all .wrodsAndMenu .alphabeticList {
display: none;
}
.alphabeticListFortablet {
display: flex;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet {
display: flex;
flex-direction: column;
width: 250px;
padding-top: 5px;
padding: 5px;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet .firstMenuChoice {
display: flex;
justify-content: center;
font-size: 16px;
height: 32px;
align-items: center;
border: 1px solid #78b5eb;
background-color: #afcdfd;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul {
display: flex;
flex-direction: column;
width: 99%;
border-top: unset;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul .ativeLi span {
background-color: #474af1;
border-radius: 7px;
color: #fff;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul li {
text-align: center;
line-height: 2px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
margin: 1px 0;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul li a:hover {
color: #fff;
background-color: #111;
border-radius: 6px;
}
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul li a,
.main_Oxford_all .wrodsAndMenu .alphabeticListFortablet ul li span {
font-size: 16px;
color: #111;
line-height: 30px;
width: 100%;
text-align: center;
}
.loghatListNavi .topNavig {
margin-top: 0;
}
.loghats {
background-color: #fff;
padding-left: 10px;
}
.loghatListNavi {
width: 350px;
}
.main_Oxford_all {
display: flex;
flex-direction: column;
}
.wrodsAndMenu {
display: flex;
flex-direction: row;
direction: ltr;
background-color: #ddd;
border: 1px solid #ccc;
border-radius: 7px;
max-width: max-content;
max-width: fit-content;
margin: auto;
}
.Mob_buttn_kharid .divv2 {
justify-content: space-around;
}
.pang_jome_tabl,
.pang_jome_tabl a {
display: flex;
width: 100%;
}
.pang_jome_tabl img {
width: 100%;
}
header .styling-header {
padding: 0 15px;
}
.diction_saerch_box form input {
width: 600px;
}
.footer .aboutsite a {
margin: 0 10px !important;
}
.diction_saerch_box {
align-items: center;
}
.ente_sea_secti {
padding: 0 60px;
}
.diction_saerch_box form {
width: max-content;
}
.menu-main-name2 {
margin-top: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: center;
}
.dovomi {
margin-top: 16px;
}
body main .posts-and-posts {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: center;
}
body header .headerp p {
padding: 12px 0;
line-height: 21px;
}
body .moveable_header_mobile {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.nav-sidebar {
display: none;
}
.moveable_header_mobile {
padding: 5px 10px;
}
footer .footer .special {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
footer .footer {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: center;
}
.casts-bio {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 98%;
background-color: #ccc;
margin: 0 auto;
margin-bottom: 10px;
border-radius: 0;
}
.cast-name {
width: 98%;
text-align: center;
margin: 5px auto 0 auto;
background-color: #bbb;
border-radius: 10px 10px 0 0;
}
.cast-name p {
padding: 10px;
border-bottom: 1px solid #aaa;
}
.cast-name h1 {
padding: 10px;
border-bottom: 1px solid #aaa;
}
.cast-image {
width: 35%;
margin: 0 auto;
padding: 5px;
}
.cast-image img {
width: 100%;
}
.cast-biography {
width: 60%;
padding: 10px;
border-top: 1px solid #ddd;
}
.cast-biography p {
text-indent: 20px;
}
.cast-biography a span {
font-size: 20px;
}
.cast-biography2 a span {
font-size: 20px;
}
.cast-biography h1 {
font-size: 20px;
line-height: 30px;
text-indent: 20px;
}
.cast-biography h2 {
text-indent: 20px;
}
.cast-biography2 {
width: 95%;
padding: 10px;
padding-top: 0;
}
.cast-biography2 h1 {
font-size: 20px;
line-height: 30px;
text-indent: 15px;
}
.cast-biography2 h2 {
font-size: 20px;
line-height: 30px;
text-indent: 15px;
}
.load-more-bio p {
width: 150px;
font-size: 18px;
color: blue;
cursor: pointer;
margin: 0 auto;
padding: 5px;
}
.menu-main-name {
width: 97.6%;
}
.catagory-social-link .soroshsocial {
top: 9px;
left: 92px;
}
.article-date .soroshsocial {
top: 7px;
left: 91px;
}
.fa-align-justify {
font-size: 35px !important;
}
/*for set the distanc bitwin links when screen size has changed*/
.sss,
.aaa {
top: -2px;
left: 6px;
}
.aparat-link {
top: 10px;
}
.aparat-link a {
font-size: 20px;
}
.comments textarea {
width: 690px !important;
}
.form-error {
font-size: 20px;
}
.form-message {
margin: 0px 100px 10px 0;
padding-bottom: 5px;
}
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
/*styling main for tablet size/*/
.not-found-img {
width: 80%;
margin-right: 80px;
}
.not-found-text {
right: 260px;
}
main .all-content .my-posts .front-page {
margin: 5px 5px;
}
.comment-name-design {
font-size: 18px;
}
.comment-date-design {
font-size: 18px;
left: 20px;
}
.answer-comment-button {
left: 20px;
}
.comment-comment-design {
color: #111;
}
.article-title h1 {
text-align: center !important;
}
/*****************************************/
/*styling contact us for tablet */
/*****************************************/
.pagination-secend a {
font-size: 30px;
padding: 8px 18px;
margin: 0 5px;
}
.pagination-secend p {
font-size: 30px;
padding: 8px 0px;
margin: 0 5px;
}
footer .footer {
margin: 0px 0px 0px 0px;
padding: 22px 10px;
padding-bottom: 0;
}
footer .footer .special {
width: 400px;
}
footer .footer .special .footer-paragraph {
font-size: 20px;
color: #535353;
}
footer .footer .special .footer-post {
width: 100%;
height: 90px;
margin: 5px 0px 5px 0px;
}
footer .footer .special .footer-post .footer-post-image {
width: 100px;
height: 88px;
}
footer .footer .special .footer-post .footer-post-image img {
width: 100px;
height: 87px;
margin-right: 1px;
}
footer .footer .special .footer-post .footer-post-discription {
width: 280px;
}
footer .footer .special .footer-post .footer-post-discription p {
font-size: 18px;
line-height: 25px;
}
footer .footer .special .footer-post .footer-post-discription p {
color: #535353;
}
footer .footer .about-us p {
color: #eee;
font-size: 20px;
}
footer .footer .social-media {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
align-items: center;
}
footer .footer .social-media div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
footer .footer .social-media a {
margin: 10px 0;
}
footer .footer .social-media a img {
width: 50px;
}
footer .footer .social-media a {
opacity: 1;
}
footer .footer .social-media a:hover {
-webkit-filter: brightness(140%) contrast(140%);
-moz-filter: brightness(140%) contrast(140%);
filter: brightness(140%) contrast(140%);
-ms-transition: 0.2s filter linear;
-o-transition: 0.2s filter linear;
-webkit-transition: 0.2s filter linear;
transition: 0.2s filter linear;
}
.article-date p {
padding: 5px 0 5px 0;
}
.catagory-social-link p {
padding: 5px 10px 5px 0;
}
.fa-telegram,
.fa-instagram,
.fa-video,
.fa-youtube {
font-size: 24px;
bottom: 2px;
}
.fa-telegram {
left: 80px;
}
.fa-instagram {
left: 10px;
}
.fa-video {
left: 47px;
}
.fa-youtube {
left: 90px;
}
.article-itself p span,
.article-itself h2 span {
color: blue;
}
.article-video {
-webkit-flex-basis: 97.5%;
flex-basis: 97.5%;
}
.article-date-time {
display: block;
top: 1px;
right: 180px;
}
footer .footer .special .footer-post .footer-post-discription p span {
font-size: 14px;
}
}
@media only screen and (min-width: 800px) {
.pay_pages .middle_east {
width: 42%;
box-shadow: 0 0 12px 0 #800404;
}
.pay_pages .pay_mara {
height: 96vh;
}
.pay_pages .out_link {
max-width: 420px;
}
}
/* Styling site for desktop size*/
/*************************************
******************************************
********************************************/
@media only screen and (min-width: 1000px) {
header {
display: none;
}
.desk_size_header {
min-width: 320px;
height: max-content;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
.desk_size_header .headerp {
font-size: 24px;
text-align: center;
padding: 0px 0px 0 0;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.desk_size_header .headerp p {
padding-top: 10px;
color: #fff;
}
.desk_size_header .styling-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
justify-content: space-between;
align-items: center;
}
.desk_size_header .styling-header div a {
color: #f3f3f3;
line-height: 60px;
white-space: nowrap;
}
.desk_size_header .search-engin-field {
display: flex;
align-items: center;
}
.desk_size_header .search-engin-field img {
width: 27px;
height: 27px;
cursor: pointer;
}
.desk_size_header .search-engin-field .cantactus {
margin-left: 12px;
}
.desk_size_header .styling-header .header_linklks {
display: flex;
align-items: center;
margin-left: auto;
}
.desk_size_header .styling-header .header_linklks div {
margin: 0 3px;
padding: 0 5px;
}
.desk_size_header .headerp p {
font-family: var(--farsi_bold_font);
font-size: 20px;
line-height: 46px;
text-align: center;
}
.desk_size_header .styling-header {
padding: 0 15px;
}
.desk_size_header .headerp p {
padding: 12px 0;
line-height: 21px;
}
.desk_size_header .left_sideofdeskmenu {
display: flex;
}
.desk_size_header .left_sideofdeskmenu div {
color: #111;
margin-left: 33px;
display: flex;
justify-content: center;
align-items: center;
}
.desk_size_header .left_sideofdeskmenu a {
display: flex;
justify-content: center;
align-items: center;
}
.desk_size_header .special_posts_for_header {
position: relative;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg {
position: absolute;
top: calc(100vh - 83vh);
z-index: 1;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: auto;
right: 0;
left: 0;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg div img {
transition: transform .2s;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg div img:hover {
transform: scale(1.03);
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg a {
padding: 12px 26px;
display: inline-block;
border-width: 1px;
border-style: solid;
border-radius: 18px;
max-width: 100%;
box-shadow: none;
transform: none;
transition: all .3s ease-in-out;
background: #0ed88c;
color: #141313;
border-color: rgba(0, 0, 0, 0);
line-height: 1.5;
display: flex;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg a img {
width: 25px;
margin-right: 8px;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg a:hover {
background: #22aaaa;
color: #fff;
}
.desk_size_header .special_posts_for_header .butmForSpacialPostImg div {
flex-basis: 40%;
}
.desk_size_header .styling-header {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 60px;
background-color: #195873;
padding: 0 5px 0 9px;
overflow: auto;
z-index: 500;
}
.desk_size_header .mob_header_top .header_top_menus {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 43px;
background-color: #fcfcfcd9;
padding: 0 14px;
display: flex;
justify-content: flex-end;
}
.desk_size_header .mob_header_top .header_top_menus a,
header .mob_header_top .header_top_menus p {
display: flex;
align-items: center;
cursor: pointer;
}
.desk_size_header .mob_header_top img {
width: 100%;
}
.desk_size_header .mob_header_top {
width: 100%;
position: relative;
display: flex;
height: calc(100vh + 30px);
background-repeat: repeat-y;
background-attachment: fixed;
background-size: 100vw;
background-position: bottom;
background-color: #195873;
}
.nav-sidebar {
width: 30%;
}
.all-content a,
.all-content p,
.all-content h3,
.all-content h4,
.all-content h5,
.all-content h6 {
font-size: 1rem;
line-height: 2rem;
letter-spacing: 0.2px;
}
body .menu-main-name-desk {
width: 835px;
margin-top: 50px;
}
.pang_jome {
display: none;
}
.words .word-defenition div .word-sample a {
display: unset;
min-width: unset;
border: unset;
border-radius: unset;
margin: unset;
}
.desktop_left_posts {
display: flex;
margin-right: 15px;
flex-direction: column;
max-width: 245px;
}
.desktop_left_posts .innerpostsDesktopDiv {
width: 230px;
display: flex;
height: max-content;
flex-direction: column;
flex-flow: column;
justify-content: center;
align-items: center;
border: 1px solid #363639;
border-radius: 10px;
/* background-color: #191970; */
padding: 12px 5px;
}
.desktop_left_posts .innerpostsDesktopDiv div a {
background-color: #fff;
color: #050505;
border-radius: 12px;
font-size: 15px;
padding: 8px 10px;
cursor: pointer;
border-color: #504f52;
}
.desktop_left_posts .innerpostsDesktopDiv div {
margin-top: 25px;
}
.desktop_left_posts .innerpostsDesktopDiv p {
font-size: 15px;
line-height: 30px;
text-align: center;
}
.mbilePersoationposts {
display: none;
}
.special_discription {
border: 1px solid #999;
box-shadow: 0 0 3px 0 #4a4646;
margin-top: 21px;
margin-bottom: 11px;
}
.videorahnama504_1 {
width: 70%;
}
.Mob_buttn_kharid {
display: none;
}
.pang_jome_tabl {
display: none;
}
.pang_jome_desk,
.pang_jome_desk a {
display: flex;
/* width: 100%; */
justify-content: center;
background-color: #cf0a0b;
line-height: 2.5rem;
color: #fff;
padding: 0 12px;
/* border-right: 3px solid white; */
/* border-radius: 17px; */
/* border-left: 3px solid white; */
}
.pang_jome_desk a {
border-right: 2px solid #111;
border-radius: 17px;
border-left: 2px solid #111;
background-color: #1e1e1e;
}
.pang_jome_desk a:hover {
border-right: 2px solid #db1515;
border-left: 2px solid #db1515;
background-color: #db1515;
}
.pang_jome_desk a img {
width: 100%;
max-width: 1100px;
}
body main .posts-and-posts {
justify-content: center;
justify-content: space-between;
}
main .all-content .the-post:hover {
box-shadow: 0 0 7px 2px #b0afaf;
}
.mob_ad_dsin {
display: none;
}
.dovomi {
margin-top: 26px;
}
.namayeshe_logat a {
color: #444 !important;
}
.article-date-time {
width: unset !important;
position: unset;
}
.tabl_cha img {
transition: transform 0.5s ease;
}
.tabl_cha:hover img {
transform: scale(1.03);
}
body .index_h1_stayle h1 {
font-size: 29px;
}
body .por_bazdidha {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 25px 34px 0 34px;
}
body .h2_and_first h2 {
font-family: var(--farsi_bold_font);
font-size: 20px;
color: #222;
border-right: 3px solid red;
padding: 3px;
padding-right: 5px;
}
body .h2_and_first h3 {
margin: 20px 0px 0 0px;
font-size: 15px;
color: #4f4c4c;
}
body .mataleb_por_bazdid {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
body .desky_mention {
line-height: 29px;
margin: 20px auto;
border: 2px dashed #aaa;
padding: 10px 30px;
border-radius: 63px;
text-align: center;
color: #403d3d;
font-size: 15px;
}
body .desky_mention .numb {
font-family: var(--farsi_regular_font);
}
body main .all-content {
padding: 8px;
margin: auto;
position: relative;
}
body main .content-pull-up {
padding: 8px;
margin: auto;
position: relative;
top: -170px;
z-index: 10;
background: #fff;
max-width: 80%;
border-radius: 16px;
box-shadow: rgba(52, 70, 66, 0.08) 2px 2px 16px 5px;
}
.home_page_body_style .all-content {
-webkit-justify-content: center;
justify-content: center;
}
body .all-content .menu-main-name {
display: none;
}
body footer .footer .about-us {
display: none;
}
.scrollToTop {
opacity: 0.9;
}
.scrollToTop .fa-angle-up {
font-size: 48px;
color: #fff;
position: relative;
top: -5px;
right: -1px;
}
.scrollToTop .fa-angle-up:hover {
color: orange;
}
.scrollToTop:hover {
opacity: 1;
background-color: #aaa;
}
.moveable_header_mobile {
display: none !important;
}
.menu-main-name {
padding-top: 14px;
width: 95%;
margin: 17px 0px 15px 10px;
border-bottom: 0;
}
.menu-main-name a {
font-size: 18px;
padding: 5px 35px 5px 5px;
color: #1a73e8 !important;
background-color: #fff;
border: 2px solid #222;
border-radius: 15px;
box-shadow: unset;
}
.menu-main-name a:hover,
.menu-main-name span:hover {
color: green !important;
transition: 0.2s color linear;
}
.menu-main-name .fa-film,
.menu-main-name .fa-book,
.menu-main-name .fa-laptop,
.menu-main-name .fa-book-reader {
display: block;
position: absolute;
right: 6px;
top: 11px;
}
.menu-main-name .fa-book {
right: 8px;
top: 12px;
}
.menu-main-name2 .fa-film,
.menu-main-name2 .fa-book,
.menu-main-name2 .fa-laptop,
.menu-main-name2 .fa-book-reader {
display: block;
position: absolute;
right: 6px;
top: 11px;
}
.menu-main-name2 .fa-book {
right: 8px;
top: 12px;
}
.catagory-social-link .soroshsocial {
top: 10px;
left: 87px;
}
.catagory-social-link .sorosh-social {
width: 21px;
}
.article-video {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.desktop-header-image {
display: block;
}
.desktop-mode-menu {
position: sticky;
top: 0px;
width: 100%;
height: 45px;
margin: 0 auto 0px auto;
/* give opacity to menu */
background: #48262f;
z-index: 1000;
}
.desktop-mode-menu ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.desktop-mode-menu ul .desktop-inner-menu {
display: none;
}
.desktop-mode-menu .desktop-inner-menu li a {
padding: 0 !important;
}
/*for set the distanc bitwin links when screen size has changed*/
.desktop-mode-menu ul li {
margin: 0 0;
position: relative;
}
.desktop-mode-menu ul li:hover {
background-color: #915d37;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.desktop-mode-menu ul:nth-child(1) {
padding-right: 15px;
margin-right: 20px;
}
.desktop-mode-menu ul:nth-child(1) a {
padding: 0px 0px 0 25px;
}
.fa-home {
padding: 0;
margin: 0;
border: none;
font-size: 24px;
padding-top: 0px;
color: #fff;
}
.desktop-mode-menu .far,
.fa-envelope {
padding-left: 10px;
margin: 0;
border: 0;
font-size: 24px;
padding-top: 0px;
color: #fff;
font-weight: 900;
}
.desktop-mode-menu ul li a {
display: block;
font-size: 23px;
color: #eee;
padding: 0px 26px;
margin: 0 8px;
line-height: 45px;
text-shadow: 0 0 3px rgba(0, 105, 120, 0.5);
}
.desktop-mode-menu ul li:hover .desktop-inner-menu {
display: block;
position: absolute;
background-color: #ddd;
padding: 10px 10px;
border-radius: 0 0 8px 8px;
margin-right: 0;
z-index: 1;
top: 45px;
}
.desktop-mode-menu ul li ul li {
width: 300px;
margin-left: auto;
margin-right: auto;
background-color: #cdc7c6;
margin: 2px 8px;
text-align: center;
border-radius: 3px;
}
.desktop-mode-menu ul li ul li a {
font-size: 19px;
color: #111;
text-shadow: none;
}
.desktop-mode-menu ul li ul li:hover {
background-color: #999;
border-radius: 5px;
}
.desktop-mode-menu i {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.arrow-left {
transform: rotate(45deg);
}
.not-found-img {
width: 50%;
margin-right: 270px;
margin-top: 70px;
}
.not-found-text {
right: 430px;
}
main,
footer {
width: 100%;
margin: 0 auto;
}
footer {
margin-top: auto;
border-top: 1px solid #eee;
}
main .posts-and-posts {
-webkit-justify-content: center;
justify-content: center;
}
.trapezoid {
margin-right: 35px;
}
.trapezoid p {
padding-top: 3px;
font-size: 20px;
}
main .poster {
display: none;
}
main .all-content {
margin-right: 0px;
margin-bottom: 35px;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: center;
justify-content: center;
margin-left: 30px;
}
main .cases-all-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 10px 0 0;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
main .cases-all-content .posts {
display: block;
width: 250px;
background-color: #fff;
margin: 5px 10px 10px auto;
box-shadow: 0 0 4px #111;
opacity: 1;
}
main .cases-all-content .posts:hover {
opacity: 1;
}
main .cases-all-content .posts p {
font-size: 20px;
line-height: 40px;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
color: #111;
}
main .desk-menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
margin: 0px 0px;
width: 810px;
}
main .desk-menu .main-cases {
width: 100%;
background-color: #fff;
margin: 5px auto 5px auto;
}
main .desk-menu .main-cases {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 790px;
height: 200px;
background-color: #fff;
box-shadow: 0px 0px 5px 2px #000000 inset;
}
main .desk-menu .main-cases .case-image {
width: 250px;
height: 200px;
position: relative;
}
main .desk-menu .main-cases .case-image img {
width: 245px;
height: 196px;
margin: 2px 2px 0px 0px;
}
main .desk-menu .main-cases .case-image .case-top-right {
position: absolute;
top: 8px;
right: 10px;
font-size: 22px;
padding: 8px 10px 10px 0;
color: #111;
width: 200px;
height: 20px;
background-color: pink;
margin-bottom: 2px;
}
main .desk-menu .main-cases .case-discription {
width: 520px;
margin: auto 5px auto 0;
}
main .desk-menu .main-cases .case-discription ul {
background-color: inherit;
margin: auto 5px auto 0;
}
main .desk-menu .main-cases .case-discription ul li {
line-height: 40px;
text-align: right;
}
main .desk-menu .main-cases .case-discription ul li:nth-child(1) {
display: none;
}
main .desk-menu .main-cases .case-discription ul li a {
color: #000;
font-size: 30px;
}
main .desk-menu .main-cases .case-discription ul li p {
font-size: 20px;
line-height: 30px;
}
/*styling contact us for desktop */
main .cantact-posts-form .posts {
display: block;
}
main .cantact-posts-form .posts p {
font-size: 24px;
text-align: center;
line-height: 35px;
font-style: italic;
margin-left: 5px;
margin-right: 5px;
margin-top: 40px;
color: #9932cc;
}
.pagination-secend {
max-width: 100%;
background-color: #f3f3f3;
margin: 0px auto 0px auto;
border-top: 1px solid #ddd;
padding: 2px 0px;
}
.pagination-secend a {
color: #111;
font-size: 20px;
padding: 8px 18px;
margin: 0 5px;
}
.pagination-secend p {
font-size: 20px;
padding: 8px 0px;
margin: 0 5px;
}
main .posts-and-posts .posts {
display: block;
width: 250px;
background-color: #fff;
margin: 85px 2px 35px auto;
position: relative;
box-shadow: 0 0 2px #111;
opacity: 1;
}
main .posts-and-posts .posts:hover {
opacity: 0.9;
}
main .posts-and-posts .posts p {
font-size: 18px;
line-height: 40px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
color: #444;
}
main .posts-and-posts .postss {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
/*background-color: #fff;*/
border-radius: 9px;
margin-top: 5px;
height: 100%;
}
main .posts-and-posts .postss .first-postss {
position: relative;
background-color: #fff;
box-shadow: 0 0 2px #111;
opacity: 1;
/*height: 50%;*/
}
main .posts-and-posts .postss .first-postss:hover {
opacity: 1;
}
main .posts-and-posts .postss .second-postss {
display: none;
position: relative;
height: 50%;
}
main .posts-and-posts .postss p {
text-indent: 0;
padding-top: 40px;
font-size: 18px;
line-height: 40px;
width: 250px;
margin: 15px 10px;
color: #444;
}
footer .footer {
padding: 10px 30px 5px 30px;
align-items: center;
}
footer .footer .special {
width: 426px;
}
footer .footer .special .footer-paragraph {
font-size: 16px;
text-align: right;
color: #535353;
}
footer .footer .special .footer-paragraph .material-icons {
font-size: 22px;
}
footer .footer .special .footer-post {
width: 380px;
height: 65px;
border-radius: 5px;
box-shadow: unset;
border: 1px solid #535353;
}
footer .footer .special .footer-post .footer-post-image {
width: 86px;
height: 65px;
}
footer .footer .special .footer-post .footer-post-image img {
width: 85px;
height: 62.5px;
border-radius: 5px;
}
footer .footer .special .footer-post .footer-post-image img:hover {
-webkit-filter: brightness(120%) contrast(120%);
-moz-filter: brightness(120%) contrast(120%);
filter: brightness(120%) contrast(120%);
-ms-transition: 0.2s filter linear;
-o-transition: 0.2s filter linear;
-webkit-transition: 0.2s filter linear;
transition: 0.2s filter linear;
}
footer .footer .special .footer-post .footer-post-discription {
width: 275px;
}
footer .footer .special .footer-post .footer-post-discription p {
font-size: 14px;
color: #535353;
}
footer .footer .social-media {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
padding-top: 18px;
margin: auto 0 auto 35px;
}
footer .footer .social-media a img {
width: 65px;
margin: 10px 10px;
}
footer .footer .social-media a {
margin-left: 55px;
}
footer .footer .about-us {
display: block;
width: 300px;
height: 210px;
margin-top: 63px;
}
footer .footer .about-us h2 {
font-size: 25px;
color: #fff;
text-align: center;
padding-bottom: 5px;
border-bottom: 2px solid red;
}
footer .footer .about-us .lord-chesterfild {
font-size: 25px;
color: #aaa;
text-align: center;
padding-bottom: 5px;
padding-top: 10px;
}
footer .footer .about-us p {
color: #aaa;
font-size: 18px;
text-align: center;
line-height: 35px;
padding-right: 15px;
padding-left: 15px;
padding-top: 0px;
}
footer .footer .about-us h1 {
color: #aaa;
font-size: 18px;
text-align: center;
line-height: 35px;
padding-right: 10px;
padding-left: 10px;
padding-top: 0px;
}
.main-article {
width: unset;
background-color: #fff;
}
.article-title {
-webkit-flex-basis: auto;
flex-basis: auto;
text-align: center;
z-index: 2;
}
.catagory-title {
-webkit-flex-basis: 100%;
flex-basis: 100%;
text-align: center;
margin-right: 20px;
margin-left: 25px;
}
.catagory-title h1 {
color: #111;
}
.article-date {
-webkit-flex-basis: auto;
flex-basis: auto;
position: relative;
z-index: 2;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.catagory-social-link {
-webkit-flex-basis: 100%;
flex-basis: 100%;
position: relative;
margin-right: 20px;
margin-left: 25px;
}
.article-date p {
padding: 5px 0 5px 0;
width: unset !important;
}
.catagory-social-link p {
padding: 5px 10px 5px 0;
width: 30%;
}
.fa-telegram,
.fa-instagram,
.fa-video,
.fa-youtube {
font-size: 24px;
position: absolute;
bottom: 3px;
margin: 0 0px;
}
.fa-telegram {
left: 92px;
font-size: 24px !important;
}
.fa-instagram {
left: 9px;
}
.fa-video {
font-size: 27px;
left: 47px;
font-weight: 900;
top: 6px;
}
.article-date .fa-video {
font-size: 27px;
left: 47px;
font-weight: 900;
top: 3px;
}
.article-date .soroshsocial .sorosh-social {
width: 21px;
}
.article-date .soroshsocial {
top: 6px;
left: 90px;
}
.fa-youtube {
left: 90px;
}
.article-main-img {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.article-main-img:hover {
-webkit-filter: brightness(110%) contrast(110%);
-moz-filter: brightness(110%) contrast(110%);
filter: brightness(110%) contrast(110%);
-ms-transition: 0.2s filter linear;
-o-transition: 0.2s filter linear;
-webkit-transition: 0.2s filter linear;
transition: 0.2s filter linear;
}
.article-itself {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.article-itself p span,
.article-itself h2 span {
color: blue;
}
.article-itself p .article-persian-span,
.article-itself h2 .article-persian-span {
color: blue;
}
.comment-answer-section {
-webkit-flex-basis: 97%;
flex-basis: 97%;
}
.article-links {
-webkit-flex-basis: 97%;
flex-basis: 97%;
}
.main-video-catagory {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.catagory-corent-video {
margin: 5px auto 5px 25px;
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
-webkit-flex-basis: 60%;
flex-basis: 60%;
background-color: #fff;
border: 1px solid #ccc;
}
.catagory-corent-video iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 60%;
z-index: 1;
}
.source-link {
display: none;
}
.videos-list {
-webkit-flex-basis: 35%;
flex-basis: 35%;
border: 1px solid #ccc;
height: 370px;
overflow: auto;
margin-bottom: 10px;
background-color: #eee;
margin-top: 5px;
margin-right: 20px;
padding: 0px 5px 10px 5px;
}
.videos-list .video-list-catagory {
width: 100%;
height: 69px;
background-color: #fff;
margin: 5px 0px;
}
.videos-list .video-list-catagory:hover {
-webkit-filter: brightness(110%) contrast(110%);
-moz-filter: brightness(110%) contrast(110%);
filter: brightness(110%) contrast(110%);
-ms-transition: 0.2s filter linear;
-o-transition: 0.2s filter linear;
-webkit-transition: 0.2s filter linear;
transition: 0.2s filter linear;
}
.videos-list .video-list-catagory .video-list-catagory-image img {
width: 80px;
height: 69px;
}
.videos-list .video-list-catagory .video-list-catagory-discription {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
margin-top: 0px;
}
.video-discription {
display: block;
position: absolute;
top: 385px;
margin: 0 15px;
}
.main-social-media {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
position: fixed;
left: 0;
top: 250px;
z-index: 20;
}
.apar,
.you,
.tele,
.insta {
width: 50px;
opacity: 0.7;
}
.apar:hover,
.you:hover,
.tele:hover,
.insta:hover {
opacity: 1;
}
.main-social-media img {
width: 100%;
}
.comments textarea {
width: 755px !important;
}
.poshesh {
width: 1080px;
position: absolute;
height: 70px;
background-color: #fff;
margin-top: 3px;
margin-right: 10px;
border: 1px solid #eee;
}
.search-engin-field {
cursor: pointer;
}
.search-fieldss {
display: none;
position: absolute;
z-index: 2000000;
right: 760px;
}
.sss,
.aaa {
position: absolute;
left: 13px;
opacity: 0.8;
top: 13px;
width: 25px;
}
.sss:hover,
.aaa:hover {
opacity: 1;
}
.sss,
.aaa {
position: absolute;
left: 13px;
opacity: 0.8;
top: 10px;
width: 25px;
padding: 0;
}
.sss:hover,
.aaa:hover {
opacity: 1;
}
.video-discription-mobile {
display: none;
}
.article-title h1 {
font-size: 24px;
}
.copyRight {
width: 100%;
margin: 0 auto;
padding-top: 3px;
padding-bottom: 3px;
text-align: right;
border: unset;
}
.copyRight p {
font-size: 14px;
text-align: center;
}
.copyRight span {
font-family: var(--engl_first_font);
font-size: 12px;
}
.copyRight h1 {
font-size: 16px;
padding: 55px 10px 0px 10px;
}
.copyRight1 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding-top: 3px;
padding-bottom: 3px;
text-align: right;
box-shadow: 0 0 10px 0 #000 inset;
}
.copyRight1 p {
font-size: 14px;
padding: 3px 50px 3px 0;
}
.copyRight1 h1 {
width: 910px;
font-size: 16px;
padding: 3px 10px 3px 10px;
}
.copyRight1 h6 {
display: block;
font-family: var(--engl_first_font);
direction: ltr;
text-align: left;
width: 550px;
font-size: 14px;
padding: 12px 0 0 20px;
}
.postdivision {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row;
background-color: #fff;
box-shadow: 0 0 10px 0 #888;
}
.source-link-desktop {
display: block;
text-align: center;
margin-bottom: 5px;
}
.casts-bio {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
background-color: #ddd;
margin: 0 auto;
margin-bottom: 10px;
border-radius: 0;
margin-right: 0px;
}
.cast-name {
width: 100%;
text-align: center;
margin: 5px 0px 0 auto;
background-color: #bbb;
border-radius: 10px 10px 0 0;
}
.cast-name p {
padding: 10px;
border-bottom: 1px solid #aaa;
}
.cast-name h1 {
padding: 10px;
border-bottom: 1px solid #aaa;
}
.cast-image {
width: 35%;
margin: 0 auto;
padding: 5px;
}
.cast-image img {
width: 100%;
}
.cast-biography {
width: 60%;
padding: 10px;
border-top: 1px solid #ddd;
}
.cast-biography h1 {
font-size: 22px;
line-height: 32px;
text-indent: 20px;
}
.cast-biography2 {
width: 100%;
padding: 10px;
padding-top: 0;
}
.cast-biography2 h1 {
font-size: 22px;
line-height: 32px;
text-indent: 15px;
}
.cast-biography2 h2 {
font-size: 22px;
line-height: 32px;
text-indent: 15px;
}
.load-more-bio p {
width: 150px;
font-size: 18px;
color: blue;
cursor: pointer;
margin: 0 auto;
padding: 5px;
}
.box-shadow-effect {
width: 100%;
margin: 0 auto;
box-shadow: 0 0 5px 5px #000;
}
.more-ditale-about-lesson {
display: block;
width: 1050px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #aaa;
}
.more-ditale-about-lesson h3 {
font-size: 24px;
margin-bottom: 10px;
padding-right: 10px;
}
.more-ditale-about-lesson p {
font-size: 23px;
line-height: 35px;
text-indent: 25px;
}
.more-ditale-about-lesson p .persian-text {
color: green;
}
.more-ditale-about-lesson p .english-text {
font-family: var(--engl_first_font);
color: green;
font-size: 22px;
}
.more-ditale-about-lesson p .video-ditsle-refrence {
color: #1a73e8;
}
.desktop-mode-menu {
position: relative;
}
.user_header_menu {
max-width: 180px;
position: absolute;
right: 285px;
overflow: hidden;
white-space: nowrap;
}
.user_header_menu_link,
.user_header_menu_link_pre {
overflow: hidden;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
padding: 0 !important;
padding-right: 2px !important;
direction: ltr;
font-size: 23px !important;
color: #21e3ff !important;
}
.user_header_menu_link {
position: relative;
}
.user_header_menu_link i {
position: absolute;
}
.user_header_menu_link_pre {
font-size: 23px !important;
color: #fff !important;
direction: rtl;
line-height: 45px;
padding: 0 6px !important;
}
.user_header_menu_link_pre:hover {
background-color: #aaa;
}
.user_header_menu_link {
font-size: 24px !important;
line-height: 45px;
padding: 0 6px !important;
color: #ffa04a !important;
text-shadow: 1px 1px black;
font-weight: 400;
padding-top: 0px !important;
}
.user_header_menu_link:hover {
background-color: #aaa;
}
.desktop-mode-menu ul li ul li a {
text-align: center !important;
}
.desktop-mode-menu {
background: #311c0d;
}
.kobdarlogo img {
height: unset;
border-radius: 0;
border: unset;
box-sizing: unset;
}
.kobdarlogo {
right: 475px;
top: -21px;
}
.kobdarlogo a {
padding: 0 !important;
}
.desktop-mode-menu ul li {
height: 45px;
}
.koobdar_main_page_nast_img,
.koobdar_cases_nast_img {
width: 70px;
margin-top: 5px;
}
.koobdar_main_page_nast_anker,
.koobdar_cases_nast_anker {
line-height: 19px !important;
}
.koobdar_cases_nast_img {
width: 56px;
}
.koobdar_cases_nast_anker i {
right: 62px !important;
}
.koobdar_cantact_nast_anker {
line-height: 19px !important;
}
.koobdar_cantact_nast_img {
width: 65px;
margin-top: 3px;
}
.koobdar_cantact_nast_anker i {
top: 11px !important;
right: 8px !important;
font-size: 22px !important;
}
.koobdar_signin_nast_img {
width: 92px;
margin-top: 1px;
}
.desktop-mode-menu ul .cantact-us {
margin-right: 526px;
}
.desktop-mode-menu ul:nth-child(1) {
padding-right: 0;
}
body {
position: relative;
}
.desktop-header-image {
display: none;
}
.desktop-mode-menu {
background: #0c74ae;
}
.box-shadow-effect {
border-radius: 10px 10px 0 0;
box-shadow: 0 0 4px 2px #000;
}
.kooooobdar {
position: absolute;
margin: 0 0px 0 0;
width: 100%;
text-align: left;
background-color: #ff8345;
top: 0;
}
.kooooobdar_in {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.kooooobdar a {
font-size: 65px;
color: #fff;
line-height: 110px;
font-family: var(--farsi_bold_font);
}
.menu-main-name-desk .tit_nam_sec_a {
background-color: #d4e6f0;
}
.menu-main-name-desk .tit_nam_frs_a {
padding: 9px;
border: 1px solid #d4e6f0;
}
.mak_mon_pos {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 33px;
margin-top: 25px;
padding-bottom: 15px;
border-bottom: 2px solid #e6e2e2;
padding-top: 15px;
border-top: 2px solid #e6e2e2;
}
.mak_mon_pos .akse_esp {
width: 87%;
}
.mak_mon_pos .akse_esp img {
width: 467px;
border-radius: 3px;
}
.mak_mon_pos .matn_esp {
padding: 15px;
padding-left: 0;
padding-top: 24px;
}
.mak_mon_pos .matn_esp h4 {
text-align: center;
font-family: var(--farsi_bold_font);
font-size: 22px;
line-height: 40px;
color: #104088;
}
.mak_mon_pos .matn_esp p {
text-align: center;
font-size: 17px;
line-height: 39px;
margin-top: 11px;
}
#___gcse_1 {
position: absolute;
top: 45px;
width: 100%;
}
.home_page_body_style .all-content {
-webkit-flex-basis: unset !important;
flex-basis: unset !important;
}
.footer_pushesh1,
.footer_pushesh2 {
display: block;
}
.footer_pushesh1 {
position: absolute;
top: 53px;
width: 700px;
height: 3px;
background-color: #444;
right: 25%;
border-radius: 50%;
box-shadow: 0 0 1px 0;
}
.footer_pushesh2 {
position: absolute;
top: 445px;
width: 700px;
height: 3px;
background-color: #444;
right: 25%;
border-radius: 50%;
box-shadow: 0 0 1px 0;
}
footer .social-media {
display: none !important;
}
footer .desktop_social_footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
}
footer .desktop_social_footer div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
padding-right: 9px;
-webkit-justify-content: center;
justify-content: center;
}
footer .desktop_social_footer p {
font-size: 17px;
color: #535353;
padding-bottom: 20px;
text-align: center;
}
footer .desktop_social_footer div a .fa-instagram,
footer .desktop_social_footer div a .fa-youtube,
footer .desktop_social_footer div a .fa-telegram {
font-size: 36px !important;
position: unset;
left: unset;
right: unset;
top: unset;
bottom: unset;
color: #555;
}
footer .desktop_social_footer div a {
margin: 0 10px;
display: flex;
}
footer .desktop_social_footer div a p {
padding: unset;
}
footer .desktop_social_footer div a img {
width: 33px;
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
margin-top: 2px;
}
footer .desktop_social_footer div a img:hover {
-webkit-filter: unset;
/* Safari 6.0 - 9.0 */
filter: unset;
}
footer .desktop_social_footer div a .fa-instagram:hover {
color: #ab1bad;
}
footer .desktop_social_footer div a .fa-youtube:hover {
color: #dc2727;
}
footer .desktop_social_footer div a .fa-telegram:hover {
color: #1e90ff;
}
.bastehaye_amozes h2 {
padding-right: 15px;
font-size: 23px;
color: #000;
}
.desk_esp {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 40px;
}
.pansadochahar {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#___gcse_2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
direction: ltr;
}
#gsc-iw-id3 {
padding: 10px;
border-radius: 3px 0 0 3px;
}
#gsc-i-id3 {
background: unset !important;
direction: rtl;
}
.gs-visibleUrl-long {
font-size: 16px;
font-family: var(--engl_first_font);
margin: 6px 0;
color: #111 !important;
}
.desktop_big_page_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: none;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background-color: #fff;
box-shadow: 0 6px 12px 0px #c4c4c4a3;
padding: 0 10px;
z-index: 150;
}
.desktop_big_page_menu .quik_menu a {
font-family: var(--farsi_regular_font);
font-size: 17px;
color: #333;
margin: 0 7px;
line-height: 56px;
}
.desktop_big_page_menu .quik_menu a:hover {
color: #fd4800;
}
.desktop_big_page_menu .big_men_toggl {
display: flex;
align-items: center;
}
.desktop_big_page_menu .big_men_toggl img {
width: 40px;
height: 40px;
cursor: pointer;
}
.desktop_big_page_menu .sea_box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.desktop_big_page_menu .sea_box a {
color: #111;
font-family: var(--farsi_regular_font);
font-size: 17px;
color: #333;
margin: 0 7px;
line-height: 56px;
cursor: pointer;
display: flex;
align-items: center;
}
.desktop_big_page_menu .sea_box a:hover {
text-decoration: underline;
color: #111;
}
.desktop_big_page_menu .sea_box a img {
width: 24px;
height: 24px;
}
.desktop_big_page_menu .quik_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
}
.desktop_big_page_menu .sea_box {
position: relative;
}
.desktop_big_page_menu .sea_box .in_ye_mo {
font-family: var(--engl_first_font);
font-size: 17px;
color: #0f9945;
direction: ltr;
}
}
@media only screen and (min-width: 1100px) {
.desktop_big_page_menu .big_men_toggl img,
.desktop_big_page_menu .sea_box a img {
filter: brightness(0) invert(1);
}
.loghatListNavi {
width: 420px;
}
.the-post {
max-width: 290px;
margin: 9px;
}
.the-post .post-image {
width: max-content;
}
.the-post .post-image img {
max-width: 270px;
}
.main-video-catagory {
position: relative;
}
.video_posts {
display: block;
position: absolute;
top: 379px;
right: 49px;
}
body {
background-position: top;
background-size: 100%;
background-repeat: no-repeat;
}
.kooooobdar {
display: none;
}
.box-shadow-effect {
border-radius: unset;
box-shadow: unset;
width: unset;
margin: unset;
}
.desktop-mode-menu {
width: 100%;
height: unset;
border-radius: unset;
}
footer {
width: unset;
}
.copyRight {
width: unset;
}
.sss,
.aaa {
left: 0 !important;
}
#___gcse_1 {
position: absolute;
top: 45px;
width: 100%;
}
.desktop-mode-menu {
display: none;
}
.desktop_big_page_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: none;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background-color: #191970;
box-shadow: unset;
padding: 0 10px;
z-index: 150;
}
.desktop_big_page_menu .quik_menu a {
font-family: var(--farsi_regular_font);
font-size: 16px;
color: #fff;
margin: 0 7px;
line-height: 40px;
}
.desktop_big_page_menu .quik_menu a:hover {
color: #affd99;
}
.desktop_big_page_menu .big_men_toggl {
margin: 6px;
}
.desktop_big_page_menu .big_men_toggl i {
cursor: pointer;
color: #fff;
}
.desktop_big_page_menu .big_men_toggl i:hover {
color: #affd99;
}
.desktop_big_page_menu .sea_box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.desktop_big_page_menu .sea_box a {
color: #fff;
font-family: var(--farsi_regular_font);
font-size: 16px;
margin: 0 7px;
line-height: 40px;
}
.desktop_big_page_menu .sea_box a:hover {
text-decoration: underline;
color: #fff;
}
.desktop_big_page_menu .quik_menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
align-items: center;
}
.togl_menu_big {
width: 100%;
background-color: #222;
display: none;
flex-flow: column;
position: fixed;
top: 0;
bottom: 0;
padding-bottom: 20px;
overflow: auto;
z-index: 99999999;
}
.sub_menus {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 10px 15px;
-webkit-justify-content: center;
justify-content: center;
}
.sub_menus div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
margin: 26px 7px;
padding-left: 15px;
border-left: 3px dashed #2f2d2d;
}
.sub_menus div:last-child {
border-left: unset;
padding-left: 0;
}
.sub_menus div a {
font-family: var(--farsi_regular_font);
font-size: 18px;
color: #eaeff9;
margin: 10px 0;
line-height: 35px;
}
.sub_menus div a:hover {
color: #9cbdff;
}
.sub_menus div a i {
font-size: 8px;
color: #f50;
position: relative;
top: -2px;
margin-left: 3px;
}
.sub_menus div a:first-child {
color: #f50;
text-align: center;
margin-bottom: 20px;
}
.sub_menus div a:last-child {
color: #75ceff;
text-align: center;
}
.tam_ba {
text-align: center;
margin-top: 53px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-justify-content: center;
justify-content: center;
}
.tam_ba a {
color: #eee;
margin-left: 12px;
}
.tam_ba a:hover {
color: #f50;
}
.tam_ba a:first-child {
padding-left: 12px;
border-left: 2px solid #aaa;
}
.koob_knowl {
margin: 10px;
}
.koob_knowl i {
color: #fff;
font-size: 30px;
cursor: pointer;
margin-right: 10px;
}
.koob_knowl i:hover {
color: #fd5c5c;
}
.mai_koo {
text-align: center;
margin-bottom: 70px;
}
.mai_koo a {
font-family: var(--farsi_bold_font);
font-size: 26px;
padding: 14px;
color: #ff9c43;
border-bottom: 2px solid;
}
.desktop_big_page_menu .sea_box .in_ye_mo {
font-family: var(--engl_first_font);
font-size: 17px;
color: #ffbca7;
direction: ltr;
}
#___gcse_2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
direction: ltr;
}
#gsc-iw-id3 {
padding: 10px;
border-radius: 3px 0 0 3px;
}
#gsc-i-id3 {
background: unset !important;
direction: rtl;
}
.gs-visibleUrl-long {
font-size: 16px;
font-family: var(--engl_first_font);
margin: 6px 0;
color: #111 !important;
}
.posts-and-posts {
margin: 0 30px;
margin-top: 0;
margin-bottom: 17px;
}
body main .posts-and-posts {
-ms-flex-pack: distribute;
box-shadow: unset;
background-color: unset;
border-radius: 5px;
padding-top: 30px;
padding-bottom: 20px;
margin: auto;
}
main {
position: relative;
margin: auto;
}
.koo_bran {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: none;
-webkit-justify-content: center;
justify-content: center;
padding: 20px 0;
background: linear-gradient(to bottom, #191970, #32f07c 159%);
}
.koo_bran_in {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 1000px;
}
.koo_bran_in a,
.koo_bran_in p {
line-height: 100px;
color: #fff;
}
.koo_bran_in a {
font-size: 46px;
font-family: var(--engl_first_font);
}
.koo_bran_in p {
font-family: var(--farsi_bold_font);
font-size: 40px;
}
.koo_bran_in p img {
vertical-align: middle;
}
.pay_pages {
background-color: #aaa !important;
}
.main-video-catagory {
padding: 10px 20px;
}
.high_calss_box {
display: block;
position: absolute;
width: 800px;
height: 800px;
background-color: rosybrown;
right: 0;
top: 0;
z-index: 0;
}
}