@charset "utf-8";
/*
Theme Name: Diba
Theme URI: http://dibapc.com
Version: 2.4
Description: قالب سایت e118 
Author:دپارتمان طراحی دیبا
Author URI: http://dibapc.com
Text Domain: diba
License: GNU General Public License v2 or later
*/
/* css rest   */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    width: 100%;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
@font-face {
    font-family: 'BYekan';
    src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6?8 */ url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'BKoodak';
    src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6?8 */ url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

a {
    text-decoration: none;
}
li {
    list-style: none;
}
    .b-lazy {
       opacity:0;
       transform: scale(3);
       transition: all 500ms;
    }
    .b-loaded {
       opacity:1;
       transform: scale(1);
    }
/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ======================================================================== */
.toggle_box {
    float: left;
    height: 40px;
    padding-top: 7px;
    line-height: 1.5;
    font-size: 14px;
    margin-left: 10px;
}
.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px
}
.toggle {
    position: relative;
    overflow: hidden
}
.toggle input[type=checkbox] {
    display: none
}
.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}
.toggle.off .toggle-group {
    left: -100%
}
.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}
.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}
.toggle.btn {
    min-width: 59px;
    height: 25px !important;
    padding: 0px;
    margin-right: 10px;
}
.toggle-on.btn {
    padding: 0px;
    padding-right: 10px;
}
.toggle-off.btn {
    padding: 0px;
    padding-left: 24px;
}
.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px
}
.toggle-on.btn-lg {
    padding-right: 31px
}
.toggle-off.btn-lg {
    padding-left: 31px
}
.toggle-handle.btn-lg {
    width: 40px
}
.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px
}
.toggle-on.btn-sm {
    padding-right: 20px
}
.toggle-off.btn-sm {
    padding-left: 20px
}
.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px
}
.toggle-on.btn-xs {
    padding-right: 12px
}
.toggle-off.btn-xs {
    padding-left: 12px
}
.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20px;
}
.toggle.ios .toggle-handle {
    border-radius: 20px;
}
.main .panel {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px #fff;
    border: 0px;
}
.main .row {
    margin: 0px;
}
.newsletters .login {
    float: left;
}
.nav_primary, .navbar-collapse {
    padding: 0px;
}
.newsletters .login i {
    float: right;
    font-size: 21px;
    margin-left: 10px;
    margin-top: 0px;
}
.newsletters .login ul {
    float: left;
}
.newsletters {
    width: 100%;
    background: #34495e;
}
.newsletters .navbar-toggle .icon-bar {
    background: #fff;
}
.newsletters ul {
    float: right;
    font-family: byekan;
    color: #fff;
}
.newsletters ul li {
    float: right;
    position: relative;
}
.newsletters ul li ul {
    position: absolute;
    width: 140px;
    top: 30px;
    height: auto;
    right: 0px;
    transition: height 0.3s ease-in-out 0.1s;
    overflow: hidden;
}
.newsletters ul li ul li {
    height: 0px;
    width: 100%;
    background: #506E8B;
}
.newsletters .login li ul li a i {
    margin-top: 6px;
}
.newsletters ul li:hover li {
    height: 35px;
    transition: all 0.3s ease-in-out 0.2s;
}
.newsletters ul li ul li a {
    height: 100%;
    padding: 0px 10px;
    line-height: 2.5;
}
.newsletters ul li a {
    color: #fff;
    padding: 5px 10px;
    float: right;
    height: 30px;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 13px;
    width: 100%;
    text-align: center;
}
.newsletters ul li:hover a {
    color: #EBE8E8;
}
.newsletters .box {
    direction: rtl;
    color: #fff;
    text-align: right;
    float: right;
    height: 50px;
    font-family: byekan;
    line-height: 2;
    margin-right: 20px;
    margin-left: 20px;
}
.newsletters .box i {
    margin-left: 10px;
    font-size: 25px;
    float: right;
    margin-top: 12px;
}
.newsletters .box p {
    float: right;
    height: 50px;
    line-height: 3;
}
.newsletters input[type="text"] {
    float: right;
    margin: 0px;
    font-size: 13px;
    font-family: byekan;
    border: 0px;
    border-radius: 0px 20px 20px 0px;
    direction: rtl;
    padding-right: 10px;
    height: 30px;
    box-sizing: border-box;
    border-left: 1px solid #888;
    width: 230px;
}
.newsletters select {
    float: right;
    direction: rtl;
    text-align: right;
    font-family: byekan;
    height: 30px;
    border: 0px;
    width: 100px;
}
.newsletters input[type="submit"] {
    float: right;
    background: url(images/serch_in.png) no-repeat;
    border: 0px;
    height: 30px;
    border-radius: 20px 0px 0px 20px;
    width: 30px;
    background-color: #f06305;
}
.newsletters .newsletters_box {
    float: right;
    margin-top: 10px;
}
section {
    float: right;
    width: 100%;
    height: auto;
    background: #F4F4F4;
}
.margins {
    width: 980px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.floats {
    float: right;
    width: 100%;
}
header {
    width: 100%;
    float: right;
    background: #FFFFFF;
    padding: 1px 0px;
    box-sizing: border-box;
    padding-bottom: 5px;
    box-shadow: 0 1px 3px 0px #aba8a8;
}
.headbox{float:right;padding: 0px;}
.select {
    float: right;
    margin-top: 0px;
    padding: 0px;
    height: 40px;
    padding: 0px !important;
}
.select #renew {
    border: 1px solid #ccc;
    float: right;
    background: #F4F4F4;
    color: #C5C3C3;
    padding: 5px;
    border-radius: 28px;
    width: 20px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.select select {
    width: 48%;
    margin-top: 10px;
    direction: rtl;
    font-family: byekan;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 50px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 2%;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 20px;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: right;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: 1px solid #A6A6A6;
}
.select .province {
    margin-top: 10px;
}
.user_panel {
    float: left;
    width: auto;
    border: 1px solid #B4B4B4;
    padding: 5px;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 13px;
    font-family: byekan;
}
.user_panel img {
    width: 48px;
    border: 1px solid #ccc;
    padding: 2px;
    background: #F8F8F8;
    float: right;
    height: 48px;
    border-radius: 5px;
}
.user_panel a {
    float: right;
    width: auto;
    padding-right: 10px;
    text-align: right;
    color: #555;
    height: 48px;
    line-height: 3.5;
}
header .logo {
    margin: 0 auto;
    height: 80px;
    float: left;
    padding: 0px;
    margin-top: 5px;
}header .logo h1{width: 100px;font-size: 12px;font-family: byekan;text-align: center;color: #a4a5aa;line-height: 1.2;padding-top: 30px;float: left;}
header .logo img {
    width: auto;
    float:left;
    position: relative;
    height: 80px;
}
.addbox {
    float: left;
    height: auto;
    padding: 5px 0px;
    box-sizing: border-box;
    line-height: 1;
    width: auto;
}
.addbox i {
    float: right;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 5px;
}
.addbox .bsadd {
    float: right;
    width: 100%;
    background: #48C015;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    font-family: BYekan;
    border-radius: 5px;
    color: #fff;
    height: 30px;
}
.addbox .adsadd {
    float: right;
    width: 100%;
    background: #00A4FF;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 11px;
    font-family: BYekan;
    border-radius: 5px;
    color: #fff;
    margin-top: 0px;
    height: 20px;
}
.search {
    direction: rtl;
    font-family: BYekan;
    font-size: 13px;
    margin: 0 auto;
    height: 30px;
    padding: 0px 0px;
    float: right;
   
    margin-top: 10px;
}
.search form{position:relative;/* bottom:-50px; */}
.search input[type="text"] {
    width: 50%;
    padding: 5px;
    font-family: byekan;
    float: right;
    box-sizing: border-box;
    border: 1px solid #888;
    border-left: 0px;
    height: 30px;
    border-radius: 0px 20px 20px 0px;
}
.search select {
    width: 20%;
    padding: 0px;
    font-family: byekan;
    float: right;
    box-sizing: border-box;
    border: 1px solid #888;
    border-left: 0px;
    height: 30px;
}
.search input[type="submit"] {
    width: 5%;
    box-sizing: border-box;
    border: 1px solid;
    background: url(images/serch-input.png);
    padding: 10px;
    height: 30px;
    float: right;
    font-family: BYekan;
    color: #fff;
    font-size: 16px;
    border-radius: 39px 0px 0px 40px;
    background-color: #00A4FF;
    border-color: #00A4FF;
}
header .sinup {
    float: left;
    line-height: 1;
    height: 30px;
    background-color: #f06305;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 17px;
    margin-top: 20px;
    width: 150px;
}
header .sinup ul {
    float: right;
    width: 100%;
    position: relative;
    height: 30px;
    z-index: 2300;
}
header .sinup li {
    float: right;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    text-align: center;
    height: 32px;
    line-height: 1.6;
}
header .sinup ul ul {
    transition: all 0.5s ease-out;
    position: absolute;
    top: 30px;
    width: 148px;
    left: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 2400;
    background: #F9F9F9;
    border: 1px solid #888;
    border-top: 0px;
    border-bottom: 0px;
}
header .sinup ul ul li {
    width: 100%;
    float: right;
    border-bottom: 1px solid #F9F9F9;
}
header .sinup ul ul li:last-child {
    background: #7F6E6E;
    color: #fff;
}
header .sinup ul ul li:last-child a {
    color: #fff;
}
header .sinup a {
    direction: rtl;
    text-align: center;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
    float: right;
    font-family: byekan;
    width: 100%;
    height: 30px;
}
header .sinup:hover {
    border-radius: 5px 5px 0px 0px;
}
header .sinup:hover ul {
    height: auto;
    transition: all 0.5s ease-out;
}
header .sinup ul ul li a {
    font-size: 13px;
    line-height: 2;
    color: #888;
}
header .sinup span {
    float: right;
    padding-left: 10px;
    width: 100%;
}
header .login {
    float: left;
    line-height: 2;
    height: 30px;
    width: 150px;
    font-family: byekan;
    margin-top: 30px;
}
header .login li {
    float: right;
    width: 50%;
    text-align: center;
    padding: 0px;
}
header .login li:first-child {
    float: right;
    background: #f06305;
    padding: 0px 10px;
    border-radius: 5px;
    box-sizing: border-box;
}
header .login li:first-child > a {
    color: #fff;
}
header .login li a {
    color: #f06305;
}
.fast_off {
    float: left;
    width: 95px;
    height: 40px;
    line-height: 1.9;
    text-align: left;
    color: #0aa8ff;
    padding: 5px;
    box-sizing: border-box;
}
.fast_off img {
    float: right;
    width: 31px;
    height: 31px;
}
.fast_ads {
    float: left;
    width: 95px;
    height: 40px;
    line-height: 1.9;
    text-align: left;
    color: #f55700;
    padding: 5px;
    box-sizing: border-box;
}
.fast_ads img {
    float: right;
    width: 31px;
    height: 31px;
    filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
}
.pricbox {
    background: #f3f3f3;
}
nav {
    width: 100%;
    background: #F8F8F8;
    height: auto;
    float: right;
    box-shadow: 0 1px 3px 0px #aba8a8;
}
nav .icon-bar{background:#34495e;}
nav ul li {
    float: right;
    width: auto;
    height: 40px;
    position: static !important;
}
nav ul li:nth-child(2n) a {
    color: #000000;
}
nav ul li ul li {
    width: 48%;
    float: right;
    text-align: right;
    font-size: 13px;
    padding-right: 2%;
    height: 30px;
}
nav ul li ul li:last-child(2n) a {
    color: #888;
}
nav ul li ul li a {
    background: none;
    color: #797979;
    font-size: 13px;
    height: 30px;
}
nav ul {
    width: 100%;
    float: right;
    line-height: 3;
    position: relative;/* height: 80px; */
}
nav ul li:hover > a {
    color: #00A4FF;
}
nav ul li a {
    color: #B9B8B8;
    font-family: byekan;
    float: right;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 40px;
    line-height: 3;
    background-image: url('images/caret.png');
    background-repeat: no-repeat;
    background-position: 7% -120%;
    padding: 0px 14px 0px 25px;
}
nav ul li ul {
    position: absolute;
    display: none;
    width: 100%;
    right: 0px;
    z-index: 1000;
    top: 41px;
    background-color: #FFFFFF;
    height: auto;
    min-height: 270px;
    background-position: left bottom;
    background-size: 350px 270px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-left: 55%;
}
nav ul li:nth-child(n+12) > ul {
    top: 81px;
}
nav ul li:nth-child(n+12) {
    padding-left: 3.4px;
    border-top: 1px solid #E1E1E1;
}
nav ul li ul li:nth-child(n+12) {
    padding-left: 0px;
    border-top: 0px solid #E1E1E1;
}
nav .show > ul {
    display: block;
}


/****************nav shop******************/
.nav {
    width: 100%;
    background: #F8F8F8;
    height: auto;
    float: right;
    box-shadow: 0 1px 3px 0px #aba8a8;
}
.nav ul li {
    float: right;
    width: auto;
    height: 40px;
    position: static !important;
}
.nav ul li:nth-child(2n) a {
    color: #000000;
}
.nav ul.subchild li {
    width: auto;
    float: right;
    text-align: right;
    font-size: 13px;
    padding: 0px;
    height: 40px;
}
.nav ul li ul li:last-child(2n) a {
    color: #888;
}
.nav ul li ul.subchild li a {
    background: none;
    color: #797979;
    font-size: 13px;
    height: 40px;
    padding: 0px 20px;
}
.nav ul {
    width: 100%;
    float: right;
    line-height: 3;
    position: relative;
    height: auto;
}
.nav ul li:hover > a {
    color: #00A4FF;
}
.nav ul li a {
    color: #B9B8B8;
    font-family: byekan;
    float: right;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 40px;
    line-height: 3;
    background-image: url('images/caret.png');
    background-repeat: no-repeat;
    background-position: 7% -120%;
    padding: 0px 14px 0px 25px;
}
.nav ul.subchild {
    position: absolute;
    display: none;
    width: 100%;
    right: 0px;
    z-index: 1000;
    top: 40px;
    background-color: #f9f9f9;
    box-shadow: 0px 0px 3px 0px #aba8a8;
    height: auto;
    min-height: 40px;
    background-position: left bottom;
    background-size: 350px 270px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.nav ul.submenu {
    position: absolute;
    display: none;
    width: 100%;
    right: 0px;
    z-index: 1000;
    top: 40px;
    background-color: #FFFFFF;
    height: auto;
    min-height: 270px;
    background-position: left bottom;
    background-size: 20% auto;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-top: 1px solid #e2e0e0;
}
.nav  ul li ul.submenu li{
    width: 20%;
    height: 30px;
    line-height: 1.5;
}
.nav ul li ul.submenu li a{color:#00a4ff;height: 30px;line-height: 2;margin-bottom: 5px;}
.nav ul li ul.submenu li ul li a{color:#4c4949;height: 20px;line-height: 1;direction: rtl;}
.nav ul li ul.submenu li ul li{width:100%;padding-right:15px;height: 20px;}

.nav ul li:nth-child(n+12) > ul {
    top: 81px;
}
.nav ul li:nth-child(n+12) {
    padding-left: 3.4px;
    border-top: 1px solid #E1E1E1;
}
.nav ul li ul li:nth-child(n+12) {
    padding-left: 0px;
    border-top: 0px solid #E1E1E1;
}
.nav .show > ul {
    display: block;
}

/**************************************/
.cat {
    width: 100%;
    float: right;
    direction: rtl;
}
.cat h6 {
    font-family: BYekan;
    float: right;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 3;
    font-size: 19px;
}
.cat p {
    width: 100%;
    float: right;
    font-family: byekan;
    text-align: center;
    margin-bottom: 10px;
}
.cat ul {
    width: 100%;
    float: right;
    font-family: byekan;
}
.cat ul li {
    float: right;
    width: 23%;
    height: 230px;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 1%;
    margin-right: 1%;
}
.cat ul li:hover img {
    transform: scale(1.2, 1.2);
    transition: all 0.5s ease-out;
}
.cat ul li img {
    width: 160px;
    height: auto;
    max-height: 180px;
    min-width: 170px;
}
.cat ul li a {
    text-align: center;
    float: right;
    width: 100%;
    color: #888;
    text-align: center;
}
.cat ul li h3 {
    float: right;
    width: 100%;
    color: #888;
    text-align: center;
    font-size: 15px;
    height: 40px;
}
.cat .more {
    margin: 20px 40%;
    width: 20%;
    background-color: #F06305;
    color: #fff;
    float: right;
    text-align: center;
    font-family: BYekan;
    padding: 1%;
    border-radius: 60px;
    font-size: 13px;
    box-sizing: border-box;
}
.slider {
    width: 100%;
    float: right;
    margin-top: 15px;
    position: relative;
}
.slider .slide_box {
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    background: #fff;
    box-sizing: border-box;
    float: right;
    width: 100%;
    overflow: hidden;
}
.page_slide {
    position: relative;
    width: 60%;
    height: 360px;
    max-height: 360px;
    float: right;
    box-shadow: 1px 1px 1px #ccc;
}
.slider li {
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}
.slider li .img {
    float: right;
    width: 100%;
    height: 360px;
    overflow: hidden;
}
.slider li .img img {
    width: auto;
    height: 360px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.slider #slide {
    width: 100%;
    float: right;
}
.slider #slide_prev {
    background: url(images/arow-left.png) no-repeat;
    width: 45px;
    height: 90px;
    position: absolute;
    top: 130px;
}
.slider #slide_next {
    background: url(images/arow-right.png)no-repeat;
    width: 45px;
    height: 90px;
    position: absolute;
    top: 130px;
    right: 0px;
}
#slide-pager {
    margin : auto;
    position: absolute;
    width: 100%;
    bottom: 10px;
    height: 64px;
}
#slide-pager li {
    width: 64px;
    float: left;
    margin-left: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    height: 64px;
}
#slide-pager li img {
    width: 64px;
    height: 64px;
}
.slide_box .info ul {
    float: right;
    width: 100%;
}
.title_h2 {
    height: 60px;
    background: #FBFCFD;
    line-height: 3;
    text-align: center;
    font-size: 19px;
    font-family: BYekan;
    box-shadow: 0 -1px 3px 0px #aba8a8;
    float: right;
    width: 100%;
}
.slide_box .info ul li.size b{color: #4CAF50;}
.slide_box .info ul li.size{font-size:17px;}
.slide_box .info ul li.size2{font-size: 16px;line-height: 2.5;font-family: BKoodak;height: auto;}
.slide_box .info ul li {
    padding: 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 3;
    height: 36px;
    float: right;
    width: 100%;
    font-size: 13px;
    margin-bottom: 5px;
}
.slide_box .info ul  .line{
    text-decoration: line-through;
    float: right;
    font-size: 13px;
    color: #bfbbbb;
}
.slide_box .info ul  .pirc{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 15px;
    height: auto;
}
.slide_box .info ul  .discount{float: left;background: #E91E63;color: #fff;margin-right: 10px;border-radius: 5px;overflow: hidden;padding-left: 10px;}
.slide_box .info ul  .discount b{
    background: #f73376;
    color: #fff;
    padding: 0px 5px;
}
.slide_box .info ul li img {
    width: 36px;
    float: right;
    height: 36px;
    margin-left: 5px;
}
.slide_box .info {
    float: right;
    background: #fff;
    background-size: 100%;
    width: 40%;
    height: 360px;
    margin-left: 0%;
    padding: 20px;
    box-sizing: border-box;
    direction: rtl;
    font-family: byekan;
    position: relative;
}
.slide_box .info .titlea{width:100%;float:right;position:relative;}
.slide_box .info .titlea .star_post_icon{
    width: 50px;
    float: left;
}
.slide_box .info .titlea .star_post_icon img{
    width: 100%;
}
 
.slide_box .info li i {
    font-size: 25px;
    margin-left: 10px;
    color: #00A4FF;
    min-width: 25px;
}
.slide_box .info .progress {
    width: 70px;
    height: 70px;
    display: block;
    position: relative;
    float: left;
    margin: 0 auto;
}
.slide_box .info .price {
    width: 50%;
    float: right;
    height: 70px;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 10px;
}
.slide_box .info .price span {
    width: 100%;
    float: right;
    text-decoration: line-through;
}
.slide_box .info .price label {
    float: right;
    font-size: 15px;
    width: 100%;
    color: #F06305;
}
.slide_box .info .rel_price {
    width: 70%;
    float: right;
    height: 100px;
    box-sizing: border-box;
    border-right: 3px solid #888;
    padding-right: 10px;
    font-size: 20px;
    line-height: 4;
}
.slide_box .info .rel_price label {
    float: right;
    font-size: 18px;
    width: 100%;
    line-height: 2;
    color: #25AD61;
}
.slide_box .info h1 {
    width: 84%;
    float: right;
    height: auto;
    min-height: 40px;
    text-align: right;
    font-family: BYekan;
    color: #000000;
    line-height: 2.5;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 19px;
    margin-bottom: 15px;
}
.slide_box .info .shop {
    width: 50%;
    float: right;
    text-align: right;
    height: 70px;
    font-size: 13px;
    box-sizing: border-box;
    margin-top: 15px;
    padding-right: 18px;
    border-right: 1px solid #F2ECEC;
    color: #818181;
    margin-bottom: 10px;
}
.slide_box .info .shop i {
    font-size: 20px;
    margin-left: 10px;
}
.slide_box .info .shop span {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 20px;
}
.slide_box .info .more {
    width: 85%;
    margin: 10px 0%;
    background-color: #4eaf52;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 3;
    font-family: byekan;
    height: 45px;
    border: 0px;
    position: relative;
    border-radius: 5px 0px 0px 5px;
}
.slide_box .info .more:hover {
    background: #1b9c50;
}
.slide_box .info .more i {
    margin-left: 10px;
    font-size: 19px
}
.slide_box .info p {
    width: 100%;
    float: right;
    font-size: 13px;
    text-align: right;
    line-height: 2;
    height: 50px;
}
.post_bxo {
    float: right;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    direction: rtl;
    text-align: justify;
    background-color: #fcf8e3;
    font-size: 13px;
    font-family: byekan;
    border: 1px solid #ccc;
}
.post_bxo strong {
}
.post_bxo p {
}
.last_ads {
    float: right;
    direction: rtl;
    text-align: right;
    font-family: byekan;
    padding: 0px;
}
.last_ads .title {
    float: right;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 3px solid #47a3da;
}
.last_ads .title .breadcrumb{width:auto;margin: 0px;padding: 7px 0px;border: 0px;background: none;}
.last_ads h4 {
    float: right;
    font-family: BYekan;
    line-height: 2;
    height: 35px;
    color: #898989;
}
.last_ads .more {
    float: left;
    background-color: #00A4FF;
    padding: 5px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
}
.last_ads ul {
    float: right;
    width: 100%;
}
.last_ads ul li {
}
.pagination ul {
    margin: 0px;
}
.last_ads ul li:nth-child(4n) {
    margin-left: 0%;
}
.last_ads ul li .img {
    float: right;
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
}
.last_ads ul li .img .shop {
    width: auto;
    position: absolute;
    background: rgba(0, 164, 255, 0.35);
    bottom: 0px;
    height: 25px;
    transition: all 0.3s ease-out;
    padding: 0px 10px;
    color: #fff;
    font-size: 13px;
}
.last_ads ul li .img img {
    width: 100%;
    display: block;
    height: 190px;
}
.last_ads ul li .img .box label {
    color: #fff;
    width: 100%;
    float: right;
    text-align: center;
    font-size: 20px;
    height: 30px;
}
.last_ads ul li .img .box span {
    float: right;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #797878;
    height: 45px;
    font-size: 18px;
    line-height: 3;
    box-sizing: border-box;
}
.last_ads ul li .img .box .green {
    color: #01EA60;
}
.last_ads ul li .img .box .red {
    color: #f06305;
    text-decoration: line-through;
}
.last_ads ul li a {
    margin: 0px;
    float: right;
    text-align: right;
    color: #5E5C5C;
    font-size: 13px;
    width: 100%;
}
.last_ads ul li .info {
    float: right;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 2px 5px;
    height: auto;
}
.last_ads ul li .info .boxet{
    float: right;
    width: 100%;
    background: #f1f1f1;
    overflow: hidden;
}
.cbp-vm-view-list .boxet{display:none;}
.last_ads ul li .info  .boxet .date{float:right;line-height: 2.5;height: 30px;}
.last_ads ul li .info  .boxet .shop{float:right;height: 30px;line-height: 2.5;width: 50%;text-align: right;padding-right: 5px;color: #00a4ff;}
.last_ads ul li .info  .boxet .discount{float: right;height: 30px;line-height: 2.5;width: 20%;text-align: center;color: #00a4ff;}
.last_ads ul li .info .box {
    float: right;
    width: 100%;
    box-sizing: border-box;
}
.last_ads ul li .info .box .pro-price{
    float: right;
    width: 100%;
    background: #f1f1f1;
    font-size: 13px;
    height: auto;
    padding: 0px 5px;
}
.last_ads ul li .info .box .pro-price .pirc{
    float:right;
    width: 100%;
    line-height: 2.5;
    text-align: right;
    color: #4CAF50;
}
.last_ads ul li .info .box .pro-price .pirc .line{text-decoration:line-through;float: left;height: 30px;line-height: 2.3;color: #ada8a8;}
.last_ads ul li .info .box .pro-price .pirc .discount{float:left;padding-left:10px;}
.last_ads ul li .info .box .price {
    background: #f1f1f1;
    float: right;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 2;
    border-bottom: 1px solid #f6f6f6;
}

.last_ads ul li .info .box h3 {
    float: right;
    font-weight: 400;
    height: 30px;
    line-height: 2;
    overflow: hidden;
    position: relative;
}
.last_ads ul li .info .box h3 .discount{float:left;color: #e93637;font-size: 15px;font-weight: 600;padding-left: 5px;position: absolute;top: -2px;left: 0px;background: #fff;}
.cbp-vm-view-list ul li .info .box h3 .discount{
    display: none;
}
.last_ads ul li .info .box a {
    color: #888;
    width: 100%;
    float: right;
    height: auto;
}
@-webkit-keyframes load {
    0% {
        stroke-dashoffset:0
    }
}
@-moz-keyframes load {
    0% {
        stroke-dashoffset:0
    }
}
@keyframes load {
    0% {
        stroke-dashoffset:0
    }
}
/* Container */

.progress {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 75px;
    height: 75px;
    background: none;
    box-shadow: none;
}
/* Item */
.progress>span g {
    stroke-width: 10px;
}
.progress>span {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #181C1E;
    font-family: Lato;
    font-weight: 400;
    line-height: 2.7;
}
.progress>span:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: 0rem;
    font-weight: 400;
}
.progress>span:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    font-size: 26px;
    text-align: center;
    font-family: byekan;
}
.progress svg {
    width: 100%;
}
.progress svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.progress svg:nth-child(2) path {
    fill: none;
    stroke-width: 13px;
    stroke-dasharray: 629;
    stroke: rgba(253, 254, 254, 0.85);
    -webkit-animation: load 10s;
    -moz-animation: load 10s;
    -o-animation: load 10s;
    animation: load 10s;
}
.offer {
    width: 100%;
    float: right;
}
.offer h6 {
    width: 100%;
    float: right;
    text-align: center;
    font-family: BYekan;
    height: 40px;
    line-height: 2.5;
}
.offer ul {
    width: 100%;
    float: right;
}
.offer ul li {
    float: right;
    width: 32%;
    margin-left: 2%;
}
.offer ul li img {
    width: 100%;
}
.offer ul li:last-child {
    margin-left: 0px;
}
.special {
    width: 100%;
    float: right;
    direction: rtl;
    text-align: right;
    font-family: byekan;
    margin-top: 10px;
}
.special .archive {
    float: left;
    background-color: #FF3B3B;
    padding: 5px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
}
.special #slider_prev {
    float: left;
    color: #FF3B3B;
    font-size: 22px;
    margin-right: 10px;
}
.special #slider_next {
    float: left;
    color: #FF3B3B;
    font-size: 22px;
    margin-right: 15px;
}
.special .special_box {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.special .title {
    float: right;
    width: 100%;
    margin-bottom: 15px;
    height: 35px;
}
.special h4 {
    float: right;
    font-family: BYekan;
    line-height: 2;
    height: 35px;
    border-bottom: 2px #898989 solid;
    color: #898989;
    text-align: right;
}
.special .more {
    float: left;
    background: #f06305;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.special .info {
    background: #fff;
    float: right;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
}
.special .info .box_border {
    float: right;
    width: 100%;
}
.special .info .progress {
    width: 110px;
    height: 110px;
}
.special .info .progress>span:after {
    top: 27px;
    font-size: 30px;
}
.special .info h2 {
    height: 40px;
    box-sizing: border-box;
    color: #BF392D;
    float: right;
}
.special .info .box {
    float: right;
    width: 50%;/* height: 110px; */
}
.special .shop {
    float: left;
    height: 40px;
    line-height: 2.5;
    font-size: 18px;
}
.special .img {
    width: 100%;
    float: right;
    height: 230px;
    overflow: hidden;
}
.special .img img {
    width: 100%;
    height: 230px;
}
.special .info .rel_price {
    float: right;
    height: 50px;
    width: 48%;
    margin-right: 2%;
}
.special .info .rel_price label {
    float: right;
    width: 100%;
    font-size: 12px;
    text-align: right;
}
.special .info .rel_price span {
    text-align: right;
    float: right;
    width: 100%;
}
.red {
    color: #f06305;
}
.green {
    color: #25ad61
}
.special .info .price {
    width: 100%;
    float: right;
    height: 60px;
}
.special .info .price span {
    width: 100%;
    float: right;
    text-decoration: line-through;
}
.special .info .price label {
    float: right;
    width: 100%;
    font-size: 13px;
}
.special ul {
    width: 980px;
}
.special ul li {
    width: 320px;
    height: auto;
    margin-left: 10px;
    margin-top: 20px;
    padding: 0px 0px;
    box-sizing: border-box;
    position: relative;
}
.special ul li:first-child {
    display: none;
}
.special ul li:nth-child(3n) {
    margin-left: 0%;
}
.special ul li .img_li {
    float: right;
    width: 105px;
    height: 130px;
    overflow: hidden;
}
.special ul li .img_li img {
    width: 100%;
    height: 100%;
}
.special ul li .info_li {
    float: right;
    width: 195px;
    box-sizing: border-box;
    padding-right: 10px;
}
.special ul li .info_li .box a {
    color: #888;
}
.special ul li .discount {
    width: 42px;
    height: 45px;
    position: absolute;
    background: url(images/takhfif.png) no-repeat;
    top: -3px;
    left: 10px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 2.5;
}
.special ul li .info_li .shop {
    float: right;
    width: 100%;
}
.special ul li .info_li .price {
    font-size: 13px;
    width: 100%;
    float: right;
}
.special ul li .info_li .price label {
    margin-left: 10px;
    float: right;
}
.special ul li .info_li .rel_price {
    font-size: 13px;
    width: 100%;
    float: right;
}
.special ul li .info_li .rel_price label {
    margin-left: 10px;
    float: right;
}
.special ul li .info_li .rel_price span {
    float: right;
    font-size: 19px;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    height: 32px;
}
footer {
    width: 100%;
    float: right;
    background: #34495e;
}
footer .social {
    float: left;
    background: #34495E;
    box-sizing: border-box;
    height: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}
footer .social ul {
    width: auto;
    margin: 0 auto;
}
footer .social ul li {
    border-radius: 50%;
    float: left;
    width: 36px;
    height: 36px;
    line-height: 1.3;
    text-align: center;
    font-size: 24px;
    margin-right: 20px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding: 9px;
}
footer .social ul li a {
    color: #fff;
    float: left;
    font-size: 27px;
}
.social ul li:hover {
}
.social ul li:hover a {
    color: #00A4FF;
}
footer .footer {
    width: 100%;
    float: right;
    font-size: 13px;
    font-family: byekan;
    line-height: 2.5;
    direction: rtl;
    text-align: center;
}
footer .foot{float:right;border-bottom: 1px solid #ccc;margin-bottom: 25px;}
footer .foot li{float:right;width:auto;height: 49px;line-height: 2.3;}
footer .foot li a{color:#fff;padding:10px;float: right;}
footer .footer p {
    float: right;
    width: 100%;
    color: #fff;
}
footer .footer p  a{color:#FFEB3B}
.single_page_color {
    background-color: #f3f3f3;
    padding: 10px 0px;
    padding-bottom: 20px;
    box-sizing: border-box;
    padding-top: 0px;
    box-shadow: inset 0px 5px 5px #eaeaea;
}
.single_page_ad {
    background-color: #F8F8F8;
    padding-top: 20px;
    box-sizing: border-box;
}
.singup_right {
    direction: rtl;
    margin-top: 20px;
}
.singup_right .panel {
    float: right;
    width: 100%;
    border: 1px solid #888;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 20px;
}
.singup_right .panel .panel-heading {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 15px;
    font-family: byekan;
    background-color: #00A4FF;
    color: #fff;
}
.singup_right .panel ul {
    width: 100%;
    float: right;
}
.singup_right .panel ul li a {
    color: #C64480;
}
.singup_right .panel ul li {
    width: 100%;
    float: right;
    border-top: 1px solid #888;
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    font-family: byekan;
}
.singup_left {
    float: right;
    direction: rtl;
    font-size: 13px;
    font-family: byekan;
    padding: 2%;
}
.singup_left .title {
    background: #6D7579;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 3;
    color: #fff;
}
.form-group {
    font-family: byekan;
    direction: rtl;
    margin-left: 0px !important;
    margin-right: 0px !important;
    float: right;
    width: 100%;
    margin-bottom: 15px !important;
}

.form-group-s {
    width: 50%;
    float: right;
    margin-bottom: 10px;
    font-family: byekan;
    direction: rtl;
}
.form-group-s label {
    width: 30%;
    float: right;
    font-size: 13px;
    text-align: center;
}
.checkbox_list {
    width: 100%;
    float: right;
}
.checkbox_list .checkbox {
    width: 34%;
    font-size: 13px;
}
.checkbox {
    width: 100%;
    float: right;
    margin-bottom: 0px;
    font-family: byekan;
    direction: rtl;
}
.checkbox #remember {
    float: right;
    width: 3%;
    height: 28px;
    margin: 0px;
    margin-left: 1%;
}
.checkbox label {
    width: 96% !important;
    float: right;
        line-height: 1.5 !important;
}
.checkbox span {
    font-size: 11px;
    margin-right: 15px;
    color: #00A4FF;
}
.checkbox span a {
    color: #00A4FF;
}
.form-group label {
    width: 22%;
    float: right;
    height: 30px;
    line-height: 3;
    font-size: 13px;
    font-weight: 400;
}
.form-group-s .form-control {
    display: block;
    width: 70%;
    height: 40px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
    font-family: byekan;
}
.form-group label span {
    color: red;
    margin-right: 5px
}
.form-group .form-control {
    width: 78%;
    margin: 0px;
    float: right;
    padding: 0px 7px;
}
.form-group .captcha {
    width: 35%;
    padding: 0px 0px;
}
.form-group #captcha {
    width: 54%;
    margin-right: 2%;
    float: right;
}
.form-group textarea {
    width: 100% !important;
    float: right;
}
.form-group input[type="submit"] {
    border: 0px;
    background-color: #00A4FF;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    float: right;
    color: #fff;
    font-family: byekan;
    margin-top: 15px;
    border-radius: 5px;
    text-align: center;
}
.single_page {
    width: 100%;
    float: right;
    margin-top: 25px;
    padding-top:15px;
    background:#fff;
    font-family: byekan;
    border-radius: 5px;
    border: 1px solid #ebeced;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    line-height: 2;
    word-spacing: 2px;
}
.single_page .title {
    width: 100%;
    float: right;
    height: 55px;
    font-size: 17px;
    font-family: BYekan;
    direction: rtl;
    text-align: center;
    color: #888;
    border-bottom: 1px solid #ccc;
    line-height: 2.5;
    box-sizing: border-box;
    background: #f7f7f7;
}
.single_page .title h2{float:right;width:100%;line-height: 3;height: 55px;}
.single_page .text {
    direction: rtl;
    float: right;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-sizing: border-box;
    font-family: byekan;
    padding:10px;

}
.single_page .img_box {
    float: right;
    width: 100%;
    height: auto;
    margin-left: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.single_page .img_box img {
 
        max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 320px;
}

.single_page .info {
    float: right;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.single_page .info ul {
    float: right;
    width: 100%;
    text-align: right;
    font-family: byekan;
    padding: 0px 10px;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    box-sizing: border-box;
    padding-bottom: 10px;
}
.single_page .info ul li {
    border: 0px;
    padding: 3px 0px;
}
.single_page .info ul li i {
    float: right;
    font-size: 20px;
    color: #f06305;
    width: 25px;
    height: 31px;
    line-height: 1.5;
}
#sticker-sticky-wrapper {
    width: 100%;
    float: right;
    position: relative;
    z-index: 2000;
    height: auto !important;
}
.newboxes {
    float: right;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    min-height: 200px;
    font-size: 13px;
    font-family: byekan;
    font-weight: normal;
}
.single_page .title a {
    color: #888;
    border: 1px solid #ccc;
    padding: 7px;
    border-top: 2px solid #F06305;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0px;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    box-sizing: border-box;
}
.shop-post{
    width: 100%;
    float: right;
    margin: 15px 0px;
    margin-top: 35px;
}
.shop-post ul{float:right;width:100%;}
.shop-post ul li{
    width: 23.495%;
    text-align: center;
    height: 255px;
    vertical-align: top;
    float: right;
    margin-left: 2%;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    border-bottom: 2px solid #c0cad0;
    overflow: hidden;
    font-family: byekan;
    background: #f6f5f5;
}
.shop-post ul li:nth-child(4n){
    margin-left:0px;
}
.shop-post ul li a{
    margin: 0px;
    float: right;
    text-align: right;
    color: #5E5C5C;
    font-size: 13px;
    width: 100%;
}
.shop-post ul .info{
    float: right;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 2px 5px;
    height: auto;
}
.shop-post .pro-price{
    float: right;
    width: 100%;
    background: #f1f1f1;
    font-size: 13px;
    height: auto;
    padding: 0px 5px;
}
.shop-post .pro-price .pirc{
    float:right;
    width: 100%;
    line-height: 2.5;
    text-align: right;
    color: #4CAF50;
}
.shop-post .pro-price .pirc .line{text-decoration:line-through;float: left;height: 30px;line-height: 2.3;color: #ada8a8;}
.shop-post .pro-price .pirc .discount{float:left;padding-left:10px;}
.shop-post .price {
    background: #f1f1f1;
    float: right;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 2;
    border-bottom: 1px solid #f6f6f6;
}

.shop-post .info h3{    float: right;
                        font-weight: 400;
                        height: 30px;
                        line-height: 2;}
.shop-post .price{    background: #e9e8e8;
                      float: right;
                      width: 100%;
                      text-align: center;
                      margin-bottom: 5px;
                      height: 30px;
                      line-height: 2;}
.shop-post ul li img{
    width: auto;
    display: block;
    height: 190px;
    margin: 0 auto;
}
.notfind {
    float: right;
    font-family: byekan;
    color: #EB7E67;
}
.contact-page {
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0px;
    direction: rtl;
    font-family: byekan;
    font-size: 15px;
    color: #413E3E;
    float: right;
}
.contact-page .address-liste {
    list-style: none;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-left: 1%;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
}
.contact-page .address-liste li {
    width: 100%;
    float: right;
}
.contact-page .address-liste li i {
    font-size: 18px;
    margin-left: 16px;
}
.contact-page .send-mail {
    float: right;
    /* width: 58%; */
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FFF;
}
.contact-page .send-mail .title {
    width: 100%;
    background: #00A4FF;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 2.5;
    color: #fff;
}


.contact-page select {
    background: #F8F6EA;
}


.contact-page .send-mail textarea {
    background: #F8F6EA;
}

.forum {
    width: 100%;
    float: right;
    direction: rtl;
    font-family: byekan;
    text-align: right;
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0px;
}
.forum .text-center {
    text-align: center;
}
.forum thead {
}
.forum a {
    color: #C64480;
}
.forum.table > tbody > tr > td {
    vertical-align: middle;
}
.forum .fa {
    width: 1em;
    text-align: center;
}
.forum.table th.cell-stat {
    width: 6em;
}
.forum.table th.cell-stat-2x {
    width: 14em;
}
.users {
    direction: rtl;
    float: right;
    width: 100%;
}
.users .tools {
    width: 30%;
    float: right;
}
.users .tools .panel {
    float: right;
    width: 100%;
    border: 1px solid #888;
    border-radius: 5px;
    background-color: #FFF;
    margin-bottom: 20px;
}
.users .tools .panel h4 {
    font-size: 15px;
    font-family: byekan;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 15px;
    font-family: byekan;
    background-color: #C64480;
    color: #FFF;
}
.users .tools .panel ul {
    width: 100%;
    float: right;
}
.users .tools .panel ul li {
    width: 100%;
    float: right;
    border-top: 1px solid #888;
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    font-family: byekan;
}
.users .tools .panel ul li a {
    color: #888;
}

.users .main {
    float: right;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-sizing: border-box;
    font-family: byekan;
    border-radius: 5px;
    margin-top: 20px;
    border: 1px solid #ebeced;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.users .panel_main{
    float: right;
    width: 80%;
    margin-right: 3%;
}
.users .statistics{
    float: right;
    width: 80%;
    margin-right: 3%;
}
.users .statistics .box{width:32%;float:right;margin-left:2%;margin-top:20px;font-size: 11px;font-family: byekan;text-align: center;color: #fff;}
.statistics .yellow{background: #F5D76E;}
.statistics .blue{background: #89C4F4;}
.statistics .pink{background: #FFB3A7;}
.statistics samp{float:right;width:100%;font-size:27px;text-align:center;margin-top:20px;margin-bottom:20px;color: #fff;font-family: byekan;}
.statistics i{font-size:37px;float:right;width:100%;text-align:center;margin-bottom: 16px;color: #f5f5f5;}

.users .statistics .box:nth-child(3){margin-left:0px;}
.users .main .panel-heading {
    background: #F2FAFF;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 0px;
}
.users .main .panel-heading h3 {
    font-size: 17px;
    font-family: BYekan;
    font-weight: 400;
}
.users .modal-content{float: right;width: 100%;}
.users .modal-content .modal-header{float: right;width: 100%;}
.users .modal-content .modal-body{float: right;width: 100%;}
.users .modal-content .modal-footer{float: right;width: 100%;}

.users .main table.table-bordered{}
.users .main table.table-bordered img{width:24px;margin:0 auto;}
.users .main table.table-bordered  th:first-child{padding: 5px !important;}
.users .main table.table-bordered  td{padding:5px;}
.users .main table {
    color: #333;
    font-family: byekan;
    font-size: .9em;
    font-weight: 300;
    text-align: center;
    line-height: 40px;
    border-spacing: 0;
    border: 0px solid #FFF5F5;
    width: 100%;
    margin: 0px auto;
}
.users .main thead tr:first-child {
    background: #8ac6ea;
    color: #fff;
    border: none;
}
.users .main th {
    font-weight: bold;
}
.users .main th:first-child, td:first-child {
    padding: 0 0px 0 0px;
}
.users .main thead tr:last-child th {text-align: center;padding: 5px;}
.users .main tbody tr:hover {
    background-color: #ffeeff;
}
.users .main tbody tr:last-child td {

}
.users .main tbody td {
    border-bottom: 1px solid #ddd;
}
.users .main td:last-child {
    text-align: right;
    padding: 10px 5px;
}
.users .main td:last-child a {
    font-size: 11px;
    color: #00A4FF;
    margin-right: 3px;
    background:#e8e8e8;
    padding:2px 5px;
    border-radius:5px;
    height: 25px;
    float: inherit;
}
.users .main td:last-child a i{margin-left:5px;}
.users .main .button {
    color: #696969;
    padding-right: 5px;
    cursor: pointer;
}
.users .main .alterar:hover {
    color: #0a79df;
}
.users .main .excluir:hover {
    color: #dc2a2a;
}
#content {
    float: right;
    width: 80px;
    position: relative;
    height: 90px;
    border-right: 1px solid #ece9e9;
    border-left: 1px solid #ece9e9;
    background: #f9f9f9;
    box-sizing: border-box;
}

.page_size {
    float: right;
    width: 100%;
    min-height: 360px;
}
.advice_help {
    width: 100%;
    float: right;
    background: #FFFFFF;
    height: 70px;
    font-family: byekan;
    text-align: center;
    direction: rtl;
    line-height: 4;
    margin-top: 20px;
    border-radius: 5px;
}
.advice_help a {
    color: #FF5A5F;
}
#crumbs {
    float: right;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    margin-top: 20px;
    text-align: right;
    height: 60px;
}
#crumbs ul {
    list-style: none;
    display: inline-table;
}
#crumbs ul li {
    display: inline;
    float: right;
    height: 60px;
}
#crumbs ul .active a {
    background: #00A4FF;
    color: #fff;
}
#crumbs ul .active a:after {
    border-right: 40px solid #00A4FF;
}
#crumbs ul .active a:before {
}
#crumbs ul li a {
    display: block;
    float: right;
    height: 60px;
    background: #FFFFFF;
    text-align: center;
    padding: 0px 60px 0px 20px;
    position: relative;
    margin: 0 0px 0 3px;
    font-size: 13px;
    text-decoration: none;
    color: #CDC9C9;
    font-family: byekan;
    width: auto;
    line-height: 4.5;
}
#crumbs ul li a:after {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 40px solid #FFFFFF;
    position: absolute;
    left: -40px;
    top: 0;
    z-index: 1;
}
#crumbs ul li a:before {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 40px solid #EDEDED;
    position: absolute;
    right: 0;
    top: 0;
}
#crumbs ul li:first-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 40px;
}
#crumbs ul li:first-child a:before {
    display: none;
}
#crumbs ul li:last-child a {
    padding-right: 80px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#crumbs ul li:last-child a:after {
    display: none;
}
#bill_info {
    float: right;
    width: 100%;
    text-align: right;
    direction: rtl;
    font-family: byekan;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
}
#bill_info .user_info{
    float: right;
    background: #fff;
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    width: 100%;
    }
    #bill_info .user_info table{margin-bottom:0px;}
