/* MAIN.css */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is default CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Otag*/
/* Version: 3.0 Initial Release*/
/* Build Date: 13/8/2016*/
/* Author: Omid Mirzaei.*/
/* Website: http://www.RayaTarh.com */
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - DEFAULT STYLE */
/* 02 - HEADER */
/* 03 - MAIN MENU */
/* 04 - HOME PAGE */
/* 05 - SINGLE PAGE */
/* 06 - FOOTER */
/* 07 - LISTING PAGE */
/* 08 - PLUGINS OVERWRITE */
/* 09 - DIRECTORY HELP PAGE */
/* 10 - MEDIA QUERIES */


/* FONTS */

@font-face {
  font-family: "iransans";
  src: url("../fonts/iraniansansweb-regular.eot");
  src: url("../fonts/iraniansansweb-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/IranianSansWeb-Regular.woff") format("woff"), url("../fonts/IranianSansWeb-Regular.ttf") format("truetype"), url("../fonts/iraniansansweb-regular.svg#iransansbold_Medium") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "iransans";
  src: url("../fonts/iraniansansweb-regular.eot");
  src: url("../fonts/iraniansansweb-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/IranianSansWeb-Regular.woff") format("woff"), url("../fonts/IranianSansWeb-Regular.ttf") format("truetype"), url("../fonts/iraniansansweb-regular.svg#iransansbold_Medium") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "yekanbakh";
  src:  url("../fonts/YekanBakh/YekanBakhFaNum-Black.woff") format("woff"), url("../fonts/YekanBakh/YekanBakhFaNum-Black.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "yekanbakhbold";
  src:  url("../fonts/YekanBakh/YekanBakhFaNum-ExtraBold.woff") format("woff"), url("../fonts/YekanBakh/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
  font-display: swap;
}


.grayebox{
        background: #f0f0f0;
    padding: 20px;
    border-right: 4px solid #00cc54;
    color: #000 !important;
    font-size: 16px;
}
.shopping-cart {border-radius: 5px; border: 2px solid rgba(95, 187, 87, 0.5); background: rgba(95, 187, 87, 0.2);}
.shopping_cart {font-size: 12px !important; color: #555}
.shopping_cart h2 {font-size: 18px !important; display: inline; line-height: 2.5; vertical-align: top; color: #d71920;}
.add-to-cart input[type="submit"] {
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.add-to-cart input[type="submit"]:hover, .add-to-cart input[type="submit"]:focus{color: #fff; background-color: #47a447; border-color: #398439;}
.online-pay-form textarea {height: 120px}
.ads-form, .featured-form {display: none; }

/*--------------------------------------------------------*/
/* 01 - DEFAULT STYLE */
/*--------------------------------------------------------*/
html {scroll-behavior: smooth;}
body {margin:0;background: #f5f5f5;font-size:12px !important; font-family: iransans !important ;color:#666; direction:rtl; padding:0; }
font{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
a:link,a:active,a:focus,a:visited{color:#00a5c9 ;text-decoration:none !important; outline: none !important; transition: all .4s ease-out 0s;}
a:hover{color: #333; text-decoration:none;}
input,select,table,button{font:12px}
textarea{border:1px solid #999;background-color:#fff;font:11px tahoma;color:#000;}
.container-fluid {max-width: 1380px; margin: 0 auto;}
h3 {
  font-size: 16px !important;
  color: #333!important;
}
h2 {
  font-size: 16px;
  color: #333;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {font-family: yekanbakh !important}
h4 {color: #000; font-size: 17px}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.color1 a {color: #333}
.color1 a:hover {color: #5fbb57}
.color2 a {color: #5fbb57}
.color2 a:hover {color: #333}
.color3 a {color: #2d9533}
.color3 a:hover {color: #333}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt30 {margin-top: 30px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.p0 {padding: 0 !important;}
.pt20 {padding-top: 20px}
.pt10 {padding-top: 10px}
.p5 {padding: 5px;}
.img100 {max-width: 100%;}
.numfont  {font-family: numfont !important}
.center {text-align: center; display: block;}
.boxing {box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.2); 
  -ms-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  -o-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  background: #FFF;
}
.boxing.inwhite {border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;}

.page-title {font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px;}
.page-title span { padding: 5px 30px; background: #5fbb57; border-radius: 20px; color: #FFF}
.page {margin-bottom: 60px;}
.page h1.title {text-align: center; position: relative; font-size: 22px; font-weight: bold; margin: 40px auto;}
.page .title span {padding: 3px 15px; border: 1px solid #99ca6a; border-radius: 30px; background: #FFF; position: relative; z-index: 2}
.page h1.title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #99ca6a;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;

}

.contact-page .fa {
    display: block;
    float: right;
    font-size: 18px;
    color: #25C3E6;
    margin-left: 10px;
}
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 #25C3E6;
color: #25C3E6;
width:120px;
height: 40px;
text-align:center;
font-weight: bold;
transition: all .4s ease-out 0s;
position: relative;
}
.wpcf7 .send:before {
  content: "\f1d9";
  font-family: FontAwesome;
  font-size: 16px;
  color: #25C3E6;
  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: #30a9de;
  color: #FFF;
}

#back-top {
  position: fixed;
  bottom: 12px;
  left: 10px;
  z-index: 1500;
}
#back-top a {
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  color: #666;
}
/* arrow icon (span tag) */
#back-top span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 48px;
  line-height: 40px;
  color: rgba(95, 187, 87, 0.4);
  border: 4px solid rgba(95, 187, 87, 0.4);
  background: transparent;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover span {
  background: rgba(95, 187, 87, 0.8);
  color: #FFF
}
.back-top {display: none;}
.srp-post-title {font-family: iransans !important;}
.widget-title1,.widget-title2, .newsletter .title {width: 90%; margin: 0 auto; font-size: 13px; color: #111; text-align: center; position: relative;font-family: yekanbakh;}
.widget-title1:before,.widget-title2:before, .newsletter .title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #DDD;
  bottom: -5px;
  right: 0;
  z-index: 1
}
.widget-title1:after,.widget-title2:after, .newsletter .title:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background: #5fbb57;
  bottom: -5px;
  z-index: 2;
  right: 0;
  left: 0;
  margin: auto;
  transition: all .4s;
}
.right-box:hover .widget-title1:after,.right-box:hover .widget-title2:after, .newsletter:hover .title:after {width: 60%}
.right-box .g-col img {max-width: 100%; height: auto; border: 1px solid #ddd; margin-bottom: 15px;}
.g-col {float: none !important}
.g-10 {max-width: 100% !important}
.newsletter .title {color: #eee; font-size: 18px; padding-top: 10px}
.newsletter .title:after { background: #444}
.widget-title2 {font-size: 15px; margin-bottom: 25px;}
.otag-popup-ad {
  display: none; position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 2000; 
  border: 1px solid rgba(95, 187, 87, 0.4);
  background: #e9e9e9;
  border-radius: 5px;
  padding: 10px 25px;
}
.otag-popup-ad i {
  position: absolute;
  top: 3px;
  left: 3px;
  color: #5FBB57;
  cursor: pointer;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  text-align: center;
  padding-top: 1px;
  transition: all 0.3s ease-in-out;
}
.otag-popup-ad i:hover {background: #333}
.otag-popup-ad a {color: #333}
.otag-popup-ad a:hover {color: #5fbb57}
.otag-popup-ad .fa-bullhorn { color: #5fbb57 ; font-size: 18px; margin-left: 5px; float: right;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  vertical-align: middle;
}
.menu_sticky-pop-ad {float: right;}
.menu_sticky-pop-ad p {margin: 0}
.modal-header {background: #5FBB57; border-radius: 4px 4px 0 0;}
.modal-header h3 {color: #FFF !important}
.login-pop .fgp i {font-size: 18px; vertical-align: middle;}
.login-pop .modal-footer {text-align: center;}
.login-pop .modal-footer .btn {width: 40%}
.breadcrumb_wrapper {background: #FFF; min-height: 40px; margin: 0 auto}
.breadcrumbs {padding: 8px 0 0 8px; color: #5FBB57; font-size: 10px}
.breadcrumbs a {font-size: 10px; color: #aaa; line-height: 20px; position: relative;}
.breadcrumbs a:hover {color: #5FBB57;}
.breadcrumbs a:after {
    content: "\f104";
    display: inline-block;
    font-size: 11px;
    font-weight: 100;
    padding: 0 10px;
    position: relative;
    top: 2px;
    opacity: 0.8;
    font-family: 'fontawesome';
}
.mobile-sticky {width: 100%; height: auto; text-align: center; display: none; position: fixed; bottom: -100px; z-index: 2500; transition: all 0.3s;}
.mobile-sticky img {max-width: 100%; height: auto}
a.btn-warning {
	color: #fff !important;
	background-color: #f0ad4e;
	border-color: #eea236;
	font-size: 18px;
}
a.btn-warning:hover {
	color: #000 !important
}
/*--------------------------------------------------------*/
/* 02 - HEADER */
/*--------------------------------------------------------*/
.top-border {width: 100%; height: 5px; background: #5fbb57;}
.top-bar {height: auto; min-height: 80px; padding: 10px 0; background: #FFF;}
.top-header {background: #FFF;}
.top-logo img {max-width: 100%; height: auto;}
.top-bar-sticky {height: 50px; padding: 10px 0; background: #FFF; z-index: 100; display: none;}
.top-sticky {z-index: 100; right: 0; box-shadow: 1px 1px 1px #e0e0e0;}
.sticky .top-bar-sticky {display: block;}
.sticky {
  width: 100%;
  height: 50px;
  background: #FFF;
  opacity: 1;
  position: fixed;
  border-bottom: 1px solid #e2e2e2;
  animation: sticky-menu 0.5s forwards;
  -webkit-animation: sticky-menu 0.5s forwards;
}
@keyframes sticky-menu {
  from {top: -50px}
  to {top: 0}
}
@-webkit-keyframes sticky-menu {
  from {top: -50px}
  to {top: 0}
}

.sticky .logged-menu {margin-top: -10px;}
.sticky .logged-menu .avatar img {width: 48px; height: 48px}
.sticky .user-menu-box {top: 24px; right: 10px;}
.sticky  #searchform {padding-top: 0}
.sticky #searchform input[type="text"] {margin-top: -5px; }
.sticky #searchform input[type="submit"] {margin-top: -5px; }
.sticky-menu {position: relative;}
.sticky-menu-button {font-size: 26px !important; color: #999; cursor: pointer;
  float: left;
  margin-left: -40px;
  height: 50px;
  position: relative;
  z-index: 101;
  padding-top: 3px;
  transition: all .4s;
}
.sticky-menu-button:hover {color: #ccc}
.sticky-menu .clicked {color: #5fbb57}
.sticky-menu-inner {margin-right: 70px; position: absolute; background: #FFF; width: 240px; display: none; height: auto; margin-top: 40px;  border: 1px solid #e9e9e9; box-shadow: 1px 1px 1px #ccc; }
.sticky-menu-inner ul {list-style: none; padding-right: 10px; padding-top: 20px; position: relative; height: 381px;}
.sticky-menu-inner ul li {padding-right: 40px; margin-bottom: 5px;}
.sticky-menu-inner a {font-size:14px ; font-weight: bold; color: #777}
.sticky-menu-inner a:hover {color: #5fbb57}
.menu-1 {background: url(../images/sprites.png) no-repeat right -218px ;}
.menu-2 {background: url(../images/sprites.png) no-repeat right -185px ;}
.menu-3 {background: url(../images/sprites.png) no-repeat right -120px ;}
.menu-4 {background: url(../images/sprites.png) no-repeat right -150px ;}
.menu-5 {background: url(../images/sprites.png) no-repeat right -83px ;}
.menu-6 {background: url(../images/sprites.png) no-repeat right -362px ;}
.menu-7 {background: url(../images/sprites.png) no-repeat right -400px ;}
.menu-8 {background: url(../images/sprites.png) no-repeat right -322px ;}
.menu-9 {background: url(../images/sprites.png) no-repeat right -285px ;}
.menu-10 {background: url(../images/sprites.png) no-repeat right -250px ;}
.menu-11 {background: url(../images/sprites.png) no-repeat right -612px ;}
.topLogo {float: left; padding-left: 10px}
.section {padding: 0}
#searchform {padding-top: 8px}
#searchform input {outline: none}
#searchform input[type="text"] {height: 40px; width: 80%; font-size: 11px; color: #666; padding: 0 5px; float: right; border: 2px solid #e0e0e0; border-left: none; border-radius: 0 4px 4px 0; transition: all .4s;}
#searchform:hover input[type="text"] {border-color: #5fbb57 }
#searchform input[type="submit"] {height: 40px; width: 19%; float: right; font-family: fontawesome; font-size: 18px; text-align: center; background: #5fbb57; color: #FFF; border: 2px solid #5fbb57; border-radius: 4px 0 0 4px}
.logreg {position: relative; padding-left: 0}
.logreg ul {list-style: none; padding: 0; float: right; padding-top: 15px;}
.sticky .logreg ul {padding-top: 0;}
.logreg ul li {display: inline-block; margin-left: 10px; padding-right: 30px}
.logreg .signUp {height: 24px; background: url(../images/sign-up-icon.png) no-repeat right;} 
.logreg .signIn {height: 24px; background: url(../images/sign-in-icon.png) no-repeat right;} 
.logreg .directory {height: 26px; font-weight: bold; font-size: 14px; background: url(../images/directory-icon.png) no-repeat right; margin-right: 20px;} 
.logreg ul li a {color: #666}
.logreg ul li a:hover {color: #2d9533}
.logged-menu {float: right; background: #FFF; border-radius: 4px 4px 0 0; padding-right: 3px; padding-top: 2px;}
.user-menu-box {position: absolute; z-index: 200; min-width: 220px; top: 40px; right: 15px; background: #F2F2F2; border-radius: 4px;
  padding: 10px 20px; margin-top: 25px; margin-bottom: 20px; border: 2px solid rgba(95, 187, 87, 0.4); opacity: 0; visibility: hidden; transition: all 0.3s; }
.user-menu-box:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  right: 23px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid rgba(95, 187, 87, 0.4);
}
.logged-menu:hover .user-menu-box {opacity: 1; visibility: visible;}
.user-menu-box .avatar {position: absolute; top: -20px; left: 0; right: 0; margin: auto; top: -14px;}
.user-menu-box .avatar:hover {}
.logged-menu .avatar img {border-radius: 50%; cursor: pointer; border: 3px solid rgba(95, 187, 87, 0.2);}
.logged-menu i {font-size: 15px; cursor: pointer; color: #5fbb57; font-weight: bold; padding-right: 3px; vertical-align: middle; padding-left: 5px; }
.user-menu-box .name {display: block; font-weight: bold; color: #5fbb57; font-size: 15px;}
.user-menu-box ul {list-style: none;}
.user-menu-box ul li {margin-bottom: 2px; display: block; padding-right: 0; }
.user-menu-box a {color: #888; font-size: 11px;}
.user-menu-box a:hover {color: #5fbb57; }
.user-menu-box ul li i {font-size: 16px; margin-left: 4px; vertical-align: middle;}
.user-menu-box .featured a {color: #5fbb57;}
.user-menu-box .featured a:hover {color: #333}
.user-menu-box .add-list {background: #9b59b6; border-radius: 4px; padding: 2px 4px;}
.user-menu-box .add-list a { color: #FFF}
.user-menu-box .add-list a:hover {color: #000}
.user-menu-box .add-list i {font-size: 16px; margin-left: 0; vertical-align: middle; color: #FFF; font-weight: normal; line-height: 1.3;}
.top-social ul {list-style: none; padding: 0; padding-top: 15px; text-align: center; direction: ltr}
.top-social ul li {width: 30px; height: 30px; display: inline-block; margin-right: 3px; transition: all .4s; }
.top-social i {font-size: 18px; line-height: 30px; }
.top-social ul li a {color: #CCC }
.top-social ul li:hover {background: #5fbb57; border-color: #5fbb57; color: #FFF !important}
.top-social ul li:hover a {color: #FFF}

/*-----------------------------------------------------------------------------*/
/* 03 - MAIN MENU */
/*-----------------------------------------------------------------------------*/
.top-menu {width: 100%; background: #FFF; margin: 0 auto; height: auto; min-height: 45px; z-index: 5000 !important; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
.top-menu .section {padding: 0}
.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 ul {float: right}
.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: 0;
  background: #2d9533;
  -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 15px;
  font-size: 12px;
  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: #2d9533;
}
.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: 7px;
  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: #5fbb57;
}
.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: 12px;
  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: #2d9533;
}
.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;
}
@media all and (max-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .menu-main-navigation-container {
    width: 100%;
  }
  .menu-main-navigation-container ul {
    width: 100%;
    display: none;
    background: #CCC
  }
  .menu-main-navigation-container ul li ul {width: 100%}
  .menu-main-navigation-container ul li ul li{ background: #ddd }
  .menu-main-navigation-container.align-center > ul,
  .menu-main-navigation-container.align-right ul ul {
    text-align: right;
  }
  .menu-main-navigation-container ul li,
  .menu-main-navigation-container ul ul li,
  .menu-main-navigation-container ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  .menu-main-navigation-container ul li a,
  .menu-main-navigation-container ul ul li a {
    width: 100%;
  }
  .menu-main-navigation-container > ul > li,
  .menu-main-navigation-container.align-center > ul > li,
  .menu-main-navigation-container.align-right > ul > li {
    display: block;
  }
  .menu-main-navigation-container ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  .menu-main-navigation-container ul ul li:hover > a,
  .menu-main-navigation-container ul ul li a:hover {
    color: #2d9533;
  }
  .menu-main-navigation-container ul ul ul li a {
    padding-right: 40px;
  }
  .menu-main-navigation-container ul ul,
  .menu-main-navigation-container ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  .menu-main-navigation-container > ul > li.has-sub > a::after,
  .menu-main-navigation-container ul ul li.has-sub > a::after {
    display: none;
  }
  .menu-item-has-children a {margin-right: 35px !important}
  #menu-line {
    display: none;
  }
  .menu-main-navigation-container #menu-button {
    display: block;
    padding: 15px 60px 15px 15px;
    color: #000000;
    cursor: pointer;
    font-size: 18px;
    
  }

  .menu-main-navigation-container #menu-button::before {
    content: '\f0c9';
    position: absolute;
    font-family: FontAwesome;
    top: 10px;
    right: 20px;
    display: block;
    color: #5fbb57;
    font-size: 28px
  }
  .menu-main-navigation-container .submenu-button {
    position: absolute;
    z-index: 101;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  .menu-main-navigation-container .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  .menu-main-navigation-container .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  .menu-main-navigation-container .submenu-button.submenu-opened:after {
    display: none;
  }
}

/*---------------------MENU MEGA MENU----------------------*/
.menu-mega-menu {position: static !important;}
.menu-mega-menu > ul {width: 83%; display: block; height: auto; padding-top: 10px; min-height: 370px; background: #f1f1f1; border: 1px solid #e0e0e0 ; border-top: 1px solid #5FBB57 }
.menu-mega-menu > ul li {display: inline-block;}
@media screen and (max-width: 1024px) {
  .menu-mega-menu > ul {padding-top: 0; min-height: 20px;}
}
@media screen and (min-width: 1024px) {
.menu-mega-menu > ul > li > a {background: transparent !important; color: #111 !important; text-align: center; padding-bottom: 5px}
.menu-mega-menu > ul > li > a:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  background: #5FBB57;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}
.menu-mega-menu > ul li a {background: transparent !important; width: 150px !important}
.menu-mega-menu > ul ul {left: unset !important; top: 32px !important;}
.menu-mega-menu > ul ul li {height: 32px;}
}

.menu-mega-menu > ul ul li a {color: #666}
.menu-mega-menu > ul ul li a:hover {color: #000}
.menu-mega-menu > ul li.colors li a {padding-right: 40px;}
.menu-mega-menu > ul li.colors li a:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ccc;
  top: 5px;
  right: 15px;
  border-radius: 3px;
}
.menu-mega-menu > ul li.colors .tireh a:before {background: #666;}
.menu-mega-menu > ul li.colors .shad a:before {background: #f7f4a7; border: 1px solid #e0e0e0;}
.menu-mega-menu > ul li.colors .pink a:before {background: #f839a5;}
.menu-mega-menu > ul li.colors .yellow a:before {background: #f5eb54;}
.menu-mega-menu > ul li.colors .white a:before {background: #fff; border: 1px solid #e0e0e0;}
.menu-mega-menu > ul li.colors .blue a:before {background: #37B0E9;}
.menu-mega-menu > ul li.colors .green a:before {background: #35c46e;}
.menu-mega-menu > ul li.colors .purple a:before {background: #8E44AD;}
.menu-mega-menu > ul li.colors .red a:before {background: #f45a5a;}


/*--------------------------------------------------------*/
/* 04 - HOME PAGE */
/*--------------------------------------------------------*/

.indexH1 {
  margin-top: -49px;
  width:100%;
  white-space: nowrap;
  overflow:hidden;
  position:relative;
  text-indent:-999em;
}
.home-ts .directory { padding: 0 !important; position: relative;}
.home-ts .directory img {max-width: 100%; height: auto}
.home-ts .directory:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background: rgba(255,255,255, 0.6);
  top: 0;
  left: 0;
  transition: all 0.2s;
}
.home-ts .directory:after {
  content: "";
  position: absolute;
  width: 90%;
  height: 0;
  background: rgba(0,0,0, 0.5);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition: all 0.4s;
}
.home-ts .directory span {position: absolute; top: 35%; text-align: center;; left: 0; right: 0; margin: auto; z-index: 1 ; transition: all 0.3s;
  -webkit-transform: scale(0); -moz-transform: scale(0);
  -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);
}
.home-ts .directory span a {padding: 5px 20px; background: #5fbb57; border-radius: 5px; color: #FFF; font-size: 25px; border-bottom: 4px solid #49a640; transition: all .4s;}
.home-ts .directory span a:hover {background: #49a640}
.home-ts .directory p {position: absolute; bottom: 10%; left: 10%; z-index: 1; opacity: 0}
.home-ts .directory p a {color: #FFF}
.home-ts .directory p a:hover {color: #111}
.home-ts .directory:hover:before {height: 100%;}
.home-ts .directory:hover:after {height: 90%;}
.home-ts .directory:hover span {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.home-ts .directory:hover p {opacity: 1}
.home-ts .directory .title {width: 255px; height: 90px; background: #e4bc03; padding-right: 15px;}
.home-ts .directory .title span {color: #FFF; font-size: 26px; }
.home-ts .directory .title p {color: #222; font-size: 12px}
.home-ts .directory .button {text-align: center; margin-top: 20px; }
.home-ts .directory .button span {position: relative; z-index: 1}
.home-ts .directory .button a {font-size: 18px; padding: 8px 25px; position: relative; background: #5fbb57; border-radius: 5px; color: #FFF; border-bottom: 3px solid #49a640;    }
.home-ts .directory .button a:after {
  content: "";
  position: absolute;
  width: 168.75px;
  height: 0;
  left: 0;
  bottom: 0;
  background: #49a640;
  border-radius: 5px 5px 2px 2px;
  transition: all .4s;
}
.home-ts .directory:hover .button a:after {height: 100%;}
.home-ts .directory .desc {width: 90%; background: rgba(255,255,255, 0.7); border-radius: 5px; padding: 10px; margin: 0 auto; margin-top: 20px; color: #222; text-align: justify; line-height: 1.6}
.home-ts .directory .link {text-align: left; padding-left: 20px; text-shadow: 1px 1px 1px #FFF; }
.home-ts .parts {position: relative; height: auto}
.home-ts .parts img{max-width: 100%; height: auto }
.home-ts .parts:before {
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3);
  content: '';
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  transition: background 200ms ease-in-out;
  -webkit-transition: background 200ms ease-in-out;
  -moz-transition: background 200ms ease-in-out;
  height: 100%;
}
.home-ts .parts:hover::before {background: transparent;}
.home-ts .parts span {
  position: absolute;
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #FFF;
  z-index: 2;
  padding: 0px 30px;
  text-align: center;
  top: 35%;
  text-shadow: 1px 1px 1px #181818;
  font-weight: normal;
}
.home-ts .parts span:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  display: block;
  bottom: -3px;
  background: rgb(239, 181, 75);
  left: 49.5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.home-ts .parts span:after {
  content: '';
  height: 1px;
  width: 70px;
  display: block;
  background: rgb(239, 181, 75);
  margin: 15px auto 0px;
}
.home-ts .parts .cat-title {width: 80px; height: 23px; position: absolute; z-index: 10; bottom: 10px; left: 10px; background: rgba(0,0,0, 0.4); text-align: center;}
.home-ts .parts .cat-title a {color: #999}
.home-ts .parts .cat-title a:hover {color: #5fbb57}
.home-item {padding: 5px 0 10px 0; margin-bottom: 40px;}
.cat-item {padding: 2px 10px 10px 10px; margin-bottom: 20px;}
input.sabai-googlemaps-formatted-address {padding-right: 25px !important}
.directory-slide .sabai-wordpress-widget-image {position: relative;}
.directory-slide .sabai-wordpress-widget-image img {width: unset !important; height: unset !important; }
.directory-slide li.sabai-wordpress-widget-entry-with-image {margin-right: 7px !important;}
.directory-slide .sabai-wordpress-widget-main {direction: rtl; text-align: right; padding: 10px 3px; font-size: 11px; margin: 0; color: #333 !important}
.directory-slide .sabai-wordpress-widget-main a{color: #333}
.directory-slide li.sabai-wordpress-widget-entry-with-image:hover .sabai-wordpress-widget-main a {color: #5fbb57 !important } 
.directory-slide .get-pro {text-align: left; padding: 10px 0 4px 10px;}
.sabai-wordpress-widget li.sabai-wordpress-widget-entry-with-image {min-height: 65px; margin: 4px 2px !important;}
.menu_latest-directory .sabai-wordpress-widget-entries {text-align: center;}
.menu_latest-directory .sabai-wordpress-widget .sabai-wordpress-widget-main {
  position: absolute;
  white-space: nowrap;
  top: -22px;
  background: rgba(0,0,0, 0.8);
  padding: 0 4px;
  border-radius: 4px;
  opacity: 0;
  display: none;
  transition: all 0.4s;
}
.menu_latest-directory .sabai-wordpress-widget-main:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid rgba(0,0,0, 0.8);
  bottom: -6px;
  right: 10px

}
.menu_latest-directory a {color: #fff; font-size: 11px;}
.menu_latest-directory a.sabai-file {background: #303030; float: right;}
.menu_latest-directory li.sabai-wordpress-widget-entry-with-image:hover .sabai-wordpress-widget-main { opacity: 1; z-index: 2; display: block;}
.menu_latest-directory .sabai-wordpress-widget-image img {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; transition: all 0.4s ease-in-out;}
.menu_latest-directory .sabai-wordpress-widget-image img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1}
.bx-viewport {direction: ltr;}
.directory-slide .bx-wrapper .bx-viewport {box-shadow: none !important; -webkit-box-shadow: none !important; left: 0 !important; border-radius: 0 !important; min-height: 150px}
.directory-slide #sabai-embed-wordpress-shortcode-1 .sabai-item {height: auto !important; min-height: 146px !important;}
.directory-slide .bx-wrapper .bx-caption {background: #FFF !important; direction: rtl !important;}
.directory-slide .bx-wrapper .bx-caption span {font-family: iransans !important; font-size: 1em !important; transition: all 0.3s; white-space: nowrap; text-indent: ellipsis; color: #333 !important ;}
.sabai-item:hover .bx-caption span {color: #5fbb57 !important}
.directory-slide .sabai-wordpress-widget-image a:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 33px;
  right: 6px;
  background: url(../images/featured-badge-s2.png) no-repeat;
}
.sabai-widget-directory-categories ul {list-style: none; padding-right: 10px;}
.sabai-widget-directory-categories ul li {position: relative;font-size: 14px;}
.sabai-widget-directory-categories ul li a {padding-right: 25px; color: #333; }
.sabai-widget-directory-categories ul li a:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #5FBB57;
  border-radius: 4px;
  right: 0;
  top: 5px
}
.sabai-widget-directory-categories ul li a:hover {color: #333}
.sabai-widget-directory-categories ul ul {padding-right: 20px;}
.sabai-widget-directory-categories ul ul li {font-size: 13px;}
.sabai-widget-directory-categories ul ul li a {padding-right: 15px; color: #2d9533;}
.sabai-widget-directory-categories ul ul li a:hover {color: #888}
.sabai-widget-directory-categories ul ul li a:before {
  content: "\f104";
  position: absolute;
  font-size: 18px;
  width: 0;
  height: 0;
  border: none;
  right: 5px;
  top: -6px;
  font-family: 'fontawesome';
  color: #5FBB57
}
.directory-cat-main {padding-top: 5px; margin-bottom: 30px;} 
.directory-slide .bx-wrapper .bx-controls-direction a {display: block; top: -27px; width: 23px; height: 23px; z-index: 1 !important}
.directory-slide .bx-wrapper .bx-prev {left: 35px;background: #FFF url(../images/prev-arrow.png) no-repeat center ; border: 1px solid #5fbb57;}
.directory-slide .bx-wrapper .bx-next {right: unset !important; left: 62px; background: #FFF url(../images/next-arrow.png) no-repeat center ; border: 1px solid #5fbb57;}
.directory-slide .bx-wrapper .bx-prev:hover {background:  #5fbb57 url(../images/prev-arrow.png) no-repeat center;}
.directory-slide .bx-wrapper .bx-next:hover {background:  #5fbb57 url(../images/next-arrow.png) no-repeat center;}
.directory-slide .bx-wrapper .bx-next:focus, .directory-slide .bx-wrapper .bx-prev:focus{background-position:center}
.famous-slide .bx-wrapper .bx-controls-direction a {top: -32px;}
.famous-slide .bx-wrapper .bx-prev {left: 15px; border: none;}
.famous-slide .bx-wrapper .bx-next {left: unset; right: 15px !important; border: none;}
.famous-slide img {width: 300px; height: 176px !important; max-width: 100%  }
.famous-slide ul li {position: relative; direction: rtl}
.famous-slide ul li span {display: block; position: absolute; bottom: 10px; white-space: nowrap; font-size: 13px; overflow: hidden; text-overflow: ellipsis; background: rgba(0,0,0, 0.8); color: #FFF; text-shadow: 2px 2px 1px #000; width: 100%; text-align: right; padding: 2px 4px;}
.home-title{
  font-size: 18px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 25px;
  padding-right: 5px;
  position: relative;
  font-family: yekanbakh
}
.home-title:before {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #5fbb57;
  bottom: -1px;
  right: 0
}
.right-sidebar {padding-right: 5px !important;}
.menu_home-right-sidebar-bottom img {max-width: 100%; height: auto}
.newsletter {height: 240px; background: #5fbb57; overflow: hidden; position: relative;}
.newsletter .lampshade {position: absolute; left: 0; bottom: -60px; transition: all .5s;}
.newsletter:hover .lampshade {bottom: -10px}
.mailerlite-form-description {position: relative; z-index: 2; color: #FFF; padding: 0 10px;}
.mailerlite-form-field {text-align: center; position: relative; z-index: 2}
.footer-nw label {color: #fcfcfc; font-weight: normal; margin-top: 30px; }
.avangpress-alert.avangpress-success {color: #fcfcfc; font-weight: normal }
.newsletter input, .footer-nw input {outline: none}
.newsletter input[type="email"], .footer-nw input[type="email"] {width: 100%; height: 40px; direction: ltr; transition: all 0.4s; text-align: left; padding-left: 40px; color: #FFF; font-size: 16px; background: transparent; border:1px solid #FFF; margin: 0 auto;}
.footer-nw input[type="email"]:hover {border-color: #5FBB57 }
.mailerlite-form-inputs .mailerlite-form-field:before {content: "\f003"; font-family: fontawesome; font-size: 24px; color: #5FBB57; position: absolute; left: 10px; top: -4px;}
.newsletter input[type="submit"], .footer-nw input[type="submit"] {width: 105px; height: 40px; color: #FFF; font-size: 18px; background: transparent; border:1px solid #FFF; margin: 0 auto; transition: all .4s; margin-bottom: 5px;}
.newsletter input[type="submit"]:hover, .footer-nw input[type="submit"]:hover {background: rgba(255,255,255, 0.6); color: #5fbb57}
.mailerlite-form-response {z-index: 2 !important; position: relative !important; color: #FFF !important}
.footer-nw .mailerlite-form-loader {color: #5FBB57 }
.right-sidebar .ideas ul {list-style: none; }
.right-sidebar .ideas ul li {display: inline-block; margin-left:35px; font-size: 11px; line-height: 2.5  }
.right-sidebar .ideas ul li a {color: #666}
.right-sidebar .ideas ul li a:hover {color: #2d9533}
.home-popular ul {list-style: none; padding: 0;}
.home-popular img {width: 300px; height: 130px; max-width: 100%  }
.home-popular ul li {position: relative; margin-bottom: 10px; display: table;}
.home-popular ul li:before {
  display: table-cell;
  vertical-align: middle;
  content: "";
  position: absolute;
  background: rgba(0,0,0, 0.3);
  width: 100%;
  height: 100%;
  right: 0;
  transition: all 0.5s;
}
.home-popular ul li span {position: absolute; top: 40%; right: 0; line-height: 1.5; text-align: center; color: #FFF; text-shadow: 1px 1px 1px #181818; padding: 0 15px;}
.home-popular ul li:hover:before {background: rgba(255,255,255, 0.7);}
.home-popular ul li:hover span {color: #222; text-shadow: none;}
.home-popular ul li i {width: 28px; height: 28px; border-radius: 50%; padding-top: 4px; background: #333; border: 2px solid #333;
  text-align: center; position: absolute; color: #5fbb57; font-size: 14px; bottom: 10px; right: 0; left: 0; margin: auto; -webkit-transform: scale(0); -moz-transform: scale(0);
  -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.home-popular ul li:hover i{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.main-content .right-col {padding-right: 10px}
.main-content .right-col h2 {line-height: 1.7; margin-top: 0; font-size: 15px }
.main-content .right-col p {text-align: justify; font-size: 11px; color: #333}
.main-content .home-more {width: 100%; float: left; text-align: left; font-size: 11px; padding-left: 10px;}
.main-content .detail-line {width: 90%; border-bottom: 1px solid #e0e0e0; clear: left;}
.main-content .detail-line a {color: #666}
.main-content .detail-line a:hover {color: #5fbb57}
.home-like, .home-cat, .home-date, .home-author {height: 30px; display: table-cell; vertical-align: middle; padding: 6px 40px 6px 0;}
.home-cat {}
.home-date {background: url(../images/clock-icon.png) no-repeat right;}
.home-author {background: url(../images/author-icon.png) no-repeat right;}
.home-author img {border-radius: 50%; border: 3px solid #e0e0e0; margin-left: 5px; margin-right: -4px;}
.home-like {padding-right: 0px}
.home-like span {float: right;}
.main-content .detail-line .wpulike {float: right}
.living-room {background: url(../images/sprites.png) no-repeat right -218px ;}
.furniture {background: url(../images/sprites.png) no-repeat right -85px ;}
.bedroom {background: url(../images/sprites.png) no-repeat right -122px ;}
.kidsroom {background: url(../images/sprites.png) no-repeat right -150px ;}
.kitchen {background: url(../images/sprites.png) no-repeat right -185px ;}
.article {background: url(../images/sprites.png) no-repeat right -250px ;}
.store-decoration {background: url(../images/sprites.png) no-repeat right -285px ;}
.cat8 {background: url(../images/sprites.png) no-repeat right -322px ;}
.bathroom {background: url(../images/sprites.png) no-repeat right -361px ;}
.frontage {background: url(../images/sprites.png) no-repeat right -400px ;}
.diy {background: url(../images/sprites.png) no-repeat right -614px ;}
.main-content .cat-more a, .home-more a {border: 1px solid #5fbb57; padding:3px 10px; border-radius: 3px}
.main-content .cat-more a:hover, .home-more a:hover {background: #5fbb57; color: #FFF}
.main-content .left-col {padding-right: 0; padding-left: 3px; text-align: center;}
.home-thumbnail {position: relative;}
.home-thumbnail img{max-width: 100%; height: auto;}
.home-thumbnail .detail {position: absolute; top: 10px; right: 0; line-height: 1;}
.home-thumbnail .detail .inner {background: rgba(0,0,0, 0.5); color: #aaa; float: right; margin-left: 5px; padding: 3px 10px; }
.home-thumbnail .detail .inner span {
  float: right;
  padding-left: 10px;
  border-left: 1px solid #45963c;
  height: 20px;
  padding-top: 5px;
}
.home-thumbnail .detail .inner .cat {
  float: right;
  height: 22px;
  padding: 5px 35px 0px 0;
  margin-right: 10px;
}
.home-thumbnail .detail a {color: #aaa; font-size: 11px}
.home-thumbnail .detail a:hover {color: #5fbb57}
.home-thumbnail .detail .like {float: right;}
.home-thumbnail .detail .like .counter {padding-top: 10px !important;}
.home-thumbnail .detail .like .count-box {margin-top: -8px !important;}

.home-rel-post {border-top: 1px solid #e0e0e0; margin-top: 15px; padding-top: 10px;}
.home-rel-post img {max-width: 90px !important ; height: auto}
.home-rel-inner {list-style: none; padding: 0}
.home-rel-inner li {position: relative; display: inline-block; min-height: 65px}
.home-rel-post .thumb {float: right; margin-left: 10px;}
.home-rel-post  h3 {padding-left: 10px; font-size: 12px !important; line-height: 1.8; margin-top: 0;}
.home-rel-post  h3 a {color: #333}
.home-rel-post  h3 a:hover {color: #5fbb57}
.menu_latest-directory .widget-title2 {position: relative; margin: 45px auto;}
.menu_latest-directory .widget-title2:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  display: block;
  bottom: -6px;
  background: #aaa;
  left: 49.5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.menu_latest-directory .widget-title2:after {
  content: '';
  height: 1px;
  width: 90%;
  display: block;
  background: #aaa;
  margin: 15px auto;
}
.menu_latest-directory .widget-title2 {text-align: center; color: #5fbb57; font-weight: bold; font-size: 15px; margin-top: 0; margin-bottom: 10px;}
.menu_latest-directory .widget-title2:after {width: 50%; position: unset !important;}
.menu_latest-directory .widget-title2:before {right: unset !important}
.top-ad {margin-bottom: 50px; text-align: center ;}
.top-ad img {max-width: 100%; height: auto}
.home-gb {height: auto; min-height: 370px; background: #84cb7e; padding-top: 20px}
.home-gb .box {text-align: center;}
.home-gb .widget-title1 {font-size: 12px; color: #111}
.home-gb .home-made ul {list-style: none; margin-top: 20px; padding-right: 20px;}
.home-gb .home-made ul li {text-align: right;}
.home-gb .home-made ul li a {color: #FFF}
.home-gb .home-made ul li a:hover {color: #111}
.home-gb .insta ul {list-style: none; margin-top: 20px; padding: 0; position: relative;}
.home-gb .insta ul li {display: inline-block; margin-bottom: 5px;}
.home-gb .insta ul span {position: absolute; top: 40%; right: 0; text-align: center;min-width: 100%}
.home-gb .insta ul span a {padding: 6px 20px ; background: rgba(0,0,0, 0.9); color: #ddd; font-size: 13px}
.home-gb .insta ul span i {font-size: 19px; color: #b27920}
.home-gb .insta ul span a:hover {color: #5fbb57}
.home-gb .insta ul li img {max-width: 100%; width: 78px; height: 78px;
    opacity: .6;
    transition: all .5s;
}
.home-gb .insta ul li img:hover {opacity: 1; }
.home-gb .app p {color: #FFF; text-align: justify; margin-top: 20px; padding: 0 15px;}
.left-ad img {max-width: 150px ; height: auto}
/*--------------------------------------------------------*/
/* 05 - SINGLE PAGE */
/*--------------------------------------------------------*/
.sti {
  top: unset !important;
  width: 100%;
  margin-bottom: 20px;
  text-align: center !important;
  position: relative !important;
  left: unset !important;
}
.sti .sti-share-box {
  position: relative !important;
}
.sti.style-flat-small .sti-share-box .sti-btn {
  background-color: #FFF;
  padding-right: 90px;
  padding-left: 60px;
  display: inline-block;
  position: relative;
  float: none !important;
}
.sti .sti-pinterest-btn {
  border: 1px solid #e0e0e0;
  border-right: none;
  padding-right: 52px  !important;
  padding-left: 20px  !important;
}
.sti .sti-telegram-btn {
  border: 1px solid #e0e0e0;
  border-right: none;
  border-left: none;
}
.sti .sti-whatsapp-btn {
  border: 1px solid #e0e0e0;
  border-left: none;
}

.sti.style-flat-small .sti-share-box .sti-btn.sti-telegram-btn svg, .sti.style-flat-small .sti-share-box .sti-btn.sti-whatsapp-btn svg {
  right: 7px;
}
.sti .sti-telegram-btn:before, .sti .sti-whatsapp-btn:before {
  content: "ارسال به تلگرام";
  position: absolute;
  color: #555;
  top: 4px;
  right: 34px;
}
.sti .sti-whatsapp-btn:before {
  content: "ارسال به واتساپ";
}
.sti .sti-share-box .sti-btn svg {
  fill: #555 !important;
}
.sti .sti-share-box .sti-btn:hover svg {
  fill: #FFF !important;
}

.sti .sti-whatsapp-btn:hover {
  background-color: #4dc247 !important;
}
.sti .sti-whatsapp-btn:hover:before, .sti .sti-telegram-btn:hover:before {
  color: #FFF !important;
}
.sti .sti-telegram-btn:hover {
  background-color: #29b6f6 !important;
}
.sti .sti-pinterest-btn:hover {
  background-color: #ec1a22 !important;
}

.inline-instagram {
    padding: 10px 0;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 20px;
}
.inline-instagram .image {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
}
.inline-instagram .image img {max-width: 60px;}
.inline-instagram .text {
    font-size: 22px;
    text-align: center;
    color: #000;
    padding-top: 20px;
}
.inline-instagram .button {
    padding-top: 17px;
    text-align: center;
}
.inline-instagram .button a {
    padding: 5px 30px;
    border-radius: 5px;
    font-size: 16px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #9d649f, #747bb2);
    color: #FFF;
	transition: all 0.3s;
}
.inline-instagram .button a i {
    font-size: 25px;
    vertical-align: sub;
    margin-left: 5px;
}
.inline-instagram .button a:hover {
	background: linear-gradient(-45deg, #747bb2, #9d649f, #e73c7e, #ee7752);
}
.gift-row {
	margin-top: 20px;
	margin-bottom: 50px;
}
.gift-row .item img {
	border-radius: 10px;
    box-shadow: 2px 1px 7px rgba(0,0,0,0.2);
}
.post-star {width: 100%; min-height: 80px; border: 2px solid #5fbb57; border-radius: 5px; position: relative; margin-bottom: 15px; margin-top: 30px; text-align: center}
.post-star .title {background: #5fbb57; text-align: center; color: #FFF; font-size: 17px; margin-bottom: 15px;}
.kk-star-ratings .kksr-stars {
    direction: ltr;
}
.kk-star-ratings .kksr-stars .kksr-stars-active {left: 0 !important}
.kk-star-ratings.lft {float: none !important; margin: 0 auto !important}
.kk-star-ratings .kksr-legend {font-family: iransans !important;}
.otag-popup-ad .kk-star-ratings {margin-top: 0 !important}
.otag-popup-ad .kksr-stars, .otag-popup-ad .kksr-legend {display: none !important}
/* .kk-star-ratings .kksr-stars:before {
    content: "";
    position: absolute;
    width: 69%;
    height: 100%;
    background: transparent;
    left: 0;
    z-index: 10;
 } */
.products-star{
    text-align: center;
    margin: 5px 0 20px 0;
}
 
.hidden_rate {height: 0px;  overflow: hidden;}
.single-share {list-style: none; display: inline-block; padding: 0}
.single-share li {display: inline-block; float: right; margin-left: 10px; text-align: center;}
.single-share .g-plus {padding-top: 10px;}
.single-share i {font-size: 24px; padding-top: 8px;}
.single-share li.facebook a, .single-share li.twitter a {width: 40px; height: 40px; display: block; color: #FFF; background: #FFF; border-radius: 5px; border: 1px solid #e0e0e0; transition: none;}
.single-share .cloob a {background: #3bb54a url(../images/sprites.png) no-repeat 0 -37px;}
.single-share .facenama a {background: #0e6a9b url(../images/sprites.png) no-repeat -42px -33px;}
.single-share li a:hover {color: #FFF}
.single-share li.facebook a {background: #3B5998;}
.single-share li.twitter a {background: #55ACEE;}
.single-share .twitter a:hover, .single-share .facebook a:hover {background: #FFF; color: #9e9e9e}
.single-share .cloob a:hover {background: #FFF url(../images/sprites.png) no-repeat 0 5px;}
.single-share .facenama a:hover {background: #FFF url(../images/sprites.png) no-repeat -42px 6px;}


.single-inline-links {width: auto; max-width: 500px; background: rgba(36,122,173, 0.1); margin: 0 auto; margin-bottom: 30px; margin-top: 20px; border: 1px solid #e0e0e0; border-radius: 5px;}
.single-inline-links .head {background: #ED5F55; color: #FFF; text-align: center; font-size: 16px; padding: 3px 0; margin: 0;border-radius: 5px 5px 0 0 }
.single-inline-links a {padding: 0 10px; color: #111; font-size: 14px;}
.single-inline-links a:hover {color: #247aad }
.single-inline-links a.close {color: #fff; font-size: 17px; font-weight: normal; padding-top: 5px}
.cat-info {padding: 5px; margin-bottom: 20px}
.cat-info h1 {font-size: 18px; color: #5fbb57 }
.cat-info p {text-align: justify;}
.cat-main ul {padding: 0; list-style: none;}
.cat-main ul li {display: inline-block; vertical-align: middle; margin-left: 20px;}
.cat-like {min-width: 140px;}
.cat-like span {float: right; }
.cat-main h2 {border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 5px;}
.cat-main .thumbnail {border: 0;}
.search-info {padding: 15px; margin-bottom: 20px}
.search-info h1 {font-size: 18px; color: #5fbb57; display: inline }
.single-page-main {padding-top: 5px; padding-bottom: 20px}
.single-page-main h2 {font-size: 21px; color: #2fb00b;}
.single-content p, .single-content ul li  {color: #333; text-align: justify; line-height: 2.6; font-size: 14px; margin-bottom: 20px;}
.single-content ul li {margin-bottom: 0;}
.single-content p img, .boxing img {max-width: 100%; height: auto; margin-bottom: 20px}
.single-content img {max-width: 100%; height: auto; margin: 0 auto; display: block }
.single-content .wp-caption {margin: 0 auto; max-width: 100%; height: auto;;}
.wp-caption-text {text-align: center !important;}
.single-page h1 { font-size: 24px; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px;}
.single-page .detail {min-height: 40px;}
.single-page .detail ul {float: right; padding: 0; list-style: none; width: 70%; font-size: 10px }
.single-page .detail ul li {display: inline-block; margin-left: 20px; color: #888; margin-bottom: 0; font-size: 11px;}
.single-page .detail ul li i {margin-left: 10px; font-size: 13px; color: #888}
.single-page .detail ul li a {color: #888}
.single-page .detail ul li a:hover {color: #5fbb57}
.single-page .home-cat, .single-page .home-like {height: auto; display: block}
.single-page .home-like {float: right; width: 25%; text-align: left;}
.single-page .home-like span {float: none;}
.single-page .wpulike {float: left;}
.single-author {text-align: left; padding-left: 20px; margin-top: 20px;}
.single-author img {border-radius: 50%; border: 3px solid rgba(95, 187, 87, 0.4); margin-left: 3px;}
.single-author a { color: #333}
.single-author a:hover { color: #5fbb57}
.single-author .userpro-badges img {border: none; border-radius: 0}
.single-content .tabs {margin-top: -10px;}
.single-page-main blockquote {padding: 25px 30px 25px 20px; box-shadow: 1px 1px 11px 1px rgba(0,0,0,0.1); border-radius: 3px; margin: 25px 0; border-right: none;}
.single-page-main blockquote p {font-size: 15px; position: relative;}
.single-page-main blockquote a {font-weight: bold; border-bottom: 1px dashed #999; color: #000; position: relative; display: inline-block}
.single-page-main blockquote a:hover {text-decoration: none; color: #5fbb57}
.single-page-main blockquote p:before {
  content: "\f0c1";
  position: absolute;
  font-family: fontawesome;
  color: #000;
  right: -17px;
  font-size: 16px;
  top: -2px;
}
.single-page-main blockquote a:before{
content: "... مطالعه";
    position: absolute;
    color: #FFF;
    font-size: 16px;
    top: -2px;
    left: -87px;
    width: 80px;
    height: 30px;
    background: #FF0092;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #FF0092;
    transition: all .4s;
    box-shadow: 0 0 17px -3px #FF0092;
    line-height: 1.8;
}
.single-page-main blockquote a:hover:before{ background: #FFF; color: #222}
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li{
  background: none;
  color: #999;
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-family: yekanbakhbold;
}

ul.tabs li.current{
  background: #fff;
  color: #777;
  border: 1px solid #e0e0e0;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}

.tab-content{
  display: none;
  background: #fff;
  padding: 15px 15px 10px 0;
  border-top: 1px solid #e0e0e0;
  margin-top: -1px;
}

.tab-content.current{
  display: inherit;
}
.tab-content .b-like {text-align: right; min-width: 150px; float: right; padding-top: 7px;}
.tab-content .b-like span {float: right;}
.tab-content .wpulike {float: right;}
.single-content .tags a {color: #777}
.single-content .tags a:hover {color: #5fbb57}
.new-from-cat h3 {font-size: 15px !important; font-weight: bold;}
.new-from-cat h3 a {color: #333}
.new-from-cat ul {list-style: none;}
.new-from-cat ul li {font-size: 13px; line-height: 1.9; margin-bottom: 5px;}
.new-from-cat ul li a {color: #2d9533}
.new-from-cat ul li a:hover {color: #333}
.after-content {text-align: center;}
.after-content img {max-width: 100%; height: auto}
.single-rel-post .widget-title1, .single-page .directory-slide .widget-title1, .single-page .ideas .widget-title1, .home-nabz.single .widget-title1 {font-size: 16px; margin-bottom: 25px; margin-top: 10px;}
.single-rel-post ul {list-style: none; padding: 0}
.single-rel-post ul li {text-align: center; min-height: 274px; margin-bottom: 10px; display: inline-block}
.single-rel-post ul li img {max-width: 100%; height: auto; max-height: 189px}
.single-rel-post ul li .rel-link {position: relative; display: block}
.single-rel-post ul li .rel-link:before {
  content: "";
  background: linear-gradient(to top,rgba(0,0,0,.6),transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.single-rel-post h3 {font-size: 12px !important; line-height: 1.5; text-align: right; margin-top: 5px;}
.single-rel-post h3 a {color: #333}
.single-rel-post h3 a:hover {color: #5fbb57}
.single-rel-post.main h3 {background: #5fbb57 ; padding: 5px; margin-top: 0; font-size: 16px !important; line-height: 2; min-height: 74px; }
.single-rel-post.main h3 a {color: #FFF; font-family: iransans}
.single-rel-post.main h3 a:hover {color: #000}
.single-page .ideas ul{padding: 0; list-style: none; padding: 0 20px;}
.single-page .ideas ul li {display: inline-block; font-size: 16px; margin-left: 25px; margin-bottom: 10px; line-height: 2.5}
.single-page .ideas ul li a {
  border: 1px dashed #5fbb57;
  border-radius: 25px;
  padding: 3px 10px;
  background: rgba(95, 187, 87, 0.1);
}
.single-page .bot-links .inner {padding-right: 5px; padding-left: 5px; margin-bottom: 10px;}
.single-page .bot-links ul {padding: 0; list-style: none; text-align: right;}
.single-page .bot-links ul li a {color: #333 }
.single-page .bot-links ul li a:hover {color: #5fbb57 }
.single-page .bot-links .widget-title1 {margin: 15px auto;}
.single-page .bot-links img {max-width: 100%; height: auto}

/*--------------------------------------------------------*/
/* 06 - FOOTER */
/*--------------------------------------------------------*/

.footer { min-height: 335px; background: url(../images/footer-bg.jpg) repeat bottom; position: relative; padding-top: 20px;}
.footer .bio {text-align: center;}
.footer .bio p{color: #FFF; text-align: justify; margin-top: 20px; font-size: 11px}
.footer .bio p a{color: #FFF}
.copyright {border-top: 1px solid #828282; color: #ccc; font-size: 11px; padding-top: 10px;}
.copyright .copy {float: right}
.webdesign {font-size: 12px; float:left}
.webdesign a {color: #fdd947}
.webdesign a:hover {color: #FFF; }
.footer .linkbox .widget-title1, .footer .footer-nw .widget-title1 {color: #FFF}
.footer .linkbox ul{list-style: circle; padding-top: 20px}
.footer .linkbox ul li {font-size: 11px}
.footer .linkbox ul li a{color: #FFF}
.footer .linkbox ul li a:hover {color: #5fbb57}
.footer .linkbox ul li span {color: #5fbb57}
.footer .app {text-align: center;}
.footer .app .widget-title1 {color: #FFF}

/*---------------------------BLOG COMMENT---------------------------*/
.comment-list {list-style: none; padding: 0}
.comments-template {
  width: 100%;
  height: auto;
  float: none;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}
.comment-box-line {
  text-align: center;
}
.comment-box-line span {
  margin-left: 15px;
  font-size: 11px;
}
.comment {
  background: #FFF;
  border: 1px solid #d5d5d5;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  color: #666;
  font-size: 11px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#comment-top-bg {
  width: 100%;
  margin-bottom: 20px;
  height: 29px;
  color: #FFF;
  font-size: 14px ;
  padding: 0px 20px 0 0;
  
}
#comment-top-bg span {
  border-radius: 20px;
  background: #5fbb57;
  box-shadow: 0px 0px 17px -3px rgba(95,187,87,0.9);
  padding: 9px 15px;
}
#comment-top-bg a {
  color: #FFF;
}
#comment-top-bg a {
  color: #FFF;
}
.commentmetadata {
  float: left;
  color: #666;
  font-size: 11px;
}
.addcomment {
  background: #CCC;
  padding: 2px 20px 0px 0px;
  margin: 20px 0px;
  width: 100%;
  height: 29px;
  color: #666;
  font-size: 14px ;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.addcomment section ul li {
  padding-right: 11px;
}
.addcomment h4 span {
  font-size: 10px;
  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;
  font-size: 11px;
}
.textarea-box {
  width: 280px;
  float: left;
}
.textarea-box ul li {
  color: #333333;
}
.input-comment {
  border: none;
  padding: 5px 0 5px 0;
  width: 90%;
  height: 80px;
  color: #999999;
  margin: 20px auto;
  display: block;
  font-size: 11px;
  background: #FFF;
  transition: 800ms ease 100ms;
  box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.text-box {
  border: none;
  margin-right: -10px;
  padding: 5px 0 5px 0;
  width: 40%;
  color: #999999;
  font-size: 11px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
  height: 40px;
}
.input-comment:hover {
  color: #777;
  height: 120px;
  transition: 800ms ease 100ms;
}
.text-box:hover {
  color: #777;
}
.input-comment:focus, .text-box:focus {
  border: 2px solid #c0c0c0;
  color: #777;
}
.comment-text {
  width: 470px;
  display: block;
}
li.bypostauthor {
  border-radius: 0px;
  border: none;
  background: #e9e9e9;
  border-right: 5px solid #5fbb57;
  color: #555;
}
#comment-button {
  color: #FFF;
  width: 130px;
  margin: 0 auto !important;
  background: #5fbb57;
  border: 0px #999 solid;
  cursor: pointer;
  padding: 3px;
  font-size: 16px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#comment-button:hover {
  background: #53aa4b;
}
.comment-btn {text-align: center;}

/*--------------------------------------------------------*/
/* 07 - LISTING PAGE */
/*--------------------------------------------------------*/

.listing-page.section {background: #f0f0f0 ; padding-top: 30px; margin-bottom: 20px}
.listing-page .listing-main, .listing-page .listing-contact {background: #fff; margin-bottom: 20px;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.2); 
    -ms-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    border-radius: 3px;}

/*--------------------------------------------------------*/
/* 07 - PLUGINS OVERWRITE */
/*--------------------------------------------------------*/
.sc_card {
	border-radius: 0 !important;
	margin: 1em auto !important;
}
.sc_card h2 {
	position: relative;
    padding-right: 20px;
    cursor: pointer;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 2 !important;
}
.sc_card h2:before {
	content: "\f067";
	position: absolute;
	font-family: fontawesome;
	color: #5fbb57;
	font-size: 15px;
	right: 0;
	top: 0
}
.sc_card div:nth-child(2) {
	display: none;
	margin-top: 15px;
    border-right: 3px solid #5fbb57;
    padding-right: 10px;
    background: #f1f1f1;
    padding-left: 5px;
}
.sti .sti-share-box {z-index: 99 !important}
.sti.style-flat-small .sti-linkedin-btn, .sti.style-flat-small .sti-google-btn {display: none !important}
.sti .sti-share-box .sti-btn {float: left !important}
#popup_content img {max-width: 100%; height: auto}
.srp-widget-singlepost {padding-bottom: 6px !important; margin-bottom: 6px !important;}
div.userpro-head, div.userpro-centered {background: #fafafa url(../images/profile-bg.jpg) !important; background-size: cover !important; -webkit-background-origin: border !important; border-bottom: none !important; border-radius: 30px !important;}
div.userpro-centered, div.userpro-centered-c {padding: 0 !important;}
div.userpro-centered div.userpro-profile-icons.top, div.userpro-centered-c div.userpro-profile-icons.top {top: 10px !important; right: 0 !important; z-index: 2; text-align: right;}
div.userpro div.userpro-input p {line-height: 2 !important}
.userpro .sidebar { background: #FFF; padding-bottom: 100px;}
.userpro .sidebar .top-bg {height: 185px; border-radius: 0 !important }
.userpro .sidebar .top-bg:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    min-height: 83px;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/user-bg-top.png) no-repeat;
    background-size: cover

}
div.userpro-profile-img {width: 145px !important; position: relative; z-index: 3; margin-top: -120px !important;}
a.userpro-count-link {float: none !important; display: inline-block !important}
div.userpro-sc-left {float: none !important; margin-top: 10px !important;}
a.userpro-count-link:first-child {background: url(../images/profile-following.png) no-repeat right 3px; padding-right: 32px;}
a.userpro-count-link:last-child {background: url(../images/profile-followers.png) no-repeat right 3px; padding-right: 32px; margin-right: 10px;}
div.userpro-sc-right {float: none !important;}
.userpro-sc-right i {display: none !important;}
.userpro-sc-right a.userpro-button.secondary {background: #5bc271 url(../images/profile-follow.png) no-repeat 102px 5px !important; transition: all 0.5s !important;}
a.userpro-button.secondary:hover {background-color: #4dac61 !important;}
.userpro-sc-right a.userpro-button {background: #4dac61 url(../images/profile-follow.png) no-repeat 102px 5px !important; box-shadow: none !important;}
.userpro-sc-right a.userpro-button.red:hover {background: #ae3434 url(../images/profile-unfollow.png) no-repeat 102px 5px !important;}
.profile-directory {text-align: center; margin: 20px 0 10px 0 !important}
.profile-directory img {max-width: 100%; height: auto}
.userpro .sidebar div.userpro-centered-icons a.userpro-profile-icon {border-radius: 0 !important; font-size: 24px !important; border: none !important; }
.userpro .sidebar a.userpro-profile-icon i {color: #5fbb57 !important}
.userpro .sidebar a.userpro-profile-icon i:hover {color: #73ca6c !important}
.profile-page-body {padding-right: 30px !important; padding-left: 30px !important;}
.profile-page-body .userpro-body {background: rgba(255, 255, 255, 0.9); margin-bottom: 20px;}
.profile-page-body  div.userpro-section {border-bottom: 1px solid #ccc; color: #5fbb57 !important; font-weight: bold; font-size: 18px; padding-top: 10px !important;}
.profile-page-body div.userpro-section.userpro-collapsed-1 {padding-top: 5px !important;}
.profile-page-body .userposts {margin-top: 100px;}
.profile-page-body .userposts div.userpro-clear {display: none;}
.p-postbyuser .select_user {display: none !important;}
.p-postbyuser .userpro-post {width: 15% !important;}
.p-postbyuser .widget-title1 {font-size: 20px; font-weight: bold;}
.p-postbyuser div.userpro-post-wrap {margin-top: -30px !important}
div.userpro-paginate.bottom {margin-bottom: 30px !important;}
fieldset.frontier-new-menu, fieldset.frontier-new-list {border-radius: 4px !important; border: 1px solid #ccc !important; box-shadow: none !important}
.main-content fieldset.frontier_post_fieldset_tax {width: 45% !important; float: right !important; text-align: right !important; height: 300px !important;}
.main-content fieldset.frontier_post_fieldset_tax input[type="text"] {width: 80%; margin-bottom: 3px;}
.main-content #frontier_post_fieldset_title {float: right !important; min-width: 50% !important;}
.main-content #frontier_post_fieldset_status {float: right !important}
.mce-tinymce.mce-rtl.mce-container.mce-panel {border: 1px solid #ccc;}
.wpulike .counter a.image:hover { border: none !important;}
.wpulike .counter a.image {border: none !important;}
.wpulike .count-box {border-color: #ccc !important; padding: 1px 10px !important; line-height: 1.8 !important;}
.wpulike .count-box:before {top: 9px !important; right: -4px !important; width: 7px !important; height: 7px !important; border-color: #ccc !important;}
.wpulike .counter a.text {display: none !important;}

/*--------------------Load More Button--------------------*/
.load-more {margin-bottom: 70px;}
.elm-loading-icon {display: none;}
.elm-loading-anim img {width: 38px; height: auto}
.elm-wrapper {
  margin: 1em auto;
  text-align: center;
}
.elm-button {
  width: 100%;
  height: 70px;
  background: #a5d670;
  border: none;
  position: relative;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  outline: none;
}
.elm-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background: #9acb66;
  transition: all .4s;
}
.elm-button:hover:before {height: 100%}

.elm-button-text {
  padding-top: 5px;
  background: url(../images/index-load.png) no-repeat 5px 5px;
  padding-left: 30px;
  position: relative;
  z-index: 6;
  text-align: right;
  font-size: 14px;
  color: #FFF;
}
.elm-button.ajax-inactive {
  display: none;
}
.elm-button.is-loading .elm-loading-anim {
  display: block;
}
.elm-button.is-loading .elm-button-text {
  background: transparent;
  min-width: 60%;
  padding-top: 8px;
}
.elm-loading-anim {
  display: none;
  z-index: 500;
  position: relative;
  margin-right: -15px;
}
.elm-loading-icon {
  width: 3em;
  height: 3em;
}
.sabai-directory-body {text-align: justify; font-size: 11px}
.sabai-directory-title a {color: #5fbb57}
.sabai-directory-title a:hover {color: #222}
.sabai-directory-contact-website {display: none;}
.sabai-directory-listing-featured .sabai-directory-contact-website {display: block}
.directory-list-cat .sabai-directory-contact-tel, .directory-list-cat .sabai-directory-social {display: none;}
.directory-list-cat .sabai-directory-listing-featured .sabai-directory-contact-tel,
.directory-list-cat .sabai-directory-listing-featured .sabai-directory-social {display: block;}
.sabai-entity-label-featured {display: none !important;}
.sabai-directory-labels {margin-bottom: 20px !important;}
.sabai-directory-category i {color: #999; display: none;}
.sabai-directory-category a {color: #5FBB57 }
.sabai-directory-category a:hover {color: #333 }
a.sabai-get-pro {margin-left: 20px; color: #FFF}
.sabai-form-type-sectionbreak>h2 {font-size: 21px; color: #5FBB57}
.sabai-form-field legend span {font-size: 14px ; color: #3cc1ec; margin-top: 10px}
#sabai-content .sabai-form-type-textfield, #sabai-content .sabai-form-type-url, #sabai-content .sabai-form-type-email {float: none !important; width: 48%; margin-left: 3px; margin-top: 3px}
.sabai-googlemaps-map .sabai-form-field {margin-top: 15px}
.sabai-form-field-description {font-size: 1em !important}
.sabai-file-current td {text-align: center;}
.sabai-directory-listing-featured .sabai-directory-contact {display: block;}
.sabai-directory-listing-featured .sabai-directory-photos {position: relative;}
.sabai-directory-listing-featured .sabai-directory-photos a {vertical-align: top}
.sabai-directory-listing-featured .sabai-directory-photos a:before {
  content: "";
  position: absolute;
  width: 44px;
  height: 68px;
  top: -8px;
  background: url(../images/featured-badge-big.png) no-repeat;
}
.dire-list, .dire-list-ordinary {padding: 10px}
.dire-list-ordinary {padding-top: 10px; margin-bottom: 30px}
.dire-list .sabai-directory-listings-list .sabai-entity.sabai-directory-listing-featured {
  width: 48%;
  float: right;
  border: 1px solid #ccc;
  margin: 0 0 10px 5px;
}
.directory-list-cat hr {border-top: 2px solid rgba(95,187,87, 0.5); margin-top: 40px; margin-bottom: 40px;}
.dire-list .sabai-directory-images, .dire-list .sabai-directory-main {width: 100% !important;}
.dire-list .sabai-directory-category {display: none;}
.directory-list-cat .sabai-directory-location {float: right; margin-left: 30px;}
.directory-list-cat .sabai-directory-contact {float: right; margin-left: 30px;}
.dire-list .sabai-directory-title {margin-top: 10px;}
.list-featured-title {font-size: 16px}
.list-unfeatured-title {font-size: 16px;}
.list-featured-title span {font-size: 24px; font-weight: bold; color: #5fbb57}
.list-unfeatured-title span {font-size: 18px; font-weight: bold; color: #5fbb57}
.list-featured-title i, .list-unfeatured-title i {font-size: 24px; font-weight: bold; color: #5fbb57}
.sabai-directory-social {font-size: 21px; line-height: 1}
.fa-instagram {color: unset !important}
.sd-user {margin: 10px 0; border: 2px solid rgba(95,187,87, 0.5); border-radius: 5px; padding: 5px; min-height: 120px;}
.sd-user .avatar {float: right; margin-left: 10px;}
.sd-user .avatar img {border-radius: 50% !important;}
.sd-user .user-link {padding-top: 30px; margin-bottom: 10px; font-weight: bold; font-size: 12px}
.sabai-entity-mode-full {font-size: 12px}
.sabai-entity-mode-full .sabai-directory-images {padding-left: 5px; }
.sabai-entity-mode-full .sabai-directory-body {font-size: 12px}
.sd-detail .sabai-directory-contact {font-size: 13px;}
.sd-detail .sabai-directory-contact i, .sd-detail .sabai-directory-location i {font-size: 17px; color: #5fbb57}
.sd-detail .sabai-directory-contact div {margin-bottom: 5px; border-bottom: 1px solid #e0e0e0}
.sd-detail .otag-call {text-align: center; color: #111; padding: 0 30px; margin-bottom: 15px;}
.sd-detail .title {font-weight: bold; color: #555; margin-left: 5px;}
.sd-detail .sabai-directory-social {padding-right: 25px; padding-top: 5px;}
.listing-page-title {font-size: 18px; font-weight: bold; margin-bottom: 30px; color: #222; padding: 5px 5px; position: relative;}
.listing-page-title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  bottom: -3px;
  right: 0
}
.listing-page-title:after {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #5fbb57;
  bottom: -3px;
  right: 0
}
.listing-page-title i {font-size: 14px; color: #5fbb57}
.listing-contact {padding: 20px 10px 10px 10px; }
.listing-contact .widget-title {font-size: 24px; color: #5fbb57; font-weight: bold;}
.listing-contact .sabai-form-type-textfield, #sabai-content .sabai-form-type-textfield {width: 48%; float: right;}
.listing-contact .sabai-form-type-email, #sabai-content .sabai-form-type-email {width: 48%; float: left;}
.listing-contact .sabai-form-field, #sabai-content .sabai-form-field {margin-bottom: 0;}
.listing-contact .sabai-form-field input, .listing-contact .sabai-form-field textarea,
#sabai-content .sabai-form-field input, #sabai-content .sabai-form-field textarea {border: 2px solid #d0d0d0; border-radius: 5px; outline: none; transition: all 0.4s;}
.listing-contact .sabai-form-field input:focus, .listing-contact .sabai-form-field textarea:focus,
#sabai-content .sabai-form-field input:focus, #sabai-content .sabai-form-field textarea:focus {border-color: rgba(95,187,87, 0.7);}
.listing-contact .sabai-form-field textarea, #sabai-content .sabai-form-field textarea {height: 40px;}
.listing-contact .sabai-form-field textarea:focus, #sabai-content .sabai-form-field textarea:focus {height: 75px !important}
.listing-contact legend, #sabai-content legend {font-size: 12px}
.listing-contact .sabai-form-buttons, #sabai-content .sabai-form-buttons {margin-top: 5px !important;}
.listing-contact .sabai-form-buttons input, #sabai-content .sabai-form-buttons input {padding: 5px 35px;}

/*--------------------------------------------------------*/
/* 09 - DIRECTORY HELP PAGE */
/*--------------------------------------------------------*/
.dh-section1 {background: url(../images/dh-s1.png) no-repeat 20px 60px; color: #555; height: 100vh;}
.dh-section1 .title, .dh-section3 .title, .dh-section4 .title {width: 80%; margin: 1px auto; text-align: center; font-size: 22px; font-weight: bold;}
.dh-section1 ul {list-style: none; text-align: center; padding:60px 0 40px 0;}
.dh-section1 ul li {display: inline-block; padding-left: 20px; margin-bottom: 20px;}
.dh-section1 .btn a {padding: 10px 40px; background: #e34032; border-radius: 20px; color: #FFF; font-size: 18px; position: relative;}
.dh-section1 .btn a span {position: relative; z-index: 1}
.dh-section1 .btn.register a {background: #0066b1;}
.dh-section1 .btn.directory a:hover {background: #ea5b4f;}
.dh-section1 .btn.register a:hover {background: #4297d5;}
.dh-section1 .title.purple {color: #89298f;}

.dh-section1 header {color: #000}
.dh-section1 header, .dh-section2 header, .dh-section3 header, .dh-section4 header, .dh-section5 header {font-size: 30px; font-weight: bold; text-align: center; padding-top: 20px; margin-bottom: 30px;}
.dh-section1 .inner, .dh-section2 .inner, .dh-section3 .inner {width: 60%; margin: 0 auto; text-align: justify; font-size: 18px; padding-top: 20px;}
.dh-section1 .inner p {color: #111}
.dh-section2 {height: 100vh; background: #A1B74F url(../images/dh-s2.png) no-repeat right 60px; color: #FFF}
.dh-section2 .inner {padding-top: 0;}
.dh-section2 header {color: #111}
.dh-section3 {height: 100vh; background: #8f4f8f url(../images/dh-s3.png) no-repeat 20px 60px; color: #FFF}
.dh-section3 ul {padding: 0; margin-top: 20px;}
.dh-section3 i {font-size: 32px; color: #6f216f}
.dh-section3 ul li {list-style: none; margin-bottom: 10px;}
.dh-section3 .btn {display: block; text-align: center; margin-top: 40px}
.dh-section3 a {padding: 4px 15px; background: #00a5c9; border-radius: 5px; color: #FFF; font-size: 25px; border-bottom: 5px solid #0295b5; position: relative;}
.dh-section3 a span {position: relative; z-index: 1}
.dh-section3 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  border-radius: 5px;
  background: #0295b5;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.dh-section3 a:hover:before {height: 100%}
.dh-section4 {height: 100vh; background: #cbcbcb ; color: #444; padding-bottom: 20px}
.dh-section5 {height: 100vh; background: #A1B74F url(../images/dh-s3.png) no-repeat 20px 60px; color: #FFF}
.special-features .dh-section1 {background: #FFF; height: auto !important; margin-bottom: 60px;}
.special-features .dh-section1 header {margin-bottom: 0; color: #000}
.special-features .dh-section1 .title {color: #27BEC4}
.special-features .dh-section1 .inner {color: #111}
.dh-section1 .stars {text-align: center}
.features-table-row {color: #222; width: 60%; margin: 0 auto; text-align: center; text-align: center;}
.features-table-row p {font-size: 16px; font-weight: bold; margin: 10px auto;}
.features-table-row p i {color: #5FBB57; font-size: 21px; vertical-align: middle; }
.features-table {color: #FFF;}
.features-table .col-1, .features-table .col-2, .features-table .col-3 {min-height: 40px; background: #2b2937; padding-top: 10px; border-bottom: 1px solid #333140 }
.col-1-row, .col-2-row, .col-3-row {padding-right: 1px; padding-left: 1px;}
.features-table .header .col-1, .features-table .header .col-2, .features-table .header .col-3 {border-radius: 5px 5px 0 0; font-size: 18px; font-weight: bold;}
.features-table .header .col-1 {background: #5e6a9a;}
.features-table .header .col-2 {background: #1bbc9b;}
.features-table .header .col-3 {background: #eac80e;}
.features-table .fa-times {color: #f2654e; font-size: 21px}
.features-table .fa-check {color: #99ca6a; font-size: 21px}
.features-table .last-item .col-1, .features-table .last-item .col-2, .features-table .last-item .col-3 {border-radius: 0 0 5px 5px; }
.features-table .last-item {margin-bottom: 20px;}
.special-price {border-radius: 5px; font-size: 16px ; font-weight: bold; margin-bottom: 30px; }
.special-price .col-1, .special-price .col-3, .special-price .col-5 {background: #5E6A9A; min-height: 40px; padding-top: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.special-price .col-2, .special-price .col-4, .special-price .col-6 {background: #1BBC9B; min-height: 40px; padding-top: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.special-price .col-1 {border-radius: 0 5px 0 0 }
.special-price .col-2 {border-radius: 5px 0 0 0 }
.special-price .col-5 {border-radius: 0 0 5px 0; padding-bottom: 10px }
.special-price .col-6 {border-radius: 0 0 0 5px; padding-bottom: 10px }
.special-price .col-5 input[type="submit"], .special-price .col-6 input[type="submit"] {padding: 3px 20px; font-size: 16px; border: 1px solid #FFF; color: #FFF; border-radius: 5px; background: transparent;}
.special-price .col-5 input[type="submit"]:hover{color: #5E6A9A ; background: #FFF;}
.special-price .col-6 input[type="submit"]:hover {color: #1BBC9B; background: #FFF;}
.special-price a:before {display: none;}
.special-features .alert a {color: #FFF}
.advertisement .page-title {margin-top: 30px;}
.advertisement .dh-section1 .inner {width: 80%; font-size: 14px}
.advertisement .features-table-row {width: 80%;}
.advertisement-table {border: 1px solid #e0e0e0;} 
.advertisement-table>tbody>tr>td {vertical-align: middle; text-align: center;}
.advertisement-table a {color: #FFF}
.advertisement .dh-section1 .info  {text-align: right;}
.advertisement .dh-section1 .info .title {font-size: 15px; color: red; text-align: right; width: 100%}
.advertisement .dh-section1 .info ul {padding: 0; text-align: right}
.advertisement .dh-section1 .info ul li {display: block; margin-bottom: 2px;}
.ad-dis-title {text-align: center; font-size: 18px;color: #FF0000; border: 1px solid #5fbb57; border-radius: 5px;}
.ad-dis-title p {color: #333}


/*--------------------------------------------------------*/
/* 10 - DASHBOARD PAGE */
/*--------------------------------------------------------*/
.panel-page {background: #e1e1e1; padding-bottom: 50px;}
.dashboard-left {width: 220px; height: auto; min-height: 100%; background: #1b1e24; position: absolute; top: 0; right: 0; transition: all 0.4s ease-in-out;}
.dashboard-left.dashboard-close {margin-right: -180px;}
.dashboard-left .top {height: 50px; background: #22262e; padding-right: 20px; line-height: 2.5; font-weight: bold; font-size: 18px; color: #5fbb57; position: relative;}
.dashboard-left .top i {font-size: 21px}
.toggle-btn {position: absolute; color: #CCC; font-size: 30px; top: 12px; left: 10px; z-index: 2; cursor: pointer; transition: all 0.4s ease-in-out;}
.toggle-btn:hover {color: #FFF}
.dashboard-left ul {list-style: none; padding-top: 30px; padding-right: 25px; transition: all 0.4s ease-in-out;}
.dashboard-left ul li {display: block; margin-bottom: 10px;}
.dashboard-left ul li i {font-size: 18px;}
.dashboard-left ul li a {color: #8b91a0 }
.dashboard-left ul li a:hover {color: #5fbb57}
.dashboard-left.dashboard-close ul {text-align: left; padding-left: 10px; transition: all 0.4s ease-in-out;}
.dashboard-left.dashboard-close ul li span {display: none; }
.dashboard-left.dashboard-close .sidebar-logout span {padding-left: 10px;}
.sidebar-logout {width: 100%; height: 60px; background-color: #22262e; margin-top: 30px;}
.sidebar-logout span {font-size: 24px; float: left; padding: 15px 0 0 25px;}
.sidebar-logout .title {
  font-size: 12px;
  background: #1b1e24;
  border-radius: 3px;
  line-height: 1.4;
  padding: 2px 5px;
  margin-top: 15px;
  margin-left: 10px;
  color: #8b91a0;
}
.sidebar-logout a {color: #5fbb57;}
.dashboard-main {padding-right: 240px; position: relative; transition: all 0.4s ease-in-out; }
.dashboard-main.dashboard-close {padding-right: 60px;}

.dashboard-top-box {position: relative;}
.dashboard-top-box .title {
  margin-top: 20px;
  position: absolute;
  right: 110px;
  text-align: right;
}
.dashboard-top-box-1, .dashboard-top-box-2, .dashboard-top-box-3  {
  margin: 10px auto;
  background: #FFF;
  padding: 5px 6px 1px 6px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  min-height: 80px;
  text-align:center;
  font-size: 17px;
  font-weight: bold;
}
.dashboard-top-box-1 {border-right: 3px solid #e36159;}
.dashboard-top-box-1 a {color: #e36159;}
.dashboard-top-box-2 {border-right: 3px solid #e67e22;color: #e67e22;}
.dashboard-top-box-2 a {color: #e67e22;}
.dashboard-top-box-3 {border-right: 3px solid #55d4eb;color: #55d4eb;}
.dashboard-top-box-3 a {color: #55d4eb;}
.dashboard-top-box-icon-1, .dashboard-top-box-icon-2, .dashboard-top-box-icon-3 {
  width: 70px;
  height: 70px;
  float: right;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;

}

.dashboard-top-box-icon-1 {
  background: #e36159;
  border: 2px solid #e36159;
  transition: all 0.3s ease-in-out;
}
.dashboard-top-box-icon-2 {
  background: #e67e22;
  border: 2px solid #e67e22;
  transition: all 0.3s ease-in-out;
}
.dashboard-top-box-icon-3 {
  background: #55d4eb;
  border: 2px solid #55d4eb;
  transition: all 0.3s ease-in-out;
}
.dashboard-top-box-icon-1 span, .dashboard-top-box-icon-2 span, .dashboard-top-box-icon-3 span {
  color: #FFF;
  padding-top: 15px;
  font-size: 40px;
}

.dashboard-top-box:hover .dashboard-top-box-icon-1, .dashboard-top-box:hover .dashboard-top-box-icon-2, .dashboard-top-box:hover .dashboard-top-box-icon-3 {background: #FFF;}
.dashboard-top-box:hover span.fa {animation: bounceIn 1.2s;}
.dashboard-top-box:hover .dashboard-top-box-icon-1 span {color: #e36159}
.dashboard-top-box:hover .dashboard-top-box-icon-2 span {color: #e67e22}
.dashboard-top-box:hover .dashboard-top-box-icon-3 span {color: #55d4eb}
.dashboard-box .inner {padding-top: 15px; padding-bottom: 15px; color: #5fbb57; font-size: 10px}
.dashboard-box a {color: #333; padding-left: 10px; font-size: 12px}
.dashboard-box a:hover {color: #00a5c9}
.dashboard-items .inner, .dashboard-photos .inner {padding: 10px 5px;}
.dashboard-items .sabai-wordpress-widget li.sabai-wordpress-widget-entry-with-image {width: 48%; margin-bottom: 15px;}
.dashboard-items .sabai-wordpress-widget-image {position: relative; float: right; margin-left: 5px;}
.dashboard-items .sabai-wordpress-widget-image img {width: 100px !important; height: 62px !important;}
.dashboard-photos .sabai-widget-directory-recent-photos .sabai-row>div {padding: 3px;}
.dashboard-footer {min-height: 80px;}

/*------------------------MID ADS-----------------------*/

.artad {padding-top: 22px;}
.artad .main-box {width: 100%; height: auto; min-height: 160px; border: 1px solid #5FBB57; border-radius: 5px 0 5px 5px; position: relative;}
.artad .main-box span {position: absolute; background: #5FBB57; top: -23px; right: -1px; border-radius: 5px 5px 0 0; color: #FFF; padding: 5px;}
.artad .main-box ul {padding: 0; list-style: none; padding-top: 10px; text-align: center}
.artad .main-box ul li {display: inline-block; width: 24%; padding-left: 3px; border-left: 1px solid #e0e0e0}
.artad .main-box ul li.last {border: none}
.artad .main-box ul li img {max-width: 98%; position: relative}
.artad .main-box p.title {padding: 10px; line-height: 1.8; margin-bottom: 0; text-align: center;}
.artad .main-box p.title a {color: #000;}
.artad .main-box p.title a:hover {color: #5FBB57}
.artad .main-box p.price {text-align: center; line-height: 1.2; color: #5fbb57;}
.relatedad .main-box p.price {margin-top: 10px; font-size: 14px}
.relatedad .title {margin-top: 5px}
.relatedad .title a {color: #bbb}
.relatedad .title a:hover {color: #bbb}
.artad .main-box p.price a {color: #5FBB57}
.artad .main-box p.price a:hover {color: #333}
.artad .main-box p.link {text-align: center; }
.artad .main-box p.link a {color: #FFF}
.relatedad .main-box ul li {width: 16%; position: relative}
.relatedad .main-box ul li .bigimg{
  content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    background: rgba(0,0,0,0.7);
    top: 0;
    color: #FFF;
    line-height: 2;
    transition: all 0.3s;
  opacity: 0;
}
.relatedad .main-box ul li .bigimg:before{
      content: "قیمت و خرید";
	font-size: 13px;
    position: absolute;
    width: 90px;
    top: 30%;
    color: #FFF;
    border: 1px solid #ff0092;
    border-radius: 5px;
    height: 35px;
    padding: 5px;
    left: 0;
    right: 0;
    margin: auto;
}

.relatedad .main-box ul li:hover .bigimg {opacity: 1}

.box5 .main-box ul li {width: 19.6%}
.relatedad {margin-top: 20px; margin-bottom: 30px}
@media screen and (max-width: 768px) {
  .artad .main-box ul li {width: 48%}
  .relatedad .main-box ul li {width: 23%}
}
@media screen and (max-width: 300px) {
  .artad .main-box ul li {width: 99%; margin-bottom: 10px;}
  .relatedad .main-box ul li {width: 48%}
}

.digi-ads { margin-top: 40px; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; }
.digi-ads ul {padding-right: 0; list-style: none}
.digi-ads ul li {display: inline-block; width: 30%; margin-left: 4.4%; text-align: center; margin-bottom: 70px;}
.digi-ads ul li img {max-width: 100%; height: auto}
.digi-ads ul li:nth-child(3n+0) { margin-left: 0; }
.digi-ads ul li a {color: #333}
.digi-ads .ad-title {margin-top: 15px; margin-bottom: 10px;}
.digi-ads .ad-price {color: #E74C3C; font-size: 18px; margin-bottom: 10px; position: relative; padding-left: 20px;}
.digi-ads .ad-price span { font-size: 13px; position: absolute; color: #333; }
.digi-ads .ad-link { background: #222; border: 1px solid #222; color: #FFF; padding: 7px 20px; transition: all 0.3s }
.digi-ads .ad-link:hover {background: #FFF; color: #222}
.digi-ad-title {margin-bottom: 40px; text-align: center; font-size: 16px; position: relative;}
.digi-ad-title:before {
  content: "";
  position: absolute;
  background: #e0e0e0;
  height: 1px;
  width: 60%;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -5px;
}

.dk-table {
  border: 1px solid #E6E6E6;
}
.dk-table .title {
  background: #000;
  text-align: center;
  font-size: 18px;
  color: #FFF;
}
.dk-table .main {
  border-bottom: 2px solid #E6E6E6;
}
.dk-table .img {padding-right: 4px; text-align: center;}
.dk-table .img-label {
  margin: 8px -14px -4px 0;
  position: relative;
  background: #FFF;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  border: 2px solid #FE7900;
  padding: 4px 10px;
  max-width: max-content;
  clear: both;
  color: #000;
  float: right;
  word-break: keep-all;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 1.4;
}
.dk-table .img-label:before {
  display: block;
  width: 10px;
  height: 0;
  position: absolute;
  bottom: -25px;
  right: -3px;
  content: "";
  border-bottom: 23px solid transparent;
  border-left: 9px solid #cc6507;
}
.dk-table .img img {max-width: 100%;}
.dk-table .main .name {
  font-size: 20px;
  line-height: 1.6;
  min-height: 156px;
  display: table;
  color: #000;
}
.dk-table .main .name span {
    vertical-align: middle;
    display: table-cell;
}
.dk-table .main .details {
  min-height: 156px;
  display: table;
  color: #FA5738;
  font-size: 14px;
}
.dk-table .main .details span {
    vertical-align: middle;
    display: table-cell;
}
.dk-table .main .link {min-height: 156px;
  display: table;
    padding: 5px 0px 5px 10px;}
.dk-table .main .link p {
  line-height: 1.2em;
  color: #fff!important;
  font-size: 16px;
  border-radius: 6px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.dk-table .main .link p span {
  background: #F33B19 url(../images/dk-logo.png) no-repeat 4px;
  border-bottom: 4px solid #B32005;
  border-radius: 6px;
  display: table-cell;
  transition: .2s linear;
  padding: 10px 10px 10px 36px;
}
.dk-table .main .link p span:hover {
    background-color: #FB9436!important;
    box-shadow: rgba(3,3,3,.4) 0 8px 12px 0px!important;
}

@media screen and (max-width: 1115px) {
  .digi-ads ul li {margin-left: 4.3%;}
}
@media screen and (max-width: 768px) {
  .digi-ads ul li {margin-left: 4.2%;}
  .dk-table .main .name, .dk-table .main .details, .dk-table .main .link {min-height: unset}
  .dk-table .main .link {margin-bottom: 15px;}
  .dk-table .main .link p span {display: inline-block;}
  .dk-table, .dk-table .title {border-radius: 10px 10px 0 0;}
}
@media screen and (max-width: 536px) {
  .digi-ads ul li img {max-width: 150px; height: auto}
  .digi-ads ul li {width: 100%; margin-left: 0; padding: 7px 15px; margin-bottom: 60px;}
  .digi-ads ul li:nth-child(4), .digi-ads ul li:nth-child(5), .digi-ads ul li:nth-child(6) {display: none;}
  .dk-table .main .name {font-size: 15px;}
  .dk-table .main .details {font-size: 12px}
}

/*------------------------BAZAAR PAGE-----------------------*/
.digi-row .showbox { border: 1px solid #5FBB57; border-radius: 5px; list-style: none; padding: 10px; margin-top: 5px;}
.digi-row .showbox li {display: inline-block; margin-left: 20px; font-size: 18px; color: #5FBB57; margin-bottom: 0;}
.digi-row .showbox li.title { color: #333; font-size: 13px; }
.digi-row .boxactive, .digi-row .boxdeactive {font-size: 23px !important; vertical-align: middle; cursor: pointer;}
.digi-row .boxdeactive i {-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);}


.digi-row .item {width: 100%; padding: 5px; margin-top: 20px; transition: all 0.3s }
.digi-row.list .item {
  box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 5px;
}
.digi-row.list .item .img, .digi-row.products .item .img { float: right; width: 40%; position: relative }
.digi-row .img img { max-width: 100%; height: auto}
.digi-row .desc { float: right; width: 60%; padding-right: 10px;}
.digi-row h2, .single-page-main .digi-row h3 a {color: #5800cc !important; line-height: 1.5;}
.digi-row .price { border: 1px solid #f0f0f0; border-radius: 5px; text-align: center; font-size: 18px; color: #5cb85c; }
.digi-row .buy-link { text-align: center; margin-top: 30px; margin-bottom: 20px; }
.digi-row .buy-link a { background: #ef394e; border: 1px solid #ef394e; border-radius: 50px; color: #fff; padding: 8px 30px; font-size: 15px; transition: all 0.3s; }
.digi-row .buy-link a:hover { background: #FFF; color: #333}

.digi-row.box .item {width: 48%; float: right; transition: all 0.3s}
.digi-row.box .item:nth-child(2n+0) {float: left;}
.digi-row.box .item .img {width: 100%; text-align: center; height: 284px;}
.digi-row.box .img img {max-width: 75%}
.digi-row.box .desc {width: 100%;}
.digi-row.box .desc .inner {height: 200px; overflow: hidden; margin-bottom: 10px}
.digi-row.box h2 {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.c-params__list {list-style: none}
.c-params__list li { list-style: none; background: #FAFAFA; padding: 3px; margin-bottom: 2px !important; }
.c-params__list-key { float: right; margin-left: 10px; }
.c-params__list-value {color: #000}


.digi-row.products {border-bottom: 1px solid #f0f0f0; margin-bottom: 20px;}
.digi-row.products .price {font-size: 24px;}
.digi-row.products .buy-link a, .pr-related .link a, .products-cta a {
  position: relative;
  background: #1abc39;
  line-height: 10px;
  border: none;
  border-bottom: 4px solid #16aa31;
  transition: all 0.3s;
  border-radius: 5px
}
.digi-row.products .buy-link span, .pr-related .link span, .products-cta span {position: relative; z-index: 2}
.digi-row.products .buy-link i, .products-cta i { font-size: 23px; vertical-align: middle; }
.digi-row.products .buy-link a:before, .pr-related .link a:before, .products-cta a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    right: 0;
    bottom: 0;
    background: #16aa31;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    border-radius: 5px 5px 0 0;
}

.digi-row.products .buy-link a:hover, .pr-related .link a:hover, .products-cta a:hover { background: #1abc39; color: #FFF}
.digi-row.products .buy-link a:hover:before, .pr-related .link a:hover:before, .products-cta a:hover:before {height: 100%}
.digi-row .main-thumb {position: relative}
.digi-row .main-thumb .zoom{
  position: absolute;
  font-size: 26px;
  bottom: 14px;
  right: 12px;
}
.digi-row .main-thumb .zoom:before, .digi-row .main-thumb .zoom:after {
    content: "]";
    position: absolute;
    left: -13px;
    font-size: 33px;
    top: -22px;
    color: #999;
    font-weight: normal;
    font-family: tahoma;
}
.digi-row .main-thumb .zoom:after { content: "["; right: -13px;} 
.digi-row.list .main-thumb .zoom {bottom: unset; top: 20px;  }
.digi-row.list.box .main-thumb .zoom:after {right: -46px;}


.digi-row .desc .inner {
	padding-right: 10px
}
.PdpSpecification_PdpSpecification__valuesBox__smZXG {
	 background: #FAFAFA;
    padding: 3px;
    margin-bottom: 2px !important;
}
.PdpSpecification_PdpSpecification__value__l6oUa {
	    float: right;
    margin-left: 10px;
}
.PdpSpecification_PdpSpecification__valuesBox__smZXG p {
	margin-bottom: 0;
}

.pr-related {padding: 5px;}
.pr-related .boxing { padding: 5px 5px 20px 5px; margin-bottom: 15px; }
.pr-related h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.5; }
.pr-related h2 a {color: #5fbb57}
.pr-related h2 a:hover {color: #000}
.pr-related p { line-height: 1.8; height: 170px; overflow: hidden; }
.pr-related .img {text-align: center;}
.pr-related img {max-width: 100%; height: auto}
.pr-related .price {float: right; padding-right: 5px; font-size: 18px; font-weight: bold; color: #fb3449;}
.pr-related .price span {font-size: 12px; font-weight: normal;}
.pr-related .link {text-align: center; padding-top: 10px;}
.pr-related .link a { color: #fff; padding: 5px 9px; font-size: 16px;}

.single-content .prtags a {
    background: #ccc;
    border-radius: 4px;
    margin-left: 10px;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
}

.prsearch {padding: 15px 20px}

.products-cta {text-align: center; margin: 40px;}
.products-cta a {color: #FFF; padding: 8px 40px; font-size: 20px;}
.cta-price { margin-bottom: 10px; font-size: 18px; }
@media screen and (max-width: 480px) {
  .digi-row .item .img, .digi-row.products .item .img, .digi-row.list .item .img {width: 100%; text-align: center;}
  .digi-row .img img { max-width: 75%; }
  .digi-row .desc {width: 100%;}
}

@media screen and (max-width: 768px) {
  .pr-related p { height: unset}
}
.home-nabz .container-fluid {padding: 10px;}
.home-nabz ul {list-style: none; padding-right: 0}
.home-nabz.bazar ul li {display: inline-block; margin-bottom: 35px; border-left: 1px dashed #e0e0e0; padding-right: 20px;}
.home-nabz.bazar ul li:nth-child(3),.home-nabz ul li:nth-child(6), .home-nabz ul li:nth-child(9), .home-nabz ul li:nth-child(12) {border: none;}
.home-nabz .thumb {float: right; margin-left: 10px;}
.home-nabz .thumb img {max-width: 80px; height: auto;}
.home-nabz .title {font-size: 14px; }
.home-nabz .title a {color: #333}
.home-nabz .title a:hover {color: #5fbb57}
.home-nabz .more {display: block; text-align: left;}
.home-nabz .more a {
  border: 1px solid #5fbb57;
  padding: 3px 10px;
  border-radius: 3px;
  background: #5fbb57;
  color: #FFF;
}
.home-nabz .more a:hover {background: #FFF; color: #5fbb57}
.home-nabz.single ul li {margin-bottom: 20px; border-left: 1px dashed #e0e0e0 !important;}
.home-nabz.single ul li:nth-child(2),.home-nabz.single ul li:nth-child(4), .home-nabz.single ul li:nth-child(6), .home-nabz.single ul li:nth-child(8) {border: none !important;}
.home-nabz.single .more {padding-bottom: 10px; padding-left: 10px;}
.right-sidebar-ad-mobile, .left-sidebar-mobile {display: none;}
.right-sidebar-ad-mobile .g-7 {margin-bottom: 10px}
.left-sidebar-mobile .g-8 {float: right; margin-left: 20px;}

/*-------------------------------*/
.menu_single-right-bottom p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%;}
.menu_single-right-bottom p a {color: #333}
.menu_single-right-bottom p a:hover {color: #2d9533}
.single-ad img {max-width: 100%; height: auto;}
.menu_single-right-bottom img {max-width: 100%; height: auto;}

.exitpopup .single-rel-post ul li {padding-right: 20px; padding-left: 20px; float: none; margin-bottom: 10px; display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.exit-item  {
    box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 5px;
}
.exit-item  .star {
    color: #ffc600;
    font-size: 17px;
    margin-bottom: -10px;
  display: none;
}
.exit-item a {position: relative}
.exit-item .badge {
    position: absolute;
    right: 0;
    border-radius: 15px 0 0 15px;
    background: #5fbb57;
  display: none;
}
.exitpopup .main-box {min-height: unset}
.exitpopup .single-rel-post ul li img {max-height: 178px;  width: auto; border: none; border-radius: 0; float: right; margin-left: 3px; max-width: 75px}
.exitpopup .widget-title1:before {height: 1px; background: #ccc;}
.exitpopup .widget-title1:after {display: none;}
.exitpopup .single-rel-post .widget-title1 {font-size: 18px; margin-bottom: 35px; margin-top: 20px;}
.exit-title {
     box-shadow: 1px 1px 7px rgba(0,0,0,0.2);
    background: #5fbb57;
    border-radius: 25px;
    padding: 1px 15px;
    color: #FFF;
}
.exit-nw {
  background: url(../images/exit-nw-bg.jpg) no-repeat center;
  min-height: 238px;
}
.exit-nw .label {
  font-size: 18px;
  text-align: left;
  display: block;
  padding: 54px 0 36px 30px;
}
.exit-nw input[type="email"] {
  float: left;
  margin-left: 30px;
  height: 68px;
  border: none;
  border-radius: 10px;
  width: 450px;
  outline: none;
  padding-left: 10px;
}
.exit-nw input[type="submit"] {
  float: left;
  height: 68px;
  border-radius: 10px;
  border: none;
  outline: none;
  background: #000;
  color: #FFF;
  margin-left: 5px;
  width: 118px;
  font-size: 23px;
}
.exit-nw .avangpress-alert {
  text-align: left;
  padding-left: 30px;
  clear: both;
  padding-top: 10px;
  color: #FFF;
}
.ys-layer {
  opacity: 0;
    visibility: hidden;
    background-image: url(../images/backgroudpopup.png);
    opacity: 0.7;
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.4s ease-in-out;
}

.ys-container {
  opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 100%;
    min-height: 10%;
    height: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9999;
    transition: all 0.4s ease-in-out;
}

.ys-container.visible, .ys-layer.visible {
  opacity: 1;
   visibility: visible;
    height: 100%;
}

.ys-box {
    background-color: #fff;
    min-width: 52%;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 52%;
    padding-bottom: 10px;
    transform: translateY(-50%);
    box-shadow: 0px 1px 26px -3px #777777;
    transition: height .4s ease-in-out;
}

.ys-popup-close {
    position: absolute;
    background-color: #fff;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    right: 15px;
    top: 15px;
    width: 0;
    height: 0;
    transform: translateX(50%) translateY(-50%);
    transition: .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    
}
a.ys-popup-close {
     color: #FFF;
    font-size: 20px;
    line-height: 1.5;
}
.ys-container.finished .ys-popup-close {
    width: 35px;
    height: 35px;
    text-indent: 0;
    border-radius: 50%;
    background: rgba(95, 187, 87, 0.8);
    right: 20px;
    top: 20px;
}

.ys-popup-content {
    display: none;
}

.ys-container.finished .ys-popup-content {
    display: block;
}

.ys-popup-close:hover {
    text-decoration: none;
    color: #5fbb57;
}

/*-------------------------Price List-----------------------*/


.price-btn {
  background: #f09433!important;
  background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
  background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
  background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433',endColorstr='#bc1888',GradientType=1)!important;
  border-radius: 5px;
  text-align: center;
  padding: 2px 12px;
}
.list-sort {
    border: 1px solid #5fbb57;
    border-radius: 5px;
    list-style: none;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.list-sort span {
    background: #5fbb57;
    color: #FFF;
    border: none;
    border-radius: 7px;
    border-bottom: 2px solid #497d44;
    padding: 3px 10px;
    font-size: 13px;
    cursor: pointer;
    margin: 0 30px 0 10px;
    transition: all 0.3s;
}
.list-sort span:hover {
    background: #97e290;
    color: #000;
}
.price-list-header {
    background: url(../images/price-list-header.jpg) no-repeat center;
    background-size: cover;
    min-height: 334px;
    margin-top: 5px;
}
.price-list-page {
  margin-bottom: 30px;
}
.price-list-page .item {
  margin-bottom: 90px;
}
.price-list-page .item .title {
  margin-bottom: 10px;
}
.price-list-page .item .title .list-title {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.price-list-page .item .title .date {
  color: #000
}
.price-list-page .price-table {
  padding: 165px 5px 62px 5px;
}
.price-table .single-item {
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 0;
}
.price-table .single-item .image {
  padding: 0 5px;
}
.price-table .single-item .image img {
  padding: 4px;
}
.price-table .single-item h2  {
  font-size: 13px;
  line-height: 1.7;
  min-height: 44px;
}
.price-table .single-item .price {
  color: #fa4641;
  text-align: center;
  padding: 18px 0 0 0;
}
.price-table .single-item .price-amount {
  font-size: 16px;
  font-weight: bold;
}
.price-table .single-item .detail {
  padding-top: 18px;
  text-align: left;
  padding-left: 5px;
}
.price-table.list .single-item .detail {
  padding-top: 0;
}
.price-table.list .single-item .detail .comments {
    min-height: 32px;
    padding-left: 14px;
    padding-bottom: 8px;
    padding-top: 5px;
}
.price-table .single-item .price-btn {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 1.6;
}
.price-table .single-item .price-btn:hover {
  color: #000
}
.price-table .single-item .price-btn span {
    display: block;
    font-size: 12px;
}
.price-table .single-item .price .prices-details {
    min-height: 15px;
}
.price-table.list .single-item .price .prices-details {
    min-height: 22px;
}
.price-table .single-item .price .prices-details .old-price {
    text-decoration: line-through;
    font-size: 12px;
    color: #b4b4b4;
    float: right;
}
.price-table.list .single-item .price .prices-details .old-price {
  font-size: 15px;
}
.price-table .single-item .price .prices-details .discount {
    padding: 0 8px;
    font-weight: 700;
    background: #fb3449;
    border-radius: 17px;
    color: #fff;
    margin-right: .6em;
    float: left;
}
.price-list-page .more-btn {
    text-align: left;
    padding-left: 20px;
    margin-top: -48px;
}
.price-list-page .more-btn a {
    background: #5fbb57;
    color: #FFF;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 14px;
    transition: all 0.3s;
}
.price-list-page .more-btn a:hover {
  background: #569a50
}
.price-list-page .refrigerator .price-table {
  background: #FFF url(../images/price-bg/refrigerator-bg.jpg) no-repeat top;
}
.price-list-page .washing .price-table {
  background: #FFF url(../images/price-bg/washing-bg.jpg) no-repeat top;
}
.price-list-page .tv .price-table {
  background: #FFF url(../images/price-bg/tv-bg.jpg) no-repeat top;
}
.price-list-page .sound .price-table {
  background: #FFF url(../images/price-bg/sound-bg.jpg) no-repeat top;
}
.price-list-page .dishwasher .price-table {
  background: #FFF url(../images/price-bg/dishwasher-bg.jpg) no-repeat top;
}
.price-list-page .iron .price-table {
  background: #FFF url(../images/price-bg/iron-bg.jpg) no-repeat top;
}
.price-list-page .vacuum .price-table {
  background: #FFF url(../images/price-bg/vacuum-bg.jpg) no-repeat top;
}
.price-list-page .hand-vacuum .price-table {
  background: #FFF url(../images/price-bg/hand-vacuum-bg.jpg) no-repeat top;
}
.price-list-page .shelv .price-table {
  background: #FFF url(../images/price-bg/shelv-bg.jpg) no-repeat top;
}
.price-list-page .dining .price-table {
  background: #FFF url(../images/price-bg/dining-bg.jpg) no-repeat top;
}
.price-list-page .tablee .price-table {
  background: #FFF url(../images/price-bg/table-bg.jpg) no-repeat top;
}
.price-list-page .sofa .price-table {
  background: #FFF url(../images/price-bg/sofa-bg.jpg) no-repeat top;
}
.price-list-page .shoe .price-table {
  background: #FFF url(../images/price-bg/shoe-bg.jpg) no-repeat top;
}
.price-list-page .draver .price-table {
  background: #FFF url(../images/price-bg/draver-bg.jpg) no-repeat top;
}
.price-list-page .tvstand .price-table {
  background: #FFF url(../images/price-bg/tvstand-bg.jpg) no-repeat top;
}
.price-list-page .tablo .price-table {
  background: #FFF url(../images/price-bg/tablo-bg.jpg) no-repeat top;
}
.price-list-page .desk .price-table {
  background: #FFF url(../images/price-bg/desk-bg.jpg) no-repeat top;
}
.price-list-page .chair .price-table {
  background: #FFF url(../images/price-bg/chair-bg.jpg) no-repeat top;
}
.price-list-page .samsung .price-table {
  background: #FFF url(../images/price-bg/samsung-bg.jpg) no-repeat top;
}
.price-list-page .huawei .price-table {
  background: #FFF url(../images/price-bg/huawei-bg.jpg) no-repeat top;
}
.price-list-page .mi .price-table {
  background: #FFF url(../images/price-bg/mi-bg.jpg) no-repeat top;
}
.price-list-page .smartwatch .price-table {
  background: #FFF url(../images/price-bg/smartwatch-bg.jpg) no-repeat top;
}
.price-list-page .dinnerware .price-table {
  background: #FFF url(../images/price-bg/dinnerware-bg.jpg) no-repeat top;
}
.price-list-page .pot .price-table {
  background: #FFF url(../images/price-bg/pot-bg.jpg) no-repeat top;
}

.price-table .single-item h2 span.guarantee, .price-bottom-guarantee {
    position: relative;
    display: block;
    font-size: 11px;
    padding-right: 30px;
    margin-top: 10px;
    color: #bbb;
}
.price-bottom-guarantee {
  float: right;
}
.comments-bottom {
  float: right;
  margin-top: 8px;
  margin-right: 5px;
}
.price-table .single-item h2 span.guarantee:before, .price-bottom-guarantee:before {
    content: "";
    position: absolute;
    background: url(../images/guarantee-icon.png) no-repeat right;
    width: 21px;
    height: 24px;
    top: -5px;
    right: 4px;
}
.price-table .single-item h2 span.rate {
    display: inline-block;
    margin-right: 10px;
}
.price-table .single-item h2 span.rate i {
  color: #fac74b
}

/*-------------------------NABZ BAZAR FEATURED-----------------------*/
.nb-top-img div {
  padding: 0;
  height: 350px;
    background-size: cover !important;
}
.single-page.nb h1 {
  font-size: 22px;
    font-weight: bold;
    line-height: 2;
    border-bottom: none;
    padding-right: 15px;
    color: #000
}
.single-page.nb .detail ul li i {
      font-size: 18px;
    color: #2fb00b;
}
.single-page.nb .single-page-main {
  padding: 0;
}
.single-page.nb .detail {
  padding-right: 15px;
}
.single-page.nb .single-content {
  padding: 5px 10px 5px 10px;
}
.nb-price-box {
  background: #28e859;
    margin-top: 20px;
    
}
.nb-price-box .price {
  font-size: 14px;
  padding-top: 25px;
}
.nb-price-box .price span{
  font-weight: bold;
    color: #000;
    font-size: 15px;
}
.nb-price-box .price i{
  color: #000;
      font-size: 20px;
    vertical-align: middle;
}
.nb-price-box .link{
    background: #3e353f;
    padding-top: 20px;
    text-align: center;
    border-radius: 0 5px 5px 0;
}
.nb-price-box .link img {
  margin-bottom: 4px;
}
.nb-price-box .link a{
    font-size: 15px;
    color: #28e859;
}
.nb-price-box .link a:hover {
  color: #FFF
}
.our-pick {
  margin-top: 35px;
}
.our-pick .inner {
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 25px;
}
.our-pick .item {
  background: #aedcd2;
  text-align: center;
  padding: 10px;
  border-radius: 8px;

}
.our-pick .item img {
  max-width: 100%;
  border-radius: 3px;
}
.our-pick .item p {
    white-space: nowrap;
    color: #222;
    font-size: 13px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.our-pick .item a {
    background: #f75555;
    color: #FFF;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 13px;
}
.our-pick .item a i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: sub;
}
.our-pick .item a:hover {
  color: #000
}
.our-pick p.more {
    margin-top: 30px;
}
.our-pick p.more a {
    background: #2fb00b;
    color: #FFF;
    font-size: 18px;
    padding: 5px 20px 5px 10px;
}

.our-pick p.more  a i{
    font-size: 22px;
    margin-right: 20px;
    vertical-align: middle;
}
.our-pick p.more a:hover {
  color: #000
}
.nb-buying-guide {
  background-size: cover !important;
    margin-top: 30px;
    margin-bottom: 20px;
}
.nb-buying-guide h2{
    color: #000;
    background: #28e859;
    width: fit-content;
    padding: 25px 10px 25px 10px;
    position: relative;
}
.nb-buying-guide h2:before  {
    content: "";
    width: 85px;
    height: 100%;
    position: absolute;
    left: -85px;
    top: 0;
    background: transparent;
    z-index: 0;
    border-top: 43px solid transparent;
    border-right: 45px solid #28e859;
    border-bottom: 43px solid transparent;
}
.single-page-main h3 {
  color: #2fb00b !important;
    font-size: 18px !important;
    font-weight: bold;
    margin-top: 40px;
    font-family: yekanbakh !important;
}
.single-page-main .new-from-cat h3 {
  font-size: 15px !important;
  color: #000 !important
}
.nb-items {
  padding: 20px 15px 20px 15px !important;
}
.nb-more-title {
    font-size: 22px;
    font-weight: bold;
    margin: 40px 10px 10px 0;
    font-family: 'yekanbakh';
}

.nb-bot-cat .right {
    font-size: 14px;
    font-weight: bold;
    color: #222;
    position: relative;
     border: 2px solid #ed3148;
     padding: 10px 10px 0 0;
}

.nb-bot-cat .right:before {
    content: "";
    position: absolute;
    left: -130px;
    top: -2px;
    width: 130px;
    height: calc(100% + 4px);
    background: #ed3148 url(../images/nb-digi-logo.png) no-repeat center;
}
.nb-bot-cat .right a {
  color: #ed3148;
  font-size: 18px;
  font-family: yekanbakh;
}
.nb-bot-cat .right a:hover {
  color: #000
}
@media screen and (max-width: 480px) {
  .nb-price-box .price, .nb-price-box .price span {
    font-size: 13px;
  }
  .nb-price-box .link {
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
  }
  .nb-price-box .link p {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .nb-buying-guide h2 {
    font-size: 15px;
    padding: 37px 10px 25px 10px;
  }
  .nb-bot-cat .right a {
    font-size: 14px
  }
  
} 

/*------------------------ROZDECOR ADS-----------------------*/
.nabz-ad-box .g, .g.g-21 {
	overflow: inherit;
    line-height: inherit;
}
.nabz-ad-box .widget-title2 {
	display: none;
}
.digi-row .nabz-ad-box h2 {
	margin-bottom: 30px;
}
.digi-row .nabz-ad-box h2 a {
	color: #5800cc
}
.digi-row .nabz-ad-box h2 a:hover {
	color: #000
}
.digi-row .nabz-ad-box .desc .inner {
	font-size: 14px;
    line-height: 2.5;
    color: #000;
}
.rd-nabz-item {
  background: #ebc9c926;
}
.rd-nabz-item .featured {
    background: #5fbb57;
    color: #FFF;
    right: -5px;
    top: 7px;
    padding: 3px 18px;
    border-radius: 20px 0 0 20px;
    position: relative;
    font-size: 15px;
}

.rd-nabz-item .star {
    margin-top: 10px;
    font-size: 20px;
    color: #ffc000;
}
.rd-nabz-item img {
    border-radius: 50%
 }
.rd-midle-ad-title {
  color: #f95555;
  font-size: 17px; 
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 5px;
 }
.rd-midle-ad {
  border-radius: 6px;
  margin-bottom: 50px;
  padding-bottom: 10px;
 }
.rd-midle-ad .item {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
 }
 .rd-midle-ad .img {
  border: 1px solid #e0e0e0;
 }
 .rd-midle-ad h4 {
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 1.8;
 }
.rd-midle-ad h4 a {
  color: #222;
}
.rd-midle-ad a.link {
    background: #fd5b63;
    color: #FFF;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
}
.rd-midle-ad .item:hover a.link {
  background: #5fbb57
}
@media screen and (max-width: 768px) {
  .rd-midle-ad .item {
    margin-bottom: 20px;
  }
  .rd-midle-ad .item:last-child {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .rd-nabz-item .featured {
    position: absolute;
  }
  .rd-nabz-item img {
    margin-top: 30px;
  }
  
} 

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

@media screen and (max-width: 991px) {
  /* .sticky {position: relative; display: none;} */
  .price-list-page .col-md-6.item {margin-bottom: 60px;}
  .price-list-page .item .title {padding-right: 5px}
  .sticky-menu-button {float: right}
  .sticky .stickyImage {display: none;}
  .top-logo {text-align: center; margin-bottom: 10px;}
  .menu-main-navigation-container ul {margin-top: 10px;}
  .header .role {font-size: 23px}
  .main-content .left-col {margin-top: 10px;}
  .left-ad img {max-width: 100%; height: auto}
  .single-page .left-sidebar {float: right; width: 100%; margin-top: 10px;}
  .single-page .menu_left-sidebar .g-2 {width: 50%; float: right; text-align: center; margin-left: 5px}
  .dashboard-left {margin-right: -180px;}
  .dashboard-left ul {text-align: left; padding-left: 10px; transition: all 0.4s ease-in-out;}
  .dashboard-left ul li span {display: none; }
  .dashboard-left .sidebar-logout span {padding-left: 10px;}
  .dashboard-left.dashboard-close {margin-right: 0}
  .dashboard-left.dashboard-close ul {text-align: right; padding-left: 0;}
  .dashboard-left.dashboard-close ul li span {display: inline; }
  .dashboard-left.dashboard-close .sidebar-logout span {padding-left: 25px;}
  .dashboard-main {padding-right: 60px;}
  .dashboard-main.dashboard-close {padding-right: 240px;}
  .dashboard-top-box-1, .dashboard-top-box-2, .dashboard-top-box-3 {font-size: 12px}
  .exit-nw .label {font-size: 14px}
}
@media screen and (max-width: 1200px) {
  .dh-section1, .dh-section2, .dh-section3, .dh-section4, .dh-section5 {height: auto}
  .special-features .dh-section1 .inner, .features-table-row {width: 98%}
  .exit-nw input[type="email"] {width: 355px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .sticky .logreg ul li {padding-right: 23px;}
  .sticky .logreg .directory {margin-right: 0;}
  .sticky-menu-button {margin-left: -20px;}
  .dh-section1, .dh-section2, .dh-section3, .dh-section4, .dh-section5 {height: auto; padding-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hide-sm {display: none;}
  .exit-nw input[type="email"] {width: 255px; margin-left: 3px;}
}
@media screen and (max-width: 1282px) {
  .logreg .directory {font-size: 11px; padding-top: 4px;}
  .menu_latest-directory {width: 90%; margin: 0 auto;}
}
@media screen and (max-width: 768px) {
  .price-table .single-item .image {padding: 5px 0}
  .price-table .single-item h2 {padding-right: 3px; padding-left: 5px;}
  .price-table .single-item .detail {padding-right: 5px;}
  .price-table .single-item .price-btn span {display: none;}
  .price-list-page .col-md-6.item {padding-right: 0; padding-left: 0;}
#back-top {bottom: 53px}
.ys-container.visible, .ys-layer.visible {opacity: 0 !important; visibility: hidden !important}
.right-sidebar-ad-mobile, .left-sidebar-mobile {display: block}
.otag-popup-ad {display: none !important;}
.home-nabz ul li {border: none}
.mobile-sticky {bottom: -1px; transition: all 0.3s}
  .digi-row .showbox {display: none}
  .hide-xs {display: none !important;}
  .show-xs {display: block !important;}
  .section {padding: 0;}
  .logreg .directory {margin-right: 0;}
  .single-content .tabs {margin-top: 20px;}
  .tab-content .b-like {margin-bottom: 20px;}
  .single-page h1 {font-size: 20px; line-height: 1.5}
  .user-menu-box {top: 80px}
  .home-rel-post {display: none;}
  .home-thumbnail img {display: inline}
  .home-thumbnail span {top: 25px;}
  .p-postbyuser .userpro-post {width: 40% !important;}
  #nav-trigger {background-color: #0abaf9;}
  .header img {transform: scale(.8);}
  .about-me .hello p { font-size: 14px}
  .userpro .sidebar {padding-bottom: 10px;}
  .dh-section1 .title, .dh-section3 .title, .dh-section4 .title {width: 100%}
  .dh-section1 a {font-size: 15px}
  .dh-section1 ul {padding: 20px 0;}
  .dh-section1 .inner, .dh-section2 .inner, .dh-section3 .inner {width: 95%; font-size: 14px; padding-top: 0;}
  .dh-section1 header, .dh-section2 header, .dh-section3 header, .dh-section4 header, .dh-section5 header {padding-top: 0; margin-bottom: 0;}
  .right-sidebar {margin-top: 20px; text-align: center;}
  .home-popular ul li {margin: 10px auto;}
  .menu_left-sidebar .g-2 {width: 50%; float: right; text-align: center; padding: 1px}
  .left-ad img {max-width: 150px !important; height: auto}
  .menu_home-right-sidebar-bottom {text-align: center;}
  .single-page .detail ul {width: 100%;}
  .single-page .detail ul li {margin-left: 10px;}
  .single-page .home-like {width: 100%;}
  .single-page .home-like span, .single-page .wpulike {float: right;}
  .dashboard-items .sabai-wordpress-widget li.sabai-wordpress-widget-entry-with-image {width: 100% }
.ys-box {top: 100% !important}
.exitpopup .single-rel-post .widget-title1 {font-size: 9px}
.single-page-main blockquote a {position: static}
.single-page-main blockquote a:before {left: -16px; top: unset; bottom: -5px}
.single-page-main blockquote p {font-size: 14px}
.top-ad img {height: auto !important}
	.inline-instagram .button {margin-top: 15px; margin-bottom: 10px;}
	.logreg {display: none}
	#searchform input[type=submit] {width: 30%}
	#searchform input[type=text] {width: 70%}

}
@media screen and (max-width: 550px) {
  .exit-nw .label {
    white-space: normal;
    line-height: 2;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    padding-bottom: 10px;
  }
  .exit-nw .avangpress-form-fields {text-align: center}
  .exit-nw input[type=email] { width: 90%; margin: 0 auto; float: none; }
  .exit-nw input[type=submit] { margin: 0 auto; float: none; margin-top: 10px; width: 200px; }
} 
@media screen and (max-width: 480px) {
  .hide-480 {display: none !important;}
  .show-480 {display: block !important;}
  .single-page-main.price-single {padding-right: 5px; padding-left: 5px;}
  .price-table .single-item .price .prices-details .old-price,.price-table .single-item .price .prices-details .discount {float: none;}
  .price-table .single-item .price-amount {font-size: 14px}
  .price-table .single-item .price {padding-top: 11px;}
  .price-table .single-item .image img {padding: 0;}
  .price-table.list .single-item .detail .comments {padding-left: 0; font-size: 11px;}
  .price-table.list .single-item .price .prices-details .old-price {font-size: 12px;}
  .products-cta {margin: 30px 0; }
  .products-cta a {font-size: 15px}
  .home-ts .directory {display: block; text-align: center;}
  .home-ts .directory span {opacity: 0}
  .home-ts .directory:hover:before {height: 0;}
  .home-ts .directory:hover:after {height: 0;}
  .p-postbyuser .userpro-post {width: 80% !important;}
  a.userpro-count-link {border-left: none !important}
  div.userpro-float div.userpro-label, div.userpro-float div.userpro-input {width: 100% !important;}
  .dh-section1 header, .dh-section2 header, .dh-section3 header, .dh-section4 header, .dh-section5 header {font-size: 20px; padding-top: 20px;}
  .dh-section1 .title, .dh-section3 .title, .dh-section4 .title {font-size: 15px}
  .single-page .directory-slide .widget-title1 {font-size: 12px; text-align: right;}
  .single-page .ideas ul li {font-size: 12px; margin-left: 20px}
  .directory-slide .widget-title1 {font-size: 12px; text-align: right;}
  .page-title {font-size: 12px; font-weight: normal; line-height: 2 }
  .page-title span {padding: 5px 5px;}
  .dire-list .sabai-directory-listings-list .sabai-entity.sabai-directory-listing-featured {width: 100%;}
  .main-content #frontier_post_fieldset_title {min-width: 100% !important;} 
  .main-content fieldset.frontier_post_fieldset_tax {width: 100% !important}
  .listing-contact .sabai-form-type-textfield, #sabai-content .sabai-form-type-textfield, #sabai-content .sabai-form-type-url, #sabai-content .sabai-form-type-email, .listing-contact .sabai-form-type-email {width: 100% !important}
  .mobile-sticky {margin: 0;}
  .digi-row .main-thumb .zoom:after {right: -50px}
	.gift-row .item {padding: 5px}
}
@media screen and (max-width: 420px) {
  .col420 {width: 100% !important}
  .header .name {font-size: 30px}
  .header .passion {font-size: 25px}
  .header .role {font-size: 18px; white-space: normal}
  .header img {float: none;}
  .profilePhoto {text-align: center;}
  .fixed-logo {display: block; position: fixed; top: 0; text-align: center}
  .sectionHeader {font-size: 25px}
  .special-price .col-5 a, .special-price .col-6 a {font-size: 13px}
  .special-features .dh-section1 header {font-size: 18px}
  .footer {background: #5F615E;}
  .skills {margin-right: 30px;}
  .socials ul li {margin-right: 0}
  .single-rel-post ul li {width: 100%;}
}

@media screen and (max-width: 380px) {
  .price-table .single-item .price-btn {padding: 2px 9px;}
}
@media screen and (max-width: 350px) {
  .price-table .single-item .price-btn {padding: 2px 7px; font-size: 13px}

}
@media screen and (max-width: 405px) {
  .sti .sti-pinterest-btn {display: none !important;}
  .sti .sti-telegram-btn {border-left: 1px solid #e0e0e0}
}
@media screen and (max-width: 332px) {
  .sti.style-flat-small .sti-share-box .sti-btn {padding-right: 83px;}
}