@import 'animate.css';
/*@import 'owl.carousel.css';*/
@import 'owl.theme.css';
/*@import 'jquery-ui.css';*/
/*@import 'owl.transitions.css';*/
/*@import 'font-awesome.min.css';*/
/*@import 'pe-icon-7-stroke.css';*/
@import 'animate.css';
/*@import 'fancybox/jquery.fancybox.css';*/
@import 'chosen.min.css';
@import 'normalize.css';
@import 'main.css';
/*@media (min-width: 1080px) {*/
/*.container {*/
/*width: 1050px;*/
/*}*/
/*}*/
/*@media (min-width: 1160px) {*/
/*.container {*/
/*width: 1130px;*/
/*}*/
/*}*/
/*@media (min-width: 1260px) {*/
/*.container {*/
/*width: 1230px;*/
/*}*/
/*}*/
/*@media (min-width: 1300px) {*/
/*.container {*/
/*width: 1260px;*/
/*}*/
/*}*/
/*@media (min-width: 1360px) {*/
/*.container {*/
/*width: 1310px;*/
/*}*/
/*}*/
/*@media (min-width: 1480px) {*/
/*.container {*/
/*width: 1450px;*/
/*}*/
/*}*/
/*@media (min-width: 1600px) {*/
/*.container {*/
/*width: 1540px;*/
/*}*/
/*}*/
/*@media (min-width: 1960px) {*/
/*.container {*/
/*width: 1910px;*/
/*}*/
/*}*/
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}
.d-flex {
    display: flex;
}
.w-100{width: 100%;}
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: iran_m;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

