/*    PC css    */
/* Product Detail page */
#coaf-checkout-shipping-form{
    display: none;
}
.checkout-payment-method .payment-method-title .payment-icon{
    display:none;
}
.opc-progress-bar-item._active > span:before{
   background:#007C58!important;
}
p::first-letter{
    text-decoration: none!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%;
}

.rewardssocial-buttons {
    z-index:0!important;
}
.rewardssocial-buttons .buttons-referral-like > a.referral {
    z-index:0!important;
}
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;
        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;
    }

    .action.toggle.active:after {
        bottom: 12px;
        position: relative;
        right: 60px;
    }
    #outer-switcher-language{
        display: block;
        height: 18px;
    }
    div.view-default,div.view-simplify{
      display: none;
    }*/
        .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;
        }
        strong.view-traditional,strong.view-simplify{
          display: none;
        }
      
  }
  @media(max-width:360px){
    .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown {
        top: 25px;
        right: 60px;
    }
}
*, 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: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;
}
.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;
}
.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;
    background-color: #007c58;
    border-color: #007c58;
}
button.slick-next.slick-arrow{
    color: white;
    background-color: #007c58;
    border-color: #007c58;
}
.slick-prev:hover, .slick-next:hover{
    color: white;
    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;
}
.products.wrapper~.toolbar-products .pages {
    text-align: center;
}