#bill_info .user_info td{padding: 15px 10px;}

#bill_info .user_info .title{width:100%;background: #ffffff;padding: 15px;border: 1px solid #ccc;border-bottom: 0px;border-left: 0px;border-right: 0px;}
#bill_info .user_info .title a{float:left;color:#016ba5;}
#bill_info .bank {
    float: right;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-left: 1%;
    width: 100%;
}
#bill_info .mge {
    float: right;
    width: 67%;
    color: #2aaefa;
    border: 1px solid;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border-color: #d8f0fe;
    box-sizing: border-box;
    margin-left: 3%;
    height: 50px;
    line-height: 3;
}
#bill_info .mge i {
    font-size: 23px;
    margin-top: 8px;
    margin-left: 10px;
    float: right;
}
#bill_info .bank_box {
    float: left;
    margin-left: 15px;
    width: 185px;
}
#bill_info .bank_box img {
width:100%;
}
#bill_info .other_box {
    float: right;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #FBF1F1;
    /* margin-right: 1%; */
}
#bill_info .end_pric {
    float: left;
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    background: #F4FFF4;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#bill_info .end_pric table{
    width: 100%;
}
#bill_info .end_pric table tr{
    border-bottom: 1px solid;
}#bill_info .end_pric table tr:last-child{border:0px;}
#bill_info .end_pric table td{
    padding: 5px;
    line-height: 3;
}
#bill_info .end_pric h3 {
    font-family: byekan;
    font-weight: 400;
}
#bill_info .end_pric span {
    font-size: 15px;
    text-align: center;
    color: #02C707;
}
#bill_info form {
    float: left;
    width: auto;
    padding-top: 10px;
}
#bill_info  input[type="submit"] {
    float: left;
    padding: 0px 20px;
    font-family: byekan;
    background: #3cbf5c;
    border: 0px;
    color: #fff;
    border-radius: 5px;
    height: 40px;
}
#bill_info  a {
    min-width: 80px;
    height: 40px;
    color: #fff;
    padding: 0px 20px;
    background: #FF5A5F;
    border-radius: 5px;
    float: right;
    text-align: center;
    margin-top: 10px;
    line-height: 3;
}
.tools_box {
    float: right;
    width: 17%;
    float: right;
    background-color: #fff;
    border: 1px solid #ebeced;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 010px;
    margin-top: 20px;
    padding: 0px;
}
.tools_box ul li {
    float: right;
    width: 100%;
    height: auto;
    padding: 10px;
    box-shadow: 0px 1px 0px #ccc;
}
.tools_box ul li img {
    display: block;
    margin: 0 auto;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    width: 40px;
    float: right;
}
.tools_box ul li a {
    float: right;
    width: 100%;
    text-align: center;
    font-family: BYekan;
    font-size: 13px;
    color: #888;
    line-height: 3;
}
.tools_box ul li:hover img {
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    filter: none;
}
.tools_box ul:hover img {
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.tools_box ul img {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.ditles {
    display: none;
}

@media print {
    .newslettersnewsletters, header, footer, .sticker-sticky-wrapper, .tools_box, .floats, nav {
        display: none;
    }
    .users .main .panel-heading {
        display: none;
    }
    .ditles {
        display: block;
    }
    .users .main th {
        border: 1px solid #888;
    }
    .users .main td {
        border: 1px solid #888;
    }
    .users .main table {
        border: 1px solid #888;
    }
    .users .main tbody tr:last-child td {
        border: 1px solid #888;
    }
}
.user_pan {
    padding: 20px 0 0 0px;
}
.user_pan .title{
    padding: 0px 10px;
    float: right;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #f7f7f7;
    margin-bottom: 15px;
    text-align: center;
}
.btn-icon img{width:80%;}
.btn-icon {
    float: right;
    width: 15%;
    background: #6dc771;
    height: 45px;
    margin-top: 10px;
    text-align: center;
    line-height: 2.5;
    font-size: 17px;
    position: relative;
    -ms-border-radius: 3px;
    /* border-left: #fff 1px dashed; */
    border-radius: 0px 5px 5px 0px;
    box-sizing: border-box;
}

.slide_box #poste_prev {
    background: url(images/arow-left.png) no-repeat;
    width: 45px;
    height: 90px;
    position: absolute;
    top: 130px;
}
.slide_box #poste_next {
    background: url(images/arow-right.png)no-repeat;
    width: 45px;
    height: 90px;
    position: absolute;
    top: 130px;
    right: 378px;
}
.ads_w {
    width: 100%;
    float: right;
    padding: 10px 20px;
    box-shadow: 0 1px 3px 0px #aba8a8;
    padding-bottom: 0px;
}
.ads_w ul{margin:0 auto;display:block;}
.ads_w li {
    float: right;
    border: 1px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 3px;
    padding: 0px;
    width: auto;
    margin-bottom:10px;
    height: 60px;
}
.ads_w li:nth-child(2n){margin-right:1%;}
.ads_w li img {
    width: 468px;
    height: 60px;
    display: block;
    float: right;
}
.ads_w li:last-child {
    margin-left: 0px;
}
.ads_w li a {
    width: 100%;
    float: right;
    height: auto;
}
.ads_h {
    float: right;
    margin-bottom: 20px;
}
.ads_h li {
    float: right;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}
