/*
theme name: بهداشتی
version: 1.0
Author: on5.ir
Author URI: http://www.on5.ir
Description: کلیه حقوق مادی و معنوی این اثر برای شرکت طراحی وب سایت آنفایو محفوظ است.
*/

.font-number{
    display: inline-block;
    direction: ltr;
}
::selection {
    background:#52c438;
    color:#fff;
}
::-moz-selection {
    background:#52c438;
    color:#fff;
}
::-webkit-selection {
    background:#52c438;
    color:#fff;
}
input[type='text']:focus,
input[type='email']:focus,
textarea:focus{border-color:#4B9B39 !important;}
body{
    background:url(images/pattern.jpg);
    direction:rtl;
}
input,select,textarea{outline:none;}
p{}
.header{

}
.total{
    background:url(images/header_bg.jpg) no-repeat;
    background-size:100%;overflow: hidden;
}
.wrapper{
    width:1024px;
    margin:0 auto;
    background-color:#FFF;
    padding: 0 16px;
}
.header .wrapper{
    border-top:5px solid #70ba28;
}
.table{
    display:table;
    width:100%;
}
.table-cell{
    display:table-cell;
    vertical-align:top;
}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.basket{    width: 210px;}
.basket .green_user a{font: 13px/22px font-awesome;
    float: right;
    margin-right: 13px;
    background-color: #70ba28;
    width: 28px;
    height: 23px;
    text-align: center;
    color: #FFF;
    border-radius: 0 0 3px 3px;}
.basket_vis{    padding-right: 60px;margin-bottom:16px;border-left: 1px solid #e6e6e6;
    position: relative;
    background: url(images/sprite.png) no-repeat 158px 1px;
    margin-top: 13px;}
.basket_vis a{    color: #797979;
    font: 16px/18px onfive-font;}
.basket_vis .product_count{    position: absolute;
    background-color: #000;
    color: #FFF;
    padding: 4px 7px;
    border-radius: 15px;
    font: 13px/13px onfive-font;
    top: -5px;
    right: 13px;}
.basket_vis .total_price{color: #ff1d4d;
    line-height: 16px;}
.basket_vis .arrow{    font: 13px/18px font-awesome;}
#logo{    display: block;
    height: 105px;
    background: url(images/logo.png) no-repeat center;}
