/*    PC css    */
/* Product Detail page */
#coaf-checkout-shipping-form{
    display: none!important;
}
select .fa-circle-o:before {
    content: "\f10c"!important;
}
p::first-letter{
    text-decoration: none!important;
}
.numbers{
    font-size: 10px;
    font-weight: 400;
    float: right;
}
.contentclass{
    font-size: 10px;
}
.labelclass{
    display: inline-block;
    text-align: left;
    margin-right: 12px;
}
.box{
    margin-bottom: 5%;
    width: 89%;
    display: inline-block;
}
/*.toolbar{
    text-align: left!important;
}*/
.toolbar-products{
    text-align: left!important;
}
.listouter li:hover span.here i{
  color: #007C58;
}
.containclass{
    width: 19%;
    margin-bottom: 5%;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
.here{
    margin-right: 5px;
    font-size: 10px;
    font-weight: 400;
}
.fa-chevron-down{
    float: right;
}
.outerclass{
    margin-bottom: 10px;
}
.listouter li{
    margin-top: 10px;
    z-index: 999;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    font-weight: 400;
}
.textboxclass{
    font-size: 10px;
    font-weight: 400;
    text-align: left;
    padding: 3%;
    width: 100%;
    height: 30px;
    border: 1px solid;
}
.listouter{
    border: 1px solid black;
    background-color: #fff;
    width: 100%;
    display: none;
    position: absolute;
    top: 30px;
}
select option:first-letter{color: #5C88DA!important;}
p:first-letter {text-decoration:underline;}
.customnew .post-list-wrapper {
    margin-top: 20px!important;
}
.page-title h1, .page-title h2, .page-title-wrapper h1, .page-title-wrapper h2 ,.customnew h3{
    color:#757575!important;
    font-family:'Open Sans'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 32px!important;
}
.panel {
    border-top: 2px solid #FDAA63;
    border-bottom: unset!important;
    border-left: unset!important;
    border-right: unset!important;
    border-color: #FDAA63!important;
}
.customnew,.custommobile{
    padding: 5% 4% 2%;
    background-color: #FFF2BA;
}
.post-item-link{
    color: #007C58!important;
    font-weight: 700;
    text-decoration: revert;
}
.blog-widget-recent .post-ftimg-hld img {
    height: calc(100% * 410.67/240 )!important;
}
.custom,.customfaq{
    margin-top: 4%;
}
.customfaq{
    margin-bottom: 20%;
}
.end{
    border-bottom: 2px solid #FDAA63!important;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: none!important;
}
.glyphicon {
    font-size: 20px!important;
    color: #007C58!important;
    font-size: 700;
}
.panel-default > .panel-heading {
    background-color: #fff!important;
}
.panel-title > a {
    color: #007C58!important;
}
.custom,.custommobile{
    margin-bottom: 5%;
}
.details-page-features-banner h5 img {
    max-height: 24px;
    max-width: 20px;
}
.rewardssocial-buttons {
    z-index:0!important;
}
.rewardssocial-buttons .buttons-referral-like > a.referral {
    z-index:0!important;
}
.checkout-payment-method .payment-method-title .payment-icon{
    display:none;
}
.opc-progress-bar-item._active > span:before{
   background:#007C58!important;
}
.opc-progress-bar-item._active:before{
    background:#007C58!important;
}
div.field._required{
    /*display: inline-block;*/
}
div.field._required:nth-of-type(1){
    display: inline-block;
    width:40%;
}
.control>.field._required:nth-of-type(1){
    display: block;
    width:100%;
}

#outer-switcher-language{
    display: none;
}
div.field._required:nth-of-type(5){
    display: inline-block;
}
div.field._required:nth-of-type(6){
    display: inline-block;
}
@media only screen and (min-width: 1200px) {
    div.field._required:nth-of-type(2){
        display: inline-block;
        width:40%;
        /*margin-left:19%;*/
    }
    div.field._required:nth-of-type(7){
        display: inline-block;
        margin-left:12%;
    }
    div.field._required:nth-of-type(8){
        /*display: inline-block;*/
        display: block;
        width: 180px;
        /*margin-left:10%;*/
    }
}
@media only screen and (max-width: 1199px) {
    div.field._required:nth-of-type(2){
        display: inline-block;
        width:40%;
    }
    div.field._required:nth-of-type(7){
        display: inline-block;
    }
    div.field._required:nth-of-type(8){
        display: inline-block;
        width: 180px;
    }
}
.fieldset > .field > .label{
    border:none;
}
/*div.field:nth-of-type(2){*/
/*    display: inline-block;*/
/*}*/
@media only screen and (max-width: 991px) {
    #description{
      display: none;
    }
}
@media(max-width:780px){
    .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown {
        top: 35px;
        right: 60px;
    }
    .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after{
            position: relative;
            top: -10px;
            right: 60px;
            visibility: hidden;
    }

    .action.toggle.active:after {
        bottom: 12px;
        position: relative;
        right: 60px;
    }
    #outer-switcher-language{
        display: block;
        height: 18px;
    }
    .view-default{
      display: none;
    }
  }
  @media(max-width:601px){
    .customnew{
        display: none!important;
    }
    .custom{
        display: none!important;
    }
  }
  @media (max-width: 600px) {
    .containclass {
        width: 100%;
    }
}
  @media(max-width:360px){
    .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown {
        top: 25px;
        right: 60px;
    }
}