html,
body {
    height: 100%;
    color: rgb(85, 85, 85)
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.nopadding-left {
    padding-right: 0;
}

.nopadding-right {
    padding-right: 0
}

.nopadding {
    padding: 0
}

a:focus {
    outline: 0px solid;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden;
}

p {
    margin: 0 0 15px;
    font-size: 12px;
    direction: rtl;
}
.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.mt0{margin-top:0px !important;}
.mb0{margin-bottom:0px !important;}
.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pt50 {
    padding-top: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pb90 {
    padding-bottom: 90px
}
.pr10{
    padding-right:10px;
}
.pr20{
    padding-right:20px;
}
.pr30{
    padding-right:30px;
}
.pl10{
    padding-left:10px;
}
.pl20{
    padding-left:20px;
}
.pl30{
    padding-left:30px;
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mt25 {
    margin-top: 25px
}

.mb25 {
    margin-bottom: 25px;
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.mt40 {
    margin-top: 40px
}

.mb40 {
    margin-bottom: 40px
}

.mt45 {
    margin-top: 45px;
}

.mb45 {
    margin-bottom: 45px
}
.mt50 {
    margin-top: 50px;
    direction: rtl;
}

.mb50 {
    margin-bottom: 50px
}

.mt90 {
    margin-top: 90px
}

.mb90 {
    margin-bottom: 90px
}
.mb60 {
    margin-bottom: 60px
}
.mt60 {
    margin-top: 60px
}

.mb70 {
    margin-bottom: 70px
}
.mt70 {
    margin-top: 70px
}


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

/*a {*/
/*    -webkit-transition: all 0.3s ease 0s;*/
/*    transition: all 0.3s ease 0s;*/
/*    text-decoration: none;*/
/*    color: #777;*/
/*    font-size: 12px;*/
/*}*/

/*a:hover {*/
/*    color: #111;*/
/*    text-decoration: none;*/
/*}*/

.home-3-wraper a:hover {
    color: #96B7CB;
}

a:active,
a:hover {
    outline: 0 none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

body {
    color: #666666;
    font-family: iran_m, sans-serif;
    /*background: url(../img/body-bg.png);*/
    font-size: 13px;
    font-weight: normal;
    text-align: right;
}

.clear {
    position: relative;
}

.clear::after {
    clear: both;
    content: "";
    display: block;
}
.f_12
{
    font-size: 12px;
}
.f_10
{
    font-size: 10px;
}
/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
/*2.1 header top*/
.header-top {
    background: #f5f5f5;
    border-bottom: 1px solid #efefef;
    direction: rtl;
}

.header-top ul li {
    display: inline-block;
    position: relative;
    margin-right: 6px;
    color: #666;
    line-height: 20px;
}

.header-top ul li:hover ul {
    opacity: 1;
    top: 47px;
    z-index: 99999;
}

.header-top ul li ul {
    background: #ffffff none repeat scroll 0 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    opacity: 0;
    z-index: -9;
    top: 30px;
    left: 0;
    text-align: center;
    border: 1px solid #f6f6f6;
}

.single-drop ul li label {
    font-weight: 400;
    margin: 7px 5px 7px 0;
    color: #666;
    font-size: 11px;
}

.single-drop ul li label i {
    font-size: 23px;
    color: #65C178;
    vertical-align: middle;
    margin-left: 5px;
}

.header-top ul li ul li {
    display: block;
    width: 100px;
    margin-right: 0;
}

.header-top ul li ul li a {
    padding: 15px 20px;
}

.header-top ul li ul li a {
    padding: 5px 20px;
    display: block;
    background: #eee;
    margin: 5px;
    border-radius: 2px;
}

.header-top ul li ul li a:hover {
    background: #ffa200;
    color: #fff;
}

.single-drop ul li span {
    margin-right: 5px;
    color: #666;
}

.single-drop ul li span:hover {
    color: #ffa200;
    transition: .3s;
}

.single-drop ul li a i {
    font-weight: 700;
}

.single-menu {
    text-align: right;
}

.single-menu ul li {
    margin: 0;
}

.single-menu ul li a {
    padding: 0px 5px 0px 5px;
    display: inline-block;
    /* margin-top: 13px; */
    border-left: 1px solid #e2e2e2;
    /* margin-bottom: 13px; */
}

.single-menu ul li a.lastbdr {
    border-left: 0px;
    padding-left: 0px;
}

.header-menu {
    background: #fff;
    padding: 10px 0;
    /*border-bottom: 1px solid #908e8f;*/
}

/*2.2 header bottom */
.logo-area a img {
    margin: 1px 0;
    max-height: 70px;
    float: right;
}
.logo-text{
    /*direction:rtl;*/
    /*text-align:right;*/
    padding-top: 30px;
    text-indent: 7px;
}
.logo-area h1{
    font-size:18px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #444;
}
.logo-area h2{
    font-size: 12px;
    margin-bottom: 0;
    color: #888;
}
.accounts-cart{
    direction: rtl;
    text-align: left;
    margin-top: 45px;
}
.accounts-cart li{
    display:inline-block;
    padding: 3px 4px;
    color: #777;
    border: 1px solid #888;
    border-radius: 4px;
    direction: rtl;
    margin-right:8px;
    min-width: 115px;
    text-align: center;
}
.accounts-cart li i{
    padding-left:5px;
    color: #888;
    float: right;
    padding-top: 0px;
    font-size: 18px;
}
.accounts-cart .login-shop {}
.accounts-cart .login-users{}
.accounts-cart li.flag {border: none;min-width: 30px;}

.block-header {
    margin-top: 8px;
    text-align: right;
}

.phone {
    float: right;
    margin-left: 10px;
    padding-right: 0;
    border-left: 1px solid #e2e2e2;
    padding-left: 10px;
    padding-top: 7px;
}

.email {
    display: table;
}

.phone i,
.email i {
    color: #65C178;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
    float: right;
}
.dis-none{
    display: none
}
.header-search .product-category ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 300px;
    margin: 0;
    overflow-y: auto;
    padding: 5px 0;
    width: 200px;
}

.search-categori {
    /* box-shadow: 0 0 0 1px rgb(218, 218, 218); */
    display: block;
    float: left;
    margin-top: 10px;
    position: relative;
    width: 240px;
    border-radius: 4px;
    border: 1px solid #888;
    overflow: hidden;
}

.categori {
    float: right;
    width: 120px;
}

.categori select {
    display: none;
    font-family: 'iran_m', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.chosen-container {
    height: 48px;
    line-height: 38px;
    width: 100% !important;
}

.chosen-container-single .chosen-search input[type=text] {
    display: none;
}

.chosen-container .chosen-single {
    background: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-family: 'iran_m';
    line-height: 44px;
    padding: 0 0 0 10px;
    text-transform: capitalize;
    background: #f6f6f6;
    margin-top: -0.5px;
    height: 44.5px;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px;
    background-image: none;
    background: #f6f6f6;
    margin-top: -0.5px;
    height: 44.5px;
    box-shadow: none;
}

.chosen-container .chosen-single span {
    margin-right: 9px;
    text-align: right;
    font-size: 12px;
}

.chosen-container .chosen-single div {
    left: 8px;
    width: 25px;
    text-align: center;
}

.chosen-container .chosen-single div b {
    background: none;
}

.chosen-container .chosen-single div b:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
}

.chosen-drop {
    left: auto;
    right: 0;
    direction: rtl;
}

.chosen-drop {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-family: 'iran_m', Arial, Helvetica, sans-serif;
    margin-top: 10px;
    width: 210px !important;
    box-shadow: none !important;

}

.chosen-container .chosen-drop ul {
    margin: 0;
    padding-right: 10px;
}

.chosen-container .chosen-drop ul li {
    margin: 0;
    padding: 10px 0px 10px 10px;
    text-align: right;
    font-size: 14px;
    font-family: 'iran_m';
    direction: rtl;
}

.chosen-container .chosen-drop ul li.highlighted {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #262626
}

ul li.highlighted {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #262626
}

.chosen-container-single .chosen-search {
    padding: 0
}

.search-box {
    overflow: hidden;
    /* border-left: 1px solid #e4e4e4; */
    height: 27px;
}

.search-box input[type="text"] {
    border: 0;
    border-radius: 0;
    float: right;
    background: #fff;
    color: #464646;
    font-size: 11px;
    font-family: 'iran_m';
    height: 27px;
    line-height: 27px;
    text-align: right;
    direction: rtl;
    width: 100%;
    padding-left: 32px;
    box-shadow: none;
    padding-right: 5px;
   /* border: 1px solid lightgray;*/
}
.search-box button {
    float: left;
    /* width: 37px; */
    left: -1px;
    background: none;
    border: 0;
    border-radius: 0;
    border-style: none none solid;
    /* box-shadow: 0 0 0 3px rgba(228, 228, 228, 1); */
    color: #777;
    font-size: 11px;
    font-family: 'iran_m', sans-serif;
    font-weight: normal;
    line-height: 28px;
    position: absolute;
    text-align: center;
    transition: all 300ms ease 0s;
    outline: none;
    font-size: 18px;
    top: 4px;
}

.search-box button:hover {
    /* background: #666666; */
    color: #333;
}

.shopping-cart {
    cursor: pointer;
    transition: .3s;
}

.shopping-cart a {
    direction: rtl;
}

.shopping-cart:hover {
    transition: .3s;
}

.small-cart-content {
    width: 360px;
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 14px 2px 14px 16px;
    text-align: right;
    left: 10px;
    border: 1px solid #dadada;
    box-shadow: 0px 1px 6px #CCC;
}

ul.cart-list li {
    /* float: left; */
    width: 100%;
    margin-bottom: 10px;
}

.small-cart-detail .remove {
    float: left;
    margin-left: 0;
    color: #666;
}

.small-cart-detail .edit-btn {
    float: right;
    margin-left: 8px;
}

.small-cart-detail .small-cart-name {
    color: #666;
    font-family: 'iran_m', sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    font-size: 12px;
    display: block;
    margin: 10px 0px 0px 0;
}

.small-cart-detail .edit-btn img {
    border: none;
}

.small-cart-detail .quantitys {
    color: #666;
}

.small-cart-detail .quantitys strong {
    font-size: 11px;
    font-family: 'iran_m';
    margin-left: 5px;
}

.small-cart-detail .quantitys span {
    font-size: 14px;
    font-family: 'iran_m';
    font-weight: 400;
    margin-left: 5px;
}

.cart-list a img {
    border: 1px solid #ddd;
}

.cart-list a {
    float: right;
    margin-left: 10px;
}

p.total {
    color: #666;
    float: left;
    margin: 10px 0 0;
    font-size: 10px;
    font-family: 'iran_m';
    text-transform: uppercase;
    font-weight: normal;
}

span.amount {
    font-size: 15px;
    font-family: 'iran_m';
    font-weight: 700;
    margin-left: 5px;
}

.buttons {
    padding: 0;
    float: left;
    margin: 10px 0 0 0px;
}

.buttons .button {
    display: block;
    padding: 7px 25px;
    font-weight: 700;
    font-family: 'iran_m', sans-serif;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    background: #65c178;
    text-transform: capitalize;
    color: #fff;
}

.buttons .button:hover {
    background: #e44f4f;
    color: #ffffff !important;
}

.restrain {
    opacity: 0;
    z-index: -99;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
}

.expand:hover .restrain {
    opacity: 1;
    transform: scaleY(1);
    z-index: 2147483647;
    text-align: right;
}

/*2.3 header bottom (mainmenu area)*/

.header-bottom {
    background: #FFF;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}
.header-bottom .navbar-default{background-color: #ffffff;border-color:#ffffff}


/*----------------------------------------*/
/*  3. slider area css
/*----------------------------------------*/
.slider-area .nivo-caption .layer-1 img {
    width: 26%;
    left: 20%;
    top: 5%;
}

.slider-area .nivo-caption .layer-1-1 img {
    width: 40%;
    left: 16%;
    top: 16%;
}

.slider-area .nivo-caption .layer-1-2 img {
    width: 28%;
    left: 16%;
    top: 5%;
}

.slider-area .nivo-caption .lft-pr h2 {
    margin-right: 20%;
    font-size: 48px;
    font-family: 'iran_m';
    text-transform: uppercase;
    font-weight: 700;
    color: #9ab66f
}

.slider-area .nivo-caption .lft-pr h3 {
    margin-right: 20%;
    font-size: 48px;
    font-family: 'iran_m';
    font-weight: 700;
}

.slider-area .nivo-caption .lft-pr h4 {
    margin-right: 20%;
    font-size: 82px;
    font-weight: 700;
    color: #f8825e;
}

.slider-area .nivo-caption .lft-pr a {
    margin-right: 20%;
    margin-right: 20%;
    background: black;
    color: #fff;
    margin-top: 0px;
    overflow: hidden;
    display: inline-block !important;
    font-weight: 700;
    padding: 12px 20px;
    font-size: 18px;
    background: #ffa200;
    border-radius: 3px;
}

.slider-area .nivo-caption .lft-pr a:hover {
    background: #e44f4f;
}

/*----------------------------------------*/
/*  4.  creative banner area
/*----------------------------------------*/
.creative-banner {
    background: #fff;
    padding: 35px 0;
    border-bottom: 1px solid #ededed;
    direction: rtl;
}

.banner-box-1 {
    background: url(../img/banner/free_shipping.png) no-repeat right top;
}

.banner-box-2 {
    background: url(../img/banner/money_back.png) no-repeat right top;
}

.banner-box-3 {
    background: url(../img/banner/payment.png) no-repeat right top;
}

.banner-inner {
    padding-right: 70px;
}

.banner-inner p {
    padding: 0;
    margin: 0;
    color: #555;
    line-height: 25px;
}

.banner-inner .banner-title {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 3px;
}

/*----------------------------------------*/
/*  5.  category menu CSS
/*----------------------------------------*/
.owl-carousel .owl-wrapper-outer {
    padding-bottom: 1px;
}

.main-area .left-category-menu {
    margin-top: 0px;
}

.category-heading h2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #3f3f3f;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}

.category-menu-list {
    border: 1px solid #ebebeb;
    border-top: 0px solid #000;
    position: relative;
    width: 100%;
    z-index: 1000;
}

.category-menu-list ul li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background: #fff;
}

.category-menu-list ul li:hover {
    background: transparent none repeat scroll 0 0;
}

.cat-left-drop-menu-left ul li {
    background: none;
}

.category-menu-list ul li:last-child {
    border-bottom: 0px solid #ebebeb;
}

.category-menu-list ul li a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 15px 15px 16px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 300ms ease 0s;
}

.category-menu-list ul li a img {
    margin-right: 10px;
}

.category-menu-list ul li span.cat-thumb {
    display: block;
    float: left;
    height: 25px;
    margin: 0 15px 0 0;
    width: 25px;
}

.category-menu-list ul li a i {
    right: 25px;
    position: absolute;
    line-height: 24px;
}

/*category mega menu*/
.category-menu-list ul li .cat-left-drop-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    left: 120%;
    padding: 25px 20px 20px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 486px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    border-bottom: 3px solid #65c178
}

.category-menu-list ul li .big-ldrop {
    width: 700px;
}

.category-menu-list ul li .cat-left-drop-menu-left {
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    width: 46%;
}

.category-menu-list ul li .cat-left-drop-menu-left ul {
    margin-bottom: 20px;
    margin-top: 10px;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li {
    border: none;
}

.category-menu-list ul li:hover .cat-left-drop-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li a {
    line-height: 28px;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 300;
    text-transform: capitalize;
    word-wrap: break-word;
    padding: 0;
}

.category-menu-list ul li .cat-left-drop-menu-left ul li a:hover {
    color: #c2a476;
}

.category-menu-list ul li a.menu-item-heading {
    color: #6d6d6d;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 500;
    word-wrap: break-word;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid;
    margin-right: 20px;
    padding-bottom: 10px;
}

.category-menu-list ul li .sub-drop {
    width: 33.33% !important;
    margin: 0 !important;
    float: left;
}

.category-menu-list ul li a:hover {
    color: #c2a476;
    transition: .5s;
}

.category-menu-list ul li .subsm-drop {
    width: 220px;
}


.single-product {
    border: 1px solid #d0d0d0;
    border-radius: 0;
    /* overflow: hidden; */
    padding: 7px 7px 0 7px;
    position: relative;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    margin-bottom: 10px;

}

.product-img {
    max-height: 100%;
    overflow: hidden;
}

.single-product:hover {
    border-color: #ababab;
    transition: all 0.3s ease 0s;
}

.product-content .product-name a,
.rating a,
.product-content2 .product-name a {
    color: #666 !important;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 18px !important;
    min-height: 0 !important;
}

.home-3-wraper .single-product .product-content .product-name a:hover {
    color: #96b7cb !important;
}

.product-content2 h2.product-name a:hover {
    color: #828282 !important;
}

.rating a,
.rating i {
    color: #797979 !important;
    display: inline-block !important;
    font-size: 12px !important;
    padding: 0 !important;
}

.price-box span.new-price {
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
.price-single .price-box span.old-price {
    color: #666;
    font-weight: 700;
    font-size: 14px;
    padding:4px;
}
.product-single-details .price-box span.new-price {
    color: #FD3633;
    font-weight: 400;
    font-size: 33px;
    margin-right: 35px;
}

.single-product h2.product-name {
    margin: 0;
    font-size: 12px;
    padding-top: 5px;
    min-height: 38px;
}
.single-product h2.product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-product .product-img a {
    padding: 0;
    display: block;
}

.product-label .new,
.product-label .discount,
.product-label .sale {
    height: 70px;
    width: 70px;
    top: -1px;
    right: -1px;
    position: absolute;
    z-index: 9;
}

.product-label .discount span {
    z-index: 10;
    font-size: 18px;
    color: #FFF;
    padding: 0 6px;
    top: 9px;
    position: absolute;
}

.product-label .new {
    background: url(../img/bg-new.png) no-repeat;
}

.product-label .discount {
    background: url(../img/bg-discount.png) no-repeat;
}

.product-label .sale {
    background: url(../img/bg-sale.png) no-repeat;
}

.block-menu-img {
    float: right;
    width: 30%;
}

h2.block-menu-title {
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

h2.block-menu-title span {
    color: #ffa200
}

.static-content a.button-link {
    background: #65c178 !important;
    color: #fff !important;
    height: 44px;
    line-height: 48px;
    font-size: 12px;
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
    margin-top: 20px;
}

.static-content a.button-link:hover {
    background: #E44F4F !important;
}

.static-content ul li {
    position: relative;
    padding: 5px 10px;
    border-right: none;
    width: 70%;
    float: left;
    font-size: 12px;
}

.static-content ul li i {
    color: #ffa200;
    margin-left: 10px;
    float: right;
}

/*----------------------------------------*/
/*  6.  Our Product area CSS
/*----------------------------------------*/
/*.carousel-btn .owl-controls .owl-buttons div {*/
/*    !* background: #919191 none repeat scroll 0 0; *!*/
/*    color: #444;*/
/*    display: inline-block;*/
/*    font-size: 36px;*/
/*    height: 36px;*/
/*    left: 7px;*/
/*    line-height: 28px;*/
/*    margin-top: -20px;*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    top: 50%;*/
/*    transition: all 0.3s ease 0s;*/
/*    width: 30px;*/
/*    border-radius: 2px;*/
/*}*/

/*.carousel-btn .owl-controls .owl-buttons .owl-next {*/
/*    right: auto;*/
/*    left: 40px;*/
/*    left: 50%;*/
/*    top: 100% !important;*/
/*    right: auto;*/
/*    transform: translate(2px);*/
/*    background-color: #fff;*/
/*    color: #515151;*/
/*    font-weight: 600;*/
/*    font-size: 34px;*/
/*}*/

/*.carousel-btn .owl-controls .owl-buttons div.owl-next:hover,*/
/*.carousel-btn .owl-controls .owl-buttons div.owl-prev:hover {*/
/*    background-color: #a7a7a7 !important;*/
/*    color: #fff;*/
/*}*/

/*.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {*/
/*    top: -40%;*/
/*}*/

/*.home-2-waraper .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {*/
/*    top: 95%;*/
/*}*/

/*.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div {*/
/*    top: 98%;*/
/*}*/

/*.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {*/
/*    top: -8%;*/
/*}*/

/*.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div.owl-prev,*/
/*.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div.owl-prev,*/
/*.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div.owl-prev {*/
/*    right: auto;*/
/*    left: 7px;*/
/*    top: 100% !important;*/
/*    right: 50% !important;*/
/*    left: auto !important;*/
/*    transform: translate(-2px);*/
/*    background-color: #fff;*/
/*    color: #515151;*/
/*    font-weight: 600;*/
/*    font-size: 34px;*/
/*}*/

/*pagination*/

.carousle-pagi .owl-pagination > div {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    width: 15px;
    box-shadow: 1px 1px 3px 1px #ccc inset;
}

.carousle-pagi .owl-pagination > div.owl-page.active {
    background: #ffa200 none repeat scroll 0 0;
    box-shadow: none;
}

.carousle-pagi .owl-pagination {
    position: absolute;
    right: 0;
    top: -31px;
}

.ambit-key {
    background: #fff;
}

.area-title > h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    text-transform: uppercase;
}

.our-product-area.top-pd {
    padding-top: 50px;
}

/*.area-title {*/
/*    padding: 0 0 10px;*/
/*    width: 100%;*/
/*    margin-bottom: 20px;*/
/*}*/

.area-title > h2 {
    margin: 0;
    font-size: 17px;
}
.area-title{padding:20px 0;}
.area-title .title {
    position: relative;
    display: block;
    margin-top: -3px;
    padding-bottom: 5px;
    /*margin-bottom: 18px;*/
}
/*.area-title .title::before {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 60px;*/
/*    height: 3px;*/
/*    background: #399d25;*/
/*    content: "";*/
/*}*/
.area-title .title h3 {
    font-size: 1.2rem;
    line-height: 24px;
    text-transform: capitalize;
}

.nav > li {
    display: block;
    position: relative;
    display: inline-block;
    float: none;
}
.nav > li.product-tabs {
    border-left: 1px solid #d8d8d8;
}

.features-tab ul.nav {
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    direction: rtl;
    background: #FAFAFA;
    /* padding: 0 11px; */
}

.nav > li > a {
    /*border-left: 1px solid #d8d8d8;*/
    margin: 10px 0;
    padding: 0 15px;
}

ul.nav li a i {
    padding-left: 5px;
    transition: all .3s ease 0s;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
}

ul.nav li a:hover,
ul.nav li.active {
    text-decoration: underline;
    color: inherit
}

ul.nav li a:hover i,
ul.nav li.active i {
    color: #8BD099;
}

.featur-padd {
    padding: 0px 16px;
}

.button.cart_button {
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    transition: background 0.3s ease-in-out 0s;
    white-space: normal;
    width: 100%;
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
}

.button.cart_button span {
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    text-transform: capitalize;
}

.button.cart_button:hover {
    background: #e44f4f none repeat scroll 0 0;
}

.button-container {
    border-top: 1px solid #efefef;
    padding-top: 5px;
    width: 100%;
}

.product-content {
    box-sizing: border-box;
    padding: 5px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    direction: rtl;
}

.tab-content .single-product:hover .product-content {
    /* opacity: 0 */
}

.product-content2 {
    background: rgb(0, 0, 0) url(../img/bg_des_inbox.png) repeat scroll 0 0;
    bottom: -24%;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

.single-product:hover .product-content2 {
    bottom: 0;
    opacity: 1;
    direction: rtl;

}

.add-to-links {
    position: absolute;
    left: -50px;
    top: 0;
    transition: all 0.3s ease-out 0s;
    opacity: 0
}

.add-to-links > li a {
    color: #fff;
    display: block;
}

.add-to-links > li {
    background: #dbdbdb none repeat scroll 0 0;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.3s ease 0s;
}

.add-to-links > li:hover {
    background: #65c178
}

.single-product:hover .add-to-links {
    left: 10px;
    opacity: 1
}

/*----------------------------------------*/
/*  7. advertise area CSS
/*----------------------------------------*/
.advertise-area {
    overflow: hidden;
}

.single-add {
    position: relative;
    margin-bottom: 20px;
}

.single-add img {
    width: 100%;
}

.vina-banner a:hover::before,
.vina-banner a:hover::after {
    opacity: 1;
    transform: scale(1);
}

.vina-banner a::before,
.vina-banner a::after {
    content: "";
    opacity: 0;
    position: absolute;
    transform: scale(0, 1);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}

.vina-banner a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 15%;
    left: 7%;
    right: 7%;
    top: 15%;
    transform-origin: 0 0 0;
}

.vina-banner a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 7%;
    left: 15%;
    right: 15%;
    top: 7%;
    transform-origin: 100% 0 0;
}

/*----------------------------------------*/
/*  8. purchase-Progress-area
/*----------------------------------------*/
.progress-steps li {
    border-right: 1px dashed #ededed;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    width: 19.5%;
}

.progress-img {
    height: 65px;
    width: 100%;
    line-height: 65px;
}

.progress-steps h4 {
    color: #222;
    font-weight: 700;
    font-size: 14px;
}

.progress-steps > ul {
    border: 1px solid #ededed;
    padding: 10px;
}

.progress-steps li:last-child {
    border: medium none;
}

.progress-img > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.progress-steps li:hover .progress-img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.area-title.bdr > h2 {
    margin: 0;
    direction: rtl;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 18px;
    margin-right: 0;
    padding-right: 0;
    color: #444;
}

.area-title.bdr2 > h2 {
    border-bottom: 2px solid #ededed;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.features-tab ul.nav li:first-child a {
    /* padding-left: 0; */
}

/*----------------------------------------*/
/*  9. our favouriate area
/*----------------------------------------*/
.our-favourites ul li a img {
    display: block;
    margin: 0 auto;
}

.our-favourites .features-tab ul.nav {
    border: none
}

.our-favourites ul.nav li {
    background: #ccc none repeat scroll 0 0;
    font-size: 16px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 16.2%;
    position: relative
}

.our-favourites ul li.active,
.our-favourites ul li:hover {
    background: #65c178 none repeat scroll 0 0;
}

.our-favourites ul li a {
    border: medium none;
    color: #fff;
    display: block;
    font-weight: 700;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
}

.our-favourites ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.our-favourites ul.nav li.active {
    text-decoration: none;
}

.tab-img img {
    display: block;
    margin: 0 auto;
}

.tab-img {
    height: 100%;
    position: absolute;
    top: 15%;
    width: 100%;
}

/*----------------------------------------*/
/*  10. brand area
/*----------------------------------------*/
.single-brand {
    border: 2px solid transparent;
    margin: 0px;
}

.single-brand:hover {
    border-color: #ffd07f;
    cursor: move;
    opacity: .9;
    background: #fff;
}

.brand-crasoule-area {
    overflow: hidden;
}

/*popular tag*/

aside {
    /*margin-top: 3px;*/
}

.tag-area,
.box_manufacrurer,
.tag-area,
.usefull-product-slide,
.shop-filter {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    z-index: 1000;
    border-top-width: 2px;
    min-height: 131px;
}

.aside-padd {
    padding: 20px 20px 30px 20px;
}

/*.area-title h3 {*/
/*    border-bottom: 1px solid #ddd;*/
/*    color: #666;*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*    line-height: 1.1;*/
/*    margin: 0;*/
/*    padding: 20px;*/
/*    text-transform: uppercase;*/
/*    direction: rtl;*/
/*}*/

.tag-area ul {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.tag-area ul li a {
    background: #65c178 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    margin: 5px 9px 0 0;
    padding: 0 15px;
    text-transform: capitalize;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
}

.tag-area ul li a:hover {
    background: #e44f4f none repeat scroll 0 0;
    text-decoration: none
}

.newsletter-area {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    border: 1px solid #ededed;
    direction: rtl;
}

.vina-newsletter {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.web-links {
    margin-top: 15px;
}

.vina-newsletter form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 48px;
    line-height: 30px;
    /* margin: 3px 6px 3px 0; */
    padding: 5px 10px;
    width: 100%;
    text-align: right;
}

.vina-newsletter form input.submit-btn {
    background: #65c178;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 44px;
    margin-top: 12px;
    padding: 0 20px;
    text-align: left;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
}

.vina-newsletter form input.submit-btn:hover {
    background: #e44f4f
}

.input-box label {
    font-weight: 400;
    margin: 15px 0;
}

.web-links li {
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;
}

.web-links ul li a {
    background: #F9BA60 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    width: 30px;
}

.web-links ul li a.telegram {
    background: #2a619d none repeat scroll 0 0;
}

.web-links ul li a.ldin {
    background: #4DACAE none repeat scroll 0 0;
}

.web-links ul li a.face {
    background: #48649E none repeat scroll 0 0;
}

.web-links ul li a.google {
    background: #D36955 none repeat scroll 0 0;
}

.web-links ul li a.twitter {
    background: #81AFD2 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  11.  hotsell-area
/*----------------------------------------*/
.single-hotsell {
    overflow: hidden;
    border-bottom: 1px solid #ededed
}

.hotsell-area {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ededed;
    z-index: 1000;
}

.hotsell-text {
    float: left;
    width: 50%;
}

.hotsell-area .area-title h3 {
    background: rgba(0, 0, 0, 0) url("../img/hot.png") no-repeat scroll 60% 16px;
}

.single-hotsell .new-price {
    color: #65c178;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 3px 0;
}

.single-hotsell .rating {
    padding: 3px 0;
}

.hotsell-img {
    float: left;
    padding-right: 20px;
    width: 50%;
}

.hotsell-img a {
    border: 1px solid #eee;
    display: block;
}

/*----------------------------------------*/
/*  12. footer-static-content
/*----------------------------------------*/
.footer-static-title h3 {
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-static-content .logo > img {
    display: block;
    margin-bottom: 20px;
    max-height: 60px;
    padding-top: 10px;
    text-align: right;
}

.footer-static-content.footer-acc li {
    position: relative;
}

.footer-static-content li {
    line-height: 32px
}

.social-links .web-links ul li a:hover i {
    color: #fff
}

.footer-static-content.footer-service li i {
    color: #65c178;
    padding-left: 15px;
}

.footer-static-content ul li a:hover i {
    color: #ffa200;
}

.footer-static-content li span {
    background: #65c178 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 20px;
    right: 0;
    line-height: 20px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    border-radius: 100%;
    transition: all 0.3s ease 0s;
}

.footer-static-content.footer-acc li:hover span {
    background: #ffa200
}

.footer-static-content.footer-add {
    line-height: 28px;
}

.footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("../img/address.png") no-repeat scroll right 9px;
    padding-right: 25px;
. font-size: 12 px;
}

.footer-static-content.footer-add .phone {
    background: rgba(0, 0, 0, 0) url("../img/phone_footer.png") no-repeat scroll right 9px;
    padding-right: 25px;
    direction: ltr;
    text-align: right;
    float: right;
    border-left: none;
}

.footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("../img/mail.png") no-repeat scroll right 9px;
    padding-right: 25px;
    clear: both
}

.footer-static-2 {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 20px 0;
}

.footer-static-2 .link-category li {
    border-left: 1px solid #ddd;
    line-height: 14px;
    padding: 0 11px 0 10px;
    display: inline-block;
}

.ma-footer-container .payment {
    margin-top: 10px;
    text-align: right;
}

.ma-footer-container .payment li:last-child {
    margin: 0;
}

.ma-footer-container .payment li {
    margin-right: 10px;
    display: inline-block
}

.footer-static-2 .link-category li:first-child,
.basak-footer .links li:first-child {
    padding-right: 0;
}

.footer-static-2 .link-category li:last-child,
.basak-footer .links li:last-child {
    border-left: 0 none;
}

.footer-static-container {
    background: #CCCCCC none repeat scroll 0 0;
    border-top: 1px solid #ededed;
    direction: rtl;
    text-align: justify;
    color: #111;
}
.footer-static-container a{
    color:#222;
    text-align: right;
}
.footer-static {
    overflow: hidden;
}

/*----------------------------------------*/
/*  13. ma-footer-container
/*----------------------------------------*/
.ma-footer-container {
    background: #928C8C none repeat scroll 0 0;
}
.ma-footer-container a,.ma-footer-container p{
    color:#222;
}
.ma-footer-container a:hover{
    color:#cccccc;
}
.basak-footer {
    line-height: 18px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    direction: rtl;
    color: #111;
}

.footer ul.links {
    display: block;
    text-align: left;
}

.basak-footer .links li {
    border-left: 1px solid #ddd;
    display: inline-block;
    line-height: 14px;
    padding: 0 7px 0 4px;
}

.basak-footer address {
    margin-bottom: 0;
    font-size: 11px;
}

.basak-footer address a {
    color: #65c178;
}

.basak-footer address a:hover {
    text-decoration: underline;
}

/*----------------------------------------*/
/*  14. Scroll Up
/*----------------------------------------*/
#scrollUp {
    background: #888 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    bottom: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    right: 25px;
    transition: all 0.3s ease 0s;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
}

#scrollUp:hover {
    background: lightgrey none repeat scroll 0 0;
    border-color: #cccccc;
    color: #191919;
}


/*----------------------------------------*/
/*  15. Home-page-02
/*----------------------------------------*/

#home-2 {
    background: #fff
}

#home-2 .home-2-waraper {
    /*width: 1230px;*/
    box-shadow: 8px 0 5px -5px #ededed, -8px 0 5px -5px #ededed;
    overflow: hidden;
    margin: 0 auto;
}


.version-cat img {
    border: 2px solid #afbbc7;
    transition: all .3s ease 0s;
}

.mega-catagory2.hverson .version-cat a {
    border: medium none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.mega-catagory2.hverson .version-cat h4 {
    margin: 0;
}

.version-cat:hover.version-cat a {
    color: #ffa200
}

.home-3-wraper .version-cat:hover.version-cat a {
    color: #96B7CB
}

.version-cat:hover.version-cat img {
    border-color: #ffa200;
}

.home-3-wraper .version-cat:hover.version-cat img {
    border-color: #96B7CB;
}

/* ===15.1 slider ==== */

.left-slide .title-container {
    right: 10%;
    position: absolute;
    top: 65%;
    direction: rtl;
}

.left-slide .title-container h1 {
    font-size: 30px;
    margin: 0;
}

.left-slide .title-container h3 {
    font-size: 25px;
    font-weight: 100;
    padding-left: 10%;
}

/* ===15.2 creative banner area==== */
.creative-banner.common-2 .banner-inner {
    border: 1px dashed #d7d7d7;
    padding: 20px 90px 20px 30px;
    direction: rtl;
}

.common-2 .banner-box-1 {
    background: rgba(0, 0, 0, 0) url("../img/banner/free_shipping.png") no-repeat scroll 300px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.common-2 .banner-box-2 {
    background: rgba(0, 0, 0, 0) url("../img/banner/money_back.png") no-repeat scroll 300px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.common-2 .banner-box-3 {
    background: rgba(0, 0, 0, 0) url("../img/banner/payment.png") no-repeat scroll 300px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.creative-banner.common-2 {
    border-bottom: medium none;
    padding: 0 0 25px;
}

.our-product-area.best-offere .single-product,
.shop-product-area .single-product {
    margin-top: 20px;
    direction: rtl;
}

.row.row-margin {
    margin-left: -7px;
    margin-right: -7px;
}

.col-padd {
    padding-left: 2px;
    padding-right: 2px;
}

.row.row-margin2 {
    margin-left: -2px;
    margin-right: -2px;
}

/* ===15.3 our favouriate area2==== */
.our-favouriate-area-2 .our-favourites ul.nav li {
    width: 142px;
}

/* ===15.4 new-hot-best-slider area==== */
.new-hot-best-area .hotsell-text li {
    display: inline-block;
}

.button.btn2 span {
    background: #65c178 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    transition: all 0.3s ease 0s;
}

.new-arri-total .button.btn2 span:hover {
    background: #E44F4F none repeat scroll 0 0;
}

.new-arri-total li .wishlist a,
.new-arri-total li .view-products a {
    background: #ada597 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    transition: all 0.3s ease 0s;
}

.new-arri-total li .wishlist a:hover,
.new-arri-total li .view-products a:hover {
    background: #65c178 none repeat scroll 0 0;
}

.new-arri-total .hotsell-text .new-price {
    color: #65c178;
    font-size: 14px;
    font-weight: 700;
}

.new-arri-total .price-area {
    margin: 5px 0;
}

.single-arri .hotsell-text > a {
    margin: 10px 0 0;
    display: block;
}

.single-arri {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
    direction: rtl;
}

.single-arri .hotsell-img {
    padding-left: 20px;
    transition: all 0.3s ease 0s;
    width: 50%;
    float: right;
}

.sl-hover {
    margin-top: 20px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.single-arri:hover ul.sl-hover {
    opacity: 1;
}

.single-arri:hover .hotsell-img {
    border-color: #FFA200;
}

/*----------------------------------------*/
/*  16. Home-page-03
/*----------------------------------------*/
.home-3-wraper .single-drop ul li span:hover {
    color: #96b7cb;
}

.home-3-wraper .category-menu-list ul li .cat-left-drop-menu {
    border-color: #ebebeb #ebebeb #96B7CB;
}

.home-3-wraper .single-drop ul li label i {
    color: #96b7cb;
    font-size: 23px;
    margin-right: 5px;
    vertical-align: middle;
}

.home-3-wraper .phone i,
.home-3-wraper .email i {
    color: #96b7cb;
}

.home-3-wraper .search-categori {
    box-shadow: 0 0 0 1px rgba(228, 228, 228, 1);
}

.home-3-wraper .search-box button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #b9b9b9;
}

.home-3-wraper .shopping-cart {
    height: 45px;
    margin: 46px 0 0;
    padding: 1px 0 5px 30px;
    background: #96B7CB url("../img/minicart.png") no-repeat scroll 10px 50%;
}

.home-3-wraper .shopping-cart:hover {
    background: #888888 url("../img/minicart.png") no-repeat scroll 10px 50%;
}

.home-3-wraper .shopping-cart > a:hover {
    color: #fff
}

.home-3-wraper .buttons .button {
    background: #96B7CB
}

.home-3-wraper .buttons .button:hover {
    background: #888888
}

.home-3-wraper .price-box span.new-price {
    color: #888888;
    font-size: 18px;
    font-weight: 400;
}

.home-3-wraper .product-label .new {
    background: rgba(0, 0, 0, 0) url("../img/home3-new.png") no-repeat scroll 0 0;
}

.home-3-wraper .product-label .sale {
    background: rgba(0, 0, 0, 0) url("../img/home3-sale.png") no-repeat scroll 0 0;
}

.home-3-wraper .single-product:hover {
    border-color: #96b7cb;
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
    color: #B9B9B9;
    background: #fff
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
    border: 1px solid;
    line-height: 24px;
    margin-top: -12px;
    left: 0;
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons div:hover {
    background: #fff !important;
    color: #96b7cb;
    border-color: #96b7cb
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons .owl-next {
    right: 0;
    left: auto
}

.home-3-wraper .header-top ul li ul li a:hover {
    background: #96b7cb none repeat scroll 0 0;
}

.leftadd-home3 .single-add img {
    width: 100%;
}

.home-3-wraper .single-add span {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    left: 20px;
    position: absolute;
    top: 20px;
}

.slider-area.common3 {
    background: rgba(0, 0, 0, 0) url("../img/bg-box-banner.jpg") no-repeat scroll 50% 0 / 100% 100%;
}

.home-3-wraper h2.block-menu-title span {
    color: #96b7cb;
}

.home-3-wraper .static-content ul li i {
    color: #96B7CB;
}

.home-3-wraper .static-content a.button-link {
    background: #96b7cb none repeat scroll 0 0 !important;
}

.home-3-wraper .static-content a.button-link:hover {
    background: #888888 none repeat scroll 0 0 !important;
}

.home-3-wraper .shopping-cart a i:hover {
    color: #96b7cb;
}

.button.shop-now {
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInDown;
    background: #96b7cb none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block !important;
    padding: 7px 15px;
}

.button.shop-now:hover {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
}

.slider-area.common3 .left-slide .title-container h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

.slider-area.common3 .title-container p {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px 0 0;
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}

.slider-area.common3 .left-slide .title-container {
    left: 50%;
    top: 24%;
}

.creative-banner.common3 {
    background: #f5f5f5 none repeat scroll 0 0;
}

.banner-inner.common3 {
    background: #fff none repeat scroll 0 0;
    margin-right: 50px;
    padding: 25px 55px 25px 20px;
    position: relative;
}

.bnr-icon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #F4F4F4;
    border-radius: 100%;
    height: 85px;
    line-height: 85px;
    margin-top: -42px;
    position: absolute;
    right: -43px;
    text-align: center;
    top: 50%;
    transform: rotate(0deg);
    width: 85px;
    transition: all 0.3s ease 0s;
}

.bnr-icon:hover {
    transform: rotate(360deg);
}

.banner-inner.common3 .banner-title {
    color: #666681;
    font-size: 17px;
    font-weight: 400;
}

.banner-inner.common3 p {
    font-size: 12px;
    line-height: 17px;
}

.category-heading.common3 h2 {
    background: #96b7cb none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.category-menu-list.common3 ul li a {
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}

.category-menu-list.common3 ul li:hover a {
    color: #96b7cb;
}

.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a {
    color: #6d6d6d;
}

.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a:hover {
    color: #96b7cb;
}

.category-menu-list ul li .cat-left-drop-menu-left.common0 {
    width: 100%;
}

.home-3-wraper .main-area {
    background: #fff none repeat scroll 0 0;
}

.features-tab.common3 .nav {
    border-top: medium none;
    border-bottom: 2px solid #ededed;
}

.features-tab.common3 ul.nav li a:hover,
.features-tab.common3 ul.nav li.active {
    text-decoration: none;
}

.features-tab.common3 .nav > li > a {
    border: medium none;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px
}

.features-tab.common3 .nav > li > a::after {
    background: #96B7CB none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.features-tab.common3 .nav > li > a:hover::after,
.features-tab.common3 .nav > li.active a::after {
    opacity: 1;
}

.home-3-wraper .carousle-pagi .owl-pagination > div.owl-page.active {
    background: #96B7CB none repeat scroll 0 0;
}

.home-3-wraper .tab-content .single-product:hover .product-content {
    opacity: 1;
}

.add-to-link3 ul li {
    display: inline-block;
    padding-right: 5px;
    text-transform: capitalize;
}

.add-to-link3 li i {
    color: #aaaaaa;
    font-size: 18px;
}

.add-to-link3 ul li:last-child {
    padding: 0;
}

.add-to-link3 li:hover a,
.add-to-link3 li:hover a i {
    color: #96b7cb;
}

.add-to-link3 > ul {
    border-top: 1px solid #ededed;
    margin: 0 -10px;
    padding: 5px 10px 7px 18px;
}

.home-3-wraper .product-content.common3 {
    margin-top: -40px;
}

.add-to-link3 ul li.add-link3 {
    padding-left: 27px;
}

.add-link3 {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 0;
    cursor: pointer;
}

.add-link3:hover {
    background-position: 0 -59px;
}

.add-heart {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 -101px;
    cursor: pointer;
    height: 30px;
    position: relative;
    top: 2px;
    width: 20px;
}

.add-heart:hover {
    background-position: 0 -156px;
}

.add-arrow {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 -211px;
    height: 30px;
    width: 20px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.add-arrow:hover {
    background-position: 0 -265px;
}

.advertise-area .banner-box {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    padding: 23px 15px 0 35px;
    width: 100%;
}

.banner-box h2 {
    font-size: 23px;
    margin-bottom: 5px
}

.advertise-area .banner-box > a {
    display: block;
    float: left;
    height: 156px;
    width: 50%;
}

.advertise-area .box-title {
    float: left;
    width: 50%;
}

.home-3-wraper .best-offere .features-tab .nav {
    background: #efefef none repeat scroll 0 0;
    border: medium none;
    margin-top: 23px;
    position: relative;
}

.features-tab .nav.common3 > li::before {
    background: #96b7cb none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
    border-radius: 3px 3px 0 0;
    opacity: 0;
}

.features-tab .nav.common3 > li:hover:before,
.features-tab .nav.common3 > li.active:before {
    opacity: 1
}

.features-tab .nav.common3 li {
    float: left
}

.features-tab .nav.common3 > li > a {
    background: rgba(0, 0, 0, 0) url("../img/bg-right-tab.png") no-repeat scroll right center;
    border: medium none;
    font-size: 13px;
    margin: 0;
    padding: 15px 26px;
    transition: all 0s ease 0s;
}

.features-tab ul.nav.common3 li:first-child a {
    padding-left: 26px;
}

.features-tab ul.nav.common3 li.active {
    text-decoration: none
}

.features-tab ul.nav.common3 li a:hover,
.features-tab ul.nav.common3 li.active a {
    background: #96b7cb;
    color: #fff;
    text-decoration: none
}

.banner-content-area {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    padding: 25px 40px;
    width: 100%;
}

.carousel-btn.no-bdr .owl-controls .owl-buttons div {
    border: medium none transparent;
    background: transparent;
}

.carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    border: medium none transparent;
    background: none;
}

.bottom-menulist li {
    line-height: 32px;
    padding-left: 25px;
}

.bottom-menulist li::before {
    color: #65c178;
    content: "";
    font-family: fontawesome;
    left: 17px;
    position: absolute;
}

.bottom-menulist li:hover::before {
    color: #666666;
}

.ss-title > h3 {
    color: #333;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.single-spbottom .ss-img {
    overflow: hidden;
}

.single-spbottom .ss-img img {
    transition: all 0.3s ease 0s;
}

.single-spbottom .ss-img img:hover {
    transform: scale(1.1);
    opacity: .8
}

.home-3-wraper .footer-static-content li span {
    background: #96b7cb none repeat scroll 0 0;
}

.home-3-wraper .footer-static-content.footer-acc li:hover span {
    background: #888888 none repeat scroll 0 0;
}

.home-3-wraper .hotsell-area {
    border: none
}

.home-3-wraper .aside-padd {
    padding: 15px 0;
}

.home-3-wraper .single-hotsell .new-price {
    padding: 0;
}

.home-3-wraper .single-hotsell .rating {
    padding: 0;
}

.home-3-wraper .single-hotsell:hover .hotsell-img img {
    border: 1px solid #96b7cb;
}

.home-3-wraper .footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -110px;
}

.home-3-wraper .footer-static-content.footer-add .phone {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -186px;
}

.home-3-wraper .footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -280px;
}

.home-3-wraper .basak-footer address a {
    color: #96b7cb;
}

.banner-left {
    background: #fcfcfc none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 32px 26px;
    width: 100%;
}

.banner-left h2 {
    color: #333333;
    font-size: 23px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}

.banner-left > p {
    font-size: 13px;
    line-height: 25px;
}

.home-3-wraper #scrollUp {
    background: #96b7cb none repeat scroll 0 0;
}

.home-3-wraper #scrollUp:hover {
    border-color: #96b7cb;
    color: #96b7cb;
    background: #fff
}

.home-3-wraper .web-links a:hover {
    color: #fff;
}

/*----------------------------------------*/
/*  17.  Home page-4
/*----------------------------------------*/
.home-4-wraper .web-links {
    display: inline-block;
    position: relative;
    top: 8px;
    margin: 0
}

.home-4-wraper .single-menu {
    display: inline-block;
}

.header-top .web-links ul li {
    margin: 0;
}

.header-top .web-links ul li a {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    width: 25px;
}

.web-menu-link {
    float: right;
}

.home-4-wraper .header-menu .phone,
.home-4-wraper .header-menu .email {
    float: right;
}


/* ===17.1 Slider area==== */
.home-4-wraper .slider-area .nivo-caption .layer-1 img {
    left: 12%;
    top: 0;
    width: 32%;
}

.home-4-wraper .slider-area .nivo-caption .layer-1-2 img {
    left: 15%;
    top: 0;
    width: 28%;
}

.home-4-wraper .slider-area .nivo-caption .layer-1-1 img {
    left: 13%;
    top: 3%;
    width: 32%;
}

.title11 {
    font-size: 30px;
    display: block
}

.title22 {
    font-size: 60px;
    line-height: 50px;
    display: block
}

.title32 {
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}

.title-container-4 {
    color: #000;
    left: 50%;
    margin: -7% 0 0 -5%;
    position: absolute;
    text-align: justify;
    text-transform: uppercase;
    top: 50%;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInUp
}

.title-container-4.common4 {
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight
}

.design-buldier-area .list-item h3 {
    font-size: 20px;
    margin: 30px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    color: #000
}

.list-item > p {
    line-height: 25px;
    margin: 0
}

.design-buldier-area {
    background: #fff;
}

.design-buldier-area .list-item:hover img,
.single-service:hover img,
.single-count:hover img {
    transform: rotate(360deg);
}

.design-buldier-area .list-item img,
.single-service .service-img img,
.single-count img {
    transition: all 1s ease 0s
}

.h4about-us-area {
    background: rgba(0, 0, 0, 0) url("../img/bg-about-us.jpg") no-repeat scroll 0 0 / 100% 100%;
}

.h4about-us-area h3.header {
    font-size: 30px;
    text-transform: uppercase;
}

h3.header img {
    margin-right: 20px;
}

.about-ustext {
    color: #fff;
}

.h4about-us-area .about-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.about-content > p {
    line-height: 25px;
}

.vina-button-4 {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    padding: 15px 30px;
    text-transform: uppercase;
}

.h4about-us-area .vina-button-4:hover {
    background: #fff none repeat scroll 0 0;
    color: #65c178 !important;
}

.custom-services .service-img {
    float: left;
    width: 23%;
}

.custom-services .service-content {
    float: right;
    width: 77%;
}

.custom-services .service-content > h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.service-content > p {
    margin: 0;
}

.custom-services {
    background: #f5f5f5 none repeat scroll 0 0;
}

.u-line {
    font-size: 30px;
    line-height: 50px;
    margin: 0 0 30px;
    padding-bottom: 25px;
    position: relative;
    text-transform: uppercase;
}

.u-line::before {
    background: #65c178 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}

.u-line.common4::before {
    left: 50%;
    margin-left: -25px;
}

/* ===17.2 mixitup area==== */
.mixitup-filter-area {
    background: #ffffff none repeat scroll 0 0;
}

.mix {
    display: none;
}

.mix.single-port {
    float: left;
    width: 25%;
    position: relative;
}

.mix.single-port img {
    transition: all .3s ease 0s;
}

.mix.single-port:hover img {
    opacity: .8;
}

.filter {
    cursor: pointer;
}

.filter-catagory-menu {
    text-align: center;
}

.filter-catagory-menu li {
    display: inline-block;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0) url("../img/icon-select.png") no-repeat scroll 0 50%;
    border: medium none;
    box-shadow: none;
    margin: 0 15px !important;
    padding: 0 0 0 15px;
}

.filter-catagory-menu li:hover,
.filter-catagory-menu li.active {
    background: rgba(0, 0, 0, 0) url("../img/icon-select-hover.png") no-repeat scroll 0 50%;
}

.mixitup-filter-area h3.header {
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
}

.single-prograss {
    font-size: 16px;
    overflow: hidden;
    position: relative;
}

.single-prograss .progress {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    height: 7px;
    margin-bottom: 15px;
    overflow: visible;
}

.single-prograss .progress-bar {
    background-color: #65c178;
}

.single-prograss > span {
    display: block;
    padding-bottom: 10px;
}

.single-prograss .percan {
    color: #555;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -20px;
}

/* ===17.3 client-carousel==== */
#client-carousel .client-item .item-info {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 25px 40px 40px;
    position: relative;
}

#client-carousel .client-item .item-info::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.2);
    bottom: -10px;
    content: "";
    display: inline-block;
    left: 40px;
    position: absolute;
}

#client-carousel .client-item .item-info::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ffffff;
    bottom: -9px;
    content: "";
    display: inline-block;
    left: 41px;
    position: absolute;
}