.ads_h li img {
    width: 100%;
    height: auto;
    display: block;
    float: right;
}
.ads_h li a {
    width: 100%;
    float: right;
    height: auto;
}
.newboxes table {
    border: 1px solid #1992d3;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.newboxes tr:nth-child(odd) {
    background-color: #b6e2f9;
}
.newboxes tr:nth-child(even) {
    background-color: #ffffff;
}
.newboxes td {
    vertical-align: middle;
    border: 1px solid #1992d3;
    border-width: 0px 1px 1px 0px;
    text-align: right;
    padding: 9px;
    font-size: 10px;
    font-family: byekan;
    font-weight: normal;
    color: #000000;
}
.newboxes tr:last-child td {
    border-width: 0px 1px 0px 0px;
}
.newboxes tr td:last-child {
    border-width: 0px 0px 1px 0px;
    direction: ltr;
}
.newboxes tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}
.newboxes tr:first-child td {
    background: -o-linear-gradient(bottom, #00a4ff 5%, #00a4ff 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4ff), color-stop(1, #00a4ff) );
    background: -moz-linear-gradient( center top, #00a4ff 5%, #00a4ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a4ff", endColorstr="#00a4ff");
    background: -o-linear-gradient(top, #00a4ff, 00a4ff);
    background-color: #00a4ff;
    border: 0px solid #1992d3;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 14px;
    font-family: byekan;
    font-weight: 400;
    color: #ffffff;
}
.newboxes tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #00a4ff 5%, #00a4ff 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4ff), color-stop(1, #00a4ff) );
    background: -moz-linear-gradient( center top, #00a4ff 5%, #00a4ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a4ff", endColorstr="#00a4ff");
    background: -o-linear-gradient(top, #00a4ff, 00a4ff);
    background-color: #00a4ff;
}
.newboxes tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}
.newboxes tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}
.pagination>a, .pagination>span, .pagination>strong {
    position: relative;
    float: right;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: BKoodak;
}
/* Main container */
.cbp-vm-switcher {
    padding: 0px;
    float: right;
    width: 100%;
}
/* options/select wrapper with switch anchors */
.cbp-vm-options {
    text-align: right;
    padding-bottom: 0px;
    margin-bottom: 0px;
    float: left;
    height: 40px;
}
.cbp-vm-options a {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: #d0d0d0;
    margin: 2px;
}
.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {
    color: #47a3da;
}
.cbp-vm-options a:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    display: inline-block;
}
/* General style of switch items' list */

.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* Clear eventual floats */
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after {
    content: " ";
    display: table;
}
.cbp-vm-switcher ul:after {
    clear: both;
}
.cbp-vm-switcher ul li {
    display: block;
    position: relative;
}
.cbp-vm-image {
    display: block;
    margin: 0 auto;
}
.cbp-vm-image img {
    display: inline-block;
    max-width: 100%;
    border: none;
}
.cbp-vm-title {
    margin: 0;
    padding: 0;
}
.cbp-vm-price {
    color: #c0c0c0;
}
.cbp-vm-add {
    color: #fff;
    background: #47a3da;
    padding: 10px 20px;
    border-radius: 2px;
    margin: 20px 0 0;
    display: inline-block;
    transition: background 0.2s;
}
.cbp-vm-add:hover {
    color: #fff;
    background: #02639d;
}
.cbp-vm-add:before {
    margin-right: 5px;
}
/* Common icon styles */
.cbp-vm-icon:before {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.cbp-vm-grid:before {
    content: "\f00a";
}
.cbp-vm-list:before {
    content: "\f00b";
}
.cbp-vm-add:before {
    content: "\f055";
}
/* Individual view mode styles */

/* Large grid view */
.cbp-vm-view-grid ul {
    text-align: center;
}
.cbp-vm-view-grid ul li {
    width: 23.495%;
    text-align: center;
    height: 255px;
    vertical-align: top;
    float: right;
    margin-left: 2%;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    border-bottom: 2px solid #c0cad0;
    overflow: hidden;
}
.cbp-vm-view-grid ul li h3 {
    width: 100%;
}
.cbp-vm-view-grid .cbp-vm-title {
    font-size: 2em;
}
.cbp-vm-view-grid .cbp-vm-details {
    max-width: 300px;
    min-height: 70px;
    margin: 0 auto;
}
.cbp-vm-view-grid .cbp-vm-price {
    margin: 10px 0;
    font-size: 1.5em;
}
.cbp-vm-view-grid .info ul {
    display: none;
}
/* List view */
.cbp-vm-view-list ul li {
    padding: 0;
    white-space: nowrap;
    width: 100%;
    border: 1px solid #ededed;
    box-sizing: border-box;
    border-bottom: 2px solid #c0cad0;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    float: right;
    height: 93px !important;
    background: #fff;
}
.cbp-vm-view-list .fast_ads_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: rgba(244, 244, 244, 0.85);
    padding: 1px;
    border-radius: 5px;
}
.star_ads_icon {
    width: 13%;
    height: 30px;
    padding: 1px;
    font-size: 20px;
    text-align: center;
    float: left;
    color: #00a4ff;
    padding: 5px;
    line-height: 1;
}
.star_ads_icon img {
    width: 100% !important;
    height: auto !important;
}
.cbp-vm-view-list .fast_ads_icon img {
    width: 100% !important;
    height: auto !important;
    filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
}
.cbp-vm-view-list ul li .info {
    width: 86%;
    padding: 3px;
}
.cbp-vm-view-list ul li .info .box {
    background: #E8E2E2;
    margin-bottom: 5px;
    padding-right: 5px;
}
.cbp-vm-view-list ul li .info .price {
    width: 130px !important;
    float: left !important;
    padding: 0 10px;
    margin: 0px !important;
    background: #47a3da !important;
    color: #fff;
}
.cbp-vm-view-list ul li .info .discount {
    float: left;
    padding: 0px 5px;
    background: #e8e2e2;
    color: #d20b0b;
    font-size: 14px;
    letter-spacing: 4px;
    width: 60px;
    height: 30px;
    line-height: 2;
}
.cbp-vm-view-list ul li .info .date {
    float: left;
    background: #f2f2f2;
    padding: 0px 10px;
    height: 30px;
    line-height: 2;
}
.cbp-vm-view-list ul li .info ul {
    width: 100%;
    float: right;
}
.cbp-vm-view-list ul li .info ul li {
    border: 0px;
    float: right;
    width: 33%;
    margin: 0px;
    height: auto !important;
}
.cbp-vm-view-list ul li .info ul li:last-child {
    width: 100%;
}
.cbp-vm-view-list ul li .info ul i {
    font-size: 20px;
    margin-left: 10px;
    color: #47A3DA;
}
.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add {
    display: inline-block;
    vertical-align: middle;
}
.cbp-vm-view-list .cbp-vm-image {
    width: 13%;
    overflow: hidden;
    position: relative;
    float: right;
    height: 90px;
    margin-left: 1%;
}
.cbp-vm-view-list .cbp-vm-image img {
    height: 90px;
    width: 100%;
}
r .cbp-vm-view-list .cbp-vm-image .shop {
    display: none;
}
.cbp-vm-view-grid ul li .cbp-vm-image {
    float: right;
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
    background: #f6f5f5;
}
.cbp-vm-image .boxet{
    float: right;
    width: 15%;
    height: 190px;
    position: relative;
}
.cbp-vm-view-grid ul li .cbp-vm-image .shop {
    width: 110px;
    bottom: 0px;
    height: 37px;
    transition: all 0.3s ease-out;
    padding: 0px 10px;
    color: #1b1a1a;
    font-size: 13px;
    line-height: 2.5;
    transform: rotate(-90deg);
    position: absolute;
    right: -38px;
    top: 120px;
}
.cbp-vm-view-grid ul li .cbp-vm-image .fast_ads_icon {
    position: absolute;
    top: 0px;
    width: 50px;
    height: 50px;
    left: 0px;
}
.cbp-vm-view-grid ul li .cbp-vm-image .fast_ads_icon img {
    width: 100%;
    height: auto;
    filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
}
.cbp-vm-view-grid ul li .cbp-vm-image .date {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgb(165, 222, 254);
    height: 25px;
    transition: all 0.3s ease-out;
    padding: 0px 10px;
    color: #fff;
    width: 100px;
    text-align: center;
    line-height: 2;
}
.cbp-vm-view-grid ul li .cbp-vm-image .discount {
    width: auto;
    position: absolute;
    background: rgba(0, 164, 255, 0.35);
    bottom: 0px;
    left: 0px;
    height: 25px;
    transition: all 0.3s ease-out;
    padding: 0px 10px;
    color: #fff;
    font-size: 13px;
}
.cbp-vm-view-grid ul li .cbp-vm-image img {
    width: auto;
    display: block;
    height: 190px;
    margin: 0 auto;
}
.cbp-vm-view-grid ul li .cbp-vm-image .box label {
    color: #fff;
    width: 100%;
    float: right;
    text-align: center;
    font-size: 20px;
    height: 30px;
}
.cbp-vm-view-grid ul li .cbp-vm-image .box span {
    float: right;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #797878;
    height: 45px;
    font-size: 18px;
    line-height: 3;
    box-sizing: border-box;
}
.cbp-vm-view-grid ul li .cbp-vm-image .box .green {
    color: #01EA60;
}
.cbp-vm-view-grid ul li .cbp-vm-image .box .red {
    color: #f06305;
    text-decoration: line-through;
}
.cbp-vm-view-list .cbp-vm-title {
    font-size: 1.3em;
    padding: 0 10px;
    white-space: normal;
    width: 23%;
}
.cbp-vm-view-list .cbp-vm-price {
    font-size: 1.3em;
    width: 10%;
}
.cbp-vm-view-list .cbp-vm-details {
    width: 40%;
    padding: 0 15px;
    overflow: hidden;
    white-space: normal;
}
.cbp-vm-view-list .cbp-vm-add {
    margin: 0;
}

@media screen and (max-width: 66.7em) {
    .cbp-vm-view-list .cbp-vm-details {
        width: 30%;
    }
}

@media screen and (max-width: 57em) {
    .cbp-vm-view-grid ul li {
        width: 49%;
    }
}

@media screen and (max-width: 47.375em) {
    .logo{
    float: right !important;
    width: 100%;
}
    .cbp-vm-view-list .cbp-vm-image {
        width: 20%;
    }
    .cbp-vm-view-list .cbp-vm-title {
        width: auto;
    }
    .cbp-vm-view-list .cbp-vm-details {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    .cbp-vm-view-list .cbp-vm-add {
        margin: 10px;
    }
}
.pagination ul li a {
    width: auto;
}
.settingepage {
    float: right;
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.settingepage a {
    color: #E03939;
    margin-right: 20px;
    float: right;
    line-height: 1.7;
    font-size: 15px;
    height: 30px;
}
.settingepage a i {
    font-size: 27px;
}
.settingepage a img {
    width: 25px;
}
.settingepage a .fa-lightbulb-o {
    color: #E03939;
    float: right;
    margin-left: 10px;
}
.settingepage a .fa-star-o {
    color: #FFEB3B;
    float: right;
    margin-left: 10px;
}
.settingepage .fa-starv {
    color: #FFEB3B;
}
.settingepage a .fa-minus {
    color: #C50202;
}
.sinup {
    float: left;
    padding: 0px;
}
.sinup ul {
    width: auto;
    float: left;
}
.sinup ul li {
    position: relative;
    float: right;
}
.sinup ul li a i {
    float: right;
    position: relative;
    top: 3px;
    right: -5px;
}
.sinup ul li .logout {
    float: left;
    line-height: 1.7;
    background: #b74949;
}
.sinup ul li ul {
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 30px;
    z-index: 2000;
    border-radius: 0px 0px 5px 5px;
}
.sinup ul li:hover li {
    height: 30px;
}
.sinup ul li ul li {
    width: 100%;
    height: 0px;
    font-size: 13px;
    transition: all 0.3s ease-in-out 0.2s
}
.sinup ul li ul li a {
    width: 100%;
    text-align: center;
    padding: 0px;
    height: 30px;
    line-height: 2;
}
.user_pan .boxed {
    float: right;
    width: 100%;
    padding-bottom: 15px;
}
.user_pan .form-submit {
    padding: 0px 10px;
    float: right;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #f7f7f7;
}
.user_pan .form-submit .btn-success {
    margin-bottom: 0px;
}
.box_scrool {
    background: #E7F6FF;
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    float: right;
    width: 100%;
}
.box_scrool .bg-info {
    margin-bottom: 10px;
    padding: 10px;
}
.box_scrool .checkbox {
    margin: 0px;
    font-size: 13px;
}
.ajax-file-upload-statusbar {
    width: 110px !important;
    margin-right: 10px;
    margin: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    float: right;
    background: #ece5e5;
    margin-left: 5px;
}
.ajax-file-upload-statusbar img {
    border-radius: 5px;
    float: right;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.ajax-file-upload-filename {
    width: 300px;
    height: auto;
    margin: 0 5px 5px 0px;
    display: none;
}
.ajax-file-upload-filesize {
    width: 50px;
    height: auto;
    margin: 0 5px 5px 0px;
    display: inline-block;
    vertical-align: middle;
}
.ajax-file-upload-progress {
    position: relative;
    width: 100%;
    /* margin-top: 5px; */
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
    color: #FFFFFF;
    float: right;
}
.ajax-file-upload-bar {
    background-color: #0ba1b5;
    width: 0;
    height: 13px;
    border-radius: 3px;
    color: #FFFFFF;
}
.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%
}
.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    float:right;
    width: 21%;
    height: 22px;
    line-height: 1;
    text-align: center;
    margin-top: 5px;
}
.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float:right;
    display: inline-block;
    color: #fff;
    font-family: byekan;
    font-size: 10px;
    font-weight: normal;
    padding: 4px 5px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin: 5px 0px 5px 0px;
    width: 75%;
    text-align: center;
    margin-left: 4%;
}
.ajax-file-upload {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 15px 20px;
    cursor: pointer;
    line-height: 21px;
    height: 30px;
    margin: 0 10px 10px 0;
    display: block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 6px 10px 4px 10px;
    color: #fff;
    background: #2f8ab9;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    -webkit-box-shadow: 0 2px 0 0 #13648d;
    box-shadow: 0 2px 0 0 #13648d;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}
.ajax-file-upload:hover {
    background: #3396c9;
    -moz-box-shadow: 0 2px 0 0 #15719f;
    -webkit-box-shadow: 0 2px 0 0 #15719f;
    box-shadow: 0 2px 0 0 #15719f;
}
.ajax-upload-dragdrop {
    border: 2px dotted #A5A5C7;
    width: 420px;
    color: #DADCE3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 0px 10px;
    float: right;
    width: 100% !important;
    height: 100px;
    box-sizing: border-box;
}
.state-hover {
    border: 2px solid #A5A5C7;
}
.ajax-file-upload-container {
    margin: 20px 0px 20px 0px;
    float: right;
}
.ajax-upload-dragdrop b {
    width: 100%;
    float: right;
    text-align: center;
    line-height: 4;
    font-weight: normal;
    color: #7B7B7B;
}
.boxed {
    float: right;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.boxed #files {
    float: left;
    font-size: 13px;
    color: #5cb85c;
}
.boxed img {
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.boxed h3 {
    margin: 0px;
    border-top: 3px solid #8CD5FF;
    padding: 8px;
    font-size: 17px;
    background-color: #EFEFEF;
    height: 40px;
    margin-bottom: 10px;
}
.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    float: left;
    padding: 10px;
    color: #fff;
    border: none;
    font-family: byekan;
    width: 150px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.magazines {
    background: #F4F4F4;
    width: 100%;
    float: right;
}
.magazines h2 {
    width: 100%;
    float: right;
    text-align: center;
    font-family: BYekan;
    padding: 0px;
    box-sizing: border-box;
    margin-top: 20px;
}
.magazines p {
    text-align: center;
    font-family: byekan;
    padding: 10px;
    width: 100%;
    float: right;
    box-sizing: border-box;
}
.magazines article{width:70%;}
.magazines article ul {
    width: 100%;
    float: right;
    margin: 0px 0px;
}
.magazines article ul li {
    float: right;
    box-shadow: 0 0 2px 0 rgba(31, 31, 31, 0.07);
    border: solid 1px #E9E9E9;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    margin-left: 2%;
    width: 32%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.magazines article ul li:hover img {
    opacity: 0.8;
}
.magazines article ul li a {
    color: #888;
}
.magazines article ul li a img {
    width: 100%;
    height: 185px;
}
.magazines article ul li a h3 {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 15px;
    height: 60px;
    line-height: 4;
    font-family: byekan;
    color: #888;
}
.magazines article ul li:nth-child(3n) {
    margin-left: 0px;
}
.magazines article ul li .info {
    width: 100%;
    float: right;
    position: absolute;
    top: -220px;
    color: #fff;
    background-color: rgba(136, 136, 136, 0.63);
    direction: rtl;
    text-align: right;
    font-family: byekan;
    font-size: 13px;
    padding: 8px;
    box-sizing: border-box;
    height: 220px;
    transition: all 0.25s ease-out;
}
.magazines article ul li:hover .info {
    top: 0px;
}
.magazines article ul li .info label {
    width: 50px;
    float: right;
}
.breadcrumb{direction:rtl;background: #fff;padding: 15px;float: right;border: 1px solid #e9e9e9;width: 100%;}
.breadcrumb li{float:right;padding-right: 20px;position: relative;}
.breadcrumb li a{float:right;font-family: byekan;}
.breadcrumb > li + li:before{float:right;height:60px;position: absolute;right: 0px;}
.category {
    float: right;
    width: 28%;
    margin-left: 2%;
    direction: rtl;
    box-shadow: 0 0 2px 0 rgba(31, 31, 31, 0.07);
    border: solid 1px #E9E9E9;
    background-color: #FFFFFF;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.category .title {
    font-size: 17px;
    font-family: BYekan;
    height: 45px;
    line-height: 3;
    text-align: center;
}
.category ul {
    float: right;
    width: 100%;
    font-size: 15px;
    font-family: byekan;
    font-weight: 600;
    padding: 10px;
    box-sizing: border-box;
}
.category li {
    width: 100%;
    float: right;
    border-top: 1px solid #777;
    height: 45px;
    line-height: 3;
    transition: all 0.25s ease-out;
}
.category li:hover a {
    color: #C64480;
    margin-right: 10px;
}
.category li a {
    color: #888;
    transition: all 0.25s ease-out;
}
.footer_contact {
    float: right;
    font-family: byekan;
}
.footer_contact .box-div-s {
    float: right;
    width: 48%;
    margin-top: 5px;
    margin-left: 2%;
    box-sizing: border-box;
}
.footer_contact .box-div-m {
    float: right;
    width: 98%;
    margin-left: 2%;
}
.footer_contact .box-div-m textarea {
    float: right;
    width: 100%;
    font-size: 11px;
    border-radius: 5px;
    padding: 5px;
    font-family: byekan;
    background: #FFFFFF;
    border: 1px solid #ccc;
    height: 100px;
    box-sizing: border-box;
}
.footer_contact .box-div-s input[type="text"] {
    float: right;
    width: 100%;
    padding: 5px;
    background: #FFFFFF;
    font-size: 11px;
    font-family: byekan;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
.footer_contact .box-div-s input[type="submit"] {
    float: right;
    width: 100%;
    padding: 5px;
    background: #00A4FF;
    font-size: 11px;
    font-family: byekan;
    border: #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
}
.link {
    float: right;
    width: 250px;
    height: 174px;
    /* margin-right: 16px; */
    margin-left: 10px;
}
.link .title {
    float: right;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #34495E;
    height: 40px;
    line-height: 3;
}
.link .title i {
    float: right;
    width: 30px;
    font-size: 22px;
    height: 30px;
    line-height: 1.5;
    color: #34495E;
}
.link ul {
    float: right;
    width: 100%;
}
.link ul li {
    float: right;
    width: 100%;
    text-align: right;
    height: 30px;
}
.link ul li a {
    color: #34495E;
}
.link ul li i {
    float: right;
    width: 20px;
    line-height: 2.5;
}
.flogo {
    float: right;
    margin-bottom: 20px;
}
.flogo ul {
    float: right;
}
.flogo ul li {
    float: right;
    width: 48%;
    margin: 0px 1%;
}
.flogo img {
    max-height: 80px;
    max-width: 100%;
}
.plus {
    background: #FFEB47;
    width: auto;
    min-width: 25px;
    float: right;
    margin-right: 10px;
    height: 25px;
    border-radius: 5px;
    text-align: center;
    line-height: 1.7;
    font-size: 15px;
    font-family: BKoodak;
}


.captcha {
    float: right;
    display: block;
    width: 70%;
    height: 37px;
    padding: 0px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-shadow: 0 1px 0 #fff;
    background-repeat: repeat-x;
}
#captcha-addon {
    border-radius: 4px 0 0 4px;
    line-height: 0;
    height: 37px;
    float: right;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: antiquewhite;
    border: 1px solid #dbdbdb;
    width: 40px;
}
.input-group-btn {
    float: right;
    width: 40px;
}
#captcha-addon span {
    vertical-align: middle;
}
.input-group {
    float: right;
    height: 40px;
    width: 60%;
}
.resellers {
    width: 100%;
    font-size: 13px;
    font-family: byekan;
    direction: rtl;
    margin-top: 25px;
}
.resellers ul {
    width: 24%;
    float: right;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    height: 240px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 10px;
}
.resellers ul li {
    height: 30px;
}
.resellers ul li i {
    margin-left: 10px;
    font-size: 19px;
}
.andriod {
    position: fixed;
    right: 0px;
    bottom: 0px;
}

@media screen and (max-width: 40.125em) {
    .cbp-vm-view-grid ul li {
        width: 100%;
    }
    .cbp-vm-view-grid ul li:nth-child(2n) {
        margin-left: 0px;
    }
    .cbp-vm-view-grid ul li:nth-child(2n+1) {
        margin-left: 0%;
    }
    .margins {
        width: 480px;
    }
    .addbox {
        padding: 0px 10px;
    }
    .select {
        /* width: 50%; */
        padding: 0px 10px;
    }
    .search {
        width: 100%
    }
    .andriod {
        position: static;
    }
    header .logo {
        display: block;
        margin: 0 auto;
    }
    #cart{width: 100px !important;}
    header .logo a{width:100%;margin:0 auto;float:right;padding: 0px 25%;}
    .newsletters ul li a {
        padding: 5px 5px
    }
    .sinup li {
        width: 100%;
    }
    .sinup ul li a i {
        right: 0px;
    }
    .last_ads {
        width: 100%;
    }
    .ads_h {
        width: 100%;
    }
    .ads_h ul li {
        width: 32%;
        margin-left: 2%;
        box-sizing: border-box;
    }
    .ads_h ul li:nth-child(3n) {
        margin-left: 0px;
    }
    .ads_h ul li img {
        width: 100%;
    }
    .link {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }
    .flogo {
        width: 100%;
    }
    .slide_box .info {
        width: 100%;
    }
    .page_slide {
    position: relative;
    width: 100%;
    height: 360px;
    max-height: 360px;
    float: right;
    box-shadow: 0px 1px 1px #ccc;
    }
    .singup_left {
        padding: 2% 0px;
    }
    .contact-page .address-liste {
        width: inherit;
    }
    .ads_w li {
        width: 100%;
    }
    .ads_w li:nth-child(2n){margin-right:0px;}
}

.list_carousel {
    margin: 0;
    float: right;
    width: 100%;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    padding: 0;
    margin: 0px;
    margin-left: 5px !important;
    margin-right: 5px;
    display: block;
    float: left !important;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.clearfix {
    float: none;
    clear: both;
}
.prev {
    float: left;
    margin-left: 10px;
}
.next {
    float: right;
    margin-right: 10px;
}
.newpost {
    padding-top: 20px;
    font-family: byekan;
}
#city:disabled {

    background: url(images/loading2.gif);
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;

}
.alert{font-size: 13px;
       direction: rtl;
       font-family: byekan;
}

ul.advertising{}
ul.advertising li{
    height: 260px;
}
ul.advertising li h3{
    width: auto;
}
ul.advertising li .date{float: left;height: 30px;line-height: 2;text-align: left;opacity: 0.3;}
ul.advertising li .price{
    padding-right: 5px;
    text-align: right !important;
}
ul.advertising li .shop{
    float: left;
    padding-left: 5px;
    color: #0aa8ff;
}
ul.advertising li .fast_ads_icon{float:right;margin-left: 5px;}
ul.advertising li .fast_ads_icon img{width:30px;}

/****************cart********************/
#cart {float: right;width: auto;margin-right: 10px;top: 0px;background: #00a4ff;border: 1px solid #00a4ff;border-radius: 5px;margin-top: 10px;}
#cart #heading {
    float: right;
    width: 100%;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
#cart #heading .center{
    width: auto;
    float: right;
    height: 30px;
    text-align: center;
    padding: 5px;
}
#cart #heading .center img{text-align: center;width: 24px;}
#cart #heading i {
    color: #FF5A5F;
    font-size: 29px;
    line-height: 1;
}
#cart #text {
    font-size: 13px;
    font-family: byekan;
    width: 120px;
    padding: 10px;
    display: none;
}
#cart #table {
    border: 1px solid #ece9e9;
    background: #f9f9f9;
    box-sizing: border-box;
    z-index: 2020;
    right: 0px;
    padding: 10px;
    border-radius: 0px 5px 5px 5px;
    display: none;
    width: 200px;
    float: left;
    font-family: byekan;
    position: absolute;
    top: 40px;
}
#cart #table .protact_box {
    font-size: 13px;
    text-align: right;
    background: #fff;
    padding: 5px;
    position: relative;
    float: right;
}
#cart #table .protact_box:nth-child(2n) {
    background: #f8f8f8;
}
#cart #table .protact_box span {
    width: 100%;
    float: right;
    height: auto;
}
#cart #table .protact_box a {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    height: 8px;
    width: 8px;
}
#cart #table .protact_box a i {
    color: #FF5A5F;
    position: relative;
    top: -8px;
    text-align: center;
}
#cart #table form {
    float: right;
    width: 100%;
}
#cart #table b {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    background: #EBEBEB;
}
#cart #table .fg-button {
    font-size: 13px;
    font-family: byekan;
    border: 0px;
}
#cart #table .payment {
    width: 100%;
    background: #FF5A5F;
    color: #fff;
    border-radius: 0px 0px 5px 5px;
}
#cart #table .update {
    float: right;
}
#cart #table .remove {
}
#cart #heading .order-count {
    width: auto;
    float: right;
    text-align: center;
    color: #ffffff;
    height: 30px;
    font-family: byekan;
    font-size: 13px;
    padding: 5px;
}
#cart_page {
    width: 100%;
    margin: 0 auto;
    float: right;
    font-family: byekan;
    text-align: right;
    font-weight: normal;
    padding: 0px;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