.logo{width:240px;}
#logo a{    display: block;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;}
.clear.silver_1{background-color:#f6f6f6;border-top:1px solid #e6e6e6;height:5px;}
.search_form{    border: 2px solid #70ba28;
    border-radius: 25px;
    margin: 0 auto;
    width: 450px;
    height: 40px;
    position: relative;}
.search_form select{    color: #bfb7b7;
    font: 14px/22px onfive-font;
    border: 0;
    border-left: 1px solid #bfb7b7;
    float: right;
    height: 40px;
    width: 140px;}
.search_form:hover .icon{color:#70ba28;}
.search_form .text_box{    height: 38px;
    border: 0;
    padding-right: 5px;
    font: 14px/40px onfive-font;
    width: 215px;}
.search_form .submit{background-color: #70ba28;
    border: 0;
    cursor: pointer;
    color: #FFF;
    width: 47px;
    height: 40px;
    float: left;
    font: 19px/40px font-awesome;
    border-radius: 25px 0 0 25px;}
.search_form .icon{    color: #bfb7b7;
    font: 26px/40px font-awesome;
    margin: 0 10px 0 5px;
    float: right;}
.search{vertical-align:middle;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 99;

}
.sf-menu > li {
    float: right;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    right: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu ul {
    border:1px solid #cac7c7;
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul li:hover{background-color:#70ba28;}
.sf-menu ul li:hover > a{color:#FFF;}
.sf-menu a {
    padding: .75em 1em;
    text-decoration:none;
    text-align:right;
    zoom: 1; /* IE7 */
    font-size: 15px;
}
.sf-menu a {
    color: #535353;
}
.sf-menu li {
    background: #FFF;
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    /* bedune ertefa .debug ie7 */
}
.sf-menu ul li {
    background: #FFF;/* bedune ertefa .debug ie7 */
    border-bottom:1px solid #e5e5e5;
}
.sf-menu ul ul li {
    background: #EEE;/* bedune ertefa .debug ie7 */
}
.sf-menu li:hover,
.sf-menu li.sfHover ,.sf-menu li.current-menu-item{
    background: #FFF;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    color:red;
}
.sf-menu li:hover > a{color:#000;}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-left: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    left: .75em;
    top: .9em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../images/arrows-ffffff.png) no-repeat 0 -100px;
}

li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator {
    background-position: -10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu .home_item{    background-color: #ff1d4d;
    background-image: url(images/home_item.jpg);
    background-repeat: no-repeat;
    background-position: left top;}
.sf-menu .home_item a{    color: #FFF;
    font: 27px/22px font-awesome;
    padding: 0.35em .6em .35em .9em;}
.sf-menu .home_item:hover{ background-color: #ff1d4d;
    background-image: url(images/home_item.jpg);
    background-repeat: no-repeat;
    background-position: left top;}
.sf-menu .home_item:hover a{color: #e6e6e6;}
.main_menu{border-bottom:1px solid #e6e6e6;}
.slider_wrapper{    padding-top: 10px;margin-bottom:25px;}
.slider_wrapper .cats_wrapper{    width: 280px;border: 1px solid #e1e1e1;}
.cats_wrapper .cats_header{    background-color: #333333;
    color: #FFF;
    font: 17px/50px onfive-font;}
.cats_header .icon{    float: right;
    width: 55px;
    height: 50px;
    background: url(images/sprite.png) no-repeat -50px 9px;}
.cats_wrapper li{     border-top: 1px solid #e1e1e1;
    height: 50px;
    display: block;
    vertical-align: middle;
    position:relative;
}
.cats_wrapper li:hover{background-color:#f7f7f7;}
.cats_wrapper li a{    display: block;
    height: 100%;
    font: 14px/50px onfive-font;
    color: #000;}
.cats_wrapper li a .icon{    font: 24px/50px font-awesome;
    display: block;
    float: right;
    width: 43px;
    height: 50px;
    text-align: center;
    color: #666666;}
.slider_wrapper .slider{}
li.green a{    border-right: 5px solid #70ba28;}
li.blue a{border-right: 5px solid #04adf0;}
li.yellow a{border-right: 5px solid #efc73a;}
li.red a{border-right: 5px solid #f03442;}
li.pink a{border-right: 5px solid #f034ca;}
li.orange a{border-right: 5px solid #f6821f;}
li.violet a{border-right: 5px solid #7745bc;}
.sub_arrow{    color: #111;
    position: absolute;
    left: 10px;
    top: 14px;
    font: 20px/22px font-awesome;}
.cats_wrapper li:hover .sub{display:block; }
.cats_wrapper li .sub{    position: absolute;display:none;
    min-width: 13em;
    right: 100%;
    border: 1px solid #e1e1e1;
    top: 0px;
    background-color: #FFF;
    z-index: 10;}
.cats_wrapper li .sub li{    border-bottom: 1px solid #e1e1e1;
    border-top: 0;}
.cats_wrapper li .sub li:last-child{border-bottom:0;}
.cats_wrapper li .sub li a{border: 0;
    padding: 0 15px;}
.slider .tab{border:1px solid #ede7e7;position:relative;}
.slider{padding-right:8px;}
.slider .tab_menu{    z-index: 11;position:absolute;bottom:10px;left:10px;}
.slider .tab_menu li{    float: left;
    display: block;
    width: 15px;
    height: 15px;
    background: url(images/sprite.png) no-repeat -1px -47px;
    margin-right: 5px;}
.slider .tab_menu li.active{    background-position: -21px -47px;}
.slider .tab_menu li a{    text-indent: -999px;
    display: block;cursor:pointer;
    overflow: hidden;}
.slider .slide_img{display:block;margin: 0 auto;max-width:100%;}
.slider .tabcontent{position:relative}
.slider .counter_wrapper{    position: absolute;
    bottom: 39px;
    right: 50px;}

.counter_wrapper .counter_text {
    color: #000;
    margin-left: 20px;
    float: right;
    font: 25px/50px onfive-font;
}
.counter_wrapper .counter{float:right;}
.header_pro_w{border-bottom: 2px solid #3db4bc;
    height: 26px;}
.header_pro_w .header_pro{    margin-right: 40px;
    border: 2px solid #3db4bc;
    background: #FFF;
    float: right;
    height: 44px;
    padding: 0 20px;
    border-radius: 27px;
    font: 17px/40px onfive-font;}
.header_pro_w .header_pro span{    font: 13px/44px font-awesome;
    display: inline-block;
    float: right;
    border-left: 2px solid #3db4bc;
    padding: 0 0px 0 10px;
    margin-left: 15px;
    color: #3db4bc;
}

/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
}
.lSSlideWrapper {
    max-width: 100%;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 31px;
    display: inline-block;

    height: 32px;
    background: url('images/controls.png') no-repeat;
    cursor: pointer;

    margin:0 3px;
    color: #3DB4BC;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
    font:15px/32px font-awesome;

    text-align:center;
}
.lSAction{    background: #FFF;
    width: 83px;
    height: 30px;position: absolute; top: -53px;
    z-index: 2;
    left: 120px;
    text-align:center;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 2px 0;

}
.lSAction > .lSNext {
    background-position: -34px 0;
    left: 156px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.body_pro_w .item{
    margin-bottom: 30px;direction:ltr;
}
.body_pro_w .content-slider li{
    text-align: center;
    direction:rtl;

}
.body_pro_w .content-slider li .wrap_in{border:1px solid #d9d9d9;}
.body_pro_w .content-slider li:hover .wrap_in{border:1px solid #70ba28;}
.body_pro_w .content-slider li:hover .buttons{border-color:#70ba28;}
.body_pro_w .content-slider li .buttons a:hover{border-color:#70ba28;color:#FFF;background-color:#70ba28;}
.body_pro_w .item .content-slider h3 {
    margin: 0;
}
.body_pro_w .item .content-slider .price{min-height:26px;}
.body_pro_w .content-slider li h3 a{    display: block;
    margin-bottom: 15px;}
.body_pro_w .content-slider li img{    display: block;max-height:113px;
    margin: 11px auto 0;}
.body_pro_w .content-slider li h3 strong{    font: bold 16px/22px onfive-font;
    color: #333333;}
.body_pro_w .content-slider li .buttons{    border-top: 1px solid #d9d9d9;}
.body_pro_w .content-slider li .buttons a{display: table-cell;
    font: 14px/40px font-awesome;position:relative;
    color: #d9d9d9;
    border-right: 1px solid #d9d9d9;}
.body_pro_w .content-slider li .buttons a:first-child{border:0;}
.body_pro_w .content-slider li .buttons a:hover{}
.slide_pro {overflow:hidden;margin-bottom:43px;}
.price del {
    margin: 0 2px;
    color: #777777;
    font:bold 16px/26px onfive-font;
}
.price .amount {
    font-family: onfive-font;
    line-height: 26px;
    font-weight: bold;
}
.price ins {
    margin: 0 2px;
    text-decoration: none;
    color: #ff525a;
    font:bold 16px/26px onfive-font;
}
.body_pro_w .content-slider li .exist.notexist {
    color: #bc2b3c;
}
.body_pro_w .content-slider li .exist {
    color: #24ff00;
    font: 13px/30px onfive-font;
    float: left;
    margin: 0 5px;
}
.awesome {
    font-family: font-awesome;
}
.buttons .tooltip{    position: absolute;display:none;
    width: 100%;
    height: 22px;
    top: 124%;
    right: 0;
    color: #FFF;
    background-color: #70BA28;
    border-radius: 3px;
    font: 10px/22px onfive-font;}
.buttons .arrow{    font: 13px/13px font-awesome;
    position: absolute;display:none;
    top: 100%;
    color: #70BA28;
    right: 50%;}
.buttons a:hover .arrow,.buttons a:hover .tooltip{display:block;}
.body_pro_w{margin-top:18px; border-bottom: 2px solid #3db4bc;
    padding-bottom: 30px; }
.crock_top{
    width: 110px;
    height: 110px;
    position: absolute;
    z-index: 3;
    background: url(../img/crock_top.png);
    top: 18px;
    left: -16px;

    display:block;
}
.crock_bottom{ width: 110px;
    height: 110px;
    position: absolute;
    z-index: 3;
    background: url(../img/crock.png);
    bottom: -7px;
    right: -15px;

    display:block;}
.group{position:relative;}
.red .header_pro_w .header_pro{    border: 2px solid #ff1d4d;}
.red .header_pro_w .header_pro span{    border-left: 2px solid #ff1d4d;
    color: #ff1d4d;
}
.red .header_pro_w{    border-bottom: 2px solid #ff1d4d;}
.red .body_pro_w{border-bottom: 2px solid #ff1d4d;}
.red .lSAction > a{color:#ff1d4d;}

.green .header_pro_w .header_pro{    border: 2px solid #70ba28;}
.green .header_pro_w .header_pro span{    border-left: 2px solid #70ba28;
    color: #70ba28;
}
.green .header_pro_w{    border-bottom: 2px solid #70ba28;}
.green .body_pro_w{border-bottom: 2px solid #70ba28;}
.green .lSAction > a{color:#70ba28;}

.yellow .header_pro_w .header_pro{    border: 2px solid #efc73a;}
.yellow .header_pro_w .header_pro span{border-left: 2px solid #efc73a;color: #efc73a;}
.yellow .header_pro_w{    border-bottom: 2px solid #efc73a;}
.yellow .body_pro_w{border-bottom: 2px solid #efc73a;}
.yellow .lSAction > a{color:#efc73a;}

.orange .header_pro_w .header_pro{    border: 2px solid #f6821f;}
.orange .header_pro_w .header_pro span{border-left: 2px solid #f6821f;color: #f6821f;}
.orange .header_pro_w{    border-bottom: 2px solid #f6821f;}
.orange .body_pro_w{border-bottom: 2px solid #f6821f;}
.orange .lSAction > a{color:#f6821f;}

.pink .header_pro_w .header_pro{    border: 2px solid #f034ca;}
.pink .header_pro_w .header_pro span{border-left: 2px solid #f034ca;color: #f034ca;}
.pink .header_pro_w{    border-bottom: 2px solid #f034ca;}
.pink .body_pro_w{border-bottom: 2px solid #f034ca;}
.pink .lSAction > a{color:#f034ca;}

.violet .header_pro_w .header_pro{    border: 2px solid #7745bc;}
.violet .header_pro_w .header_pro span{border-left: 2px solid #7745bc;color: #7745bc;}
.violet .header_pro_w{    border-bottom: 2px solid #7745bc;}
.violet .body_pro_w{border-bottom: 2px solid #7745bc;}
.violet .lSAction > a{color:#7745bc;}
.footer{
    background:url(images/footer_bg.jpg) no-repeat bottom;
    background-size:100%;
}
.footer .wrapper{   background-image: url(images/copy_right.gif);
    background-position: bottom;
    background-repeat: repeat-x;background-color:#393939;border-bottom:5px solid #70ba28;text-align:right;}
.info_box{background:#70ba28; width:25%;position:relative;}
.info_box .header_info{    text-align: left;
    font: normal 37px/40px onfive-font;
    color: #FFF;}
.info_box .header_info .icon{    color: #FFF;
    font: 40px/40px font-awesome;
    background-color: #91d153;
    border-radius: 40px;
    display: inline-block;
    float: left;
    margin: 0 10px;
    padding: 8px;}
.info_box .out_box{    height: 10px;
    background-color: #70BA28;
    position: absolute;
    top: -10px;
    width: 100%;}
.info_box .arrow_left{    border-bottom: 10px solid #528b1b;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: -9px;}
.info_box .arrow_right{    border-bottom: 10px solid #528b1b;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: -9px;}
.info_box p{    color: #FFF;
    margin: 0 15px 40px;
    font: 18px/27px onfive-font;}
.parameters{    margin-bottom: 70px;}
.parameters strong{    display: block;    margin: 9px 0;
    color: #FFF;
    text-align: left;
    font: 16px/22px onfive-font;
    padding: 0 10px;}
.parameters strong.address{text-align:right;}
.parameters strong span{    display: inline-block;
    float: right;
    font: 20px/25px font-awesome;
    width: 30px;
    text-align: center;}
.socials{text-align:center;}
.socials li{display:inline-block;width:30px;height:26px;
    border-radius:3px;
    -o-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background:#5f9e21;
    overflow:hidden;
}
.socials a{font:15px/26px font-awesome;color:#FFF;display:block;}
.socials .facebook{}
.socials .gplus{}
.socials .twitter{}
.socials .instagram{}
.socials .dribbble{}
.socials .youtube{}
.socials .facebook:hover a{background-color:#5e7cb8;}
.socials .gplus:hover a{background-color:#ef3a33;}
.socials .twitter:hover a{background-color:#4db8d8;}
.socials .instagram:hover a{background-color:#d29f90;}
.socials .dribbble:hover a{background-color:#C32361;}
.socials .youtube:hover a{background-color:#CE1D20;}
.socials .linkedin:hover a{background-color:#007BB6;}
.widgets{padding:0 20px;text-align:center;}
.widget{display: inline-block;
    text-align: right;    width: 39%;
    margin: 23px 36px;}
.widget .widget_head{color:#FFF;font:17px/28px onfive-font;    border-bottom: 1px solid #70BA28;}
.widget .widget_head .icon{background:#70ba28;color:#FFF;padding:0 20px;font:15px/32px font-awesome;border-radius:30px;
    -o-border-radius:30px;
    -moz-border-radius:30px;display:inline-block;
    -webkit-border-radius:30px;    margin-right: -14px;}
.widget ul{padding:10px 0;}
.widget ul li{border-bottom:1px dashed #535252;padding:10px;}
.widget ul li a{display:block; color:#FFF;font:13px/18px onfive-font;}
.widget ul li:hover a{color:#63a622; }
.newslatter{}
.newslatter .box_header{    border-bottom: 1px solid #70BA28;
    height: 16px;
    margin-bottom: 22px;}
.newslatter .box_header span{-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;    color: #FFF;
    font: 18px/32px onfive-font;
    padding: 0 15px;
    border: 1px solid #70BA28;
    background-color: #393939;
    border-top: 0;
    border-bottom: 0;}
.newslatter:hover .box_header span{    padding: 0 20px;}
.newslatter p{    color: #c6c6c6;
    font: 14px/18px onfive-font;
    margin-bottom: 10px;}
#mail{width: 80%;
    margin: 0 auto 15px;}
.newslatter #mail-text{    border: 0;    font: 14px/22px onfive-font;
    height: 43px;
    width: 80%;padding:0 10px;}
.newslatter #mail-text:focus{background:#EEE;}
#mail-botton{    height: 43px;
    border: 0;
    background-color: #70ba28;
    color: #FFF;
    font: 18px/42px font-awesome;
    padding: 0 16px;}
.copyright{height:40px;}
.copyright a{}
.copyright p{color:#9a9a9a;font:14px/40px onfive-font;float:right;padding-right:15px;}
.copyright .sign{float:left;padding-left:15px;color:#FFF;font:14px/40px onfive-font;}
.copyright .sign a{color:#70ba28;opacity:0.8;font:14px/40px onfive-font;padding:0 4px;}
.copyright .sign a:hover{opacity:1;}
.fix_right{    position: fixed;
    z-index: 100;
    top: 30%;
    right: 0;}
.fix_right li{-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;position:relative;right: -12px;}
.fix_right li:hover{ right: -1px;}
.fix_right img{}
.fix_left{    position: fixed;
    z-index: 100;
    top: 30%;
    left: 0;}
.fix_left li{-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;position:relative;left: -2px;}
.fix_left li:hover{ left: -1px;}
.single_head{    border-bottom: 2px solid #70ba28;
    text-align: center;
    height: 22px ;   margin-bottom: 24px;}
.single_head.related_head {text-align:right;  }
.single_head.related_head strong{ margin-right:20px; }
.single_head strong{    display: inline-block;
    font: 18px/44px onfive-font;
    background-color: #FFF;
    border: 2px solid #70ba28;
    border-radius: 30px;
    height: 44px;
    padding: 0 20px;}
.single_head strong span{font: 13px/44px font-awesome;
    display: inline-block;
    float: right;
    padding: 0 0px 0 10px;
    margin-left: 15px;
    color: #70ba28;}
.single{    margin-bottom: 10px;font:12px/18px onfive-font;}
.featured_pic{    position: relative;    width: 430px;}
.featured_pic .off{    position: absolute;
    left: 10px;
    top: 0;
    text-align: center;
    background: url(images/roban.png) no-repeat top;
    display: block;
    width: 60px;
    height: 83px;
    color: #FFF;
    font: 14px/22px onfive-font;}
.featured_pic .off strong{    display: block;
    text-align: center;
    font: 23px/47px onfive-font;}
.featured_pic .big_img{    max-width: 99%;display:block;margin:0 auto;
    border: 1px solid #dcdcdc;
    border-radius: 2px;}

.details_pro{margin-top:42px;}
.details_pro .thumbs{    direction: ltr;
    border: 1px solid #EDEDED;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 3px;
    padding: 10px 4px;}
.details_pro .thumbs img{     max-width: 99%;display:block;margin:0 auto;
    border: 1px solid #dcdcdc;
    border-radius: 2px;height:51px;}
.details_pro .picture{    max-width: 500px;}
.details_pro .lSSlideOuter{width:86%;float:right;overflow:hidden;margin:0 1%;padding:2px;}
.ls_prev,.ls_next{float: right;
    width: 5%;
    font: 13px/22px font-awesome;
    background-color: #d4d4d4;
    color: #FFF;
    display: block;
    text-align: center;
    margin-top: 23px;
    border-radius: 13px;}
.details_pro .info{padding-right:15px;}
.details_pro .info h1{color:#676868;font:26px/32px onfive-font;border-bottom:1px solid #e9e9e9;}
.details_pro .info .exist{    width: 100px;
    height: 33px;
    display: inline-block;
    float: left;
    background: url(images/exist.jpg) no-repeat -4px -35px;}
.details_pro .info .exist.notexist{    background-position: -4px 1px;}
.top_meta strong {
    color: #484848;
    font: bold 15px/22px onfive-font;
    padding-right: 10px;
}
.top_meta span {
    font-weight: normal;
}
.top_meta{margin-top:10px;}
.top_meta .under_star {display:inline-block;}
.under_star {
    width: 96px;
    height: 16px;
    background: url(images/star.png) repeat-x;
    position: relative;
    margin: 5px auto 0;
}
.inside_star {
    width: 65px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/star2.png) repeat-x;
}
.details_pro .info .excerpt{color:#6b6f71;font:14px/18px onfive-font;margin-top:20px;}
.selective .count_pro{border: 2px solid #f9b74a;
    height: 40px;float:right;
    width: 115px;
    border-radius: 30px;
    overflow: hidden;
    padding-right: 10px;margin-bottom: 15px;}
.selective .count_pro span{    font: 13px/40px onfive-font;}
.selective .count_pro .quantity2{    float: left;}
.selective .count_pro .quantity{    float: right;}
.selective .count_pro .quantity2 strong{    display: block;
    float: left;
    background-color: #f9b74a;
    height: 40px;}
.selective .count_pro .quantity2 strong span{display: block;
    line-height: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 2px;
    margin: 2px 7px 2px 22px;
    cursor: pointer;}
.selective .count_pro .quantity2 input{      width: 28px;
    display: inline;
    margin-top: 11px;
    border: 0; }
.price_pro{    float: right;
    border: 2px solid #353434;
    padding-right: 10px;
    border-radius: 30px;
    overflow: hidden;
    height: 40px;
    margin-right: 10px;margin-bottom: 15px;}
.price_pro .single_add_to_cart_button{font: 18px/22px font-awesome;
    color: #FFF;
    background-color: #353434;
    border: 0;
    height: 40px;
    width: 49px;
    cursor: pointer;}
.price_pro:hover{ border-color:#000;}
.price_pro:hover .single_add_to_cart_button{background:#000; }
a.compare{    display: block;
    float: right;
    text-align: center;
    height: 40px;
    border: 2px solid #860287;
    font: 14px/40px onfive-font;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 10px;
    padding-right: 10px;}
a.compare:hover{border-color:#6E036F;}
a.compare:hover span{background:#6E036F;}
a.compare span{color: #FFF;
    background-color: #860287;
    display: inline-block;
    font: 14px/40px font-awesome;
    width: 45px;}
.selective{margin-top:15px;}
.total_details_head{
    border-bottom: 2px solid #eaeaea;
    height: 20px;    padding-top: 10px;
    margin-top: 20px;margin-bottom:15px;}
.total_details_head span{    background-color: #eaeaea;
    display: inline-block;
    color: #f91515;
    font: 18px/35px onfive-font;
    margin-right: 25px;
    padding: 0 20px;
    border-radius: 30px;}
.post-content p { line-height:18px;    margin-bottom: 15px;     font: 1.2em/1.7 'onfive-font';}
.post-content p em{font-style: italic}
.post-content p strong{font-weight:bold;}
.post-content a{	color: #50841E; font: 1.2em/1.7 'onfive-font';}
.post-content ol li,.post-content ul li{	 font: 1.1em/1.7 'onfive-font'; margin: 11px 0;}
.post-content a:hover { text-decoration:none;color: #334621;}
.post-content ul li{list-style:inside disc;}
.post-content ol li {list-style:decimal inside;}
.post-content img {box-shadow:0 0 10px #888;max-width:100%;}
.post-content .alignright {float:right; margin:12px 0 12px 12px;}
.post-content .alignleft {float:left; margin:12px 12px 12px 0;}
.post-content .aligncenter {display:block; margin:12px auto;}
.post-content h1 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:28px; line-height:2; margin:0; font-family:'onfive-font'; margin-top: 4px;}
.post-content h2 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:25px; line-height:2; margin:0; font-family:'onfive-font';}
.post-content h3 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:23px; line-height:2; margin:0; font-family:'onfive-font';}
.post-content h4 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:20px; line-height:2; margin:0; font-family:'onfive-font';}
.post-content h5 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:18px; line-height:2; margin:0; font-family:'onfive-font';}
.post-content h6 {color:#5F9F21;text-shadow: 0 1px 1px #FFFFFF; font-size:16px; line-height:2; margin:0; font-family:'onfive-font';}
.post-content table td {border:1px solid #555; padding:3px 6px; font: 13px/17px 'onfive-font';}
.post-content .related-post-title {line-height:1.5; border-bottom:1px solid #444; margin:7px 0; width:350px;}
.post-content .related-posts ul li{list-style:inside disc;}
.post-content .related-posts h4 {line-height:1.2;display: inline;}
.post-content .related-posts ul li a {font:normal normal 13px/1.5 onfive-font;}
.post-content hr{margin-top: -5px;;padding:0;}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=number]
,.wpcf7 input[type=url]{
    border: 1px solid #DDD;
    font: 15px/22px onfive-font;
    width: 310px;
    max-width: 100%;outline:none;
}
.wpcf7 input[type=date]{border: 1px solid #DDD;}
.wpcf7 textarea{border: 1px solid #DDD;width: 310px;
    max-width: 100%;outline:none;}
.wpcf7 textarea:focus,.wpcf7 input:focus{border-color:#000;}
.wpcf7 select{font: 15px/22px onfive-font;border: 1px solid #DDD;}
.wpcf7 input[type=submit]{display: inline-block;
    background-color: #70BA28;
    border: 0;
    border-bottom: 2px solid #5F9F21;
    color: #FFF;
    cursor: pointer;
    font: 14px/22px onfive-font;
    padding: 0 15px;}
.wpcf7 input[type=submit]:hover{   background-color: #5F9F21;}
.wpcf7 p{font: 13px/22px onfive-font;}
.related_pro{    padding: 20px 0;    position: relative;margin-bottom:20px;}
.related_pro ul{    text-align: center;}
.box_pro li{width: 23%;
    text-align: center;
    display: inline-block;
    margin: 15px .5%;}
.box_pro li .wrap_in {
    border: 1px solid #d9d9d9;
}
.box_pro li:hover .wrap_in{border:1px solid #70ba28;}
.box_pro li:hover .buttons{border-color:#70ba28;}
.box_pro li .buttons a:hover{border-color:#70ba28;color:#FFF;background-color:#70ba28;}
.box_pro li h3 {
    margin: 0;
}
.box_pro li h3 a{    display: block;
    margin-bottom: 15px;}
.box_pro li img{    display: block;
    margin: 11px auto 0;}
.box_pro li h3 strong{    font: bold 16px/22px onfive-font;
    color: #333333;}
.box_pro li .buttons{    border-top: 1px solid #d9d9d9;}
.box_pro li .buttons a{display: table-cell;
    font: 14px/40px font-awesome;position:relative;
    color: #d9d9d9;
    border-right: 1px solid #d9d9d9;}
.box_pro li .buttons a:first-child{border:0;}
.box_pro li .buttons a:hover{}

.box_pro li .exist.notexist {
    color: #bc2b3c;
}
.box_pro li .exist {
    color: #24ff00;
    font: 13px/30px onfive-font;
    float: left;
    margin: 0 5px;
}
#respond{    margin: 40px 5% 0 5%;}
#respond h3{  color: #2f2f2f;
    font: 16px/22px onfive-font;  margin: 10px 0;}
#commentform{}
#commentform {}
#commentform p{  float: right;
    width: 50%;}
#commentform p label{  width: 15%;
    display: inline-block;
    font: 15px/22px onfive-font;
    color: #afafaf;}
#commentform p input{width: 80%;
    border: 1px solid #e5e5e5;
    font: 15px/38px onfive-font;
    border-radius: 4px;
    padding-right: 2%;}
#commentform textarea{border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 98%;
    margin: 15px auto;
    display: block;
    font: 15px/22px onfive-font;}
#commentform #submit{  background: #70ba28;cursor:pointer;
    color: #FFF;
    font: 18px/45px onfive-font;
    border: 0;
    border-radius: 5px;
    padding: 0 43px;
    display: block;
    margin: 10px auto;  width: auto;}
#commentform #submit:hover{background:#60a41e;  }
ol.commentlist {
    list-style:none;
    margin:40px 0;
    padding:0;
}
ol.commentlist li {
    border:1px solid #d5d5d5;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 0 10px;
    padding:8px 7px;
    position:relative;
    background:#fff;
}
ol.commentlist li.pingback comment-author {
    padding:0 170px 0 0;
}
ol.commentlist .comment-body {
    overflow:hidden;
    width: 100%;
}
ol.commentlist li div.vcard {
    overflow:hidden;
    margin-left:20px;
    float:right;
}
ol.commentlist li div.vcard cite.fn a.url {
    color:#cc0000;
    text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
    color:#000;
}
ol.commentlist li div.vcard img.avatar {
    background: #fff;
    border:1px solid #aaa;
    padding: 5px;
    float:right;
    margin:0 0 10px 10px;
}
ol.commentlist li div.comment-meta {
    float:left;

}
ol.commentlist li div.comment-meta a {
    color:#205B87;
    text-decoration:none;
}
ol.commentlist li p {
    margin-bottom:12px;
    float:right;
    clear:both;  font: 14px/22px onfive-font;
}
ol.commentlist .says{display:none;}
ol.commentlist .fn{font: 17px/22px onfive-font;}
ol.commentlist .comment-awaiting-moderation{font: 14px/22px onfive-font;color:red;}
ol.commentlist li ul {
    font-weight:normal;
    font-size: 12px;
    line-height: 16px;
    font-family:onfive-font;
    list-style:square;
    margin:0 0 12px;
    padding:0;
}
ol.commentlist li div.reply {
    background: #70ba28;
    border: 1px solid #60a41e;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    color:#fff;
    padding:6px 5px 4px;
    text-align:center;
    width:58px;
    float:left;
    clear:both;
    font-size:11px;
    margin-bottom:10px;
}
ol.commentlist li div.reply:hover {
    background: #60a41e;
    border-color: #60a41e;
}
ol.commentlist li div.reply a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}
ol.commentlist li ul.children {
    list-style:none;
    margin:12px 0 0;
    text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
    margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-3 {
    margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-4 {
    margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-5 {
    margin:0 0 3px;
}
ol.commentlist ul.children li.odd {
    background:#f7f7f7;
}
ol.commentlist ul.children li.even {
    background:#f8f8f8;
}
ol.commentlist li.pingback div.vcard {
    padding:0 170px 0 0;
}

.compare_wrapper{  padding: 8px 14px;
    border: 1px solid #e4e4e4;
    background-color: #FFF;
    margin-bottom: 12px;    border-radius: 14px;}
.compare_wrapper .com_header{margin-bottom: 15px;}
.compare_wrapper .com_header p{float:right;font:14px/29px onfive-font;}
.compare_wrapper .count_in_compare{border-bottom:1px solid #f5f5f5;height:14px;margin-top:15px;}
.compare_wrapper .count_in_compare strong{  color: #e60606;
    font: 16px/28px onfive-font;
    padding: 0 10px;
    background-color: #f5f5f5;
    border-radius: 15px;
    display: inline-block;}
.compare_wrapper .com_header a.proceed_compare{  float: left;
    background-color: #70ba28;
    padding: 0 10px;color:#FFF;
    display: inline-block;
    font: 14px/28px onfive-font;
    border-radius: 4px;opacity:.9;
    margin-right: 5px;}
.compare_wrapper .com_header a:hover{opacity:1;}
.compare_wrapper a.delet_all{background:#363636;color:#FFF;}
.compare_wrapper a.delet_all span,.compare_wrapper a.compare_all span{  font-size: 11px;
    margin-left: 5px;}
.com_content{  padding: 8px;}
.com_content li{  width: 180px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    margin: 10px 6px;
    padding: 12px;
    position: relative;}
.com_content li img{  display: block;
    margin: 10px auto;max-width: 100%;
    border: 1px solid #dadada;}
.com_content li a{  display: block;}
.com_content li a strong{  display: block;
    color: #70ba28;
    font: 16px/22px onfive-font;
    text-align: center;
    margin: 6px 0;}
.com_content li:hover{ border: 1px solid #70ba28; background-color: #F2F2F2;}
.com_content li .delete{cursor:pointer;position:absolute;top:3px;right:3px;color:#a2a2a2;}
.add_to_compare{  display: inline-block;
    float: left;position:relative;}
.add_to_compare input{border: 1px solid #C5C5C5;
    font: 13px/27px onfive-font;
    padding: 0 5px;
    width: 138px;
    outline: none;
    border-radius: 4px;
    background-color: #FFF;}
.add_to_compare input:focus{border-color:red;}
.add_to_compare .com_notic{display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 240px;
    text-align: justify;}
.add_to_compare .com_notic strong{  border: 1px solid red;
    color: #333;
    line-height: 22px;    display: block;font: 16px/28px onfive-font;
    padding: 6px;  background-color: #FFF;}
.add_to_compare .com_notic span{  color: red;
    line-height: 0px;
    vertical-align: top;
    float: left;
    display: block;
    height: 11px;
    padding: 0;
    margin-left: 15px;
    font-size: 21px;
    position: relative;
    top: -2px;}
.add_to_compare:hover .com_notic{display:block;}
.compare_result{    margin: 30px 0px;}
.compare_result table{width:100%;}
.compare_result table .parameter{  background-color: #70ba28;
    color: #FFF;}
.compare_result table tr{}
.compare_result table tr.odd{background:#EEE;}
.compare_result table tr:hover{background-color: #E4E4E4;}
.compare_result table td{  font: 16px/30px onfive-font;    border: 1px solid #59981C}
.search_box{  overflow: hidden;
    float: right;display:none;}
.search_box .search_text{  background-color: #e8e8e8;
    border: 0;
    font: 15px/30px onfive-font;
    width: 170px;
    padding-right:4px;
    outline: none;}
.header .icons ul li.search a{}
.icon.search.active{}
.search_result{  position: absolute;display:none;
    top: 106%;
    width: 100%;    box-shadow: 0 0 3px #AAA;
    z-index: 1111;
    background-color: #FFF;}
.search_form:hover .search_result{display:block;}
.search_result ul{}
.search_result ul li{ border-bottom: 1px solid #dadada; overflow: hidden;border-right:4px solid #FFF;
    padding: 16px 14px;}
.search_result ul li:hover{border-right:4px solid #70ba28;}
.search .search_result ul li a{  float: none;
    width: auto;}
.search_result ul li a img{  width: 70px;
    height: 50px;
    border: 1px solid #dadada;
    float: right;
    margin-left: 12px;}
.search_result ul li strong{  color: #353434;
    font: 15px/22px onfive-font;}
.search .search_result ul li strong a{  font: 13px/22px onfive-font;
    display: inline;
    color: #70ba28;}
.archive{}
.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #FFF;
    text-decoration: none;
    cursor: pointer;
    color: #a2a2a2;
    font: 15px/28px onfive-font;
    display: inline-block;
    border: 1px solid #dedede;
    padding: 0 23px;
    border-radius: 23px;
    -o-border-radius: 23px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #70ba28;
    color:#FFF;

}
.navigation{text-align:center;padding:22px 0;}
.archive-icon.contact_icon{  padding: 8px 10px;}

.ts1{  width: 180px;
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin: 10px auto;
    padding: 12px;
    position: relative;}
.ts1 img{  display: block;box-shadow:0 0 0;
    margin: 10px auto;max-width: 100%;
    border: 1px solid #dadada;}
.ts1 a{  display: block;}
.ts1 a strong{  display: block;
    color: #59981C;
    font: 16px/22px onfive-font;
    text-align: center;
    margin: 6px 0;}
.ts1:hover{ border: 1px solid #59981C; background-color: #F2F2F2;}
.ts1 .delete{cursor:pointer;position:absolute;top:3px;right:3px;color:#a2a2a2;}
.compare .single_head{    border-bottom: 2px solid #ff4e00;}
.compare .single_head strong{    border: 2px solid #ff4e00;padding-right:0;overflow: hidden;}
.compare .single_head strong span{border-left: 2px solid #ff4e00;
    color: #ff4e00;color:#FFF;background-color:#ff4e00;padding-right:20px;}

.contact .single_head{    border-bottom: 2px solid #2acdc9;}
.contact .single_head strong{    border: 2px solid #2acdc9;padding-right:0;overflow: hidden;}
.contact .single_head strong span{color: #2acdc9;color:#FFF;background-color:#2acdc9;padding:5px;}

.about .single_head{    border-bottom: 2px solid #f03442;}
.about .single_head strong{    border: 2px solid #f03442;padding-right:0;overflow: hidden;}
.about .single_head strong span{border-left: 2px solid #f03442;
    color: #f03442;color:#FFF;background-color:#f03442;padding-right:20px;}

.purchase .single_head{    border-bottom: 2px solid #f0f0f0;}
.purchase .single_head strong{    border: 2px solid #f0f0f0;
    background-color: #f0f0f0;
    padding-right: 0;
    overflow: hidden;
    color: #f21313;}
.purchase .single_head strong span{padding-right: 20px;
    display: inline-block;
    width: 40px;
    height: 50px;
    border: 0;
    margin-right: 10px;
    background: url(images/candom_icon.png) no-repeat center;}
.map_wrapper {
    overflow: hidden;
    padding:40px 20px;;position:relative;
    padding-bottom: 25px;
    background: url(images/shadow.png) no-repeat center bottom;
}
#map-canvas {
    margin: 0 auto;
    height: 376px;
    border: 3px solid #e3e3e3;
    direction: ltr;
}
#map-canvas img{box-shadow:0 0 0;}
.contact_box{}
.contact_box .contact_form{width:46%;padding:0 3%;}
.contact_box .box_header,.about .box_header{    display: block;
    height: 40px;margin-bottom:15px;font:20px/40px onfive-font;color:#252525;border-bottom:2px solid #dcdbd7;}
.contact_box .box_header span,.about .box_header span{     display: inline-block;
    height: 46px;   }
.contact_form  .mini_text{    border: 1px solid #CCC;
    font: 14px/40px onfive-font;
    width: 46%;
    padding: 0 1%;
    margin-bottom: 10px;}
.contact_form  .mini_text.right_field{    margin-left: 2%;}
.contact_form  textarea{    border: 1px solid #CCC;
    width: 95%; font: 14px/40px onfive-font;
    padding: 2%;height:80px;
    margin-bottom: 10px;}
.contact_form  .submit{    background-color: #70ba28;
    border: 0;
    width: 100%;
    font: 15px/40px onfive-font;
    color: #FFF;
    border-radius: 30px;
    margin-bottom: 15px;
    cursor: pointer;}
.contact_form  .submit:hover{background-color: #5B9621;}
.contact_box .contact_info{padding:0 3%;}
.contact_box .contact_info .meta{}
.contact_box .contact_info .meta strong{font:18px/30px onfive-font;color:#696767;display:block;}
.contact_box .contact_info .meta strong span{font:14px/22px font-awesome;display:inline-block;float:right;width:20px;text-align:center;}
.contact_box .contact_info p{color:#343434;font:14px/20px onfive-font;margin-bottom:10px;}
.banner_wrapper{    position: relative;
    margin: 30px 0;
    overflow: hidden;}
.banner_wrapper img{    box-shadow: 0 0 0;
    width: 98%;
    margin: 26px auto 13px;
    display: block;}
.brands{overflow:hidden;text-align:center;margin:30px 0 ;}
.brands a{display:inline-block;margin:0 5px;}
.brands a img{width:197px;height:79px;border:1px solid #dddddd;box-shadow: 0 0 0;}
.brands a img:hover{border:1px solid #70ba28;}
.purchase{padding-top: 20px;}
.purchase .post-content h3{color:#f22f2f;}
.purchase{}
.purchase .toggle_wrapper{}
.purchase .toggle_wrapper ul{}
.purchase .toggle_wrapper ul li{    list-style: none;

    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    width: 47%;
    float: right;
    margin:5px 1%;
    min-height: 30px;
    vertical-align: middle;
    display: inline-block;}
.purchase .toggle_wrapper ul li a{    color: #3d3d3d;
    font: 14px/22px onfive-font;
    display: block;border-radius:3px;
    -o-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    height: 100%;border: 1px solid #f0eaea;
    background: #f7f7f7;
    padding: 10px;}
.purchase .toggle_wrapper ul li:hover a{color:#f22f2f;}
.purchase .toggle_wrapper ul li a .icon{    font: 20px/24px font-awesome;
    display: inline-block;
    float: left;
    width: 50px;
    text-align: center;
    height: 30px;}
.purchase .toggle_wrapper ul li .toggle_content{
    border:1px solid #f0eaea;border-top:0;
    display:none;padding: 0 10px;background:#FFF;}
.copyright.res{display:none;height:auto;}
.copyright.res p{margin: 0;
    text-align: center;
    float: none;
    color: #333;}
.copyright.res .sign{float: none;
    display: block;
    text-align: center;line-height: 20px;}
.copyright.res .sign a{color: #0F0F0F;line-height: 20px;}
.copyright.res .sign a:hover{}
.nav {
    position: relative;
    float:right;
}
#menu-icon2 {
    display: none;
    width: 46px;
    height: 44px;
    background: url("images/210.jpg") repeat scroll center center transparent;
    margin: 1px 5px;
    float: right;
}
.basket{position:relative;}
.basket:hover .basket_o_wrapper{display:block;}
.basket_o_wrapper{  min-width: 223px;
    position: absolute;
    top: 98%;    z-index: 999;
    right: 0;display:none;
    border-radius: 0 0 10px 10px;
    overflow:hidden;
}
.basket_o_wrapper .arrow{  display: inline-block;
    margin-right: 10px;
    height: 7px;
    width: 10px;
    background: url(images/icons.png) center top;}
.basket_wrapper{border-top: 2px solid #70ba28;  background-color: #FFF;}
.basket_wrapper form.form-kopen {
    margin: 6px 10px 10px 10px;
    overflow: hidden;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #d8d8d8;
}
.basket_wrapper form.form-kopen input[type="submit"] {
    height: 30px;
    background: #70ba28;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    font: 13px/15px 'onfive-font';
    color: white;
    float: left;
    border: none;
    width: 34%;
    cursor: pointer;
}
.basket_wrapper form.form-kopen input[type="submit"]:hover{background:#00abf0;}
.basket_wrapper form.form-kopen input[type="text"] {
    height: 30px;
    background: #FFF;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    font: 13px/23px 'onfive-font';
    color: #7f7f7f;
    float: right;
    border: none;
    width: 62%;
    padding: 0 4% 0 0px;
    outline: none;
    margin: 0px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.basket_wrapper span.j_title{font:14px/22px onfive-font;display:block;text-align:center;color:#9d9d9d}
.basket_products{padding-bottom:13px;border-bottom:1px solid #e6e6e6;}
.basket_wrapper .basket_products li{padding: 5px;
    background: #f5f5f5;
    margin:0 4px;
    border-bottom: 1px solid #ffffff;
    position: relative;
    overflow: hidden;}
.basket_wrapper .basket_products li:hover{background: #edecec;}
.basket_o_wrapper .basket_wrapper .basket_products li a{color: rgb(255, 255, 255);  width: auto;
    font: 14px/16px onfive-font;
    display: inline;
    text-align: right;
}
.basket_products li a img{float: right;
    width: 45px;
    height: 45px;
    border: 1px solid #dbdbdb;
    padding: 1px;
    margin-left: 5px;}
.basket_products li:hover a img{border-color:#000;}
.basket_products li a .title{   font-weight: bold;
    float: none;
    color: #2d2c2c;
    text-shadow: 0 0 0;
    font-family: onfive-font;
    font-size: 12px;}
.basket_o_wrapper .basket_wrapper .basket_products li a .variation{overflow: hidden;  color: #222;}
.basket_o_wrapper .basket_wrapper .basket_products li a .variation dt{    float: right;
    font-weight: bold;}
.basket_o_wrapper .basket_wrapper .basket_products li a .variation dd{    float: right;
    padding: 0px 2px 0px 7px;}
.basket_o_wrapper .basket_wrapper .basket_products li a .quantity{   display: inline-block;  color: rgb(139, 139, 139);}
.basket_o_wrapper .basket_wrapper .basket_products li .product-remove{position: absolute;
    top: 2px;
    left: 5px;}
.basket_o_wrapper .basket_wrapper .basket_products li .product-remove a{   color: #8a8a8a;
    padding: 0px 0px;
    font: bold 18px/13px onfive-font;}
.basket_o_wrapper .basket_wrapper .basket_products li .product-remove a:hover{color:red}
.clear.solid{border-bottom:1px solid #e6e6e6;}
.sum{font:14px/32px onfive-font;}
.sum span{color:#9d9d9d;  margin-right: 10px;}
.sum strong{  float: left;  margin-left: 10px;}
.proceed_buttons .update_cart{display: inline-block;
    width: 95px;
    height: 30px;
    background: #70ba28;
    font: 14px/14px 'onfive-font';
    color: white;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 0px;}
.proceed_buttons .checkout-button{ display: inline-block;
    width: 95px;
    height: 30px;
    background: #70ba28;
    font: 14px/14px "onfive-font";
    color: white;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 0px;}
.proceed_buttons{padding:10px;overflow:hidden;  text-align: center;}
.proceed_buttons .checkout-button:hover,.proceed_buttons .update_cart:hover{background-color:#00abf0;}

.single.about,.single.compare,.single.contact{padding-top:25px;}
.footer .widget{vertical-align:top;}
.add_to_compare{position:relative;}
form.add_to_compare ul {
    position: absolute;
    width: 230px;
    top: 32px;
    right: 0px;
    background: white;
    z-index: 111111111;
    display: none;
    z-index:11;
}
form.add_to_compare ul li{
    padding: 5px 5px 5px 0;
    border-bottom:1px solid #dadada;
    overflow: hidden;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
}
form.add_to_compare ul li a{}
form.add_to_compare ul li:hover {background: whitesmoke;}
form.add_to_compare ul li img{
    display:block;
    float:right;
    width: 55px;
    height: 45px;
    border:1px solid #c2c2c2;
    margin:0 0 0 8px
}
form.add_to_compare ul li .titr{
    display:block;
    font: bold 15px/17px 'onfive-font';
    margin: 8px 0;
    color:#353434;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
}
form.add_to_compare ul li .titr:hover {color: #00ABF0;}
form.add_to_compare ul li span a,form.add_to_compare ul li span{
    font:14px/16px 'onfive-font';
    color:#989898;
    padding:0 2px
}
/*
-------pasword strong
*/
#passwordStrength
{
    height:10px;
    display:block;
}

.strength0
{
    width:100%;
    background:#cccccc;
}

.strength1
{
    width:20%;
    background:#ff0000;
}

.strength2
{
    width:40%;
    background:#ff5f5f;
}

.strength3
{
    width:60%;
    background:#56e500;
}

.strength4
{
    background:#4dcd00;
    width:80%;
}

.strength5
{
    background:#399800;
    width:100%;
}
#commentform  p.stars span {
    width: 95px;
    height: 16px;
    position: relative;
    float: right;
    background: url("images/star.png") repeat-x scroll right center transparent;
}
#commentform p.stars span a {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 0px;
    padding-top: 16px;
    overflow: hidden;
}
#commentform p.stars span a.star-1 {
    width: 20px;
    z-index: 10;
}
#commentform p.stars span a.star-2 {
    width: 40px;
    z-index: 9;
}
#commentform p.stars span a.star-3 {
    width: 60px;
    z-index: 8;
}
#commentform p.stars span a.star-4 {
    width: 80px;
    z-index: 7;
}
#commentform p.stars span a.star-5 {
    width: 95px;
    z-index: 6;
}
#commentform p.stars span a:hover, p.stars span a:focus {
    background: url("images/star2.png") repeat-x ;
}
#commentform p.stars span a.active {
    background: url("images/star2.png") repeat-x right center transparent;
}
#commentform p.stars {
    float: right;
    width: auto;
}
#commentform  .comment-form-rating{  width: 100%;
    margin-top: 10px;}
.woocommerce-noreviews{
    font:14px/28px onfive-font;
}
.star-rating{width: 96px;
    height: 16px;
    background: url("images/star.png") repeat-x 0% 0% transparent;
    position: relative;
    float: right;}
.star-rating span{width: 65px;
    height: 16px;
    position: absolute;font: 0/0 onfive-font;
    color: transparent;
    top: 0px;
    left: 0px;
    background: url("images/star2.png") repeat-x 0% 0% transparent;}
.comment-form-rating label {
    float: right;
}
.result {
    color: green;
    font: 14px/22px onfive-font;
    text-align: center;
}
form.search_form ul{
    position:absolute;
    width: 100%;
    top: 105%;
    right:0px;
    background:white;
    z-index: 111111111;
    display:none;
    z-index:11;
    border: 1px solid #E2E2E2;
}
.no_result{padding:10px;text-align:center;font: bold 15px/17px 'onfive-font';}
form.search_form ul li{
    padding: 5px 5px 5px 0;
    border-bottom:1px solid #dadada;
    overflow: hidden;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
}
form.search_form ul li:hover {background: whitesmoke;}
form.search_form ul li img{
    display:block;
    float:right;
    width:82px;
    height:61px;
    border:1px solid #c2c2c2;
    margin:0 0 0 8px
}
form.search_form ul li .titr{
    display:block;
    font: bold 15px/17px 'onfive-font';
    margin: 8px 0;
    color:#353434;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
}
form.search_form ul li .titr:hover {color: #70ba28;}
form.search_form ul li span a,form.search_form ul li span{
    font:14px/16px 'onfive-font';
    color:#989898;
    padding:0 2px
}

/*------------------------default css woocommerce ------------------------*/
.post-content .woocommerce{font-family: onfive-font;direction:rtl;}
.post-content .woocommerce .checkout{overflow:hidden;direction: ltr;}

.post-content .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
    border-top: 3px solid #00ABF0;
    border-radius:0;
}
.post-content .woocommerce .woocommerce-info::before,.post-content .woocommerce-page .woocommerce-info::before {
    content: "i";

}
.woocommerce .col2-set, .woocommerce-page .col2-set {
    direction: rtl;
}
form.checkout #customer_details input, form.checkout #customer_details select {
    height: 24px;
    border: 1px solid #AAA;
    padding: 0px 3px;
    font: 14px/22px "onfive-font";
    border-radius:0;
}
form.checkout #customer_details input:hover, form.checkout #customer_details select:hover, form.checkout #customer_details input:focus, form.checkout #customer_details select:focus {
    border: 1px solid #4B9B39;
}
.post-content h3#order_review_heading {
    display: none;
}
#order_review {
    margin-top: 10px;
}
.post-content .woocommerce table.shop_table {
    text-align: center !important;
    overflow: hidden;direction: rtl;
}
.post-content .woocommerce table.shop_table th{text-align:center;font: 13px/22px "onfive-font";
    border:0;  border-bottom: 1px solid #70ba28;
    background: #4B9B39;
    color: #FFF;
}
.post-content .woocommerce table.shop_table td{border:0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.post-content .woocommerce table.shop_table tr:hover{background: #F8F8F8;}
.post-content .woocommerce table.shop_table tr .actions .button{
    font: 13px/13px onfive-font;
    border: 0px none;
    color: #FFF;
    background:#4B9B39;
    text-shadow:0 0 0;
    height: 26px;
    margin-bottom: 6px;
}
.post-content .woocommerce table.shop_table a.remove:hover{background:none;color:#C30000;}
.post-content .woocommerce table.shop_table #coupon_code{font:12px/16px 'onfive-font'}
.post-content .woocommerce table.shop_table .quantity .input-text.qty.text{
    border: 1px solid #999;
    border-radius:2px;
    -o-border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}
.post-content .woocommerce table.shop_table img{box-shadow:0 0 0;
    border:1px solid #888;
    padding:1px;  width: 90px;
}
.post-content .woocommerce table.shop_table .quantity{background:none;}
.post-content .woocommerce table.shop_table .variation{}
.post-content .woocommerce table.shop_table .variation dt{float: none;
    display: inline-block;}
.post-content .woocommerce table.shop_table .variation dd{float: none;
    display: inline-block;}
.post-content .woocommerce #payment,.post-content .woocommerce-page #payment {
    direction:rtl;
}
.post-content .woocommerce #payment ul.payment_methods,.post-content .woocommerce-page #payment ul.payment_methods {
    text-align: right;

    list-style: outside none none;
}
.post-content .woocommerce #payment ul.payment_methods li, .post-content .woocommerce-page #payment ul.payment_methods li {
    text-align: right;
    list-style: outside none none;
}
.post-content .woocommerce #payment #place_order:hover{
    background-color: #70ba28;
}
.post-content .woocommerce #payment #place_order{
    font: 13px/18px onfive-font;

    border: 0px none;
    color: #FFF;
    background: #4B9B39;
    text-shadow:0 0 0;
    margin-bottom: 6px;
}
.post-content .woocommerce .order_details {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.post-content .woocommerce .order_details li{
    float: right;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: 0.715em;
    line-height: 3em;
    border-left: 1px dashed rgb(223, 219, 223);
    padding-left: 2em;
    font-family: onfive-font;
    list-style: none;
    text-align:right;
    padding-right:0;
    border-right:0;
    padding-bottom: 10px;
}
.customer_details dt{float: right;
    padding-left: 20px;}
.customer_details dd{}
.customer_details{font: 14px/22px "onfive-font";padding:20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.post-content .woocommerce .order_details{border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.post-content .woocommerce .lost_reset_password .form-row.form-row-first,
.post-content .woocommerce .lost_reset_password .form-row.form-row-last{
    width: 100%;
    float: right;
}
.right_lost,.left_lost{width: 46%;
    float: right;
    text-align: justify;
    padding: 2% 2%;}
.post-content .woocommerce .lost_reset_password{width: 90%;margin: 10px auto 0px;
    direction: rtl;
    text-align: right;
    min-height: 150px;
    padding: 5%;
    border: 1px solid #DFDBDF;
    border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.post-content .woocommerce .login,.post-content .woocommerce .register{width: 90%;
    margin: 10px auto 0px;
    direction: rtl;
    text-align: right;
    min-height: 150px;
    padding: 3% 5%;}
.post-content .woocommerce .login label,.post-content .woocommerce .register label{float: right;
    width: 160px;}
.post-con .woocommerce .lost_reset_password label{float: right;
    width: 122px;}
.post-content .woocommerce .login #username,
.post-content .woocommerce .lost_reset_password #password_1,
.post-content .woocommerce .lost_reset_password #password_2,
.post-content .woocommerce .lost_reset_password #user_login,
.post-content .woocommerce .login #password,
.post-content .woocommerce .register #reg_email,
.post-content .woocommerce .register #reg_password2,
.post-content .woocommerce .register #reg_username,
.post-content .woocommerce .register #reg_password{
    width: 58%;
    border: 1px solid #777;
    height: 24px;
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.post-content .woocommerce .login .form-row .button,.post-content .woocommerce .register .form-row .button{
    font: 14px/24px "onfive-font";
    width: 80px;
    background: none repeat scroll 0% 0% #70ba28;
    border: 0px none;
    color: #FFF;
    padding: 0;
}
.post-content .woocommerce .lost_reset_password .form-row .button{
    font: 14px/24px "onfive-font";
    width: 110px;
    float: left;
    background: none repeat scroll 0% 0% #70ba28;
    border: 0px none;
    color: #FFF;
    padding: 0;
}
.post-content .woocommerce .addresses .title h3, .woocommerce-page .addresses .title h3 {
    float: right;
    font: 17px/26px "onfive-font";
}
.woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {
    float: right;
    padding: 0 12px;
    line-height: 22px;
    color: #FE0900;
}
.post-content .woocommerce .addresses .col-1 address, .post-content .woocommerce .addresses .col-2 address {
    padding: 20px;
    font: 14px/22px "onfive-font";
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.checkout #payment {
    display: none;
}
.checkout #payment.woocommerce-checkout-payment {
    display: block;
}
.woocommerce  .checkout_coupon{}
.post-content .woocommerce .checkout_coupon input{  height: 30px;
    width: 50% !important;
    padding: 0 5px;
    font: 14px/22px onfive-font;}
.post-content .woocommerce .checkout_coupon p.form-row-first{  float: right;}
.post-content .woocommerce .checkout_coupon p.form-row-last{  float: right;}
.post-content .woocommerce .checkout_coupon input.button{  float: right;
    font: 13px/13px onfive-font;
    border: 0px none;
    color: #FFF;
    background: #4B9B39;
    text-shadow: 0 0 0;
    height: 30px;
    margin-bottom: 6px;  width: auto !important;
    padding: 0 15px;}
.add_to_compare{position:relative;}
form.add_to_compare ul {
    position: absolute;
    width: 230px;
    top: 32px;
    right: 0px;
    background: white;
    z-index: 111111111;
    display: none;
    z-index:11;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em 2em 1em 3.5em!important;
    margin: 0 0 2em!important;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none!important;
    width: auto;    font: 16px/22px onfive-font;
}
.woocommerce-error {
    border-top-color: #b81c23;
}
.woocommerce-error:after,
.woocommerce-error:before,
.woocommerce-info:after,
.woocommerce-info:before,
.woocommerce-message:after,
.woocommerce-message:before {
    content: " ";
    display: table;
}
.woocommerce-error:before {
    content: "\e016";
    color: #b81c23;
}
.woocommerce-error:before,.woocommerce-info:before,.woocommerce-message:before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
}
.woocommerce-error li,.woocommerce-info li, .woocommerce-message li {
    list-style: none!important;
    padding-left: 0!important;
    margin-left: 0!important;
}
.woocommerce-message {
    border-top-color: #8fae1b;
}
.woocommerce-message:before {
    content: "\e015";
    color: #8fae1b;
}
.woocommerce-info {
    border-top-color: #1e85be;
}
.woocommerce-info:before {
    color: #1e85be;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a{
    float: left;
    font: 17px/22px onfive-font;
    color: white;
    padding: 0 7px;
    background-color: #70BA28;
    border-radius: 2px;
    border: 1px solid #70AB37;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover{
    background-color: #70AB37;
}



.post-content .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    line-height: 30px;
    margin: 0; }
.post-content .woocommerce-MyAccount-navigation ul li:hover {
    background-color: #3a3a3a; }
.post-content .woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff; }
.post-content .woocommerce-MyAccount-navigation ul a {
    color: #fefefe;
    display: block;
    font-size: 18px;
    padding: 10px; }
.post-content .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #3a3a3a; }
.post-content .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff; }
.post-content .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
    float: left;
    width: 76%; }
.post-content .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content::after {
    clear: both; }
.post-content .woocommerce-MyAccount-content label {
    font-size: 18px; }
.post-content .woocommerce-MyAccount-content .btn.btn-primary {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #f05025;
    border-color: #f05025; }
.post-content .woocommerce-MyAccount-content .btn.btn-primary:hover {
    color: #fff;
    background-color: #dd3b0f;
    border-color: #ca360e; }



.woocommerce-account .woocommerce-MyAccount-content {
    width: 81%; }
.woocommerce-account .woocommerce-MyAccount-navigation {
    display: inline-table;
    background: #212025 !important;
    width: 16%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #3c3b42; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    box-sizing: border-box;
    padding: 15px 15px 15px 10px;
    display: inline-block;
    width: 100%;
    position: relative; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #79a925 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    float: left; }
.woocommerce-account .woocommerce-MyAccount-navigation ul .is-active {
    background: #79a925 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul .is-active a:after {
    left: 0;
    top: 0;
    border: transparent solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent transparent transparent #fff;
    border-right-color: #fff;
    border-width: 24px 0 24px 12px; }
.woocommerce-account nav.woocommerce-MyAccount-navigation {
    width: 20%;
    min-height: 620px;
    float: right;
    margin-left: 15px;
    border-radius: 0; }

.woocommerce-Address {
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box; }

.login_wrapper,.login_wrapper a{
    font-family: onfive-font !important;
}
.basket .green_user .login_wrapper a{
    width: auto;
    color: #FFF;
    background: #f03542;
    font-size: 13px;
    line-height: 23px;
    display: inline-block;
    padding: 0 17px;
    border-radius: 0 0 5px 5px;
    white-space: nowrap;
}
.basket .green_user .login_wrapper a:hover{
    background: #af2730;
}
.woocommerce-privacy-policy-text{display:none;}



/* register form styles */
.rng-form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
    flex-wrap: wrap;
}
.rng-form-row .rng-form-col {
    width: 48%;
}

.rng-form-row label {
    display: none;
}
.woocommerce .rng-form-row input[type="text"],
.woocommerce .rng-form-row select,
.woocommerce .rng-form-row input[type="email"],
.woocommerce .rng-form-row input[type="password"],
.woocommerce .rng-form-row #reg_password2,
.woocommerce .rng-form-row #reg_email,
.woocommerce .rng-form-row #reg_password,
.woocommerce .rng-form-row #reg_password
.woocommerce .rng-form-row #reg_password2{
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #868686 !important;
    padding: 1em !important;
    font-size: 1.1em !important;
    box-sizing: border-box !important;
    height: auto !important;
}
.rng-form-row select {
    position: relative;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.rng-form-row select:focus {
    outline: none;
}
.rng-select-wrapper {
    position: relative;
}
.rng-select-wrapper:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #868686;
    left: 10px;
    top: 50%;
}
.rng-form-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.rng-form-wrapper-first,
.rng-form-wrapper-second {
    width: 48%;
}
@media screen and (max-width: 768px){
    .rng-form-wrapper-first,
    .rng-form-wrapper-second {
        width: 100% !important;
    }
    .rng-form-row .rng-form-col {
        width: 100%;
    }
    #map-canvas iframe{
        width: 100%;
    }
    .page-template-contactus .post-content .contact_box .table-cell{
        width: 96%;
        display: block;
    }
}
.rng-form-wrapper-second label {
    display: none !important;
}
.rng-form-row .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    width: 100%;
    display: block;
    margin: 0;
}
.rng-form-col .woocommerce-FormRow .button
{
    padding: .5em !important;
    width: 100% !important;
    font-size: 1.4em !important;
    font-weight: normal !important;
}
.woocommerce-form .form-row .button.woocommerce-button{
    padding: .5em !important;
    /*width: 100% !important;*/
    font-size: 1.4em !important;
    font-weight: normal !important;
}
.rng-form-wrapper h4 {
    color: #7d7d7d;
    font-size: 1.6em;
}
.rng-title-wrapper {
    text-align: center;
    margin-bottom: 9px;
}
.rng-title-wrapper span {
    color: #7d7d7d;
}
.post-content .woocommerce .register {
    margin-bottom: 1.5em;
}
.woocommerce-LostPassword.lost_password {
    font-size: 1em;
}
.contact_info p{
    line-height: 25px !important;
    text-align: justify;
}

@media only screen and (min-width : 1024px) and (max-width : 1200px) {
    .wrapper {width: 96%;
        margin: 0px auto;
        padding: 0 1%;}
    .featured_pic .big_img{width:350px;}
    .featured_pic {
        width: 354px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .wrapper {width: 96%;
        margin: 0px auto;
        padding: 0 1%;}
    .search_form{width: 385px;}
    .search_form select{width: 120px;}
    .search_form .text_box{width: 170px;}
    .slider .slide_img{width: 490px;}
    .slider .tab{border:0;}
    .slider_wrapper .slider {
        border: 1px solid #EDE7E7;
    }
    .slider .tabcontent {
        padding-bottom: 60px;
    }
    .widget{margin: 23px 10px;}
    .info_box{width: 34%;}
    .newslatter #mail-text {
        width: 200px;
    }
    .featured_pic .big_img{width:250px;}
    .featured_pic {
        width: 254px;
    }
    .contact_form .mini_text{width: 97%;}
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .wrapper {width: 96%;
        margin: 0px auto;
        padding: 0 1%;}
    .search_form{width: 385px;}
    .search_form select{width: 120px;}
    .search_form .text_box{width: 170px;}
    .slider .slide_img{width: 450px;}
    .slider .tab{border:0;}
    .slider_wrapper .slider {
        border: 1px solid #EDE7E7;
    }
    .slider_wrapper .cats_wrapper{display:none;}
    .slider .tabcontent {
        padding-bottom: 60px;
    }
    .widget{margin: 23px 10px;}
    .info_box{width: 34%;}
    .newslatter #mail-text {
        width: 200px;
    }
    .search,.crock_top,.crock_bottom,.widgets{display:none;}
    .copyright.res{display:block;}
    .lSAction{left:20px;}
    .logo {
        width: auto;
    }
    #menu-icon2 {
        display: inline-block;
    }
    .sf-menu {
        display: none;
        z-index: 111;
        position: absolute;
        margin: 0px;
        min-width: 12em;
        border: 1px solid rgb(170, 170, 170);
        top: 83%;
        height:auto;
    }
    .sf-menu li.home_item,.sf-menu li.home_item:hover{background:#FFF;}
    .sf-menu li.home_item a,.sf-menu li.home_item:hover a{color:#ff1d4d}
    .sf-menu a img{display:none;}
    .sf-menu a{padding:.75em 1em;}
    .nav:hover ul, .nav:active ul { display: block;}
    .right.nav ul ul{display:none;}
    .sf-menu li{float: none;border-bottom: 1px solid rgb(170, 170, 170);}
    .nav .sf-menu ul{position: absolute;
        left: auto;
        top: 0px;display:none;
        right: 100%;}
    .nav ul.sf-menu ul ul{display:none;}
    .box_pro li{width: 48%;}
    .featured_pic .big_img{width: 100%;}
    .featured_pic {
        width: 100%;
    }
    .compare_wrapper .com_header strong{display:none;}
    .com_content li ,.ts1{
        width: 80px;
        margin: 10px 2px;
        padding: 7px;
    }
    .ts1{margin: 10px auto;}
    .com_content li a strong,.ts1 a strong{font: 12px/14px onfive-font;}
    .details_pro {
        display:block;
    }
    .details_pro .picture {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
    .details_pro .info {
        width: 100%;
        display: block;
    }
    .purchase .toggle_wrapper ul li{float: none;
        display: block;
        width: 100%;}
    .contact_form .mini_text{width: 97%;}
}

@media only screen and (max-width : 480px) {
    .wrapper {width: 96%;
        margin: 0px auto;
        padding: 0 1%;}
    .search_form{width: 385px;}
    .search_form select{width: 120px;}
    .search_form .text_box{width: 170px;}
    .slider .slide_img{width: 355px;}
    .slider .tab{border:0;}
    .slider_wrapper .slider {
        border: 1px solid #EDE7E7;
    }
    .slider_wrapper .cats_wrapper{display:none;}
    .slider .tabcontent {
        padding-bottom: 60px;
    }
    .widget{margin: 23px 10px;}
    .info_box{width: 34%;}
    .newslatter #mail-text {
        width: 200px;
    }
    .search,.crock_top,.crock_bottom,.widgets{display:none;}
    .copyright.res{display:block;}
    .lSAction{left:20px;}
    .logo {
        width: auto;
    }
    #menu-icon2 {
        display: inline-block;
    }
    .sf-menu {
        display: none;
        z-index: 111;
        position: absolute;
        margin: 0px;
        min-width: 12em;
        border: 1px solid rgb(170, 170, 170);
        top: 83%;
        height:auto;
    }
    .sf-menu li.home_item,.sf-menu li.home_item:hover{background:#FFF;}
    .sf-menu li.home_item a,.sf-menu li.home_item:hover a{color:#ff1d4d}
    .sf-menu a img{display:none;}
    .sf-menu a{padding:.75em 1em;}
    .nav:hover ul, .nav:active ul { display: block;}
    .right.nav ul ul{display:none;}
    .sf-menu li{float: none;border-bottom: 1px solid rgb(170, 170, 170);}
    .nav .sf-menu ul{position: absolute;
        left: auto;
        top: 0px;display:none;
        right: 100%;}
    .nav ul.sf-menu ul ul{display:none;}
    .box_pro li{width: 275px;
        margin: 15px auto;
        float: none;
        display: block;
        max-width: 100%;}
    .featured_pic .big_img{width: 100%;}
    .featured_pic {
        width: 100%;
    }
    .compare_wrapper .com_header strong{display:none;}
    .com_content li ,.ts1{
        width: 80px;
        margin: 10px 2px;
        padding: 7px;
    }
    .ts1{margin: 10px auto;}
    .com_content li a strong,.ts1 a strong{font: 12px/14px onfive-font;}
    .details_pro {
        display:block;
    }
    .details_pro .picture {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
    .details_pro .info {
        width: 100%;
        display: block;
    }
    .purchase .toggle_wrapper ul li{float: none;
        display: block;
        width: 100%;}
    .contact_form .mini_text{width: 97%;}
    .contact_box {
        display: block;
    }
    .contact_box .contact_form {
        display: block;
        width: 94%;
    }
    .contact_box .contact_info {
        display: block;
        width: 94%;}
}