#client-carousel .item-img img {
    float: left;
    margin-right: 20px;
}

#client-carousel .client-item .item-img .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

/*#client-carousel .owl-controls .owl-page,*/
/*.owl-controls .owl-buttons div {*/
/*    bottom: 0;*/
/*    left: 21%;*/
/*    position: absolute;*/
/*}*/

/*#client-carousel .owl-controls .owl-buttons div.owl-next {*/
/*    left: 26.5%;*/
/*    right: 0;*/
/*}*/

#client-carousel .owl-controls .owl-buttons div.owl-next i,
#client-carousel .owl-controls .owl-buttons div.owl-prev i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 100%;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}

.skill-client-area {
    background: #fff none repeat scroll 0 0;
}

/* ===17.4 Our Team==== */
.our-team-area {
    background: rgba(0, 0, 0, 0) url("../img/team/bg-our-team.jpg") no-repeat scroll 0 0 / 100% 100%;
}

.team-social li {
    display: inline-block
}

.team-social li a {
    border: 1px solid #ccc;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    text-align: center;
    width: 35px;
}

.team-social li a:hover {
    border-color: #fff;
    color: #fff;
}

.carousel-btn.common4 .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 100%;
    height: 40px;
    left: -3%;
    line-height: 40px;
    width: 40px;
}