@media(min-width:602px){
    .customnew{
        display: block!important;
    }
    .custom{
        display: block!important;
    }
    .customfaq{
        display: none!important;
    }
    .custommobile{
        display: none!important;
    }
  }
*, body, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Open Sans !important;
}
body a:hover, body a:focus {
color: #007C58!important;
}
li.item.blog{
    display: none;
}
h3.accor-title{
   display: none;
}

button.increase.items{
    background-color:#f9f9f9!important;
    border-color: #f9f9f9!important;
    color:#5b5b5b!important;
}
button.reduced.items{
    background-color:#f9f9f9!important;
    border-color: #f9f9f9!important;
    color:#5b5b5b!important;
}
button.button:hover, button:hover, .cart .continue:hover, .actions-toolbar .primary a.action:hover{
    background-color: #007C58; /*green*/
    border-color: #007C58;
}
.cart .continue, .actions-toolbar .primary a.action, button{
    background-color: #007C58!important;
    border-color: #007C58!important;
    color:white!important;
}
.cart .continue, .actions-toolbar .primary a.action, button:focus{
    background-color: #007C58!important;
    border-color: #007C58!important;
    color:white!important;
}

.action .reload .captcha-reload :hover{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.submit{
    background-color:#5C88DA!important;/*blue*/
    border-color: #5C88DA!important;
}
.fa{
    font-family: FontAwesome !important;
}
.action .towishlist:hover{
    background-color: #FDAA63!important;/*orange*/
    border-color: #FDAA63!important;
    color:white!important;
}
.action .primary .checkout{
    color: #007C58!important;/*green*/
}
.price{
    color: red!important;
}
.cart-container .checkout-methods-items .action.primary{
    background-color: #007C58!important;
    border-color: #007C58!important;
}
.item .actions-cart .button.btn-cart{
    color: #fff;
}

.item .actions-cart .button.btn-cart:hover{
    color: #fff !important;
    background-color: #007C58 !important;
    border-color: #007C58 !important;
}

.post-list .post-content .post-read-more:hover{
    background-color: #FDAA63!important;
    border: 1px solid #FDAA63!important;
    color:white!important;
}
#supplement h2{
    color: #000;
    border-bottom: 2px solid #000;
    font-size: 24px;
}
#supplement table{
    color: #555;
}
#supplement h3{
    color: #555;
    font-weight: 400;
}
#supplement p{
    color: #555;
}
.category-view .page-title-wrapper .page-title, .pagecrumbs-title{
    display: none;
}
.swatch-option.text{
    height: 28px;
    background: none;
}
.swatch-option.selected{
    outline: 2px solid #1c80b9;
}
.product-info-main .stock.available, .product-info-main .stock.unavailable{
    color: #007C58;
    font-weight: 400 !important;
    text-transform: inherit !important;
}
.swatch-opt{
    margin: 0px !important;
}
.product.attribute.sku{
    display: none;
}
.product.data.items > .item.title.active > .switch, .product.data.items > .item.title:hover > .switch{
    background-color: #ffffff !important;
    color: #007C58 !important;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #fff;
}
.product.data.items > .item.title > .switch{
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #999 !important;
    padding: 0 30px !important;
}
.product.info.detailed {
    background: #f5f5f5;
    border: 1px solid #eee;
}
.buttonpara{
    color: #007C58!important;
    font-weight: 600;
    text-decoration: underline!important;
}
.hiddenpara{
    display: none;
}
.product.data.items > .item.content{
    border: 0px !important;
    background: #fff;
}
.product-view .product-qty .custom-qty{
    width: calc(75% - 100px);
}
/* Product Listing */
.breadcrumbs{
    border-top: 1px solid #ebebeb;
}
.breadcrumbs ul{
    padding: 10px 0 !important;
}
/*.category-view{
    display: none;
}*/
.header-content, .category-view {
    background-color: unset!important;
}
.product-item .price-box .price-label{
    display: none;
}
.products-grid .product-name{
    max-width: 100% !important;
    white-space: inherit !important;
    text-align: center;
}
.products-grid .price-box {
    float: inherit !important;
    width: 100%;
    text-align: center;
}
.product-item-name .product-item-link:hover{
    color: #007C58 !important;
}
.item .actions-no .add-to-links a:hover, .products-list .item .product-item-inner .add-to-links .action:hover, .product-view .product-shop .product-social-links a:hover, .product-add-form .product-social-links a:hover{
    color: #fff !important;
    background-color: #FDAA63 !important;
    border-color: #FDAA63 !important;
}