#cart_page .title {
    border-bottom: 2px solid #ebebeb;
    height: 38px;
    padding-right: 10px;
    text-align: right;
    background-color: #f5f5f5;
}
#cart_page .title h2 {
    border-bottom: 2px solid #f0876a;
    color: #666;
    display: inline-block;
    height: 38px;
    line-height: 42px;
    font-size: 12px;
}
#cart_page #result_div {
    background-color: #FFF;
    width: 640px;
    height: 175px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-left: 445px;
    margin-top: 300px;
}
#cart_page #products_e {
    background-color: #FFFFFF;
    width: 100%;
    margin-top: 10px;
    float: right;
    margin-bottom: 5px;
}
#cart_page #cart {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    overflow: hidden;
}
#cart_page #cart h2 {
    background: #3C3C3C;
    padding: 20px;
    background-color: #333333;
    color: #FFF;
    box-sizing: border-box;
    width: 100%;
}
#cart_page #product_div {
    width: 159px;
    height: 220px;
    background: #fff;
    position: relative;
    float: right;
    padding: 0px;
    margin: 2px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
#cart_page div#image_div {
    width: 100%;
    height: 157px;
}
#cart_page div#image_div img {
    width: 100%;
}
#cart_page div#info_product {
    height: auto;
    float: right;
    width: 100%;
    background: #f5f5f5;
}
#cart_page div#info_product #rs {
    float: right;
    width: 100%;
    direction: rtl;
    color: #4caf50!important;
    height: 30px;
    line-height: 2;
    font-size: 14px;
    text-align: right;
}
#cart_page div#info_product #rs big {
    margin-left: 5px;
    font-size: 14px;
    font-family: byekan;
    float: right;
    padding-right: 5px;
}
#cart_page tr {
    background: white;
}
#cart_page #bill_info {
    background-color: #FFF;
    width: 640px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#cart_page div#text {
    color: #016ba5;
    margin-top: 10px;
    font-family: byekan;
    float: right;
    width: 100%;
    text-align: center;
    line-height: 3;
}
#cart_page div#text a {
    color:#F44336;
}
#cart_page #heading {
    padding-bottom: 0px;
}
#cart_page #heading h2 {
    padding: 20px 0px;
    background: #ffffff;
    color: #016ba5;
    border-top: 1px solid #ccc;
}
#cart_page #table {
    font-size: 13px;
    background-color: #E1E1E1;
    width: 100%;
    direction: rtl;
    text-align: center;
}
#cart_page tr {
    background: #FFFFFF;
    border-bottom: 1px solid #c7c7c7;
}
#cart_page tr td{padding:5px;vertical-align: middle;}
#cart_page tr td img{width:80px;}
#cart_page tr td input{padding:5px;text-align: center !important;}
#cart_page #main_heading {
    font-size: 14px;
    background: #e4e2e2;
}
#cart_page #main_heading  td{
    line-height: 3 !important;
}
#cart_page #table tr:first-child td{padding: 5px;line-height: 2;}
#cart_page div#name {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 1px;
    width: 100%;
    float: right;
    font-family: byekan;
    height: 30px;
    line-height: 2.2;
    background: url(../images/divier-box.png) no-repeat center bottom;
}
#cart_page div#desc {
    font-size: 15px;
    margin-bottom: 11px;
    min-height: 105px;
    line-height: 1.4;
}
#cart_page div#add_button {
    margin-top: 0px;
    float: right;
    width: 100%;
}
#cart_page div#rs form {
    float: left;
}
#cart_page div#rs .cart {
    background: url(../images/shop_cart.png) center;
    padding: 0px;
    width: 30px;
    float: left;
    border: 0px;
    height: 30px;
    background-size: 90%;
    cursor: pointer;
}
#cart_page span#go_back {
    margin-left: 245px;
}
#cart_page .fg-button {
    position: relative;
    top: 0;
    border-radius: 4px;
    font-size: 12px;
    padding: 8px 28px;
    text-decoration: none;
    border: 0px solid;
    cursor: pointer;
    border-bottom-width: 3px;
    outline: none;
    -webkit-transition: 0.3s background;
    -moz-transition: 0.3s background;
    transition: 0.3s background;
    font-family: byekan;
    margin-left: 10px;
    margin-top: 3px;
}
#cart_page .fg-button:active {
    top: 2px;
}
#cart_page .fg-button.teal {
    color: #fff;
    border-color: #003552;
    background-color: #016ba5;
}
#cart_page .fg-button.teal:hover {
    background: #FF5A5F;
}
#cart_page .fg-button.teal:active {
    background: #09cbc7;
    top: 2px;
    border-bottom-width: 1px;
}