.carousel-btn.common4 .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -3%;
}

.team-title {
    color: #fff;
    margin: 25px 0;
}

.team-title > h4 {
    margin: 0 0 10px;
}

.single-team {
    padding-top: 10px;
}

.team-img:hover img {
    transform: scale(1.05);
}

.single-team {
    padding-top: 10px;
}

.team-img img {
    transition: all 0.3s ease 0s;
}

.our-team-area h3.header {
    color: #fff;
}

.our-blog-area {
    background: #F5F5F5;
}

.our-blog-area {
    background: #f5f5f5 none repeat scroll 0 0;
}

.single-blog .blog-title {
    font-weight: bold;
    margin: 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-title a {
    color: #323232;
    font-size: 24px;
    font-weight: 700;
}

.blog-title a:hover {
    color: #65c178;
}

.blog-date {
    color: #909090;
    font-size: 12px;
    line-height: 25px;
}

.blog-text {
    font-size: 13px;
    line-height: 25px;
}

.blog-img {
    position: relative;
}

.our-blog-area .vina-button-4 {
    border: 1px solid #000;
    border-radius: 0;
    color: #000 !important;
    font-size: 10px;
    margin-top: 15px;
    padding: 10px 20px;
}

.our-blog-area .vina-button-4:hover {
    color: #fff !important;
    background: #65C178;
    border-color: #65C178
}

.single-blog:hover a::before,
.single-blog:hover a::after {
    opacity: 1;
    transform: scale(1);
}

.our-blog-area .carousel-btn .owl-controls .owl-buttons div {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #222;
    height: 40px;
    left: 0;
    line-height: 38px;
    margin-top: -10%;
    width: 40px;
}

.our-blog-area .carousel-btn .owl-controls .owl-buttons div.owl-next {
    right: 0;
    left: auto
}

.brand-clients-icon li {
    float: left;
    padding-bottom: 50px;
    width: 20%;
}

.brand-clients-icon li:nth-child(n+6) {
    padding-bottom: 0;
}

.brand-client-area {
    background: #fff none repeat scroll 0 0;
}

.brand-clients-icon ul li img {
    transition: all 0.5s ease 0s;
}

.brand-clients-icon ul li:hover img {
    transform: scale(1.1);
}

h3 span.counter2 {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 15px;
}

.single-count > p {
    color: #fff;
    line-height: 25px;
    margin: 0;
}

.single-count > h3 {
    margin: 0;
}

.counter-area {
    background: #65c178 none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  18. breadcrumb area
/*----------------------------------------*/
.breadcrumb {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    direction: rtl;
    display: block;
    margin: 10px 0 20px 0;
}

p.past-p {
    margin: 0;
}

.breadcrumb li a {
    color: #808080;
    font-size: 15px;
    margin-right: 0px;
    text-transform: capitalize;
}

/*.breadcrumb li.home a {*/
/*margin-right: 15px;*/
/*}*/

.breadcrumb li.active {
    color: #666;
    font-size: 13px;
    font-weight: 600;
}

.breadcrumb li.home {
    position: relative;
}

/*.breadcrumb li.home::before {*/
/*color: #65c178;*/
/*content: "\f041";*/
/*font-family: FontAwesome;*/
/*font-size: 14px;*/
/*right: 0;*/
/*position: absolute;*/
/*top: 2px;*/
/*}*/

.breadcrumb > li + li {
    position: relative;
}

.breadcrumb li a,
.breadcrumb li.home::before {
    transition: all 0.4s ease 0s;
}

.breadcrumb li:hover a {
    color: #65C178;
}

.breadcrumb li.home:hover::before {
    color: #65C178;
}
.breadcrumb>li+li:before {
    padding: 0 1px;
    color: #adadad;
}
/*----------------------------------------*/
/*  19. Shop page
/*----------------------------------------*/
.shop-product-area .product-content {
    padding: 0 1px;
    min-height: 62px;
}

.shop-page-wraper .single-product h2.product-name {
    line-height: 10px;
}

.shop-page-wraper .area-title {
    padding: 0;
}

.shop-product-area select {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../img/bg-select.png") no-repeat scroll right bottom;
    border: 1px solid #ededed;
    padding-right: 25px;
}

.shop-product-area label {
    color: #777777;
    display: inline-block;
    font-weight: 400;
    padding: 0 10px;
}

.select-sort-by {
    display: inline;
}

.select-limiter {
    display: inline-block;
    padding-right: 10px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 1px;
}
.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 30px;
    line-height: 18px;
    text-align: center;
    /* width: 35px; */
    color: #666;
    border-color: #bfbfbf;
    font-weight: 500;
}

.pagination .pagination-active a,
.pagination ul li a:hover {
    background: #5ba3e2 none repeat scroll 0 0;
    color: #fff;
    border-color: #70a2ce;
}

.box_manufacrurer li {
    line-height: 20px;
    padding: 1px 0px;
    width: 100%;
    direction: rtl;
    text-align: right;
    font-size: 12px;
}

.box_list input {
    margin-left: 10px;
}

.box_list li > span,
.price-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
}

.usefull-product-slide .single-product {
    border: medium none;
    padding: 0;
    direction: rtl;
}

.usefull-product-slide .single-product .product-content {
    padding: 10px;
}

.usefull-product-slide .carousle-pagi.common4 .owl-pagination {
    bottom: 10px;
    left: 50%;
    margin: auto auto auto -15%;
    top: 100%;
}

.usefull-product-slide {
    padding-bottom: 30px;
}

/* ===19.1 Our Team==== */
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #65c178 none repeat scroll 0 0;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    background: none repeat scroll 0 0 #a9a9a9;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #cccccc;
    padding: 0;
    outline: none;
}

.price_filter input {
    margin-top: 30px;
}

.price_filter input[type="text"] {
    border: 1px solid #dcdcdc;
    letter-spacing: 2px;
    padding: 10px;
    text-align: center;
    width: 60%;
    margin-left: 7px;
}

.price_filter input[type="submit"],
.calculate-shipping input[type="submit"] {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: left;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 33%;
    margin-left: 10px;
    font-size: 12px;
}

.price_filter input[type="submit"]:hover,
.tagcloud a:hover,
.calculate-shipping input[type="submit"]:hover {
    background: none repeat scroll 0 0 #65c178;
    color: #fff;
    border: 1px solid #65c178;
}

aside.shop-filter {
    border-top: medium none;
    margin: 0;
}

/*----------------------------------------*/
/*  20. single-product page
/*----------------------------------------*/
.single-product-page-wraper .ambit-key,
.shop-page-wraper .ambit-key {
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}

#gallery_01 img,
img#zoom_03 {
    border: 1px solid #ccc;
}

.input-box span {
    display: block;
    margin-bottom: 5px
}

.p-c {
    margin: 10px 3px 10px 0;
}

.hits-rating a {
    color: #ffa200;
}

.price-single {
    color: #151515;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
}

.price-single > p {
    color: #222;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
}

.price-single span.available {
    background: #ffa200 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 3px 10px;
    float: left;
}
.product-single-details .price-single{
    padding-top:20px;
}

.product-single-details .orginal-price{
    font-size: 14px;
    color:#777;
    padding-bottom: 1px;
    font-weight:400;
}
.product-single-details .orginal-price .old-price{
    font-size:36px;
    color:#888;
    font-weight: 300;
    padding-right: 55px;
    padding-left: 45px;
}
.product-single-details .final-price{
    font-size: 14px;
    color:#777;
    padding-bottom: 1px;
    font-weight:400;
}
.product-single-details .final-price span{
    color:#FE3335;
    font-weight: 400;
    padding-right: 10px;
}
.product-single-details .final-price .new-price{
    font-size:36px;
}
.product-single-details .price-single .discount{
    background:#FE3434;
    color:#FFF;
    font-size:40px;
    text-align:center;
    padding:5px;
}

.add-to-box-view .button.cart_button {
    border-radius: 0;
    float: left;
    width: 30%;
}

.input-content {
    display: inline-block;
    margin-left: 25px;
}

.input-content input {
    border: 1px solid #ccc;
    height: 44px;
    text-align: center;
    width: 50px;
}

.input-content > label {
    font-weight: normal;
    margin-left: 10px;
}

.add-to-box-view {
    border-bottom: 1px solid #ededed;
    direction:rtl;
}

.add-to-box li a.link-wishlist,
.add-to-box ul li a.link-compare {
    background: rgba(0, 0, 0, 0) url("../img/wishlist_view.png") no-repeat scroll left 4px;
    float: left;
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    transition: none;
}

.add-to-box ul li a.link-compare {
    background: rgba(0, 0, 0, 0) url("../img/compare_view.png") no-repeat scroll left 3px;
    margin-left: 25px;
}

.add-to-box li a.link-wishlist:hover {
    background-position: left -46px;
    color: #E44F4F
}

.add-to-box ul li a.link-compare:hover {
    background-position: left -45px;
    color: #E44F4F
}

.add-to-box li {
    line-height: 23px;
}

.add-to-box {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.product-des-review ul.nav li a {
    font-size: 12px;
    font-weight: 700;
    margin: 11px 0;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
    text-decoration: none;
}

.product-des-review ul.nav li.active {
    text-decoration: none;
    background: #ded3f0;
    border-left: 1px solid #DDD;
}

.product-des-review ul.nav li.active a,
.product-des-review ul.nav li:hover a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    /*border-left: 1px solid #FFF;*/
}

.std > ul {
    list-style-type: square;
    margin: 0 25px 10px 0;
}

.features-tab.product-des-review .tab-content {
    margin-top: 5px;
    padding: 15px 10px;
    direction: rtl;
}

.features-tab.product-des-review {
    border: 1px solid #ededed;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0;
}

.product-des-review.features-tab ul.nav {
    border-top: none;
}

.review_text p {
    line-height: 25px;
    margin: 5px 0;
}

.reviewer-ratting {
    border-bottom: 1px solid #ededed;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #ededed;
}

.review_item {
    padding: 10px 0;
}

.input-box lavel {
    display: block;
}

.review-lower {
    border: 1px solid #ededed;
    padding: 25px 25px 25px 40px;
    position: relative;
}

.name-date > span {
    padding-left: 10px;
}

.review-upper .best {
    display: block;
    margin: 5px 0;
}

.input-box {
    margin: 6px 0px 10px 20px;
    display: inline;
}

.input-box input,
.input-box textarea {
    border: 1px solid #ddd;
    height: 30px;
    width: 250px;
    margin: 15px 0;
    padding-right: 10px;
}

.input-box textarea {
    height: 140px;
}

.product-running .rating {
    padding-bottom: 10px;
}

.product-running .button.cart_button {
    border-radius: 0;
    width: 230px;
}

.input-header p {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 16px;
    left: 25px;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: -18px;
}

/*----------------------------------------*/
/*  21. cart page
/*----------------------------------------*/
.shoping-cart-area {
    background: #fff none repeat scroll 0 0;
    direction: rtl;
}

.c-img {
    width: 12%;
}

.c-img img {
    width: 120px;
}

.c-price {
    color: #65c178;
    font-size: 16px;
    font-weight: 700;
    width: 15.4%;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 0;
    text-align: center;
}

.table.table-bordered tr {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.table.table-bordered tr th {
    color: #666;
    text-transform: uppercase;
}

.c-qty {
    width: 1%
}

.c-qty span {
    border: 1px solid #ddd;
    color: #777;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    width: 40px;
}

.trash-btn {
    width: 4%;
}

.btn-remove {
    background: rgba(0, 0, 0, 0) url("../img/btn_trash.png") no-repeat scroll 0 0;
    display: block;
    font-size: 0;
    height: 24px;
    line-height: 0;
    width: 20px;
}

.c-name span {
    color: #888;
    font-size: 11px;
    font-style: italic;
    margin: 10px;
}

.c-head,
tfoot tr {
    background: #ddd none repeat scroll 0 0;
}

.button.c_button {
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 35px;
}

.button.c_button:hover {
    background: #888888 none repeat scroll 0 0;
    color: #fff
}

.button.c_button.c-shop {
    float: left;
}

.button.c_button.c-pc {
    float: right;
    margin-left: 10px;
}

.button.c_button.c-up {
    float: right;
}

.discount {
    border-radius: 5px;
}

.discount h2 {
    border-bottom: 1px solid #ededed;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin: 0 -15px;
    padding: 15px;
    text-transform: uppercase;
}

.cart-collaterals .discount .discount-form {
    overflow: hidden;
    padding: 10px;
}

.discount-form label {
    font-weight: normal;
    margin: 5px 0;
}

/*.discount .discount-form .input-box::before {*/
/*background: #efefef url("../img/select_lang.png") no-repeat scroll 50% 50%;*/
/*border-radius: 0;*/
/*content: "";*/
/*display: block;*/
/*height: 34px;*/
/*pointer-events: none;*/
/*position: absolute;*/
/*right: 1px;*/
/*top: 1px;*/
/*width: 29px;*/
/*}*/
.discount .discount-form .input-box {
    position: relative;
}

.discount .discount-form .input-box input {
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #aaa;
    height: 36px;
    padding: 6px 10px;
    width: 100%;
}

.single-dis {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
    padding: 12px 15px;
    direction: rtl;
}

.single-dis .button.c_button span {
    font-size: 12px;
    font-weight: 700;
}

.button.c_button.dis-left {
    margin-top: 20px;
}

.shop_subtotal {
    float: right;
    margin-bottom: 20px;
}

.subtotal-area {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    text-align: right;
    padding: 8px 15px 20px;
    font-size: 15px
}

tfoot tr.s-total {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.subtotal-area .shop_subtotal tr {
    float: right;
    padding: 10px 0;
}

.s-price {
    padding: 0 2px 0 15px;
}

.sp-bottom-menu-wrapper.common4 {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
}

/*-------------------------------
22. checkout page
--------------------------------*/

.checkout-page-area {
    background: #fff none repeat scroll 0 0;
}

.sauget-accordion .panel-heading {
    border-radius: 0;
    padding: 0;
}

.sauget-accordion .panel-heading h4 a,
.sauget-accordion .panel-heading h4 a.collapsed {
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    background: #ebebeb none repeat scroll 0 0;
    padding: 14px 0 14px 10px;
    font-weight: 400;
}

.sauget-accordion .panel-heading h4 a span {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 0;
    margin-right: 10px;
    padding: 3px 10px;
}

.content-info {
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 15px;
}

.commonChack {
    margin-bottom: 28px;
}

.checkTitle {
    line-height: 50px;
    position: relative;
}

.checkTitle .ct-design {
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.commonChack > p {
    color: #8c8c8c;
    font-size: 14px;
    margin-bottom: 5px;
}

.commonChack label {
    color: #000;
    font-family: 'iran_m', arial;
    font-size: 12px;
    font-weight: bold;
    margin-left: 7px;
    vertical-align: middle;
}

.commonChack {
    margin-bottom: 28px;
}

.regSaveTime li {
    color: #000;
    font-family: 'iran_m';
    font-size: 12px;
    list-style: inside disc;
    margin-bottom: 5px;
}

a.checkPageBtn,
.checkout .block-area-button button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    color: #868686;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 31px;
    padding: 0 23px;
    text-transform: uppercase;
    white-space: nowrap;
}

.checkout-reg a.checkPageBtn {
    margin-top: -10px;
}

a.checkPageBtn:hover {
    background: #65c178 none repeat scroll 0 0;
    border-color: #65c178;
    color: #fff;
}

p.alrdyReg {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.plxLogin {
    color: #8c8c8c;
    font-family: 'iran_m';
    font-size: 12px;
}

.plxLogin a {
    color: #ff5b5a;
    float: left;
    margin-top: 40px;
    overflow: hidden;
    text-decoration: none;
}

.plxLogin a:hover {
    color: #01c3c2;
}

.plxLoginP {
    color: #000;
    font-family: 'iran_m', arial;
    font-size: 12px;
    margin-bottom: 5px;
}

.loginFrom span {
    color: #ff5b5a;
    font-weight: bold;
    padding-right: 3px;
}

.loginFrom input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #2f2f2f;
    display: block;
    font-family: 'iran_m', Arial;
    font-size: 14px;
    height: 34px;
    padding: 7px;
    width: 100%;
}

.plxLoginP {
    color: #000;
    font-family: 'iran_m', arial;
    font-size: 12px;
    margin-bottom: 5px;
}

.rqudField {
    color: #f00;
    font-size: 12px;
    margin-top: 5px;
}

.sauget-accordion .panel-heading h4 a.collapsed span {
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    margin-right: 10px;
    padding: 3px 10px;
    text-align: center;
    width: 22px;
}

.checkout .billing-info {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}

.checkout .billing-info select {
    height: 30px;
    margin-bottom: 25px;
    padding: 5px 10px;
}

.checkout .billing-info select option {
}

.method-input-box {
    margin-bottom: 10px;
}

.billing-info p {
    font-size: 12px;
}

.billing-info select {
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%;
    height: 35px;
}

.method-input-box p {
    margin: 0;
}

.method-input-box label {
    font-size: 12px;
    font-weight: 400;
}

.method-input-box input {
    float: right;
    margin: 3px 0px 0 7px;
}

.checkout .method-input-box p input {
    margin-right: 10px;
}

.checkout .block-area-button button:hover,
.product-review .btn.btn-default:hover {
    background: #65c178 none repeat scroll 0 0;
    border-color: #65c178;
    color: #fff;
}

.checkout .shiping-method {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}

.checkout .checkout-option {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}

.checkout .cardtype select {
    border-radius: 0;
}

.checkout .expirationdate select {
    margin-bottom: 20px;
    border-radius: 0;
}

.checkout .review-bar {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}

.checkout .brand-logo {
    margin-left: -15px;
    margin-right: -15px;
}

.verificationcard.form-group > a {
    color: #f7505a;
    text-decoration: none;
}

.form-control {
    border-radius: 0;
}

.product-review .btn.btn-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    color: #868686;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 31px;
    padding: 0 23px;
    text-transform: uppercase;
    white-space: nowrap;
}

.form-control.year-select {
    margin-top: 10px;
}

.btn-default:hover {
    background-color: #65c178;
    border-color: #65c178;
    color: #fff;
}

.panel-group {
    margin-bottom: 0;
}

.checkout-sidebar h2 {
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

.checkout-sidebar ul li {
    border-bottom: 1px solid #d6d6d6;
    color: #8c8c8c;
    font-family: 'iran_m', Arial;
    font-size: 13px;
    line-height: 29px;
    padding: 8px;
    text-transform: capitalize;
    position: relative;
}

.checkout-sidebar ul li::before {
    color: #8c8c8c;
    content: "\f104";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    line-height: 1;
    margin-left: 10px;
}

.panel {
    box-shadow: none;
}

.panel-collapse {
    border: 1px solid #f2f2f2;
}

/*-------------------------------
23. Rigistration page
--------------------------------*/
.my-account-area {
    background: #fff none repeat scroll 0 0;
}

.form-fields {
    border-color: #e8e8e9 #e8e8e9;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    padding: 20px 25px;
    width: 100%;
}

.form-fields h2 {
    border-bottom: 1px solid #e8e8e9;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.form-fields p label {
    display: block;
    font-weight: 400;
    margin: 0 0 5px;
}

.form-fields p input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    height: 32px;
    padding: 0 0 0 10px;
    width: 100%;
}

.form-action {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #e8e8e9;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    padding: 15px 10px;
    width: 100%;
}

.form-action p.lost_password {
    float: left;
    line-height: 36px;
    margin: 0;
}

.form-action label {
    float: right;
    font-weight: normal;
    line-height: 36px;
    margin: 0 20px 0 0;
}

.form-action label input {
    margin-right: 3px;
    margin-top: 0;
    position: relative;
    top: 2px;
}

.form-action input[type="submit"] {
    background: #65c178 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.form-action input[type="submit"]:hover {
    background: #888888 none repeat scroll 0 0;
}

/*-------------------------------
24. about page
--------------------------------*/
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    color: #919191;
}