/* Mage Menu */
.magicmenu .nav-desktop .level0 .cms-static-pages {
    width: 800px !important;
    left: -200px;
    padding: 20px !important;
}
.mage-shop-menu h3{
    color: #007C58;
    font-weight: 400;
    padding-bottom: 10px;
}
.mage-shop-menu p{
    margin: 0px;
    text-transform: inherit !important;
}
.mage-shop-menu img{
    padding-bottom: 20px;
}
.magicmenu .nav-desktop .level0:hover .level-top{
    color: #007C58;
}
.full-width{
    margin: 0px calc(50% - 50vw);
}
/* Header */
.headtop-mobile{
    display: none;
}
.header .header-content{
    background-color: #fff !important;
}
.header .header-top{
    background-color: #007C58;
    border: 0px;
}
.header .header-top .container{
    position: relative;
}
.header .header-top .top-language{
    position: absolute;
    top: 47px;
    right: 0px;
    z-index: 3;
}
.top-form-language .language .dropdown span, .page-header .top-form-language .switcher .options ul.dropdown a{
    cursor: pointer;
    background-image: none !important;
    padding: 0px !important;
}
.header .tool-header{
    width: 170px;
}
.header .header-top p{
    margin: 0px;
    color: white;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.2px;
}
.cms-index-index .header-content, .blog-index-index .header-content, .blog-post-view .header-content, .blog-category-view .header-content, .page-layout-2columns-right .header-content, .page-products .header-content, .catalog-product-view .header-content, .contact-index-index .header-content, .cms-page-view .header-content, .cms-noroute-index .header-content{
    position: relative !important;
}
.cms-index-index .header-content.header-container-fixed{
    position: fixed !important;
}
.header .header-sticker.header-container-fixed {
    background-color: #fff !important;
}
.header-container-fixed .tool-header .tool-content{
    top: 30px;
}
.tool-header .icon{
    color: #1a1a1a !important;
}
.minicart-wrapper .cart-icon.icons span.text:before{
    color: #1a1a1a !important;
}
.header-search .icon-search{
    color: #1a1a1a !important;
}
.minicart-wrapper .action.showcart .counter.qty{
    color: #fff !important;
    background-color: #007C58 !important;
    right: -20px !important;
}
.header .logo{
    padding: 21px 0px !important;
    max-width: 150px !important;
}
.magicmenu .nav-desktop{
    text-align: right;
    margin-right: 150px;
}
.nav-sections .magicmenu .nav-desktop .level0 .level-top{
    padding: 54px 19px 40px 17px !important;
}

/* Homepage */
#home .product-title {
    padding: 0 0;
}
#home .section-1 .icon{
    max-width: 70px;
    margin: auto;
}

#home .section-1 .part1, #home .section-1 .part2, #home .section-1 .part3{
    text-align: center;
    background: rgba(153,214,234,0.1);
    padding: 20px;
}
#home .section-1 .row .col-sm-4{
  margin-bottom: 20px;
}
#home .section-1 .part1 .title h3{
    font-size: 24px;
    color: #007C58;
    font-weight: 400;
    letter-spacing: 1.2px;
}
#home .section-1 .part2 .title h3{
    font-size: 24px;
    color: #34B78F;
    font-weight: 400;
    letter-spacing: 1.2px;
}
#home .section-1 .part3 .title h3{
    font-size: 24px;
    color: #007C58;
    font-weight: 400;
    letter-spacing: 1.2px;
}
#home .section-1 ul{
    margin-bottom: 30px;
}
#home .section-1 .product{
    width: 90%;
    margin: auto;
}
#home .section-1 .shop-button{
    border: 1px solid #ddd;
    padding: 5px 20px;
}
#home .section-1 .shop-button:hover{
    background: #007C58;
    color: white!important;
}


