/* MAIN.css */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is default CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Arga-Mag.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 2018*/
/* Author: Rayatarh*/
/* Website: http://www.RayaTarh.com */
/* Copyright: (C) 2018 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - DEFAULT STYLE */
/* 02 - HEADER */
/* 03 - MOBILE MENU */
/* 04 - MAIN MENU */
/* 05 - HOME PAGE */
/* 06 - SINGLE PAGE */
/* 07 - GATEGORY PAGE */
/* 08 - FOOTER */
/* 09 - BLOG */
/* 10 - PLUGIN OVERRIDE */
/* 11 - MEDIA QUERIES */


/* STYLE */
@import url(fonts/Font-awesome-4-6/css/font-awesome.min.css) screen;
@import url(fonts/simple-line-icons/css/simple-line-icons.css) screen;
@import url(css/bootstrap.rtl.min.css) screen;
@import url(css/animate.min.css) screen;
@import url(css/jquery.bxslider.css) screen;

/* Mixins */

@font-face {
  font-family: "iraniansans";
  src: url("fonts/iransans.eot");
  src: url("fonts/iransans.eot?#iefix") format("embedded-opentype"), url("fonts/iransans.woff") format("woff"), url("fonts/iransans.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "iraniansans";
  src: url("fonts/iransansbold.eot");
  src: url("fonts/iransansbold.eot?#iefix") format("embedded-opentype"), url("fonts/iransansbold.woff") format("woff"), url("fonts/iransansbold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------*/
/* 01 - DEFAULT STYLE */
/*-----------------------------------------------------------------------------*/

body {margin:0; font-family:"iraniansans",Tahoma ;font-size:16px !important ; line-height: 1.5; background:#F7F7F7;padding:0; margin:0;}
a{ color: #38c5b3; outline: 0 !important;
    -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
a:hover, a:focus { color: #000;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: iraniansans}
h2 {font-size: 20px;}
h3 {font-size: 19px;}

* {font-family: iraniansans}

::-moz-selection {background: #38c5b3;}
::selection {background: #38c5b3;}
.bx-viewport {direction: ltr;}
.container-fluid {max-width: 1340px; margin: 0 auto; padding-right: 15px; padding-left: 15px}
 	table, th, td {
    border: 1px solid black;
}
.widget-title{width: 80%; text-align: center; font-size: 17px; font-weight: bold; position: relative; margin: 0 auto; margin-bottom: 12px; border-bottom: 2px solid #b0b2b2; padding-bottom: 7px; padding-top: 10px;}
.widget-title .wgt-span {color:#38c5b3; padding: 1px 28px 0 0; position: relative;}
.widget-title:before {
 content: " ";
 height: 2px;
 width: 50%;
 position: absolute;
 background: #38c5b3;
 bottom: -2px;
 right: 0;
 left: 0;
 margin: auto;
}
.widget-title .wgt-span:before {
 content: "\f036";
 font-family: fontawesome;
 font-size: 20px;
 position: absolute;
 color: #38c5b3;
 top: 3px;
 right: 0;
}
.medic-box .widget-title .wgt-span:before {
  content: "";
  width: 23px;
  height: 28px;
  background: url(images/7sin.png) no-repeat 1px 1px;
}
.mb6 {margin-bottom: 6px;}
.mt8 {margin-top: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt-30 {margin-top: -30px}
.pr0 {padding-right: 0;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pl0 {padding-left: 0;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
/*select*/
.variations { position: relative; }
.variations select { position:relative; display: block; width: 100%; padding-right: 10px; color: #666; background: transparent; border: 1px solid #eeeeee; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.variations select::-ms-expand { display: none; }
.variations .select-arrow { display: block; text-align: center; background: #fff; color: #be5591; -moz-border-radius: 5px; border-radius: 5px; pointer-events: none; }
.variations.style-2 select { background: #fff; border: 1px solid #cdcdcd; color: #666; -moz-border-radius: 0px; border-radius: 0px; border: none; -moz-box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); }
.variations.style-3 select { background: #fff; color: #4a4a4a; -moz-border-radius: 0px; border-radius: 0px; border: none; -moz-box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); }
.variations.style-3 .select-arrow .fa-angle-up { position: absolute; top: 18%; right: 21px; }
.variations.style-3 .select-arrow .fa-angle-down { position: absolute; bottom: 18%; right: 21px; }
.variations.style-4 select { background: #f9f8f8; color: #4a4a4a; -moz-border-radius: 0px; border-radius: 0px; border: none; -moz-box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); box-shadow: 0px 2px 3px 0px rgba(104, 104, 104, 0.2); }
.variations.style-4 .select-arrow { background: #f9f8f8; }
.variations.size-1 select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; }
.variations.size-1 .select-arrow { width: 37px; height: 40px; line-height: 40px; }
.variations.size-2 select { height: 40px; font-size: 13px; line-height: 40px; padding: 0px 11px; }
.variations.size-2 .select-arrow { width: 37px; height: 38px; line-height: 40px; }
.variations.size-3 select { height: 40px; width: 100%; margin-right: 0 !important; line-height: 28px; padding: 0px 11px 0 30px; border: 1px solid #ccc; border-radius: 5px}
.variations.size-3 .select-arrow { width: 37px; height: 27px; line-height: 40px;  position: absolute; top:12px; left:3px; font-size: 16px; z-index: 1;}
.var-td {position: relative;}
.variations.w-170 { display: inline-block; width: 170px; }
.variations .label { font-size: 12px; line-height: 36px; font-weight: bold; color: #3498db; padding-left: 5px !important; display: block;}
.woocommerce div.product form.cart .variations label {font-size: 15px}
.woocommerce div.product form.cart .variations select {-webkit-appearance: menulist; appearance: menulist;}
@media screen and (min-width: 0 \0) { .variations .select-arrow { display: none; } }
#back-top {
  position: fixed;
  bottom: 30px;
  left: 20px;
  z-index: 10 
}
#back-top a {
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  color: #666;
}
#back-top span {
  width: 50px;
  height: 50px;
  font-size: 48px;
  line-height: 40px;
  background: rgba(56, 195, 177, .5); 
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover span {
  background: rgba(56, 195, 177, .8);
}
div.wpcf7 { 
padding:20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
color:#333;
border: 1px solid #ddd;
transition: all .4s ease-out 0s;
width: 90%;
padding:5px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  width: 75%
}
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 textarea:hover {
  border-color: #AAA
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
border: 1px solid #38c5b3;
color: #38c5b3;
width:120px;
height: 40px;
text-align:center;
background: #FFF;
transition: all .4s ease-out 0s;
position: relative;
}
.wpcf7 .send:before {
  content: "\f1d9";
  font-family: FontAwesome;
  font-size: 16px;
  color: #38c5b3;
  position: absolute;
  z-index: 1;
  right: 32px;
  bottom: 15px;
  transition: all .7s ease-out 0s;
}
.wpcf7 .send:hover:before {
  color: #FFF;
  right: 22px;
  bottom: 25px;
}
.wpcf7 input[type="submit"]:hover {
  background: #38c5b3;
  color: #FFF;
}
.contact-page img{max-width: 100%; height: auto; border-radius: 5px}


/*-----------------------------------------------------------------------------*/
/* 02 - HEADER */
/*-----------------------------------------------------------------------------*/
.top-line {background: #38c5b3; height: 38px; margin-bottom: 20px;}
.top-links ul {list-style: none; padding: 0; padding-top: 8px; font-size: 18px}
.top-links ul li {display: inline-block; margin-right: 10px}
.top-links ul li a {color: #FFF}
.top-links ul li a:hover {color: #000}
.top-links ul li i { font-size: 20px; vertical-align: middle; margin-left: 5px; }
.top-date {float: left; background: #FFF; padding-right: 5px; padding-left: 5px; position: relative; color: #000; text-align: left; margin-top: 5px; height: 28px; padding-top: 3px;}
.top-date:before {
	content: "";
	position: absolute;
	right: -30px;
	top: 0;
	border-right: 30px solid transparent;
    border-bottom: 28px solid #fff;
}
.header-ad {text-align: left ; padding-left: 0;}
.top-menu {height: 50px; background: #FFF; margin-top: 20px; 
    box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
    -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
    -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
.left-col img, .right-col img, .bottom-ad img {max-width: 100%; height: auto}
.header-ad img {max-width: 100%;
height: auto;}
.top-menu a {color: #222}
.top-menu a:hover {color: #38c5b3}
.home-icon {float: right; display: block; position: relative; z-index: 31; padding-top: 16px; font-size: 20px; margin-left: 20px;}
.top-share {padding-left: 0;}
.top-share ul {list-style: none; padding: 0; text-align: left; padding-top: 15px;}
.top-share ul li {display: inline-block; margin-right: 15px; font-size: 20px; position: relative;}
.top-share ul li a, .top-share .icon-share, .top-share .search-icon {color: #38c5b3}
.top-share ul li a:hover, .top-share .icon-share:hover, .top-share .search-icon:hover {color: #000}
.top-share .icon-share, .top-share .search-icon {cursor: pointer}
.share-icon .inner {
    background: #38c5b3;
    color: #fff;
    padding: 0;
    padding-bottom: 3px;
    width: 40px;
    top: 29px;
    right: -9px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    position: absolute;
    z-index: 10;
}
.share-icon .inner:after {
  content: " ";
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid #38c5b3;
  position: absolute; 
  top:-5px;
  left: 14px;
}
li.share-icon:hover .inner {
  opacity: 1;
  visibility: visible;
  transition: .4s
}
.share-icon .inner a {color: #FFF}
.share-icon .inner a:hover {color: #000}
.share-icon .inner ul {text-align: center;}
.share-icon .inner ul li {display: block; margin-right: 0; margin-bottom: 7px;}
.fix-search {width: 100%; height: 190px; background: rgba(0, 0, 0, 0.8); position: fixed; top: -190px; right: 0; z-index: 100000; border-bottom: 1px solid #e0e0e0; transition: 0.4s; }
.fix-search.open {top: 0; transition: 0.4s;}
.fix-search-btn {font-size: 28px; color: #999; padding:15px 30px; text-align: left;}
.fix-search-btn i {cursor: pointer; transition: all 0.3s}
.fix-search-btn i:hover {color: #38c5b3}
.searchform {width: 100%; height: 40px; position: relative; margin-top:7px; margin-bottom: 7px; border-bottom: 1px solid #ccc;}
.searchform input {border: none !important; outline: none}
.searchform input[type="search"] {width: 100%; float:right; margin-left: 5px; height: 40px; color: #38c5b3 ;
  transition: all 0.4s;  background: transparent; font-size: 20px}
.searchform input[type="search"]:hover, .searchform input[type="search"]:focus {border-color: #FF8400 !important;}

.searchform input[type="submit"] {position: absolute; font: 26px fontawesome ; color: #38c5b3; top: 0; left: 0; height: 40px; background: transparent; transition: all 0.4s ease-out 0s;}
.searchform input[type="submit"]:hover {color: #FFF}
.searchform:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #38c5b3;
  right: 0;
  bottom: -1px;
  transition: all 0.5s ease-out;
}
.searchform:hover:before, .searchform:focus:before {width: 100%;}
.top-ad {max-width: 1100px; height: auto; padding:15px; text-align: center;}
.top-ad img {max-width: 100%; height: auto}


/*-----------------------------------------------------------------------------*/
/* 03 - MOBILE MENU */
/*-----------------------------------------------------------------------------*/
.disable-scroll {position: fixed; top: 0; bottom: 0; width: 100%}
.mobile-menu-btn {float: right; display: none; cursor: pointer; position: relative; z-index: 31; padding-top: 16px; font-size: 24px; margin-left: 20px;}
.mobile-menu-btn:hover {color: #38c5b3}
.top-mobile-menu {border-right: 4px solid #38c5b3}
.top-mobile-menu a {font-size: 20px !important; color: #000; }
.top-mobile-menu a:hover {color: #38c5b3}
.mobile-logo {background: #38c5b3; text-align: center; padding: 10px;}
.mobile-menu-box {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0, 0.6); z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out }
.mobile-menu-open {visibility: visible; ; opacity: 1; transition: all 0.4s ease-in-out}
.mobile-menu {background: #FFF; float: right; width: 80%; height: 100%; overflow-y: scroll; margin-right: -80%;}
.mobile-menu-open .mobile-menu {margin-right: 0; transition: all 0.3s ease-in-out}
.menu-blank { width: 20%; height: 100%; float: left;}
.mobile-menu .cat {background: #777; color: #FFF; padding: 7px 20px 7px 5px;}
.main-menu-open {background: #f2f2f2;}
.menu_mobile-menu ul {padding: 0; list-style-type: none;}
.menu_mobile-menu ul>li {padding: 10px 20px 10px 0; min-height: 64px; border-bottom: 1px solid #f0f0f0}

.main-menu-open ul>li {border-bottom: 1px solid #ccc}
.main-menu-open ul>li:last-child {border-bottom: none}
.menu_mobile-menu .menu-item-has-children ul {display: none}
.menu_mobile-menu .menu-item-has-children ul.sub-menu.item-active {display: block}
.menu_mobile-menu ul>li.menu-item-has-children {position: relative; line-height: 2.5}
.mob-menu-slide:before {
  content: "\f104";
  position: absolute;
  font-family: fontawesome;
  font-size: 24px;
  color: #FFF;
  left: 20px;
  top: 14px;
  border-radius: 5px;
  background: #38c5b3;
  width: 25%;
  height: 36px;
  line-height: 1.6;
  padding-right: 12%;
  cursor: pointer;
}
.menu_mobile-menu ul>li {position: relative;}
.mobile-menu .menu-item-has-children:before {display: none;}
.menu_mobile-menu ul>li>ul>li {padding-right: 0;}
.menu_mobile-menu ul>li>ul {margin-right: -50px }
.menu_mobile-menu ul>li>ul>li>ul {margin-right: 0; padding-right: 10px}
.menu_mobile-menu ul>li>ul>li>ul>li a {color: #38c5b3; position: relative; z-index: 1}
.menu_mobile-menu ul>li>ul>li> a {position: relative; z-index: 1; padding: 70px; color: #258f81;}
.menu_mobile-menu ul>li>ul>li>ul>li a:hover {color: #000}
.bot-links {margin-top: 100px; margin-bottom: 40px;}
.bot-links ul {list-style: none; padding-right: 0;}
.bot-links ul li {min-height: 64px; border-bottom: 1px solid #f0f0f0; padding-right: 20px; padding-top: 20px; display: block;}
.bot-links ul li:before {margin-left: 8px; color: #38c5b3; font-size: 18px; vertical-align: middle;}
/*-----------------------------------------------------------------------------*/
/* 04 - MAIN MENU */
/*-----------------------------------------------------------------------------*/
.top-menu {width: 100%; height: auto; min-height: 50px; z-index: 5000 !important; border-bottom: 1px solid #e2e2e2; }
.sticky {
  background: #FFF;
  opacity: 1;
  top: 0;
  position: fixed;
  border-bottom: 1px solid #e2e2e2;
}
.sticky-logo {display: none;}
.sticky .sticky-logo {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
  z-index: 5500;
  display: block;
}
.menu-main-navigation-container,
.menu-main-navigation-container ul,
.menu-main-navigation-container ul li,
.menu-main-navigation-container ul li a,
.menu-main-navigation-container #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 30;
}
.menu-main-navigation-container:after,
.menu-main-navigation-container > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu-main-navigation-container #menu-button {
  display: none;
}
.menu-main-navigation-container {
  width: auto;
  background: #ffffff;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #1ABC9C;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.menu-main-navigation-container > ul > li {
  float: right;
}
.menu-main-navigation-container.align-center > ul {
  font-size: 0;
  text-align: center;
}
.menu-main-navigation-container.align-center > ul > li {
  display: inline-block;
  float: none;
}
.menu-main-navigation-container.align-center ul ul {
  text-align: right;
}
.menu-main-navigation-container.align-right > ul > li {
  float: right;
}
.menu-main-navigation-container.align-right ul ul {
  text-align: left;
}
.menu-main-navigation-container > ul > li > a {
  padding: 20px 5px 15px 16px;
  font-size: 18px;
  text-decoration: none;
  color: #777;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.menu-main-navigation-container > ul > li:hover > a,
.menu-main-navigation-container > ul > li.active > a {
  color: #1ABC9C;
}
.menu-main-navigation-container > ul > li.has-sub > a {
  padding-right: 25px;
}
.menu-main-navigation-container > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.menu-main-navigation-container > ul > li.has-sub:hover > a::after {
  border-color: #1ABC9C;
}
.menu-main-navigation-container ul ul {
  position: absolute;
  left: 9999px;
}
.menu-main-navigation-container li:hover > ul {
  left: auto;
}
.menu-main-navigation-container.align-right li:hover > ul {
  right: 0;
}
.menu-main-navigation-container ul ul ul {
  margin-left: 100%;
  top: 0;
}
.menu-main-navigation-container.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.menu-main-navigation-container ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.menu-main-navigation-container ul li:hover > ul > li {
  height: 32px;
}
.menu-main-navigation-container ul ul li a {
  padding: 10px 20px;
  width: 160px;
  font-size: 17px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.menu-main-navigation-container ul ul li:hover > a,
.menu-main-navigation-container ul ul li a:hover {
  color: #1ABC9C;
}
.menu-main-navigation-container ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.menu-main-navigation-container.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.menu-main-navigation-container ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
.menu-item-has-children {position: relative;}
.menu-item-has-children:before {
  content: "\f107";
  position: absolute;
  font-family: fontawesome;
  font-size: 12px;
  color: #666;
  left: 7px;
  bottom: 17px;
}

/*-----------------------------------------------------------------------------*/
/* 05 - HOME PAGE */
/*-----------------------------------------------------------------------------*/
.boxsh {background: #FFF; box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
.slidepost {padding: 4px; position: relative;}
.slidepost h3 {position: absolute; width: 95%; bottom: 5px; right:10px; font-weight: bold; z-index: 3}
.slidepost h3 a {color: #FFF}
.slidepost h3 a:hover {color: #38c5b3}
.slidepost img {max-width: 100%; height: auto; transition: all 0.4s}
.slidepost:hover img {transform: scale(1.04);}
.slidepost:nth-child(1) {width: 50%; float: right; padding-right: 0;}
.slidepost:nth-child(2), .slidepost:nth-child(3), .slidepost:nth-child(4), .slidepost:nth-child(5) {width: 25%; float: right; padding-left: 2px;}
.slideimg {position: relative; display: block; overflow: hidden; z-index: 1}
.slideimg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
      background: transparent;
    background: -webkit-linear-gradient(bottom, transparent , rgba(0,0,0,0.9));
    background: -o-linear-gradient(bottom, transparent , rgba(0,0,0,0.9));
    background: -moz-linear-gradient(bottom, transparent , rgba(0,0,0,0.9));
    background: linear-gradient(to bottom, transparent , rgba(0,0,0,0.9));
  bottom: 0;
  right: 0;
  z-index: 2;
}
.sardabir-slider img, .week-top img {max-width: 100%; height: auto}
.home-sardabir {margin-top: 50px; position: relative; direction: rtl;}
.home-sardabir .title {
  width: 200px;
  padding: 3px;
  background: #38c5b3;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -20px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
}
.home-sardabir .title:before {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #38c5b3;
}
.home-sardabir .title:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  border-left: 10px solid transparent;
  border-bottom: 20px solid #38c5b3;
}
.home-sardabir .title span.right {font-size: 17px; margin-left: 10px;}
.home-sardabir .title span.left {font-size: 17px; margin-right: 10px;}
.sardabir-slider li h3, .week-top .content li h3 {direction: rtl; text-align: right; width: 90%; right: 0; left: 0; margin: auto; position: absolute; bottom: 5px; z-index: 3}
.sardabir-slider li h3 a, .week-top .content li h3 a {color: #FFF}
.sardabir-slider li h3 a:hover, .week-top .content li h3 a:hover {color: #38c5b3;}
.sardabir-slider li:hover a, .week-top .content li:hover a {color: #38c5b3}
.home-sardabir .bx-wrapper .bx-viewport {box-shadow: none; -webkit-box-shadow:none ; border: none; left: 0; background: transparent;}
.home-sardabir .bx-wrapper .bx-controls-direction a {width: 90px; height: 90px; top: 40%; border-radius: 100%}
.home-sardabir .bx-wrapper .bx-next {background: #FFF url(images/slide-nav.png) no-repeat -38px 37px; right: -50px; transition: all 0.3s;}
.home-sardabir .bx-wrapper .bx-next:hover {background-position: -33px 37px}
.home-sardabir .bx-wrapper .bx-prev {background: #FFF url(images/slide-nav.png) no-repeat 52px 37px; left: -50px; transition: all 0.3s; }
.home-sardabir .bx-wrapper .bx-prev:hover {background-position: 47px 37px}
.home-sardabir .bx-wrapper {overflow: hidden;}
.home-content {padding: 0; margin-top: 25px; }
.home-content .right-col {padding-right: 0; }
.home-content .right-col .boxsh {text-align: center; padding-bottom: 15px; margin-bottom: 20px; }
.home-content .main {padding-right: 0; width: 57.6%;}
.home-content .left-col {padding-right: 0; padding-left: 0; width: 25.7%;}
.home-content .left-col .boxsh {padding-bottom: 15px; margin-bottom: 20px; }
.box-detail {height: 46px; position: relative; margin-bottom: 10px;}
.box-detail:before {
  content: "";
  position: absolute;
  background: #F0F0F0;
  height: 1px;
  width: 95%;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
}
.box-detail .title {position: relative; border-top: 2px solid #624f87 }
.box-detail .title span {background: #624f87; position: absolute; top: -10px; right: 16px; padding: 5px 20px; color: #FFF; font-size: 19px; font-weight: bold;}
.box-detail .title span:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 0;
  border-right: 4px solid transparent;
  border-bottom: 9px solid #624f87;
}
.box-detail .title span:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  border-left: 4px solid transparent;
  border-bottom: 9px solid #624f87;
}
.box-detail .archive {float: left; background: #624f87; padding: 3px 10px; border-radius: 5px; margin: 7px 0 0 16px; color: #FFF; transition: all 0.4s }
.box-detail .archive i {font-size: 10px; margin-left: 2px;}
.box-detail .archive:hover {opacity: 0.9}

.hbox2 .box-detail .title {border-top: 2px solid #E84C3D;}
.hbox2 .box-detail .title span {background: #E84C3D;}
.hbox2 .box-detail .title span:before {border-bottom: 9px solid #E84C3D;}
.hbox2 .box-detail .title span:after {border-bottom: 9px solid #E84C3D;}
.hbox2 .box-detail .archive {background: #E84C3D}

.hbox3 .box-detail .title {border-top: 2px solid #27AE61;}
.hbox3 .box-detail .title span {background: #27AE61;}
.hbox3 .box-detail .title span:before {border-bottom: 9px solid #27AE61;}
.hbox3 .box-detail .title span:after {border-bottom: 9px solid #27AE61;}
.hbox3 .box-detail .archive {background: #27AE61}

.hbox4 .box-detail .title {border-top: 2px solid #049deb;}
.hbox4 .box-detail .title span {background: #049deb;}
.hbox4 .box-detail .title span:before {border-bottom: 9px solid #049deb;}
.hbox4 .box-detail .title span:after {border-bottom: 9px solid #049deb;}
.hbox4 .box-detail .archive {background: #049deb}

.hbox5 .box-detail .title {border-top: 2px solid #f15922;}
.hbox5 .box-detail .title span {background: #f15922;}
.hbox5 .box-detail .title span:before {border-bottom: 9px solid #f15922;}
.hbox5 .box-detail .title span:after {border-bottom: 9px solid #f15922;}
.hbox5 .box-detail .archive {background: #f15922}

.hbox6 .box-detail .title {border-top: 2px solid #7ce2a0;}
.hbox6 .box-detail .title span {background: #7ce2a0;}
.hbox6 .box-detail .title span:before {border-bottom: 9px solid #7ce2a0;}
.hbox6 .box-detail .title span:after {border-bottom: 9px solid #7ce2a0;}
.hbox6 .box-detail .archive {background: #7ce2a0}

.hbox7 .box-detail .title {border-top: 2px solid #ea8216;}
.hbox7 .box-detail .title span {background: #ea8216;}
.hbox7 .box-detail .title span:before {border-bottom: 9px solid #ea8216;}
.hbox7 .box-detail .title span:after {border-bottom: 9px solid #ea8216;}
.hbox7 .box-detail .archive {background: #ea8216}

.hbox8 .box-detail .title {border-top: 2px solid #07a8e6;}
.hbox8 .box-detail .title span {background: #07a8e6;}
.hbox8 .box-detail .title span:before {border-bottom: 9px solid #07a8e6;}
.hbox8 .box-detail .title span:after {border-bottom: 9px solid #07a8e6;}
.hbox8 .box-detail .archive {background: #07a8e6}

.hbox9 .box-detail .title {border-top: 2px solid #565656;}
.hbox9 .box-detail .title span {background: #565656;}
.hbox9 .box-detail .title span:before {border-bottom: 9px solid #565656;}
.hbox9 .box-detail .title span:after {border-bottom: 9px solid #565656;}
.hbox9 .box-detail .archive {background: #565656}

.hbox10 .box-detail .title {border-top: 2px solid #DA4453;}
.hbox10 .box-detail .title span {background: #DA4453;}
.hbox10 .box-detail .title span:before {border-bottom: 9px solid #DA4453;}
.hbox10 .box-detail .title span:after {border-bottom: 9px solid #DA4453;}
.hbox10 .box-detail .archive {background: #DA4453}

.hbox11 .box-detail .title {border-top: 2px solid #8E44AD;}
.hbox11 .box-detail .title span {background: #8E44AD;}
.hbox11 .box-detail .title span:before {border-bottom: 9px solid #8E44AD;}
.hbox11 .box-detail .title span:after {border-bottom: 9px solid #8E44AD;}
.hbox11 .box-detail .archive {background: #8E44AD}

.hbox12 .box-detail .title {border-top: 2px solid #c49e62;}
.hbox12 .box-detail .title span {background: #c49e62;}
.hbox12 .box-detail .title span:before {border-bottom: 9px solid #c49e62;}
.hbox12 .box-detail .title span:after {border-bottom: 9px solid #c49e62;}
.hbox12 .box-detail .archive {background: #c49e62}



.home-content .main .first .thumb img {width: 100%; height: auto;}
.home-content .main .first .detail .data {float: right;}
.home-content .main .first .detail .data span {float: right; margin-left: 12px; color: #999}
.home-content .main .detail .data span i {float: right; margin-left: 5px;}
.home-content .main .first .detail .more {float: left; margin-top: -3px;}
.home-content .main .first .detail .more a {width: 72px; height: 32px; padding: 3px 12px; display: block; border: 1px solid #ccc; color: #999; transition: all 0.3s}
.home-content .main .first .detail .more a:hover {border-color: #38c5b3; color: #38c5b3 }
.home-content .main .first .detail .more i {vertical-align: middle; font-size: 15px; margin-right: 3px; transition: all 0.3s}
.home-content .main .first .detail .more a:hover i {margin-right: 6px;}
.home-content .main .first h2 {margin-top: 10px; font-weight: bold; font-size: 18px;}
.home-content .main .inner {padding-bottom: 20px; margin-bottom: 25px;}
.home-content .main .first .content p {text-align: justify;}
.home-content .main .others .content {margin-bottom: 18px; border-bottom: 1px solid #f0f0f0; padding-bottom: 18px;}
.home-content .main .others .content:last-child {border-bottom: 0; padding-bottom: 0;}
.home-content .main .others .thumb { float: right; margin-left: 7px; }
.home-content .main .others .thumb img {max-width: 104px; height: auto;}
.home-content .main .others .title {font-weight: bold;}
.home-content .main .others .title a {color: #666666}
.home-content .main .others .title a:hover {color: #38c5b3}
.home-content .main .others .detail {color: #999999}
.menu_left-side-latest ul {list-style: none; padding-right: 10px; padding-left: 10px;}
.menu_left-side-latest ul li {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed rgba(56,197,179, 0.4)}
.menu_left-side-latest ul li:last-child {border-bottom: none}
.menu_left-side-latest ul li a {color: #666}
.menu_left-side-latest ul li a:hover {color: #38c5b3}
.bottom-ad {text-align: center; margin-bottom: 20px;}
.week-top {background: url(images/week-top-bg.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding-bottom: 50px;}
.week-top .title {margin-bottom: 40px; }
.week-top .title span {width: 140px; display: block; margin: 0 auto; background: #FFF; color: #333; font-size: 30px; text-align: center; font-weight: bold; position: relative;}
.week-top .title span:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  border-left: 16px solid transparent;
  border-bottom: 45px solid #FFF;
}
.week-top .title span:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  border-right: 16px solid transparent;
  border-top: 45px solid #FFF;
}
.week-top .content { list-style: none; padding: 0; width: 98%; margin: 0 auto; }
.week-top .content .inner {padding-right: 5px; padding-left: 5px;}
.week-top .inner .thumb {padding: 1px; background: #38c5b3;}
.week-top .inner .thumb .image {position: relative;}
.week-top .content li h3 {right: 0; left: 0; margin: auto; bottom: 0}
.week-top .inner .thumb .detail {padding-bottom: 10px; padding-top: 10px;}
.week-top .inner .thumb .detail .data {width: 99%; margin: 0 auto; color: #FFF}
.week-top .inner .thumb .detail .data .user {float: right; width: 50%;}
.week-top .inner .thumb .detail .data .calendar {float: left; width: 50%;}
.week-top .inner .thumb .detail .data .calendar i {float: right; margin-left: 5px;}
.week-top .inner .thumb .detail .data i {color: #6deae0}

.medic {width: 90%; margin: 0 auto; text-align: center; padding: 0; padding-bottom: 15px; list-style: none;}
.medic li {border-bottom: 1px solid rgba(56, 196, 179, 0.4); padding-bottom: 5px; padding-top: 10px;}
.medic li:last-child {border-bottom: none}
.medic li span {display: block; line-height: 1.2; padding-top: 5px;}
.medic li a {color: #666}
.medic li a:hover {color: #38c5b3;}
.medic li img {border:1px solid #ccc; border-radius: 5px; max-width: 92px; max-height: 107px}
.menu_medic-box .simple-image, .menu_medic-box .more { width: 90%; margin: 0 auto; }
.menu_medic-box .simple-image {padding-top: 10px;}
.menu_medic-box .simple-image img {border:1px solid #ccc; border-radius: 5px; max-width: 92px; max-height: 107px}
.menu_medic-box .more {border-bottom: 1px solid rgba(56, 196, 179, 0.4); padding-bottom: 5px;}
.menu_medic-box .more a {color: #666}
.menu_medic-box .more a:hover {color: #38c5b3;}
/*-----------------------------------------------------------------------------*/
/* 06 - SINGLE PAGE */
/*-----------------------------------------------------------------------------*/

.breadcrumb_wrapper {min-height: 40px; margin-top: 20px;}
.breadcrumbs {padding: 8px; color: #38c5b3; background: #FFF; border-radius: 3px}
.breadcrumbs a {color: #aaa; line-height: 20px; position: relative;}
.breadcrumbs a:hover {color: #38c5b3;}
.breadcrumbs a:after {
    content: "\f104";
    display: inline-block;
    font-size: 13px;
    font-weight: 100;
    padding: 0 10px;
    position: relative;
    top: 2px;
    opacity: 0.8;
    font-family: 'fontawesome';
}

.single-main .inner {padding: 0 5px 10px 5px; text-align: justify;}
.single-main .inner img {max-width: 100%; height: auto;margin-bottom: 5px; display: block; margin-left: auto; margin-right: auto;}
.single-main .post-title {text-align: center; width: 75%; margin: 0 auto; position: relative; padding-top: 20px;}
.single-main .post-title h1 {font-size: 22px; font-weight: bold; margin-top: 0; color: #000}
.single-main .post-title:before, .single-main .post-title:after {
  content: "";
  position: absolute;
  width: 10%;
  height: 2px;
  background: #38c5b3;
  right:-45px;
  top: 32px;
}
.single-main .post-title:after {right: unset; left: -45px}
.single-detail {list-style: none; padding: 10px 0 0 0; width: 75%; margin: 0 auto; margin-bottom: 20px; border-top: 1px solid #f0f0f0; text-align: center;}
.single-detail li {display: inline-block; margin-left: 20px; color: #999}
.single-detail li span {float: right; margin-left: 5px; line-height: 1.3; font-size: 18px}
.single-main .excerpt {width: 90%; text-align: justify; position: relative; margin: 0 auto; margin-bottom: 20px; background: #f0f0f0; padding: 10px; border-radius: 20px;}
.single-main .excerpt p {margin-top: 5px;}
.single-main .excerpt span {
  font-size: 20px;
  color: #38c5b3;
  background: #FFF;
  border-radius: 20px;
  padding: 1px 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
.single-main .excerpt:before, .comment-body p:before {
  content: "";
  position: absolute;
  right: 33px;
  top: -18px;
  border-left: 15px solid transparent;
  border-bottom: 20px solid #f0f0f0;
}
.single-post-entry h2, .single-post-entry h3, .single-post-entry h4, .single-post-entry h5, .single-post-entry h6 {color: #666666; font-weight: bold;}
.comment-body p:before {right: 25px; top: -12px; border-bottom: 20px solid #e9e9e9}
.post-tag {font-size: 14px; border-top: 1px solid #f0f0f0; padding-top:10px;}
.post-tag a{color: #999}
.post-tag a:hover{color: #38c5b3}
.post-tag .title {padding:2px 10px; border-radius: 3px; background: #38c5b3; margin-left: 10px; color: #FFF}
.content-bot-ads {margin-bottom: 30px; }
.content-bot-ads img {max-width: auto; height: auto; border: 1px solid #e0e0e0;}

.rel-post {margin-bottom: 50px;}
.rel-post .box-detail:before, .comments-template .box-detail:before {display: none;}
.rel-post .box-detail .title {border-top: 2px solid #27AE61;}
.rel-post .box-detail .title span {background: #27AE61;}
.rel-post .box-detail .title span:before {border-bottom: 9px solid #27AE61;}
.rel-post .box-detail .title span:after {border-bottom: 9px solid #27AE61;}
.rel-post ul {list-style: none; padding: 0;}
.rel-post ul li {display: inline-block; margin-bottom: 20px;height:190px;}
.rel-post ul li img {max-width: 100%; height: auto; max-height: 134px}
.rel-post ul li h3 {margin-top: 10px; margin-bottom: 0; line-height: 1.3; font-size: 17px}
.rel-post ul li a {color: #222}
.rel-post ul li a:hover {color: #38c5b3}
.yektanet .box-detail .title {border-top: 2px solid #624f87;}
.yektanet .box-detail .title span {background: #624f87;}
.yektanet .box-detail .title span:before {border-bottom: 9px solid #624f87;}
.yektanet .box-detail .title span:after {border-bottom: 9px solid #624f87;}
.hot .box-detail .title {border-top: 2px solid #E84C3D;}
.hot .box-detail .title span {background: #E84C3D;}
.hot .box-detail .title span:before {border-bottom: 9px solid #E84C3D;}
.hot .box-detail .title span:after {border-bottom: 9px solid #E84C3D;}
.webgardi .box-detail .title {border-top: 2px solid #38c5b3;}
.webgardi .box-detail .title span {background: #38c5b3;}
.webgardi .box-detail .title span:before {border-bottom: 9px solid #38c5b3;}
.webgardi .box-detail .title span:after {border-bottom: 9px solid #38c5b3;}
.menu_webgardi {display: inline-block; width: 33.3%; padding: 0 10px; font-size: 17px; margin-bottom: 20px;}
.menu_webgardi img {max-width: 100%; height: auto}
.menu_webgardi a {color: #222}
.menu_webgardi a:hover {color: #38c5b3}
.menu_webgardi .simple-image {text-align: center;}
.comments-template {display: none;}
.comments-template .box-detail .title {border-top: 2px solid #049deb;}
.comments-template .box-detail .title span {background: #049deb;}
.comments-template .box-detail .title span:before {border-bottom: 9px solid #049deb;}
.comments-template .box-detail .title span:after {border-bottom: 9px solid #049deb;}
.comments-template .box-detail {height: 30px;}
.comment-open {text-align: center; margin-bottom: 30px;}
.comment-open span {
  color: #38c5b3;
  font-size: 20px;
  margin: 0 auto;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  padding: 5px 12px;
  background: #FFF;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.comment-open span:hover {box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}

/*-----------------------------------------------------------------------------*/
/* 17 - CATEGORY PAGE */
/*-----------------------------------------------------------------------------*/
.category .main-content {margin-top: 0; padding-right: 0;}
.category .main-content:before {display: none;}
.category .main-content img {width: 100%; height: auto; max-height: 209px; }
.category .main-content .boxsh {float: right;}
.category .main ul {padding: 0; list-style: none;}
.category .main ul li h2 {
  width: 90%;
  margin: 0 auto;
  background: #FFF;
  margin-top: -32px;
  position: relative;
  padding: 7px 5px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  min-height: 70px;
 }
.category .main-content .excerpt {padding: 0 5px; text-align: justify;}
.category .main-content .detail {background: #38c5b3; color: #FFF; padding: 10px;}
.category .main-content .detail ul {text-align: center;}
.category .main-content .detail ul li {display: inline-block; margin-left: 20px}
.category .main-content .detail ul li i {color: #6deae0; float: right; margin-left: 5px; line-height: 1.3;}
.pagination {margin: 20px 0; display: block; text-align: center;}
.pagination ul {
display: inline-block;
margin-left: 0;
margin-bottom: 0;
border-radius: 5px;
}
.pagination ul>li {
display: inline;
float:right;}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
border-right-width: 1px;
border-radius: 0px 5px 5px 0px;
}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
border-left-width: 1px;
border-radius: 5px 0px 0px 5px;
}
.pagination ul>li>a, .pagination ul>li>span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}

/*-----------------------------------------------------------------------------*/
/* 08 - FOOTER */
/*-----------------------------------------------------------------------------*/
.footer {background:url(images/footer.jpg) no-repeat 0; background-attachment: fixed; background-size: cover; margin-top: 30px; padding-top: 20px;}
.footer .main {padding-right: 0; padding-left: 0; border-bottom: 1px solid rgba(255,255,255,0.2)}
.footer .widget-title .wgt-span {padding: 0;}
.footer .widget-title .wgt-span:before {display: none;}
.footer-latest img {max-width: 104px; height: auto;}
.footer-latest .thumb {float: right; margin-left: 5px;}
.footer-latest .content {padding-bottom: 10px; margin-bottom: 10px;}
.footer-latest a {color: #F0F0F0}
.footer-latest a:hover {color: #38c5b3}
.footer-latest, .footer-hot, .footer-gallery {padding-right: 10px; padding-left: 10px;}
.footer-gallery ul {padding: 0; list-style: none; text-align: center;}
.footer-gallery ul li {display: inline-block; margin-bottom: 5px;}
.footer-gallery ul li img {max-width: 88px; height: auto}
.footer .widget-title {border-color: #FFF}
.footer-hot ul {list-style: none; padding-right: 0}
.footer-hot ul li {margin-bottom: 10px; position: relative; padding-right: 15px;}
.footer-hot ul li a {color: #f0f0f0}
.footer-hot ul li a:hover {color: #38c5b3}
.footer-hot ul li:before {
  content: "\f111";
  position: absolute;
  font-family: fontawesome;
  font-size: 8px;
  color: #f0f0f0;
  right: 0;
  top: 7px;
}
.footer .bottom {padding: 10px 0;}
.footer .designer {font-size: 18px; color: #999; text-align: center; padding-top: 15px;}
.footer .socials ul {padding: 0; padding-top: 10px; list-style: none; text-align: left}
.footer .socials ul li {display: inline-block; font-size: 30px; margin-right: 10px;}
.footer .socials ul li a:hover {color: #f0f0f0}
.copyright {background: #232f3a; padding: 9px 0 4px 0; font-size: 17px}
.copyright .copy {color: #888}
.copyright ul {list-style: none; text-align: left;}
.copyright ul li {display: inline-block; margin-right: 20px;}
.copyright .links {padding-left: 0;}
.copyright .links a {color: #f0f0f0}
.copyright .links a:hover {color: #38c5b3}
/*-----------------------------------------------------------------------------*/
/* 09 - BLOG */
/*-----------------------------------------------------------------------------*/

.blog-post-top h1 {font-size: 19px; }
.blog-post-top h1 a {color: #555}
.blog-post-top h1 a:hover {color: #ef5285}
.blog-post-top h2 {font-size: 18px;}
.blog-post-top h2 a {color: #333}
.blog-post-top h2 a:hover {color: #be5591}
.blog-post-top ul {padding: 0; margin-top: -10px; font-size: 12px;}
.blog-post-top ul li {list-style: none; display: inline-block; color: #999; margin-left: 10px; line-height: 3}
.blog-post-top ul li span {font-size: 14px;}
.main-content {margin-top:10px; float: left !important; margin-bottom: 20px}
.main-content:before {
  content: " ";
  width: 70%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom:-20px;
  right:15%;

}
.blog-index-img {text-align: center !important}
.blog-index-img img {max-width: 100%; height: auto; border-bottom: 3px solid #be5591; }
.blog-index-img .thumb {display: block;}
.wp-pagenavi {margin: 30px auto; font-family: iraniansans; font-size: 17px; padding-top: 1px}
.wp-pagenavi span, .wp-pagenavi .larger, .wp-pagenavi .last {border-radius: 5px !important}
.wp-pagenavi a:hover {background: #be5591; color: #FFF; border: 1px solid #be5591 !important}
.wp-pagenavi .current {background: #be5591; color: #FFF; border: 1px solid #be5591 !important; padding: 3px 12px !important;}
.wp-pagenavi a, .wp-pagenavi span {border-radius: 5px !important; padding: 3px 12px !important;}
.blog-sidebar {margin-top: -20px}
.sidebar-banner {margin-top: 20px;}
.blog-sidebar ul {list-style: none; padding-right: 30px; font-weight: bold}
.blog-sidebar ul li a{color: #555}
.blog-sidebar ul li a:hover{color: #be5591}
.blog-sidebar ul li:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 15px;
  font-weight: normal;
  color: #be5591;
  position: absolute;
  line-height: 26px;
  right: 30px;
}
.blog-sidebar ul li ul li a {font-weight: normal; color: #333}
.blog-sidebar ul li ul li:before {
  content: "\f100";
  font-family: FontAwesome;
  font-size: 14px;
  color: #be5591;
  position: absolute;
  line-height: 26px;
  right:60px
}
.blog-more span {font-size: 14px}
a.blog-more {float: left; margin-left: 20px; color: #be5591; margin-top: 10px}
a.blog-more:hover {color: #222;}

.blog-sidebar .searchform {border: 2px solid #ccc;}
.blog-sidebar .searchform:hover {border-color: #ef5285}
.blog-sidebar .searchform label {display: none;}
.blog-sidebar .searchform #searchsubmit {
  width: 60px;
  background: #ef5285;
  height: 36px;
  margin-top: 0;
  float: left;
  color: #FFF;
}

.comment{
  background: #FFF;
  border: 1px solid #f0f0f0;
  margin: 20px 0px 0px 0px;
  padding: 5px;
  color: #666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}.comments-area .comment-list {list-style: none; padding: 5px;}
.comment-author img {background: rgba(56, 197, 179, 0.5); border: 1px solid #e4e1e3; border-radius: 50%; padding: 3px;}
.comments-area ul.children {list-style: none}
.comment-form-url {display: none;}
.comment-author {width: 70%; float: right; margin-bottom: 15px;}
.commentmetadata{float: left; color: #666; width: 30%; background: #f0f0f0; text-align: center; border-radius: 5px;}
.commentmetadata a {color: #999}
.comment-body p {clear: both;background: #e9e9e9; border-radius: 5px; padding: 10px; position: relative;}
.comment-body .reply {text-align: left; display: none;}
.comment-body .reply a {padding: 0px 14px; border-radius: 5px; border: 1px solid;}
.comment-author-admin{background: #ccc ;}
.comment-reply-title {
  font-size: 23px;
  color: #38c5b3;
  background: #FFF;
  border-radius: 20px;
  padding: 1px 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  width: 168px;
  margin-right: 10px;
}
.comment-notes {text-align: right; padding-right: 10px;}
.comment-form-comment {margin-bottom: 20px;}
.comment-form-comment textarea, .comment-form-author input, .comment-form-email input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
  height: 100px;
  outline: none;
  padding: 5px;
}
.comment-form-author input, .comment-form-email input {width: unset; height: unset;}
.comment-form-comment label {width: 100%}
.comment-form-author, .comment-form-email {width: 49%; float: right;}
#comments label {color: #999}
#comments .form-submit input[type="submit"]{
color:#FFF;width:120px; background:#38c5b3;border:0px #999 solid;cursor:pointer; padding:3px;
font-size:20px;
font-weight: bold; 
border-radius:5px;
border: 1px solid #38c5b3;
transition: all 0.3s;
outline: none;
}
#comments .form-submit input[type="submit"]:hover {background:#FFF; color: #38c5b3 }
#commentform {text-align: center;}
.product #commentform {text-align: right !important;}
.cat-comment {color:#999; margin-top:-15px;}

.alt{background: #F3F3F3 ; color: #4E4E4E;}
.pingback{background: #FFEBC1 ; color: #4E4E4E;}
.comments-template{
height: auto;
background: #FFF;
border: 0px solid #e5e5e5;
float:left;
margin-top:8px;
margin-bottom:20px;
padding:0;
font-family: iraniansans;
font-size: 17px
}
.comment-box-line {margin-bottom:15px}
.comment-box-line span {margin-left: 15px; font-weight: normal}

#comment-top-bg {width: 95%; background: #f0f0f0; padding: 0px 20px 0 0; border-radius: 5px; margin: 0 auto;}
#comment-top-bg a{color:#333}
#comment-top-bg span {margin-left: 20px; font-size: 16px; padding-right: 10px; line-height: 2.8}
#comment-top-bg:before {
  content: "\f0e5";
  position: absolute;
  color: #38c5b3;
  font-size: 28px;
  font-family: FontAwesome;
  line-height: 40px;
}

.addcomment {
  background: #222;
   padding: 2px 20px 0px 0px;
 margin: 20px -10px 20px 0px;
  width: 100%;
  height:40px;
  color:#FFF;
  font-size: 20px;
border-radius:5px;  
-moz-border-radius:5px 0 0 5px;  
-webkit-border-radius:5px 0 0 5px;  
}
.addcomment section ul li {
  padding-right: 11px;
}
.addcomment h4 span {
  color: #757575;
  font-weight: normal;
  margin-top: 10px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 8px;
}
.addcomment h2 {
  padding: 0px 40px 5px 0px;
  color: #757575;
}
.commentdata {
  width: 210px;
  float: right;
}
.commentdata label, .textarea-box label {
  margin: 8px 0px;
  width: 100px;
  display: block;
}
.textarea-box {
  width: 280px;
  float: left;
}
.textarea-box ul li {
  color: #333333;
}
.input-comment {
  border: 2px solid #d5d5d5;
  padding: 5px 0 5px 0;
  width: 80%;
  height:40px;
  color: #999999;
  background: #f5f5f5;
  -webkit-transition: 800ms ease 100ms;
  -moz-transition: 800ms ease 100ms;
  -o-transition: 800ms ease 100ms;
  transition: 800ms ease 100ms;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
}
.text-box {
  border: 2px solid #d5d5d5;
  margin-right:-10px;
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
  width: 210px;
  color: #999999;
  background: #f5f5f5;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   font-size: 14px
}
.input-comment:hover {
  border: 2px solid #c0c0c0;
  color: #777;
  height:120px;
    -webkit-transition: 800ms ease 100ms;
  -moz-transition: 800ms ease 100ms;
  -o-transition: 800ms ease 100ms;
  transition: 800ms ease 100ms;
}
.text-box:hover {
  border: 2px solid #c0c0c0;
  color: #777;
}
.input-comment:focus, .text-box:focus {
  border: 2px solid #c0c0c0;
  color: #777;
}
.comment-text {
  width: 470px;
  display: block;
}
.alt{background: #F3F3F3 ; color: #4E4E4E;}
.pingback{background: #FFEBC1 ; color: #4E4E4E;}


/*-----------------------------------------------------------------------------*/
/* 10 - PLUGIN OVERRIDE */
/*-----------------------------------------------------------------------------*/
#rpbt-related-gallery-1 img {border: none !important; max-width: 100%; height: auto}
#rpbt-related-gallery-1 .gallery-caption {    padding: 10px 5px 0 5px;}
#rpbt-related-gallery-1 .gallery-caption a {color: #000}
#rpbt-related-gallery-1 .gallery-caption a:hover {color: #38c5b3}
.mks_adswidget_ul li div {width: 100% !important; height: auto !important;}
.mks_adswidget_ul li img {object-fit: contain !important; height: auto !important}
.mks_adswidget_ul {padding: 0;}
.mks_ads_widget .small li, .mks_ads_widget ul.custom li, .mks_adswidget_ul.small li, .mks_adswidget_ul.custom li {margin-bottom: 10px !important; margin-right: 0 !important;}

.relpost-block-single-image {border: none !important; max-width: 100%; height: auto}
.relpost-block-single {    padding: 10px 5px 0 5px;}
.relpost-block-single a {color: #000}
.relpost-block-single a:hover {color: #38c5b3}












/*-----------------------------------------------------------------------------*/
/* 11 - MEDIA QUERIES */
/*-----------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
 .footer .main {width: 100%;}
 #rpbt-related-gallery-1 .gallery-item {padding: 5px;}
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .footer .socials ul li {font-size: 25px}
  .home-content .main .others .content:last-child {display: none;}
  .rel-post ul li img {max-height: 107px}
}
@media screen and (max-width: 1024px) {
  .menu_top-menu {display: none;}
  .mobile-menu-btn {display: block;}
}
@media screen and (max-width: 992px) { 
  .top-logo {padding-top: 10px;}
  .top-logo img {max-width: 100%; height: auto}
  .slidepost h3 {font-weight: normal; line-height: 1.2}
  .home-content .main .first {padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
  .home-content .main .others {padding-top: 15px;}

}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .hide-sm {display: none;}
  .hide-sm {display:none;} 
  .week-top .content li:nth-child(5), .week-top .content li:nth-child(6) {display: none;}
  .footer .socials ul li {font-size: 18px}
  .rel-post ul li img {max-height: 77px}
  .category .main-content img {max-height: 285px;}
  .category .main ul li h2 {min-height: unset}
}

@media screen and (max-width: 768px) {
	.hide-xs {display: none;}
	#back-top {display: none !important;}
  .top-logo {text-align: center; margin-bottom: 3px;} 
  .top-logo img {max-width: 100px; height: auto}
  .top-line {margin-bottom: 0;}
  .slidepost h3 {font-size: 14px}
  .sardabir-slider li h3 {font-size: 16px; line-height: 1.4}
  .home-content .main {width: 100%}
  .home-content .left-col {width: 57%}
  .menu_left-side-ads {text-align: center;}
  .week-top .content .inner {margin-bottom: 10px;}
  .footer .socials ul, .footer .logo, .copyright .copy, .copyright ul {text-align: center;}
  .copyright ul {padding-right: 0;}
  .rel-post ul li, #rpbt-related-gallery-1 .gallery-item {min-height: 188px}
  .home-content.category .main {padding-right: 20px;}
  .home-content .right-col {margin-right: 5px;}
  .comment-form-author, .comment-form-email {width: 100%}

}
@media screen and (max-width: 570px) {
  .slidepost:nth-child(1) {width: 100%}
  .slidepost:nth-child(2), .slidepost:nth-child(3), .slidepost:nth-child(4), .slidepost:nth-child(5) {width: 50%}
  .slidepost h3 {font-size: 18px} 
  .category .main ul li.main-content {width: 100%}
  .category .main-content img {max-height: unset;}
  .category .main ul li h2 {min-height: unset}
  .home-content .left-col, .home-content .right-col {width: 100%;}
}
@media screen and (max-width: 480px) {
  .home-sardabir .title {font-size: 17px; width: 150px;}
  .top-links ul li:last-child {display: none;}
  .menu_webgardi, .rel-post ul li {width: 50%}
  #rpbt-related-gallery-1 .gallery-item {width: 50% !important}
  
}
@media screen and (max-width: 380px) {
  .slidepost:nth-child(2), .slidepost:nth-child(3), .slidepost:nth-child(4), .slidepost:nth-child(5) {display: none;}
  .week-top .content .inner {width: 100%;}
  .rel-post ul li img, .menu_webgardi {max-height: unset}
  .rel-post ul li {min-height: 178px;}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;max-width: 100%; height: auto;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


blockquote {
	padding: 0 40px;
}
blockquote p {
	color: rgba(128,128,128,1.00);
	padding: 0 15px;
	font-style: italic;
	border: 5px solid rgba(128,128,128,.50);
	border-width: 0 5px
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {
	color: rgba(128,128,128,1.00)!important;
	padding: 0 15px;
	font-style: italic;
	border: 5px solid rgba(128,128,128,.50);
	border-width: 0 0 0 5px
}