.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    background: none !important;
}

.about-us-page h3 {
    color: #888;
}

.about-us-area {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
}

.blogpage-date {
    float: left;
    font-size: 22px;
    font-weight: 700;
    width: 75px;
    display: block;
    border-right: 1px solid #ccc;
    margin-right: 25px;
    padding-right: 15px;
}

.blogpage-date > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    text-transform: uppercase;
}

.artical-title > a {
    display: block;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px;
}

.user {
    display: inline;
    float: left;
}

.artical-title > a {
    display: block;
}

.artical-title span i {
    color: #65c178;
}

.shortcode > a {
    margin-left: 50px;
}

.sp-bubble {
    margin-bottom: 40px;
    position: relative;
    background: #736357;
    padding: 10px
}

.sp-bubble cite span {
    border-bottom-color: transparent !important;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 15px;
    border-left-color: transparent !important;
    left: 0;
    border: 15px solid #736357
}

.sp-bubble cite {
    bottom: -30px;
    display: block;
    height: 30px;
    line-height: 36px;
    position: absolute;
    left: 15px;
    padding-left: 40px;
}

.sp-bubble > p {
    color: #fff;
    margin: 0;
}

.about-text-left > p {
    color: #888;
    font-size: 13px;
    line-height: 25px;
}

.single-slider h4 span {
    background: #65c178 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    text-align: center;
    width: 45px;
}