#crumbs {
    float: right;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    margin-top: 20px;
    text-align: right;
    height: 60px;
}
#crumbs ul {
    list-style: none;
    display: inline-table;
}
#crumbs ul li {
    display: inline;
    float: right;
    height: 60px;
}
#crumbs ul .active a {
    background: #016ba5;
    color: #fff;
}
#crumbs ul .active a:after {
    border-right: 40px solid #016ba5;
}
#crumbs ul .active a:before {
}
#crumbs ul li a {
    display: block;
    float: right;
    height: 60px;
    background: #FFFFFF;
    text-align: center;
    padding: 0px 60px 0px 20px;
    position: relative;
    margin: 0 0px 0 3px;
    font-size: 13px;
    text-decoration: none;
    color: #CDC9C9;
    font-family: byekan;
    width: auto;
    line-height: 4.5;
}
#crumbs ul li a:after {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 40px solid #FFFFFF;
    position: absolute;
    left: -40px;
    top: 0;
    z-index: 1;
}
#crumbs ul li a:before {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 40px solid #EDEDED;
    position: absolute;
    right: 0;
    top: 0;
}
#crumbs ul li:first-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 40px;
}
#crumbs ul li:first-child a:before {
    display: none;
}
#crumbs ul li:last-child a {
    padding-right: 80px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#crumbs ul li:last-child a:after {
    display: none;
}
.box_scr{
    background: #efefef;
    border-radius: 2px;
    padding: 10px;
    box-sizing: border-box;
    float: right;
    width: 77%;
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding-right: 0px;
    box-shadow: 1px 1px 1px #ccc;
}
.box_scr input{margin:0px;}
.box_scr label{
    line-height: 1.5;
}
ul.checktree-root, ul#tree ul {
list-style: none;
}
ul.checktree-root label {
font-weight: normal;
position: relative;
}
ul.checktree-root label input {position: relative;top: 2px;right: 25px;}
/* TreeJS styling */