#home .magictabs .item:hover .title, #home .magictabs .item.activated .title{
    color: #fff;
    background-color: #007C58;
    border-color: #007C58;
}
#home .section3{
    background-color: rgba(153,214,234,0.1);
    position: relative;
    padding: 40px 0;
    text-align: center;
}
#home .section3 .product-title{
    padding-top: 0px;
}
#home .section3 .product-title span{
    color: #007C58;
}
#home .section3 .product-title span:before{
    background-color: #007C58;
}
#home .section3 .author{
    font-weight: 600;
}
#home .section3 #hs-next{
    background: #007C58;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 30px;
    height: 30px;
    padding: 1px 1px 1px 3px;
    border-radius: 15px;
    font-size: 20px;
    z-index: 10;
    cursor: pointer;
    margin-top: -21px;
}
#home .section3 #hs-prev{
    background: #007C58;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 30px;
    height: 30px;
    padding: 1px 1px 1px 0px;
    border-radius: 15px;
    font-size: 20px;
    z-index: 10;
    cursor: pointer;
    margin-top: -21px;
}
#home .section4 .product-title{
    padding-bottom: 0px;
}
#home .section4 .product-title span:before{
    display: none;
}
#home .section4 .show-more{
    text-align: center;
}
#home .section4 .show-more a{
    color: #007C58;
}
#home .section4 .post-title .post-item-link{
    color: #000;
    font-size: 16px;
}
#home .section4 .post-title{
    padding: 10px 0;
}
.block-subscribe .actions button.button{
    line-height: 38px;
    background-color: #007c58 !important;
    border-color: #007c58 !important;
}
.block-subscribe .actions button.button:hover{
    background-color: #007c58 !important;
    border-color: #007c58 !important;
}
.link-social .link-icon a{
    color: #999 !important;
    border-color: #999 !important;
}
.link-social .link-icon a:hover{
    color: #fff !important;
    background-color: #FDAA63 !important;
    border-color: #FDAA63 !important;
}
/*  Footer  */
.cms-static-main-final{
    border-top: 1px solid #f2f2f2 !important;
}
.page-footer .block-footer-bottom{
    background: #b4d4cd !important;
}
.footer-item .box-content .content .info, .footer-item .box-content .content .link-list a{
    text-transform: inherit !important;
}
.footer-copyright .copyright span {
    color: #f0f0f0 !important;
}
.main-wrap-copyright {
    background: #007C58;
}
.footer-item .link-social{
    float: inherit;
    padding: 0px;
}
/* cart button */
.block-minicart .block-content .actions .primary .action.primary.checkout{
  color: #ffffff !important;
  background-color: #007C58 !important;
  border-color: #007C58 !important;
}
.block-minicart .block-content .actions .secondary .viewcart:hover{
  color: #ffffff !important;
  background-color: #007C58 !important;
  border-color: #007C58 !important;
}
/* mobile header */
.nav-toggle:before{
  color: #000;
}
.nav-toggle:hover::before{
  color: #000;
}

.swatch-option{
max-width: 150px;
}
.accor-title:before, .sidebar .block .block-title:before, .block.filter .filter-title:before, .block-blog .blog-title h5:before{
    height: 0px;
}
.custom-product .magictabs .item span:after {
    height: 0px;
}
/*config button*/
.swatch-option.text{
    background:none;
}
/*to top icon*/
#backtotop .fa{
    background-color:#007C58!important;
    border-collapse:#007C58!important; 

}
/*cart*/
.product-view .product-shop .add-to-cart .items, .box-tocart .items, .product-shop .add-to-box .items{
    background:none;
    width: 10%;
}
.product-view .add-to-cart button.button{
    background-color:#007C58!important;
    border-color: #007C58!important;
}
.product-view .product-shop input.qty, .block-bundle-summary .product-details input.qty{
    width:15%;
}
.captcha-reload {
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.action .reload .captcha-reload :hover{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.primary>a .action .create .primary{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
a .action .create .primary{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.actions-toolbar .primary a.action{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.login .primary{
    background-color:#5C88DA!important;
    border-color: #5C88DA!important;
}
.payment-method-billing-address .actions-toolbar .action-cancel{
    margin: 0px 20px 0 0!important;
}
.action-edit-address{
    width:80px!important;
}
.checkout-payment-method .payment-option-title .action-toggle{
    color:#007c58!important;
}
button.action.submit.primary{
    color:white!important;
}
button#send2.action.login.primary{
        color:white!important;
}
.product-view .product-qty label{
    width:50px!important;
}
.action.remind span{
    color:#007c58;
}
.action.back span{
       color:#007c58;
}
.login-container .fieldset::after{
    color:#007c58;
}
.products-textlink{
    text-align: center!important;
}
button.slick-prev.slick-arrow{
    color: white!important;
    background-color: #007c58;
    border-color: #007c58;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff!important;
}
.slick-prev:before, .slick-next:before {
    color: #fff!important;
}
button.slick-next.slick-arrow{
    color: white!important;
    background-color: #007c58;
    border-color: #007c58;
}
.slick-prev:hover, .slick-next:hover{
    color: white;
    background-color: #007c58;
    border-color: #007c58;
}
.products.wrapper~.toolbar-products .pages {
    text-align: center;
}