.single-slider p {
    color: #888;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

.about-us-page .about-slider.carousel-btn .owl-controls .owl-buttons div i {
    font-size: 40px;
}

.about-educaton {
    color: #888;
}

.about-educaton ul li {
    border-left: 2px solid #65c178;
    margin-bottom: 20px;
    padding-left: 20px;
}

.about-educaton h4 {
    margin: 10px 0;
}

.about-educaton p {
    font-size: 13px;
    line-height: 20px;
}

.about-slider-area {
    background: #fff none repeat scroll 0 0;
}

.single-slider .col-md-6 {
    padding: 0 60px;
}

.education-skill-area {
    background: #fdfdfd none repeat scroll 0 0;
}

.about-skill .single-prograss .progress-bar {
    background-color: #65c178;
    box-shadow: none;
}

.about-skill .single-prograss .progress {
    background-color: #f6f6f6;
    border: medium none;
    height: 20px;
    margin-bottom: 10px;
}

.about-skill .single-prograss > span {
    padding-bottom: 5px;
}

/*-------------------------------
Contact-page
--------------------------------*/
.map-area span i {
    margin-right: 10px;
}

.quick-details > address p {
    margin-bottom: 5px;
}

.quick-details > address {
    margin: 20px 0 0;
}

.quick-details {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.contact-title > h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact-title > h4 {
    padding-top: 20px;
}

.contact-form-area .input-box label {
    float: right;
    width: 10%;
}

.contact-form-area .input-box input,
.contact-form-area .input-box textarea {
    display: inline-block;
    font-size: 14px;
    height: 35px;
    padding: 0 11px;
    width: 90%;
}

.contact-form-area .input-box textarea {
    min-height: 300px;
    padding: 10px;
}

.contact-form-area > h3 {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 20px;
}

em {
    color: #ff0000;
}

.about-us-area.common-contact .container {
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}

.input-box.checkout {
    float: left;
    width: 15%;
    margin: 0;
}

.input-box.checkout input {
    border: medium none;
    height: 40px;
    width: 100%;
    transition: .3s;
}

form input:focus,
form textarea:focus {
    border-color: #96B7CB;
    box-shadow: 0 0 6px #96B7CB;
    color: #333;
}

/*-------------------------------
26. 404-page
--------------------------------*/
.error404 {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
}

.error404 .search-box {
    border-left: medium none;
    height: auto;
    overflow: visible
}

.error404 .search-box input {
    border: 1px solid #ddd;
}

.mobile-menu-area {
    display: none
}

/*-------------------------------
27. Blog-page
--------------------------------*/
.blog-wraper .hotsell-area .area-title h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.blog-wraper aside:first-child {
    margin-top: 0;
}

.common-blog .single-blog {
    margin-bottom: 50px;
}

.common-blog .single-blog:last-child {
    margin-bottom: 0;
}

.blog-wraper aside {
    box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

.blog-wraper .our-blog-area {
    background: #fff none repeat scroll 0 0;
}

.blog-wraper .blog-date {
    display: inline-block;
}

.blog-date.blog-user {
    margin-right: 10px;
}

.aside-padd.blog-ctg li {
    line-height: 30px;
    transition: all 0.3s ease 0s;
}

.aside-padd.blog-ctg li:hover {
    padding-left: 10px;
}

.aside-padd.blog-ctg li {
    border-bottom: 1px solid #ededed;
}

/*-------------------------------
28. Single-blog
--------------------------------*/
blockquote {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0;
    padding: 30px 45px;
}

.web-links > span {
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    position: relative;
    text-transform: uppercase;
    top: -10px;
}

.web-links > ul {
    display: inline-block;
}

.single-blog-wraper .web-links {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 8px 0 5px;
}

.reply-comment-area {
    overflow: hidden;
    width: 100%;
}

.reply-comment-area h3 .user-comment-form-area h3 {
    border-top: 1px solid #e5e5e5;
    color: #252525;
    font-size: 24px;
    margin: 0 0 50px;
    padding: 22px 0 0;
}

.single-reply {
    margin: 0 0 20px;
    overflow: hidden;
}

.author-description p {
    color: #6a6a6a;
    font-size: 13px;
    font-weight: 300;
}

.comment-author {
    float: left;
    width: 7%;
}

.comment-author img {
    border-radius: 100%;
}

.comment-info::before {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    content: "";
    display: block;
    height: 10px;
    left: -5px;
    position: absolute;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
}

.comment-info {
    border: 1px solid #ececec;
    border-radius: 3px;
    float: right;
    padding: 10px;
    position: relative;
    width: 91%;
}

.comment-author-info {
    color: #9d9d9d;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px;
}

.comment-author-info a {
    color: #666666;
}

.comment-author-info a:hover {
    color: #C38749;
}

.comment-author-info span {
    margin-left: 10px;
    margin-right: 10px;
}

.comment-info p {
    color: #6a6a6a;
    font-weight: 300;
}

.user-comment {
    padding-left: 25px;
}

.user-comment-form-area p.form-row label {
    color: #666666 !important;
    font-size: 12px;
    font-weight: normal;
}

.user-comment-form-area textarea {
    height: 120px;
    resize: none;
    width: 100%;
}

.reply-comment-area h3, .user-comment-form-area h3 {
    border-top: 1px solid #e5e5e5;
    color: #252525;
    font-size: 24px;
    padding: 20px 0 0;
}

.user-comment-form-area p {
    color: #9d9d9d;
    margin-bottom: 20px;
}

.form-row > input, .form-row textarea {
    border: 1px solid #ddd;
    width: 100%;
}

span.required {
    color: #f00;
}

.single-blog-wraper .blog-text > p {
    text-align: justify;
}

/*-------------------------------
29. Shop-list
--------------------------------*/
.shop-list-wraper .product-content .product-name > a {
    font-size: 20px;
}

.shop-list-wraper .product-content .product-name > a:hover {
    color: #ffa200 !important;
}

.shop-list-wraper .product-content h2.product-name {
    margin-bottom: 5px;
}

.shop-reviews {
    display: inline-block;
}

.shop-list-wraper .price-box {
    padding: 5px 0;
}

.list-views .rating {
    display: inline-block;
}

.rat-rev {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    padding: 5px 0;
}

.shop-list-wraper .short-area {
    display: block;
    overflow: hidden;
}

.shop-list-wraper .short-area {
    display: block;
    overflow: hidden;
}

.list-views li {
    display: inline-block;
}

.cart-wis-com > a {
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.list-views li + li {
    margin-left: 5px;
}

.shop-list-wraper .product-content {
    padding: 0;
}

.list-views .single-product {
    margin-top: 0;
}

.shoplist-single-product {
    overflow: hidden;
}

.list-views .product-content > p {
    margin-bottom: 10px;
}

.list-views .shoplist-single-product + .shoplist-single-product {
    margin-top: 20px;
}

.row .col-md-3 .col-sm-3 .col-xs-12 .logo-area {
    float: right;
    text-align: right;
}

.header-menu.logo-area {
    float: right;
}

.weekly-bestoffer-area {
    text-align: right;
}

.footer-static-content .footer-track {
    float: right;
    direction: rtl;
}

.col-md-5.single-drop, .col-sm-6.single-drop, .col-xs-12.single-drop {
    float: left !important;
}

.footer-static-2 ul {
    text-align: center !important;
}

.basak-footer ul .links {
    text-align: center !important;
}

.main-area.row {
    direction: rtl;
}

.main-area .col-md-3, .main-area.col-sm-3 {
    float: right;
    /*margin-top: 16px;*/
}

.sort-by {
    direction: rtl;
}

.limiter {
    float: left;
}

.tag-area ul li {
    float: right;
}

.profile {

}

.profile .profil-page {

}

.profil-page .filde {
    margin-bottom: 10px;
}

.profil-page .filde label {
    height: 35px;
    font-weight: normal
}

.profil-page .filde input {
    height: 35px;
}

.profil-page .filde .submit {
    float: left;
    background-color: #65c178;
    color: #fff;
    border: none;
    padding: 10px 40px;
    height: auto;
}

.profil-page .filde .submit:hover {
    background-color: #52A264;
}

.profile .form-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 28px;
}

.profile .form-title h1 {
    font-size: 22px;
}

.photo-slid {

}

.slide-box .title-slid-1 {
    position: absolute;
    top: 20%;
    right: 19%;

}

.slide-box .title-slid-1 strong {
    color: #ffffff;
    padding-right: 10px;
    font-size: 30px;
    line-height: 0.3;
}

.slide-box .title-slid-1 strong i {
    float: right;
    font-size: 12px;
    color: #fed837;
}

.slide-box .tall-slid {
    height: 100px;
    overflow: hidden;
    margin-bottom: 30px;
    /*padding: 0 15px;*/
}

.slide-box .tall-slid > div {
    position: relative;
}

.slide-box .tall-slid > div:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(7, 7, 7, 0.53);
    height: 100%;
    top: 0;
    right: 0;
}

.slide-box .tall-slid .motion {
    position: absolute;
    top: 30px;
    right: 15%;
    font-size: 25px;
    color: #fff;
    z-index: 1;
}

.slide-box .smile {

}

.slide-box .smile .title {
    position: absolute;
    top: 12%;
    text-align: right;
    right: 19%;
    color: #fff;
    border-right: 9px solid #fed837;
    padding-right: 10px;
    height: 50px;
}

.slide-box .smile .title strong {
    font-size: 24px;
}

.slide-box .smile .title p {
    font-size: 15px;
}

.slide-box img {
    width: 100%;
}

.slide-box .box-1 {

}

.slide-box .box-1 > div {
    margin-bottom: 20px;

}


.single-brand {
    position: relative;
    overflow: hidden;
}

.single-brand span.off {
    position: absolute;
    z-index: 9;
    font-size: 20px;
    color: #fff;
    background: #0000007d;
    text-align: center;
    padding: 7px;
    bottom: -42px;
    width: 100%;
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
    left: 0;
    overflow: hidden;
    direction: rtl;
}

.single-brand:hover span.off {
    bottom: 0;

}

.suggestion-today {

}

.suggestion-today .photo {
    overflow: hidden;
}

.suggestion-today .photo img {width: 100%;}

.suggestion-today .box-div-sug .timer {

}

.icons .single-brand {
    text-align: center;
    padding: 20px 0 5px 0;
    background-color: #cacaca;
    margin: 2px;
}

.icons .single-brand img {
    width: 40px;
}

.icons .single-brand p {
    margin-bottom: 0;
    margin-top: 12px;
    color: #fff;
}

.big-baner img {
    width: 100%;
    /*max-height: 180px;*/
}

.big-baner {

}

.big-baner .big-baner-photo {
    position: relative;
}

.big-baner .title-big-baner {
    position: absolute;
    top: 29%;
    right: 10%;
}

.big-baner .title-big-baner p.title {
    color: red;
    font-size: 22px;
    font-weight: bold;
}

.big-baner .title-big-baner p.text {
    color: #fff;
    font-size: 18px;
}

.line {
    border-bottom: 1px solid #ababab;
    position: relative;
    margin-top: -15px;
}

/********************************************************** start timer*/

figure, figcaption {
    display: block;
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
    font-family: Tahoma, Verdana, Aial, sans-serif;
    font-size: 19px;
    line-height: 108%;
    font-weight: bold;
    height: 24px;
}

.timeTo span {
    vertical-align: top;
}

.timeTo.timeTo-white div {
    color: #fff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background-color: #2a2a2a; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
}

.timeTo.timeTo-black div {
    color: white;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444; /* Old browsers */
    background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a74444 0%, #3f0000 67%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a74444 0%, #3f0000 67%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a74444 0%, #3f0000 67%); /* IE10+ */
    background: linear-gradient(to bottom, #a74444 0%, #3f0000 67%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0); /* IE6-9 */
}

.timeTo.timeTo-white .timeTo-alert {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(100%, #e17373)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 35%, #e17373 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 35%, #e17373 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 35%, #e17373 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 35%, #e17373 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e17373', GradientType=0); /* IE6-9 */
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.timeTo figcaption {
    text-align: center;
    /*font-size: 12px;*/
    line-height: 80%;
    font-weight: normal;
    color: #888;
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 24px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    border-radius: 6px;
    margin: 1px;
}

.timeTo div.first {
    /* border-left: 1px solid silver; */
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 4px !important;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;

}

/*******************************************************************************End timer*/

.suggestion-today .box-div-sug {
    position: relative;
    margin-bottom: 10px;
}

.suggestion-today .box-div-sug .photo {
    overflow: hidden;
}

.suggestion-today .box-div-sug .timer {
    position: absolute;
    bottom: 40%;
    left: 3%;
}

.suggestion-today .box-div-sug .timer p {
    color: #000;
    letter-spacing: -1px;
    margin-bottom: 1px;
    text-shadow: 0 0 12px lightgray;
}

.suggestion-today .box-div-sug .timer .countdown-1 {

}

.suggestion-today .box-div-sug .timer .clock {

}

.suggestion-today .box-div-sug .timer .price {
    direction: rtl;
    margin-top: 4px;
}

.suggestion-today .box-div-sug .timer .price span {
    height: 25px;
    line-height: 25px;
}

.suggestion-today .box-div-sug .timer .price span.old-pice {
    background-color: #727171;
    color: #fff;
    display: inline-block;
    width: 38px;
    text-align: center;
    position: relative;
    height: 25px;
    line-height: 25px;
    position: relative;
}

.suggestion-today .box-div-sug .timer .price span.old-pice i {
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 39px;
    position: absolute;
    margin-top: 0;
    top: 50%;
    right: 0;
    -ms-transform: rotate(-28deg); /* IE 9 */
    -webkit-transform: rotate(-28deg); /* Safari */
    transform: rotate(-28deg);
}

.suggestion-today .box-div-sug .timer .price span.old-pice:after {
    position: absolute;
    content: "";
    border-bottom: transparent solid 8px;
    border-right: solid 7px #727171;
    border-top: 8px solid transparent;
    top: 5px;
    left: -7px;
}

.suggestion-today .box-div-sug .timer .price span.new-price {
    color: #fff;
    background-color: red;
    display: inline-block;
    text-align: center;
    width: 109px;
    margin-right: -5px;
}

.weekly-featured .owl-controls.clickable {

}

.weekly-featured .owl-controls.clickable .owl-prev {
    top: 100% !important;
    right: 50% !important;
    left: auto !important;
    transform: translate(-2px);
    background-color: #fff;
    color: #515151;
    font-weight: 600;
    font-size: 34px;
}

.weekly-featured .owl-controls.clickable .owl-next {
    left: 50%;
    top: 100% !important;
    right: auto;
    transform: translate(2px);
    background-color: #fff;
    color: #515151;
    font-weight: 600;
    font-size: 34px;
}
.weekly-featured .area-title .line{
    border-color:#CCC;
}

/*.brand-area-2 .owl-controls.clickable .owl-prev, .brand-area-2 .owl-controls.clickable .owl-next {*/
/*    display: none;*/
/*}*/

.brand-area-2 {
    margin-top: 20px;
}

.our-favouriate-area-2 .carousel-btn .owl-controls .owl-buttons div.owl-next {
    top: 100%;
    left: 50%;
    right: auto;
    transform: translate(2px);
    background-color: #fff;
    color: #515151;
    font-weight: 600;
    font-size: 34px;
}

.our-favouriate-area-2 .carousel-btn .owl-controls .owl-buttons div.owl-prev {
    top: 100%;
    right: 50%;
    left: auto;
    transform: translate(2px);
    background-color: #fff;
    color: #515151;
    font-weight: 600;
    font-size: 34px;
}

.gift-for .single-brand span.off {
    font-size: 16px;
}

.gift-for .owl-controls{
    padding-top: 5px;
    padding-bottom: 10px;
}
.gift-for .owl-prev {
    top: 100% !important;
    right: 50% !important;
    left: auto !important;
    transform: translate(-2px);
    background: none !important;
    color: #515151 !important;
    font-weight: 600;
    font-size: 34px !important;
}
.gift-for .owl-next {
    left: 50% !important;
    top: 100% !important;
    right: auto;
    transform: translate(2px);
    background: none !important;
    color: #515151 !important;
    font-weight: 600;
    font-size: 34px !important;
}

.future-pro span.off {
    font-size: 14px;
}

/*/////*/

.m_t_10 {
    margin-top: 10px;
}

.m_t_15 {
    margin-top: 15px;
}

.m_t_20 {
    margin-top: 20px;
}

.m_t_50 {
    margin-top: 50px;
}

.m_b_10 {
    margin-bottom: 10px;
}

.m_b_15 {
    margin-bottom: 15px;
}

.m_b_20 {
    margin-bottom: 20px !important;
}

.m_b_25 {
    margin-bottom: 25px !important;
}

.m_b_30 {
    margin-bottom: 30px !important;
}

.m_r_10 {
    margin-right: 10px;
}

.m_r_15 {
    margin-right: 15px;
}

.m_r_20 {
    margin-right: 20px;
}

.m_l_10 {
    margin-left: 10px;
}

.m_l_15 {
    margin-left: 15px;
}

.m_l_20 {
    margin-left: 20px;
}

.text-justify {
    text-align: justify;
}

.p_20 {
    padding: 20px !important;
}

.p_50 {
    padding: 50px !important;
}
.p_r_10
{
    padding-right: 10px;
}
.h_20
{
    height: 20px;
}
/*//////////////////////*/
.text-right {
    direction: rtl;
    text-align: right;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

/*//////////////////////*/
.contact-form span {
    color: red;
}

.section_left_box {
    border: solid thin #efefef;
    background-color: #fdfdfd;
    margin-top: 111px;
    margin-bottom: 10px;

}

.section_left_box a:hover {
    color: #65c178;
}

.section_left_box ul {
    list-style: none;
    padding: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.section_left_box ul li {

    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500 !important;
}

.section_left_box ul li:last-child {
    border-bottom: 0px;

}

.section_right_box {
    border: solid thin #efefef;
    overflow: hidden;
    background-color: white;
    box-shadow: #e2e2e2 2px 2px 2px;
    display: grid;
    min-height: 310px;
}

.section_title h4 {
    border-bottom: 2px solid #0083e2;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    display: inline-block;
    padding-left: 25px;
}

.section_parts {
}

.section_right_box img {
    margin: 15px auto 0px;
}

.section_right_box h2 {
    color: #4b4b4b;
    text-align: right;
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}

.section_right_box .content {
    display: inline-block;
    padding: 10px;
    padding-top: 0px;
    margin-top: -15px;
    height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #4a4a4a !important;
    overflow: hidden;
    text-align: justify;
    padding-bottom: 50px;
}

.section_right_box .show_date {
    position: absolute;
    left: 10px;
    bottom: 40px;
    color: #fcfcfc;
    font-size: 12px;
    direction: ltr;
    background-color: #7dc1dd;
    padding: 2px 3px;
    border-radius: 2px;
}

/*/////////////////*/
.article {
    padding-bottom: 100px;
}

.article .title {
    border: none;
    margin: 0px;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: solid thin #efefef;
}

.article .title h4 {
    color: #555;
}

.report {

}

.report p {
    float: right;
    padding-right: 10px;
}

.report span {
    float: right;
    padding-right: 10px;
}

.article .tiny_content {

    font-size: 14px !important;
    font-weight: bold !important;
    text-align: justify !important;
    margin-top: 15px;
}

.article .article_content {
    text-align: justify;
    line-height: 24px;
}

.article-view-img {
    display: block;
    margin: 10px auto;
    float: none;
    text-align: center;
}

.custome_h4 {
    border-bottom: 2px solid #0083e2;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    display: inline-block;
    padding-left: 25px;
}

.custome_border_h4 {
    border-top: solid thin silver;
    margin-top: -16px;
}

/*//register page//*/
.title_register_page {
    color: #00b525;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.list_register_page {
    padding-right: 10px;
    list-style: disc;
}

.list_register_page li{
    margin-top: 10px;
    margin-right: 10px;
}
.borderless>tbody>tr>td, .borderless>tbody>tr>th, .borderless>tfoot>tr>td, .borderless>tfoot>tr>th, .borderless>thead>tr>td, .borderless>thead>tr>th
{
    border: 0px;
}
/*//////*/
.errorlist li {
    color: red;
    font-size: 11px;
}

.error input, .error textarea, .error select {
    border-color: red;
}

.title-border {
    border-top: solid thin silver;
    margin-top: -16px;
}
.small-cart-detail{
    direction:rtl
}
.product-img-thumb ul li img{
    margin:3px 1px;
    border:1px solid #DDD;
    border-radius:2px;
    padding:1px;
    width: 60px;
}
.btn-default {
    color: #FFF;
    background-color: #65C178;
    border:2px solid #E4E4E4;
    font-size:13px;
}
.main,.columns-container{
    margin-bottom:30px;
}
.page-title{
    margin-bottom:20px;
}
.rtl{
    direction:rtl;
}
.regForm .h3{
    background: #EEE;
    color: #776ba5;
    padding: 5px;
    margin-bottom: 0;
    text-align: center;
    border: 2px solid #CCC;
    font-size: 16px;
}
.regForm{line-height:24px}
.coupon{clear:both;float: left;margin: 17px 0 20px 0;}
.coupon .form-control{width:auto;float: right;margin-left: 10px;}
.clearfix{clear:both;}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding:8px 0px;
}
.shop-name{
    color:#555;
    font-size:11px;
    padding-bottom: 0px;
}
.shops .item{
    border:1px solid #DDD;
    padding:10px 4px;
    border-radius:2px;
    height: 290px;
    margin: 5px 0;
}
.shops .item img{
    border-bottom:1px solid #DDD;
    margin-bottom:10px;
}
.shops .item p{
    font-size:14px;
    font-weight:700;
    height: 50px;
}

/*////////////////////////*/
.box_message
{
    padding: 15px;
    border: 1px solid #f5f3f3;
    border-radius: 14px;
    border-bottom-right-radius: 0px;
    background-color: #f5f5f5;
    box-shadow: 3px 3px 10px #0000001f;
}
.bg_green
{
    background-color: #13ce66;
    color: white;
}
.bg_blue
{
    background-color: #00AEEF;
    color: white;
}
.box-center{
    border-radius: 6px;
    margin:auto;
    text-align:center;
}
.width_auto
{
    width: auto;
}
.menu_list_suctomer
{
    /*border: 1px solid #eee;*/

}
.menu_list_suctomer .chat-user-row{border: 1px solid #eceaea;padding: 10px 8px;margin: 0px !important;color:#999}
.menu_list_suctomer .chat-user-row h4{font-size:14px;color:#333}
.menu_list_suctomer img
{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-left: 10px;
}
.q-shadow,.chat-boxshadow{
    box-shadow: 1px 3px 4px #DDD;
    -moz-box-shadow: 1px 3px 4px #DDD;
    -webkit-box-shadow: 1px 3px 4px #DDD;
    -o-box-shadow: 1px 3px 4px #DDD;
    border: 1px solid #DDD;
    padding: 4px 2px;
}
.textarea_send{
    border-color: #EEE;
    padding: 6px 6px;
    font-size:12px;
    line-height:20px;
    margin:4px 1px;
    direction:rtl;
}
.chat-box{
    overflow-y: scroll;
    overflow-x:hidden;
    padding:10px;
    height:400px;
}
.chat-btn-send{
    margin-top: -46px;
    margin-left: 10px;
    background: #DDD;
    color: #666;
    font-size: 11px;
    border: 0;
    float:left;
    left: 1px;
    position: absolute;
}
.no-padding{
    padding-left:0;
    padding-right:0;
}
.no-margin{
    margin-left:0;
    margin-right:0;
}
.chat-header{
    border-bottom:1px solid #DDD;
    padding:7px 6px;
}
.chat-header h5{
    padding-top:10px;
    color:#999;
}
.chat-avatar{
    margin-left: 7px;
    margin-top: 10px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #DDD;
}

.custom-input-sm input[type=number]::-webkit-inner-spin-button,
.custom-input-sm input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
*,
*:before,
*:after {
    /*transition*/
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    outline: none;
}
#toggles {
    width: 35px;
    text-align: center;
}
.ios-toggle,
.ios-toggle:active {
    position: absolute;
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
}
.checkbox-label {display: block;position: relative;padding: 10px;margin-top: 5px;font-size: 12px;line-height: 16px;width: 100%;height: 18px;
    /*border-radius*/-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;background: #f8f8f8;cursor: pointer;}
.checkbox-label:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    line-height: 20px;
    text-indent: 30px;
    height: 18px;
    width: 18px;
    /*border-radius*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    right: auto;
    background: white;
    /*box-shadow*/
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
}
.checkbox-label:after {content: attr(data-off);display: block;position: absolute;z-index: 0;top: 0;left: -300px;padding: 3px;height: 100%;width: 300px;text-align: right;color: #bfbfbf;white-space: nowrap;}
.ios-toggle:checked + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 20px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
    -moz-box-shadow: inset 0 0 0 20px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
    box-shadow: inset 0 0 0 20px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
}
.ios-toggle:checked + .checkbox-label:before {
    left: calc(100% - 18px);
    /*box-shadow*/
    -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
}
.ios-toggle:checked + .checkbox-label:after {content: attr(data-on);right: 39px;width: 20px;}
/* GREEN CHECKBOX */

#checkbox1 + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 0px rgba(19, 191, 17, 1), 0 0 0 2px #dddddd;
    -moz-box-shadow: inset 0 0 0 0px rgba(19, 191, 17, 1), 0 0 0 2px #dddddd;
    box-shadow: inset 0 0 0 0px rgba(19, 191, 17, 1), 0 0 0 2px #dddddd;
}
#checkbox1:checked + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 18px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
    -moz-box-shadow: inset 0 0 0 18px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
    box-shadow: inset 0 0 0 18px rgba(19, 191, 17, 1),
    0 0 0 2px rgba(19, 191, 17, 1);
}
#checkbox1:checked + .checkbox-label:after {
    color: rgba(19, 191, 17, 1);
}
.check-toggle
{
    float: right;
    margin-left: 20px;
}
.input-spinner.custom-input-sm{
    width: 120px;
}
.input-spinner.custom-input-sm .btn{
    border-radius:0;
    z-index:0;
    background: none;
    border: 1px solid #CCC;
}
.input-spinner.custom-input-sm input{
    padding:14px;
    height:24px;
    z-index:0;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;

}

.input-spinner .input-group-btn:last-child>.btn{
    border-right:0;
}
.input-spinner .input-group-btn:first-child>.btn{
    border-left:0;
}

.rating {
    border: none;
}

.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 1.8em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    width:auto !important;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  }

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

.price-off{
    background: #ff0000;
    color: #FFF;
    direction: rtl;
    width: 170px;
    height: 27px;
    line-height: 26px;
    position: absolute;
    bottom: 13px;
    left: 10px;
    border-radius: 2px;
}
.price-off .price-main{
    background: #888;
    text-align: center;
    padding: 0px 8px 1px 8px;
    width: 48px;
    display: inline-block;
    position:relative;
}
.price-main::after{
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom:2px solid #666;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
}
.price-off .price-final{
    padding: 5px;
}

.banners figure {
    position: relative;
    overflow: hidden;
    margin: 0px;
    background: #3085a3;
    text-align: right;
    cursor: pointer;
}

.banners figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.banners figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.banners figure figcaption::before,
.banners figure figcaption::after {
    pointer-events: none;
}

.banners figure figcaption,
.banners figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.banners figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.banners figure h2 {
    word-spacing: 0;
    font-weight: 300;
    font-size: 24px;
}

.banners figure h2 span {
    font-weight: 800;
}

.banners figure h2,
.banners figure p {
    margin: 0;
}

.banners figure p {
    /* letter-spacing: 1px; */
    font-size: 90%;
}

figure.effect-bubba {
    background: #5593a7;
}

figure.effect-bubba img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
    opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure.effect-bubba h2 {
    padding-top: 50px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    padding-right: 7%;
    opacity: 0;
}
/*figure.effect-bubba h2:before {*/
/*content: '\f111';*/
/*font-family: fontawesome;*/
/*float: right;*/
/*margin-left: 10px;*/
/*color: #fed837;*/
/*!* border: 2px solid #fed837; *!*/
/*font-size: 16px;*/
/*padding-top: 6px;*/
/*}*/

figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.pl-0{padding-left: 0}
.pr-0{padding-right: 0}
.pt-5{
    padding-top:5px;
}
.pt-10{
    padding-top:10px;
}
.pb-5{
    padding-bottom:5px;
}
.pb-10{
    padding-bottom:10px;
}
.mt-5{
    margin-top:5px;
}
.mt-10{
    margin-top:10px;
}
.mt-20{
    margin-top:20px;
}
.mt-30{
    margin-top:30px;
}
.mt-40{
    margin-top:40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}
.mt-70{
    margin-top: 70px;
}
.mb-10{
    margin-bottom:10px !important;;
}
.mb-5{
    margin-bottom:5px;
}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.mb-25{margin-bottom: 25px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}
.shop-logo{
    height: 120px;
    margin: 0 auto;
    display: block;
    width: 120px;
    border-radius: 80px;
    padding:0;
}
.shop-info {
    box-shadow: 0px 0px 4px #929292;
    border-radius: 15px;
    padding: 20px;
}
.shop-info .title {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 0;
}
.shop-info .text {
    text-align: justify;
    color: #6b6b6b;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.6;
}
.shop-info .info ul.main-info li {
    direction: rtl;
    text-align: right;
    margin-bottom:10px;
}
.shop-info .info ul.main-info li i{
    color: #ff8435;
    font-size: 15px;
    padding-left: 6px;
}

.shop-info .s-links li {
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;
}

.shop-info .s-links ul li a {
    /*background: #F9BA60 none repeat scroll 0 0;*/
    border-radius: 100%;
    color: #ff8435;
    display: inline-block;
    font-size: 22px;
    height: 25px;
    text-align: center;
    width: 25px;
}
.shop-info .s-links ul li a:hover {
    color: #ff8435;
}
.s-links {
    direction: rtl;
}
.s-links span {
    padding-right: 22px;
}
.s-links ul {
    text-align: center;
    margin-top: 5px;
}
.modal-title{direction:rtl;}
.product-content .product-name{min-height:50px;line-height:20px;font-size:12px;margin-bottom: 4px;margin-top: 7px;}
.product-single-details{
    display:inline-block;
    width:100%;
}
.product-content2 .product-name{min-height:auto;}
.product-single-details .product-image{
    /*width: 290px;*/
    padding: 2px;
    margin: auto;
}
.product-details-content{margin-top:10px}
.product-subdetail .product-discount{background: #EE4131;color: #FFF;border-radius: 0px 4px 4px 0px;padding: 3px 7px 3px 14px;position: absolute;left: 0;font-size: 18px;}
.product-content .price-box{
    clear: both;
    text-align: left;
}
.product-content .old-price{
    margin-left: 45px;
    font-size: 16px;
    color: #999;
    font-weight: 200;
    line-height: 30px;
}
.product-subdetail{
    min-height:30px;
    clear:both

}
.product-subdetail .rate{
    direction: ltr;
    color: #999;
    float: right;
}
.product-subdetail .rate i{
    color: #fbb70a;
}
.product-img i{
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 16px;
    color: #ffffffba;
}
.product-other-details{
    border-top: 1px solid #DDD;
    padding-top: 4px;
    font-size: 17px;
    height: 42px;
    display: none;
}
.product-other-details .shop-name{
    direction: rtl;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #CCC;
    padding-left: 2px;
    /* padding-right: 5px; */
}
.product-other-details .shop-name a{
    color: grey;
    font-size:14px;
}
.product-other-details .shop-name i:before{
    color: #B2B3B5;
}

.product-other-details .shop-name span{
    color: #DDD;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    padding-right: 5px;
    padding-top: 6px;
}
.product-other-details .special-icons{
    padding-right: 4px;
}
.product-other-details .special-icons i{
    color: #AAA;
    font-size: 23px;
}
.product-other-details .special-icons i:before{
    color: #AAA;
}
.product-other-details i.icon-change{
    color: #FFF;
    background:#FACC73;
    border:1px solid #AAA;
    border-radius:4px;
    padding:4px;
}
.product-other-details i.icon-vip{
    color: #FFF;
    background:#CDD9D7;
    border:1px solid #AAA;
    border-radius:4px;
    padding:4px;
}
.product-other-details i.icon-shop{
    font-size:30px;
}
.product-other-details i.icon-change:before,.product-other-details i.icon-vip:before{
    color: #FFF;
}
.single-product .product-content .shipping-cost{
    color:#BBB;
    font-size:11px;
    padding-top:5px;
}
.product-single-details .special-icons {
    padding:8px 0;
}
.product-single-details .special-icons i{
    color: #AAA;
    font-size: 36px;
}
.product-single-details .special-icons i:before{
    color: #FFF;
}
.product-single-details i.icon-change{
    color: #FFF;
    background:#FACC73;
    border-radius:4px;
    padding:4px;
    margin-right: 8px;
}
.product-single-details i.icon-vip{
    color: #FFF;
    background:#CDD9D7;
    border-radius:4px;
    padding:4px;
    margin-right: 8px;
}
.product-single-details .special-icons span{
    font-size:15px;
    margin-right: 20px;
    color: #777;
    font-weight: 300;
    position: relative;
    top: -11px;
}


.header-menu-2{
    border-bottom: 1px solid #757373;
}
.header-menu-2 nav{
    background:#ffffff;
    padding-left: 70px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    min-height: auto;
}
/*.header-menu-2 nav .nav{*/
/*    direction:rtl;*/
/*    text-align:left;*/
/*}*/
.header-menu-2 nav li.first{
    color: #FFF;
    border-left: 1px solid #666;
    padding-left: 7px;
    margin-left: 40px;
}

.header-menu-2 nav a{
    color: #000 !important;
    text-decoration:none;
    border:0 !important;
    margin: 6px 3px;
}
.header-menu-2 nav a:hover{
    color: #F0F0F0 !important;
    text-decoration:none  !important;
}
.slider{
    background:#E4D3C3;
    max-height: 520px;
    overflow:hidden;
    margin-bottom:30px;
    /*border-top: 30px solid #928c8c;*/
}
.slider img{
    margin:0 auto;
}
.service-box{background:#928C8C;direction:rtl;color:#FFF;padding: 15px 10px 1px 91px;margin-bottom:25px;border-radius: 7px;}
.service-box i{
    background: #6539b2;
    padding: 7px 8px;
    font-size: 60px;
    border-radius: 9px;
    box-shadow: -2px 6px 9px #8e8d8d;
    left: 26px;
    top: -20px;
    position: absolute;
    width: 75px;
    height: 75px;
    text-align: center;
}
.service-box i.icon-medal {
    padding-top:0;
}
.service-box h3{font-size:16px}
.service-box p{color:#F0F0F0;font-size:11px;}
.advanc-search{direction:rtl;}
.advanc-search-inner{padding: 30px 40px 30px 40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU43M2QkAIAwEUVPN9l/OVqNEUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFA1gsJ5X/z27kAAAAAElFTkSuQmCC) repeat;margin: 15px 0 70px 0;}
.advanc-search-inner h4{margin-top:10px;margin-bottom:30px;font-size:16px;color:#222}
.advanc-search-inner h5{color:#444;margin-bottom: 6px;}
.advanc-search-inner input,.advanc-search-inner select{border-radius: 3px;color: #888;padding:3px;border:1px solid #DDD;margin-bottom:10px;width:100%;min-height:31px;}
.advanc-search-inner input.qbtn{
    background:#E1E1E1;
    color: #333;
    font-size: 16px;
    border: 1px solid #a9a8a8;
    max-width: 200px;
    box-shadow: -1px 1px 4px #b1b1b1;
    margin: 10px 7px;
    padding: 3px 15px;
}
.advanc-search-inner .s_ul{margin-right:-5px}
.advanc-search-inner .s_ul li{
    width: 120px;
    height: 137px;
    float:right;
    overflow: hidden;
    background:#FFF;
    box-shadow: -1px 2px 8px #c5c5c5;
    margin-left: 6px;
    margin-bottom:15px;
    text-align: center;
    margin-right: 7px;
}
.advanc-search-inner .s_ul li:last-child{
    margin-left:0;

}
.advanc-search-inner .s_ul li img{
    height:100px;
    width:100px;
    margin: 4px auto 0px auto;
    text-align:center;
    display: block;
}
.advanc-search-inner .s_ul li .s_title{
    text-align:center;
    color: #999;
    font-size: 12px;
    font-weight: 400;
}


.gift-for img{
    width:100%;
}
.shop-brand{
    text-align:center;
    margin-bottom:30px;
    padding: 12px;
}
.shop-brand img{
    height: 110px;
    width: 110px;
    border-radius:100%;
    box-shadow: -1px 1px 3px #bfbfbf;
    border: 1px solid #d0cfcf;
    max-width:110px;
}
.rate-stars{
    margin-top:10px;
    direction:rtl;
}
.fa-star {
    color: #CCC;
}
.fa-star.checked {
    color: #ffcc6f;
}
.checkbox-container {
    display: block;
    position: relative;
    /* padding-left: 35px; */
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shop-title{
    /*border-bottom:1px solid #CCC;*/
    padding:10px 0 5px 0;
}
.shop-title h4{
    color:#BBB;
}
.shop-title h4 a{
    color:#BBB;
    font-size:18px;
}
.shop-title i{
    color:#FCCE80;
    font-size:24px;
    padding-right:20px;
}
.shop-title span{
    font-size:14px;
}
.sharing-icons{
    color:#999;
}
.sharing-icons i{
    color: #b7b7b7;
    border: 1px solid #ababab;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    padding-top: 6px;
    margin-bottom: 9px;
    box-shadow: 1px 1px 5px #CCC;
    margin-right: 12px;
}
.btn-free{
    background:#24C389;
    border:0;
    width:100%;
    line-height: 36px;
    font-size: 20px;
    font-weight: 300;
}
.btn-custom{
    background:none;
    border:1px solid #666;
    color:#888;
    font-size: 14px;
    width:100%;
    line-height:36px;
    font-weight:400;
}
.cart_button{
    background:#f55f46;
    border:0;
    width:120px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 300;
    float: left;
    border-radius: 30px;
}
.cart_off{
    background:#f55f46;
    border:0;
    width:136px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
    float: left;
    border-radius: 30px;
}
.count{
   margin-top: -17px;
}
.cart_button i{
    padding-left:10px;
    float: left;
    line-height: 36px;
    font-size: 34px;
}
.mt-10{
    margin-top:0px;

}

.ltr{direction:ltr}
/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 5px;
    height: 14px;
    width: 14px;
    background-color: #fafafa;
    border-radius: 100%;
    box-shadow: -1px 1px 2px #b5b5b5;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #47c724;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.like-wrapper {
    position: absolute;
    top: 18px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

.like-button {
    padding: .45rem .75rem;
    color: #d6d6d6;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* position: absolute; */
    /* top: 18px; */
    /* right: 9px; */
    /* cursor: pointer; */
    /* z-index: 1; */
}
.like-button.liked {
    color: #ff6e6f;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.like-button:hover {
}

.like-icon {
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-right: .25em;
    font-size: 1.5rem;
    background: url('data:image/svg+xml;utf8,<svg width="21" height="18" viewBox="0 0 21 18" xmlns="http://www.w3.org/2000/svg"><title>heart-colored</title><path d="M10.101 4.417S8.895.207 5.111.207c-4.465 0-10.967 6.846 5.082 17.592C25.237 7.03 19.665.202 15.501.202c-4.162 0-5.4 4.215-5.4 4.215z" fill="#FF6E6F" fill-rule="evenodd"/></svg>') no-repeat center;
    background-size: 100%;
    -webkit-animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon {
    -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.liked .like-icon [class^="heart-animation-"] {
    background: url('data:image/svg+xml;utf8,<svg width="21" height="18" viewBox="0 0 21 18" xmlns="http://www.w3.org/2000/svg"><title>heart-colored</title><path d="M10.101 4.417S8.895.207 5.111.207c-4.465 0-10.967 6.846 5.082 17.592C25.237 7.03 19.665.202 15.501.202c-4.162 0-5.4 4.215-5.4 4.215z" fill="#FF6E6F" fill-rule="evenodd"/></svg>') no-repeat center;
    background-size: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 14px;
    opacity: 0;
}
.liked .like-icon [class^="heart-animation-"]::before, .liked .like-icon [class^="heart-animation-"]::after {
    content: '';
    background: inherit;
    background-size: 100%;
    width: inherit;
    height: inherit;
    display: inherit;
    position: relative;
    top: inherit;
    left: inherit;
    opacity: 0;
}
.liked .like-icon .heart-animation-1 {
    -webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.liked .like-icon .heart-animation-1::before, .liked .like-icon .heart-animation-1::after {
    width: 12px;
    height: 10px;
    visibility: hidden;
}
.liked .like-icon .heart-animation-1::before {
    opacity: .6;
    -webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.liked .like-icon .heart-animation-1::after {
    -webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: .75;
}
.liked .like-icon .heart-animation-2 {
    -webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.liked .like-icon .heart-animation-2::before, .liked .like-icon .heart-animation-2::after {
    width: 10px;
    height: 8px;
    visibility: hidden;
}
.liked .like-icon .heart-animation-2::before {
    -webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: .25;
}
.liked .like-icon .heart-animation-2::after {
    -webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: .4;
}


@-webkit-keyframes heartPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes heartPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-webkit-keyframes heartUnlike {
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}
@keyframes heartUnlike {
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}
@-webkit-keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0, -25px) rotate(-20deg);
        transform: translate(0, -25px) rotate(-20deg);
    }
}
@keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0, -25px) rotate(-20deg);
        transform: translate(0, -25px) rotate(-20deg);
    }
}
@-webkit-keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0) scale(0);
        transform: translate(0) rotate(0) scale(0);
    }
    50% {
        opacity: .9;
        -webkit-transform: translate(-10px, -38px) rotate(25deg) scale(1);
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}
@keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0) scale(0);
        transform: translate(0) rotate(0) scale(0);
    }
    50% {
        opacity: .9;
        -webkit-transform: translate(-10px, -38px) rotate(25deg) scale(1);
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}
@-webkit-keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(13px, -13px) rotate(30deg);
        transform: translate(13px, -13px) rotate(30deg);
    }
}
@keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(13px, -13px) rotate(30deg);
        transform: translate(13px, -13px) rotate(30deg);
    }
}
@-webkit-keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(18px, -10px) rotate(55deg);
        transform: translate(18px, -10px) rotate(55deg);
    }
}
@keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(18px, -10px) rotate(55deg);
        transform: translate(18px, -10px) rotate(55deg);
    }
}
@-webkit-keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(-10px, -10px) rotate(-40deg);
        transform: translate(-10px, -10px) rotate(-40deg);
    }
    100% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
}
@keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(-10px, -10px) rotate(-40deg);
        transform: translate(-10px, -10px) rotate(-40deg);
    }
    100% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
}
@-webkit-keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(2px, -18px) rotate(-25deg);
        transform: translate(2px, -18px) rotate(-25deg);
    }
}
@keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0);
    }
    50% {
        visibility: visible;
        -webkit-transform: translate(2px, -18px) rotate(-25deg);
        transform: translate(2px, -18px) rotate(-25deg);
    }
}
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(5deg);
    }
    70% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.sidebar-wrapper .sidebar-menu ul li a
{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
    height: 100%;
    max-height: 100%;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}