.treeview, .treeview ul {
	list-style-type: none;
	overflow: hidden;
	direction: rtl;
	width:100%;
}

.treeview li {
	text-indent: 1%;
	margin-top:0.2em;
	padding: 5px 1.5em 0px 0 !important;
	line-height: 22px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: right 5px;
	min-height: 20px !important;
}

.treeview li.contains-items {
	background-image: url('images/arrow-left.png');
} 

.treeview li.items-expanded {
	background-image: url('images/arrow-down.png');
}

.treeview>li:hover {
	cursor: pointer;
	background-size: 24px 24px;
}

.treeview span.has-node-icon {
	text-indent: 2%;
	margin-top:0.2em;
	padding:0.15em 0 0.5em 2.0em;
	line-height: 22px;
	background-repeat:no-repeat;
	background-size: 24px 24px;
}

.treeview span:not(span.has-node-icon):hover{
	background-color: rgba(246, 246, 246, 0.7);
}
ul.catimg{width:100%;float:right;}
ul.catimg li{float:right;margin-top: 15px;}
ul.catimg li img{width:100%;border-radius:5px;}
.carousel-control.left{left:0px;}
.carousel-control .fa{
    font-size: 45px;
    top: 45%;
    position: relative;
}
.inputGroup {
  background-color: #fff;
  position: relative;
}
.inputGroup label {
  padding: 5px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.inputGroup label span{float:left;margin-top:5px}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #5562eb;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 20px;
  height: 20px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 0px -1px;
  border-radius: 50%;
  z-index: 2;
  background-size: 24px;
  position: relative;
  margin-top: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
  float: right;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #54E0C7;
  border-color: #54E0C7;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

@media screen and (max-width: 47.375em) {
.tools_box{width:100%;}
.users .statistics .box{width:100%;margin-left: 0px;}
.users .statistics{width:100%;margin: 0px;}
header .logo a{padding: 0% 10%;}
.users .panel_main{width:100%;margin-right: 0%;}
nav .show > ul {background:#fff !important;padding: 0px;}.star_ads_icon img{    max-width: 25px;}
.cbp-vm-view-list ul li .info{width:79%}
nav ul li{width:33%;border-top: 1px solid #E1E1E1;}
nav ul li a{text-align:center;padding: 0px 0px 0px 10px;}
.last_ads h4{width:100%;height: auto;}
}