/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 3px 32px 3px 10px;
}
.sidebar-wrapper .sidebar-menu ul li li a {
    padding: 3px 13px 3px 10px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f104";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 14px;
    top: 3px;
    font-size: 18px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    font-size: 13px;
    padding: 0px;
    line-height: 18px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    font-size: 9px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(-90deg);
    right: 0px;
}

.carousel-control.left,.carousel-control.right{background:none}
.carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 0;
    background-color: #cccaca;
}
.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 1px;
}
.product-fields {
    /* padding-right:10px; */
}
.product-fields label{
    width: 70px;
    color: #999;
    font-weight: 400;
    padding-top: 2px;
}
.product-fields select{
    min-width: 123px;
    border-color: #CCC;
    padding: 2px;
    margin-right: 8px;
}
.products-list{
    margin-top:15px;
}
.products-list .breadcrumb{
    margin-top: -4px;
    margin-bottom: 5px;
}
.products-list .breadcrumb li:last-child {
    font-weight:700;
    color: #222;
}
.products-list .breadcrumb li a:last-child {
    color: #222;
}
.shop-product-area{
    border: 1px solid #DDD;
    border-top-width: 2px;
}
.toolbar{
    min-height: 28px;
}
.radio-custom{
    float:right;
}
.radio-custom label {
    color: #676767;
    font-size: 16px;
    margin-left: 20px;
    border-bottom: 2px solid transparent;
    padding-top: 5px;
    transition: 0.3s;
    font-weight: 500;
}
.radio-custom label:hover{
    color: var(--color1);
}

.radio-custom label.selected {
    color: var(--color2);
    background-color: #fff;
}

#sidebar {
    width: 100%;
}
#sidebar .subcat {
    height: 28px;
    line-height: 28px;
    background: #666 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAyklEQVQYlXVRMQ6EIBDktUtBNCT8wQegjZZa0dFpwhNoaUiUhEcQyrnqzHHnFdPszGxmZxkRYRxHeO8hhAAR/YUQAt57TNMEIgKb5xmlFNRaEUJA3/ePxq7rEEJArRWlFCzLAuacQ631RowRUsrGKKVEjLHROefAOOfY970hruuCUgpEBKUUzvNs+OM4wDkHe2+31jaCnDOGYUDOuZlba+9E7DOeMaYRfsMY05zDvotZ1/XRuG3bT4k/ZiKC1hopJZRSkFKC1vrxAy9rzl+1ndCayAAAAABJRU5ErkJggg==") no-repeat 12px 50%;
    color: #fff;
    text-align: right;
    margin: 1px;
    direction: rtl;
}
#sidebar .subcat span {
    margin-right: 10px;
    vertical-align: middle;
    font-size: 12px;
}
#sidebar .basedon {
    text-align: right;
    color: #3c3c3c;
    padding: 5px 0 10px;
}
#sidebar .basedon span {
    margin-right: 15px;
    vertical-align: middle;
    font-size: 12px;
    text-shadow: 0 0 1px rgba(0,0,0,.4);
}
#sidebar .pricelist {
    text-align: center;
    height: 30px;
    padding-top: 7px;
    padding-bottom: 15px;
}
#sidebar .pricelist .ui-slider {
    position: relative;
    width: 210px;
    height: 7px;
    /*background: url("../images/ui-widget-bg.png") no-repeat 0 -42px;*/
    margin: 0 auto;
}
#sidebar .pricelist .ui-slider #amount {
    position: absolute;
    top: 12px;
    direction: rtl;
    width: 213px;
    right: -2px;
    font-size:8pt;
}
#sidebar .pricelist .ui-slider #amount .minprice {
    float: left;
    text-align: left;
}
#sidebar .pricelist .ui-slider #amount span {
    width: 50%;
    font-family: iran_m;
}
#sidebar .pricelist .ui-slider #amount .maxprice {
    float: right;
    text-align: right;
}
#sidebar .pricelist .ui-slider .ui-slider-handle {
    position: absolute;
    top: -5px;
    margin-left: -.75em;
    width: 14px;
    height: 14px;
    cursor: pointer;
    z-index: 2;
    /*background: url("../images/ui-widget-bg.png") no-repeat;*/
    border:0;
}
#sidebar .pricelist .ui-slider .left {
    background-position: left top;
}
#sidebar .pricelist .ui-slider .right {
    background-position: right top;
    margin-left: -16px;
}
#sidebar .pricelist .ui-slider .ui-slider-range {
    height: 7px;
    background: url("../images/ui-widget-bg.png") no-repeat 0 -34px;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1;
}
#sidebar .sep {
    height: 1px;
    background-color: #ccc;
    margin: 15px;
}
#sidebar li {
    padding: 4px 15px 0 0;
    position: relative;
    margin: 0;
    list-style: none;
    border-width: 0;
}
#sidebar .checkbox-wrapper {
    cursor: pointer;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
#sidebar .checkbox-icon {
    height: 20px;
    right: -1px;
    margin-top: -10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 20px;
}
#sidebar .checkbox-wrapper .checkbox-input {
    -moz-appearance: none;
    cursor: pointer;
    height: 100%;
    right: 0;
    opacity: 0;
    outline: 0 none;
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: middle;
}
#sidebar input {
    vertical-align: middle;
}
#sidebar .checkbox-label {
    padding: 0 25px;
    cursor: pointer;
    font-size:8pt;
    font-family:tahoma;
    text-shadow: initial
}


input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }

/* Hide original checkboxes. They are ugly! */
input.labelauty { display: none !important; }

/*
 * Let's style the input
 * Feel free to work with it as you wish!
 */
input.labelauty + label
{
    display: table;
    font-size: 11px;
    padding: 1px;
    background-color: #efefef;
    color: #b3b3b3;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    margin-bottom: 0px;
}

/* Stylish text inside label */

input.labelauty + label > span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked
{
    display: inline-block;
    line-height: 16px;
    vertical-align: bottom;
}

/* Stylish icons inside label */

input.labelauty + label > span.labelauty-unchecked-image,
input.labelauty + label > span.labelauty-checked-image
{
    display: inline-block;
    width: 19px;
    height: 18px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-image 0.5s linear;
    -moz-transition: background-image 0.5s linear;
    -webkit-transition: background-image 0.5s linear;
    -o-transition: background-image 0.5s linear;
}

/* When there's a label, add a little margin to the left */
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked
{
    float: right;
    position: absolute;
    right: 30px;
    color: #777 !important;
    /* font-size:8pt !important; */
    /* font-family:tahoma !important; */
    /* text-shadow:initial !important; */
    font-weight: 500;
    margin-top: 2px;
}

/* When not Checked */
input.labelauty:not(:checked):not([disabled]) + label:hover
{
    background-color: #eaeaea;
    color: #a7a7a7;
}
input.labelauty:not(:checked) + label > span.labelauty-checked-image
{
    display: none;
}

input.labelauty:not(:checked) + label > span.labelauty-checked
{
    display: none;
}

/* When Checked */
input.labelauty:checked + label
{
    background-color: #3498db;
    color: #ffffff;
}

input.labelauty:checked:not([disabled]) + label:hover
{
    background-color: #72c5fd;
}
input.labelauty:checked + label > span.labelauty-unchecked-image
{
    display: none;
}

input.labelauty:checked + label > span.labelauty-unchecked
{
    display: none;
}

input.labelauty:checked + label > span.labelauty-checked
{
    display: inline-block;
}

input.labelauty.no-label:checked + label > span.labelauty-checked
{
    display: block;
}

/* When Disabled */
input.labelauty[disabled] + label
{
    opacity: 0.5;
}

/* Add a background to (un)checked images */
input.labelauty + label > span.labelauty-unchecked-image
{
    background-image: url( ../images/input-unchecked.png );
    margin-right: 0 !important;
}

input.labelauty + label > span.labelauty-checked-image
{
    background-image: url( ../images/input-checked.png );
    margin-right: 0 !important;
}


/*.search-categori:hover {
    width: 240px;
}*/


.tight-padding > div {
    padding-right: 5px;
    padding-left: 5px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c{font-size:14px;font-weight:600;}
.error_txt{color:red}

.text-red , .text-red * {
    color : darkred !important;
}
.btn-simple {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.btn-simple > span {
    /* avoid button movement on click IE */
    position: relative;
}
#btn-share {
    position: relative;
    background: transparent;
}
#btn-share .popover {
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
#btn-share .popover .popover-content {
    width: 234px;
    height: 49px;
    margin: 0;
    padding: 0;
}
#btn-share .popover .popover-content .btn-media {
    width: 78px;
    height: 49px;
    line-height: 49px;
    float: left;
    color: #fff;
    text-align: center;
    background: #052536;
}
#btn-share .popover .popover-content .btn-media.twitter {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#btn-share .popover .popover-content .btn-media.google-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#btn-share .popover .popover-content .btn-media.facebook {
    border-left: 1px solid #264356;
    border-right: 1px solid #264356;
}
#btn-share .popover .popover-content .btn-media.facebook:after {
    position: absolute;
    bottom: -10px;
    margin-left: -21px;
    content: "";
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 10px solid #052536;
}
#btn-share .popover .popover-content .btn-media:hover,
#btn-share .popover .popover-content .btn-media:focus {
    background: #264356;
}
#btn-share .popover .popover-content .btn-media:hover.facebook:after,
#btn-share .popover .popover-content .btn-media:focus.facebook:after {
    border-top-color: #264356;
}
#btn-share .popover .popover-content .btn-media i {
    font-size: 30px;
    line-height: 49px;
}

.sharing-icons .popover  i {
    color: unset;
    border: 0;
    border-radius: 0;
    width: auto;
    height: auto;
    text-align: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding-top: 0;

    box-shadow: 0 0 0 0 transparent;
    margin-right: auto;
}

.popover-content  {
    font-family : "iransans";
    text-align: right;
    font-size: 11px;
    direction: rtl;
}

.popover {
    min-width: 200px;
    direction: rtl;
}

.product-image .owl-carousel .owl-item {
    float: left;
    width: auto !important;
}


.timer {
    padding: 10px;
    text-align: center;
    padding-top: 15px;
}

.timer .timer-wrapper {
    display: inline-block;
    width: 46px;
    height: 60px;
}

.timer .timer-wrapper .time {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 0 2px gray;
}

.timer .timer-wrapper .text {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.82);
    text-shadow: 0 0 2px gray;
}
.product-other-details i.icon-vip-plus {
    color: #FFF;
    background: #CDD9D7;
    border: 1px solid #AAA;
    border-radius: 4px;
    padding: 4px;
}

.product-other-details i.icon-change::before, .product-other-details i.icon-vip-plus::before {
    color: #FFF;
}
.scientific{
    border-top: 1px solid #e0dddd;
    padding: 10px 5px 0;
}
.scientific ul{
    text-align: center;
}
.scientific ul li{
    display: inline-block;
    padding: 5px 10px;
}
.feature-span1 {
    font-weight: bold;
}
.feature-span1, .feature-span2 {
    display: block;
    background: #fafafa;
    padding: 10px 10px 10px;
    font-size: 13px;
    line-height: 1.692;
    color: #4d4d4d;
    letter-spacing: -.3px;
    min-height: 47px;
    position: relative;
}
/*packs*/
.pack-item {
    transition: all 0.5s;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow:  2px 2px 4px 1px rgba(206, 203, 203, 0.88);
    box-shadow: 2px 2px 4px 1px rgba(206, 203, 203, 0.88);
}
.pack-item:hover {
    -webkit-box-shadow: 2px 2px 4px 1px rgb(177, 175, 175);
    box-shadow: 2px 2px 4px 1px rgb(177, 175, 175);
}
.pack-img{
    border-radius: 5px 5px 0 0;
}
.pi-top {
    margin-bottom: 10px;
    padding: 15px;
}
.pi-bot {
    padding: 0 20px 20px;
    direction: rtl;
}
.pi-bot h4 {
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    height: 30px;
    margin-bottom: 20px;
}
.pi-bot .price-list > li {
    width: 100%;
    position: relative;
    direction: rtl;
    font-size: 14px;
    margin-bottom: 17px;
}
.pi-bot .price-list > li > .main-price {
    color: red;
    position: absolute;
    left: 0;
}

/*menu-categories-sidebar-mega menu*/
/*Nav-bar*/
.nav > li > a {
    display: block;
}

.menu .collapse.navbar-collapse {
    background-color: transparent;
    font-size: 15px;
    /*margin-top: 15px;*/
    /*padding: 0;*/
}

.index-new .menu .collapse.navbar-collapse {
    margin-top: 0;
}

.menu.container {
    padding-left: 0;
    padding-right: 0;
}

.menu .col-md-3 {
    padding-right: 0;
}

.logo-bar.container,
.header.col-md-5,
.header.col-md-7 {
    padding-left: 0;
    padding-right: 0;
}

.shopping-cart.col-md-3 {
    text-align: right;
    padding: 0;
}

.index-new .department {
    padding-top: 0;
}

.menu .navbar {margin-bottom: 1px;}

.navbar-default .container-fluid > .navbar-header:nth-child(2) button {
    background-color: #ff3c20 !important;
}

.navbar-default .container-fluid > .navbar-header:nth-child(2) button .icon-bar {
    background-color: #fff;
}

.navbar-default .container-fluid > .navbar-header:first-child button .icon-bar {
    background-color: #888;
}

.menu ul.navbar-nav.navbar-left li {
    padding: 0 15px;
    font-weight: 600;
}
#navbar1 .navbar-nav{margin: 0;}
.navbar-right li {
    background-color: #ff3c20;
}

.menu ul.navbar-nav.navbar-right li a {
    color: #fff !important;
    padding: 15px;
    font-weight: 800;
}

.menu .col-md-9 {
    padding: 0;
}

.menu ul.navbar-nav.navbar-left li a {
    /*padding-bottom:0;*/
}

.menu ul.navbar-nav.navbar-left li.active > a, .menu ul.navbar-nav.navbar-left li.active a.active {
    color: #ff3c20;
}

.menu .categories {
    width: 100%;
    position: relative;
}

.navbar-default .navbar-nav > li > a {
    transition: all 0.3s;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ff3c20;
}

.navbar-nav > li:hover .nav-mega-menu {
    top: 49px;
    opacity: 1;
    visibility: visible;
}

.menu-border {
    border-bottom: 1px solid #efeeee;
}

.navbar-nav > li .nav-mega-menu {
    box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 180px;
    background: #fff none repeat scroll 0 0;
    padding: 10px 15px;
    z-index: 9999;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    left: 0;
}

.navbar-nav > li .nav-mega-menu span a {
    font-size: 15px;
    font-weight: 400;
    display: block;
    background: transparent;
    color: #191919;
    line-height: 40px;
    height: auto;
    transition: all 0.3s;
    border-bottom: 1px solid #f1f1f1;
}

.navbar-nav > li .nav-mega-menu span a:hover {
    color: #ff3c20;
}

.navbar-nav > li .nav-mega-menu span a:last-child {
    border: none;
}

.menu .navbar-header:nth-child(2) h3 {
    display: none;
}

/*mega-menu*/
.categories ul {
    list-style: none;
    padding-right: 0;
    margin-bottom: 26px;
    width: 100%;
    z-index: 20;
    position: absolute;
    right: 0;
    /*background-color: #f7f7f7;*/
    background-color: #ffffff;
}

.categories ul li ul li i.fa {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.categories ul li ul li {
    position: relative;
}

.categories ul li {
    position: relative;
}

.categories ul li .fa-angle-down, .categories ul li .fa-angle-up {
    float: left;
    line-height: 50px;
    margin-right: 15px;
}

.categories ul li a.main-a {
    display: block;
    /*background-color: #fff;*/
    color: #616161;
    font-size: 16px;
    font-weight: bold;
    /*height: 50px;*/
    line-height: 50px;
    text-indent: 20px;
    /*border-radius:10px 10px 0 0;*/
    text-align: right;
}

.categories ul li ul li {
    display: block;
    width: 100%;
    margin: 0;
    text-align: right;
    padding-left: 10px;
}

.categories ul li ul li.active a, .categories ul li ul li a:hover {
    border-left-color: #000;
}

.categories ul li ul li a {
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: #fafafa;
    color: #5d5d5d;
    line-height: 40px;
    height: auto;
    text-indent: 12px;
    transition: all 0.3s;
    border-bottom: 1px solid #f1f1f1;
    border-left: 5px solid transparent;
    padding-left: 30px;
    position: relative;
    text-align: right;
    direction: rtl;
}

.categories .categories-mega-menu .categories-main-menu span a {
    border-color: transparent;
    padding-left: 0;
}

.categories ul li ul li i.flat {
    padding-right: 10px;
    position: absolute;
    left: 0;
}

.categories ul li ul li a:hover {
    color: #000;
    background: #fff;
    padding-right: 5px;
}

.categories ul li ul li:hover .categories-mega-menu {
    right: 100%;
    opacity: 1;
    visibility: visible;
}

.categories ul li .categories-mega-menu .categories-img a {
    border: none;
}

.categories ul li .categories-mega-menu {
    box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.1);
    right: 110%;
    position: absolute;
    top: 0;
    width: 710px;
    background: #fff none repeat scroll 0 0;
    padding: 20px 15px 5px 0;
    z-index: 9999;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}

.categories-mega-menu-2 {
    width: 600px !important;
}

.categories-mega-menu-2 .categories-main-menu {
    float: none !important;
    width: 100% !important;
}

.categories ul li .categories-main-menu {
    float: left;
    width: 60%;
}

.categories ul li .categories-img {
    float: left;
    width: 40%;
}

.categories ul li .categories-main-menu a.title:hover {
    color: #191919;
}

.categories ul li .categories-main-menu span {
    float: right;
    /*width: 25%;*/
    width: 33.3%;
    /*margin-bottom: 30px;*/
    /*padding: 0 15px;*/
}

.categories ul li .categories-main-menu span a.title {
    font-size: 14px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
    /*border-bottom:1px solid #ff3c20;*/
    color: #000 !important;
}

.categories ul li .categories-main-menu span a {
    background-color: transparent;
    text-indent: 0;
    line-height: 28px;
    font-size: 13px;
}
/*mobile-menu*/
i#close-menu {
    display: block;
    position: relative;
    z-index: 100000;
    cursor: pointer;
    color:#fff;
    background: #f40056;
    text-align: right;
    padding: 8px;
    font-size: 15px;
}
/***** more images ******/
.morebtn {
    display: inline-block;
    border-radius: 4px;
    background-color: #606060;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding: 10px 5px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}
.morebtn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.morebtn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    left: -20px;
    transition: 0.5s;
    transform: rotate(180deg);
}

.morebtn:hover span {
    padding-left: 25px;
}

.morebtn:hover span:after {
    opacity: 1;
    left: 0;
}
/* * * * * * * * * * * * * colors-product * * * * * * * */
.pcolor2 {
    cursor: pointer;
    padding: 0px 10px;
    margin: 0px 3px 6px 0px;
    border: 1px solid #CCC;
    height: 21px;
    vertical-align: middle;
    border-radius: 3px;
}
.psize2 {
    cursor: pointer;
    padding: 0px 5px;
    margin: 0px 3px 6px 0px;
    height: 21px;
    vertical-align: middle;
    border-radius: 3px;
}
.details_fields {
    font-size: 12px;
    float: right;
    color: #484848;
}
.sizes_fields {
    font-size: 12px;
    float: right;
    color: #484848;
}

.w25{width:25% !important;}
.w20{width:20% !important;}
.w15{width:15% !important;}
.w10{width:10% !important;}
.w5{width:5% !important;}
.detail_inputs input[type=file] {
     display: inline-block;
}
.detail_inputs .detail{
    margin: 3px 2px;
}
.detail_inputs .remove_detail img{
    max-width: 10%!important;
}
/*checkout*/
.shipping-method-radio{float:right;margin-left:20px}
.shipping-method-radio p{text-align:center;font-size:11px;font-weight:700}
.shipping-method-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.shipping-method-radio input[type=radio] + img{cursor:pointer;border-radius:4px;border:1px solid #CCC;max-height:80px}
.shipping-method-radio input[type=radio]:checked + img{border:2px solid #e10916}
.multi-steps > li.is-active:before,.multi-steps > li.is-active ~ li:before{content:counter(stepNum);font-family:inherit;font-weight:700}
.multi-steps > li.is-active:after,.multi-steps > li.is-active ~ li:after{background-color:#ededed}
.multi-steps{display:table;table-layout:fixed;width:100%;margin-top:30px}
.multi-steps > li{counter-increment:stepNum;text-align:center;display:table-cell;position:relative;color:#6cbe42}
.multi-steps > li:before{font-family: FontAwesome;content:"\f00c";content:\2713;;content:\10003;content:\10004;content:\2713;display:block;margin:0 auto 4px;background-color:#fff;width:36px;height:36px;line-height:32px;text-align:center;font-weight:700;border-width:2px;border-style:solid;border-color:#6cbe42;border-radius:50%;z-index:1;position:inherit}
.multi-steps > li:after{content:"";height:2px;width:100%;background-color:#6cbe42;position:absolute;top:16px;right:54.2%;z-index:0}
.multi-steps > li:last-child:after{display:none}
.multi-steps > li.is-active:before{background-color:#fff;border-color:#ff6347}
.multi-steps > li.is-active ~ li{color:gray}
.multi-steps > li.is-active ~ li:before{background-color:#ededed;border-color:#ededed}
.red {
    color: red;
}
.form-control {
    font-size: 12px;
}
.contact-info{}
.contact-info li{}
.contact-info li i{color: #399d25;margin-left: 10px;font-size: 1.25rem;}
















.categories ul.mega-menu{
    display: none;
}

.categories .sub-menu:hover .mega-menu {
    display: block;
}


#woocommerce_product_categories-2 * {
    background-color: transparent !important;
}
.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#sidebar li {
    padding: 6px 15px 0 0;
    /*padding-right: 15px;*/
    /*padding-left: 0px;*/
    position: relative;
    margin: 0;
    list-style: none;
    border-width: 0;
    padding-right: 8px !important;
    padding-left: 8px !important;
}
widget-area .widget ul:not(.recent-news) > li a {
    color: #1a1a1a;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}
.sidebar-wrapper .sidebar-menu ul li a {
    color: #cccc;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 3px 10px 3px 10px;
}
.rp-collapse .collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 15px;
}
.widget-area .widget ul:not(.recent-news) > li a {
    color: #1a1a1a;
}
.rp-collapse .collapsible::after {
    content: '\002B' !important;
    color: #1a1a1a !important;
    font-weight: bold;
    float: left;
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 5px;
}
.rp-collapse .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}
.widget-area .widget ul:not(.recent-news) > li a {
    color: #1a1a1a;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}
.sidebar-wrapper .sidebar-menu ul li li a {
    color: #cccc;
    padding: 3px 13px 3px 10px;
}
.sidebar-wrapper .sidebar-menu ul li a {
    color: #cccc;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 3px 21px 3px 10px;
}
#woocommerce_product_categories-2 :hover {
    color: #7a0001 !important;
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;direction: rtl;
}

.openBtn:hover {
    background: #bbb;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}
.br-16{
    border-radius: 16px !important;
}
.success-message-panel{
    background-image: url('../../../adminpanel/assets/images/message-success.png');
    border: 1px solid green;

    padding: 10px 5px;
    margin: 10px 0;
    border-radius: 5px;
    background: #e1f1c0;
    color: #62a426;
    background-repeat: no-repeat;
    font-size: 14px;
    cursor: pointer;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: right;
    width: 80%;
    background: white;text-align: right;
    direction: rtl;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: right;
    width: 20%;
    padding: 16px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}

.owl-theme .owl-controls .owl-buttons div{background-color: #399d25;}
.btn-toggle{
    background: #efefef;
    height: 30px;
    width: 60px;
    border-radius: 20px;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: background 0.5s;

}
.btn-toggle span{
    display: block;
    background: #999;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    margin-left: 2px;
    transition: background 0.5s , margin-right 0.5s linear;
}
.activated span {
    background: #fff;
    margin-right: 27px;
}
.activated{
    background:green;
}
.btn-toggle + p{

    display: inline-block;

    position: relative;
    bottom: 9px;
    padding: 4px 0;
    font-size: 15px;
    right: 30px;
}
.close_date{
    font-size: 14px;
}
.close_date input{
    width: 110px;
    direction: ltr;
    text-align: center;
}
.qrcode-img{
    max-width: 470px;
    width: 100%;
}
.qrcode-link{
    font-size: 14px;
    font-weight: 600;
}
.lock_input{
    pointer-events: none;
}
.body-container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#app {
    width: 100%;
    height: 100%;
}
.custom-input-request {
    display: none !important;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.btn-map{
    background: #7b54a3;
    color:#fff;
    margin-top: 10px;
    display: block;
}
.search-p{
    text-align: justify;
    font-weight:700;
    font-size:12px;
    line-height: 1.7;
}
.search-p-box{
    box-shadow: 0px 0px 4px #8a8a8a;
    border-radius: 4px;
    padding: 10px;
    background: #f4f4f4;
}
/*.suggestion_products .owl-controls .owl-buttons {*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: calc(50% - 30px);*/
/*    left: 0;*/
/*}*/
/*.suggestion_products .owl-controls.clickable .owl-buttons .owl-prev {*/
/*    padding: 20px 15px !important;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    background-color: #399d25 ;*/
/*    -moz-transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    font-size: 25px;*/
/*    color: #fff;*/
/*    left: 0;*/
/*    border-radius: 0 10px 10px 0;*/
/*}*/
/*.suggestion_products .owl-controls.clickable .owl-buttons .owl-next {*/
/*    padding: 20px 15px !important;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    background-color: #399d25 ;*/
/*    -moz-transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    font-size: 25px;*/
/*    color: #fff;*/
/*    right: 0;*/
/*    border-radius: 0 10px 10px 0;*/
/*}*/
.confirm{
    margin-right: 25px;
    float: left;

}
.but-trash{
    width: 34px;
    float: left;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}


#search-list,#search-list2 {
    list-style: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 65%;
    width: 100%;
    z-index: 10000;
    margin-top: 28px;
    text-align: right;
    max-height: 400px;
    overflow-y: scroll;
    background: rgb(193, 208, 245);
    line-height: 2.5;
}
#search-list  a,#search-list2  a{
    color: var(--color1);
    font-size: 15px;
    padding: 15px;
}