@import url('https://fonts.googleapis.com/css?family=Rubik:400,900i');

/* GENERAL =========================================> */
/* Main settings */
html { overflow-y: scroll; }
body { font: 16px 'Rubik', sans-serif; background-color: #fff; min-width: 320px; /*max-width: 2000px;*/ margin: auto; color: #333; background-image: url("../images/global_nutraceutics_background.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: 50%; background-size: contain; }
* { margin: 0; padding: 0; outline: 0; box-sizing: border-box; overflow: hidden; }
*:before, *:after { box-sizing: border-box; }
/* font-family: 'Rubik', sans-serif; */
/* Tags */
a { text-decoration: none; }
ul { list-style-type: none; }
i { overflow: hidden; }
/* Repetitive classes & jQuery classes */
.main { margin: 0 auto; padding-left: 25px; padding-right: 25px; }
.main-top-bot { padding-top: 50px; padding-bottom: 50px; }
.margin-bot { margin-bottom: 50px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.block { display: block!important; }
.green { color: #006139!important; }
.wrapper-container { margin-top: 62px; }
.text-align { text-align: center; }
.bold { font-weight: bold; }
.bold-p { font-weight: bold; }
.italic { font-style: italic; }
/* product category jQuery */
.active-category { background-color: #fff !important; color: #006139 !important; border-color: #006139 !important; }
.rotate { transform: rotate(90deg); }

/* NAVIGATION =========================================> */
.navigation-wrapper { position: fixed; border-bottom: 1px solid #006139; background-color: #fff; width: 100%; overflow: visible; z-index: 2; }
.navigation-wrapper .navigation-content { position: relative; overflow: visible; }
.navigation-wrapper .navigation-content .logo { padding-top: 5px; padding-bottom: 5px; }
.navigation-wrapper .navigation-content .logo img { width: 150px; height: 47px; }
.navigation-wrapper .navigation-content .navigation-menu li { float: left; padding-left: 4px; }
.navigation-wrapper .navigation-content .navigation-menu li a { line-height: 53px; font-size: 10px; text-transform: uppercase; padding: 4px; color: #666; transition: all 0.5s; display: block; }
.navigation-wrapper .navigation-content .navigation-menu li a:hover { color: #71bf44; }
.navigation-wrapper .navigation-content .navigation-menu li a i { vertical-align: sub; overflow: hidden; }
.navigation-wrapper .navigation-content .navigation-menu .special a:hover { text-decoration: underline; }
.navigation-wrapper .navigation-content .navigation-menu li .sub-menu { position: absolute; display: none; border-top: 1px solid #006139; width: 100%; left: 0; }
.navigation-wrapper .navigation-content .navigation-menu li .sub-menu li { float: none; line-height: 0; background-color: #fff; border-bottom: 1px solid #006139; border-left: 1px solid #006139; border-right: 1px solid #006139; background-color: #d4ebc6; padding: 0 30px; }
.navigation-wrapper .navigation-content .hamburger-menu { display: none; }
.navigation-wrapper .navigation-content .hamburger-menu a { display: block; margin-top: 12px; color: #71bf44; transition: all .5s; width: 40px; float: right; }
.navigation-wrapper .navigation-content .hamburger-menu a:hover { color: #006139; }
.navigation-wrapper .navigation-content .hamburger-menu a i { font-size: 24px; padding: 6px 8px; border: 1px solid #71bf44; display: block; border-radius: 4px; }
.navigation-wrapper .navigation-content .language { float: none; position: absolute; top: 58px; right: 20px; }
.navigation-wrapper .navigation-content .language a { float: left; height: 18px; overflow: hidden; transition: all .5s; }
.navigation-wrapper .navigation-content .language a:hover { height: 31px; }
.navigation-wrapper .navigation-content .language a img { display: block; }

/* HEADER =========================================> */
.wrapper-container .header-container { background-color: #fff; border-bottom: 1px solid #006139; padding-top: 20px; }
.wrapper-container .header-container img { width: 100%; height: auto; display: block; }

/* TITLE =========================================> */
.wrapper-container .title-container { padding-bottom: 0; text-align: center; }
.wrapper-container .title-container .main-title { font-size: 36px; font-weight: bold; margin-bottom: 15px; }
.wrapper-container .title-container .subtitle { font-size: 22px; }
.wrapper-container .title-container .main-title, .wrapper-container .title-container .subtitle { color: #006139; background-color: rgba(255,255,255,0.7); display: inline-flex; padding: 4px 10px; border-radius: 6px; }

/* PRODUCTS CATEGORY =========================================> */
.wrapper-container .category-container .category-item { width: 100%; }
.wrapper-container .category-container .category-title { display: block; background-color: #006139; padding: 10px; padding-left: 20px; font-size: 18px; font-weight: bold; border: 1px solid #fff; color: #fff; cursor: pointer; transition: all .5s; margin-top: 20px; text-align: center; }
.wrapper-container .category-container .category-title:hover { background-color: #fff; color: #006139; border-color: #006139; }
.wrapper-container .category-container .category-title i { float: right; display: block; font-size: 22px; padding-right: 5px; border-radius: 50%; overflow: hidden; }
.wrapper-container .category-container .category-products { background-color: #fff; padding: 25px; border: 1px solid #006139; border-top: none; display: none; background-color: #d4ebc6; }
.wrapper-container .category-container .category-title, .wrapper-container .category-container .category-products { width: 90%; margin-left: auto; margin-right: auto; }
.wrapper-container .category-container .category-item li { width: 50%; float: left; }
.wrapper-container .category-container .category-item li a { display: inline-block; padding: 3px 0; color: #006139; }
.wrapper-container .category-container .category-item li a:hover { text-decoration: underline; }

/* PRODUCTS A to Z =========================================> */
.wrapper-container .products-container {  }
.wrapper-container .products-container .products-items { background-color: #d4ebc6; margin-bottom: 25px; }
.wrapper-container .products-container .products-items .products-letter { text-transform: uppercase; background-color: #8eca68; text-align: center; padding: 5px; font-size: 20px; font-weight: bold; }
.wrapper-container .products-container .products-items .products-list-items { padding: 10px; padding-left: 15px; }
.wrapper-container .products-container .products-items li { width: 33.33%; float: left; }
.wrapper-container .products-container .products-items li a { font-size: 14px; display: inline-block; padding: 2px 0; color: #006139; }
.wrapper-container .products-container .products-items li a:hover { text-decoration: underline; }

/* ABOUT =========================================> */
.wrapper-container .about-container {  }
.wrapper-container .about-container .about-content { max-width: 800px; background-color: rgba(255, 255, 255, 0.7); color: #006139; }
.wrapper-container .about-container .about-content p { text-align: justify; text-indent: 30px; margin-bottom: 10px; font-size: 20px; line-height: 1.5; }
.wrapper-container .about-container .about-content .bold { font-size: 22px; }
.wrapper-container .about-container .about-content .about-seals { width: 100%; }
.wrapper-container .about-container .about-content .about-seals .seal { width: 25%; float: left; padding: 10px; }
.wrapper-container .about-container .about-content .about-seals .seal img { display: block; width: 100%; height: auto; max-width: 170px; margin: 0 auto; }
.wrapper-container .about-container .about-content .about-seals .short { padding-top: 50px!important; padding-bottom: 50px!important; }

/* DESCRIPTION =========================================> */
.wrapper-container .description-container .description-content { background-color: rgba(255,255,255,0.7); }
.wrapper-container .description-container .description-content .description-title { font-size: 30px; font-weight: bold; }
.wrapper-container .description-container .description-content .description-subtitle { font-size: 18px; font-weight: bold; padding: 4px 0; }
.wrapper-container .description-container .description-content .table-note { text-align: justify; line-height: 1.4; border-bottom: 1px solid #999; padding-bottom: 3px; margin-bottom: 3px; }

/* PRIVATE LABELING PAGE =========================================> */
ol { list-style: none; }
ol li { counter-increment: item; margin: 10px; }
ol li:before { margin-right: 10px; content: counter(item); background: #006139; border-radius: 100%; color: white; width: 1.2em; text-align: center; display: inline-block; }

/* table */
table { margin: 20px 0; }
td { padding: 4px 0; }
table, thead, tbody, tfoot, tr { width: 100%; display: block; }
thead { padding: 10px 0; border-top: 5px solid #333; border-bottom: 1px solid #333; }
tbody { border-top: 3px solid #333; margin-top: 2px; margin-bottom: 2px; }
tbody tr { border-bottom: 1px solid #999; }
tfoot tr td { width: 100%; border-top: 3px solid #333; display: block; padding: 8px 0; }
table .ingredient { width: 75%; text-align: left; display: inline-block; }
table .amount { text-align: center; width: 10%; display: inline-block; }
table .daily-value { text-align: center; width: 10%; padding-left: 10px; display: inline-block; }

/* FOOTER =========================================> */
.footer-container { background-color: #006139; border-top: 5px solid #333; color: #d4ebc6; }
.footer-container h3 { color: #d4ebc6; text-transform: uppercase; margin-bottom: 40px; font-size: 18px; text-align: center; }
.footer-container .footer-column { margin-top: 20px; }
/* message */
.footer-container .footer-message input, .footer-container .footer-message textarea, .footer-container .footer-message select { width: 100%; }
.footer-container .footer-message input, .footer-container .footer-message textarea, .footer-container .footer-message select, .footer-container .footer-message button { display: block; margin-bottom: 20px; padding: 8px 16px; font-family: 'Rubik', sans-serif; font-size: 16px; background-color: #d4ebc6; border: 1px solid #71bf44; border-radius: 4px; }
.footer-container .footer-message button { margin-right: auto; margin-left: auto; text-transform: uppercase; }
.footer-container textarea { height: 150px; }
.footer-container .footer-message { width: 90%; float: none; margin: 20px auto; }
/* menu */
.footer-container .footer-contact, .footer-container .footer-menu { width: 50%; text-align: center; }
.footer-container .footer-menu a { font-size: 16px; display: inline-block; color: #d4ebc6; transition: all .5s; padding: 4px; margin: 5px; }
.footer-container .footer-menu a:hover { color: #71bf44; text-decoration: underline; }
.footer-container .footer-menu a i { font-size: 80%; }
/* contact */
.footer-container .footer-contact .contact-item { margin-bottom: 20px; }
.footer-container .footer-contact span { font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px; }
.footer-container .footer-contact p { font-size: 14px; letter-spacing: 1px; }
.footer-container .footer-contact p a { color: #71bf44; }
.footer-container .footer-contact p a:hover { text-decoration: underline; }
.footer-container .footer-contact .social-icons a { background-color: #d4ebc6; display: inline-block; border-radius: 4px; padding: 0 2px; transition: all .5s; }
.footer-container .footer-contact .social-icons a:hover { background-color: #fff; }
.footer-container .footer-contact .social-icons i { font-size: 40px; border-radius: 2px; margin: 4px; display: block; overflow: hidden; }
/* copyright */
.footer-container .copyright { text-align: center; font-size: 14px; padding: 16px; background-color: #333; }
.footer-container .copyright a { color: #71bf44; text-decoration: underline; }

.whole-slider img { height: auto; }

/* RESPONSIVE =========================================> */
@media screen and (min-width: 1200px) {
    /* -- GENERAL -- */
    .main { max-width: 1100px; }
    .wrapper-container { margin-top: 84px; }
    /* -- NAVIGATION -- */
    .navigation-wrapper .navigation-content .logo { padding-top: 8px; padding-bottom: 8px; }
    .navigation-wrapper .navigation-content .logo img { width: 200px; height: 63px; }
    .navigation-wrapper .navigation-content .navigation-menu li a { font-size: 12px; line-height: 75px; }
    .navigation-wrapper .navigation-content .language { top: 80px; }
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-item li { width: 33.33%; }
    /* -- PRODUCTS from A to Z -- */
    .wrapper-container .products-container .products-items li { width: 25%; }
    .footer-container .footer-contact, .footer-container .footer-menu { width: 25%; }
    .footer-container .footer-message { width: 50%; float: right; }
    /* -- ABOUT -- */
    .wrapper-container .about-container .about-content .about-seals { margin-top: 50px; }

}

@media screen and (min-width: 1400px) {
    /* -- GENERAL -- */
    .main { max-width: 1200px; }
    /* -- NAVIGATION -- */
    .navigation-wrapper .navigation-content .navigation-menu li { padding-left: 6px; }
    .navigation-wrapper .navigation-content .navigation-menu li a { padding: 6px; line-height: 71px;  }
    .navigation-wrapper .navigation-content .language { top: 78px; }
    .navigation-wrapper .navigation-content .language a { height: 22px; }
    .navigation-wrapper .navigation-content .language a:hover { height: 35px; }

}

@media screen and (min-width: 1600px) {
    /* -- GENERAL -- */
    .main { max-width: 1400px; }
    /* -- NAVIGATION -- */
    .navigation-wrapper .navigation-content .navigation-menu li a { font-size: 16px; padding: 10px; line-height: 63px; }
    .navigation-wrapper .navigation-content .language { top: 74px; }
    .navigation-wrapper .navigation-content .language a { height: 24px; }
    .navigation-wrapper .navigation-content .language a:hover { height: 35px; }
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-item li { width: 25%; }
    /* -- PRODUCTS from A to Z -- */
    .wrapper-container .products-container .products-items li { width: 20%; }
    
    

}

@media screen and (max-width: 900px) {
    
    /* -- NAVIGATION -- */
    .navigation-wrapper .navigation-content .navigation-menu li a { font-size: 8px; }
    /* -- DESCRIPTION -- */
    .wrapper-container .description-container .description-content .description-title { font-size: 28px; }
    .wrapper-container .description-container .description-content .description-subtitle { font-size: 16px; }
    .wrapper-container .description-container .description-content { font-size: 14px; }

}

@media screen and (max-width: 800px) {

    /* -- NAVIGATION -- */
    .navigation-wrapper .navigation-content .navigation-menu { display: none; position: absolute; background-color: #fff; left: 0; width: 100%; top: 62px; }
    .navigation-wrapper .navigation-content .hamburger-menu { display: block; }
    .navigation-wrapper .navigation-content .navigation-menu { border-bottom: 1px solid #006139; }
    .navigation-wrapper .navigation-content .navigation-menu li { float: none; border-bottom: 1px solid #006139; }
    .navigation-wrapper .navigation-content .navigation-menu li a { line-height: 0; padding: 28px; display: block; text-align: center; font-size: 12px; }
    .navigation-wrapper .navigation-content .language { position: relative; top: 0; right: 0; width: 200px;
        margin: 0 auto;
        border-bottom: none!important; }
    .navigation-wrapper .navigation-content .language a { height: auto; padding: 20px!important; margin: 0 8px; }
    .navigation-wrapper .navigation-content .language a:hover { height: auto; }
    .wrapper-container .header-container { display: none; }
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-item { width: 100%; }
    .wrapper-container .category-container .category-title, .wrapper-container .category-container .category-products { width: 90%; margin-left: auto; margin-right: auto; }
    .wrapper-container .category-container .category-item li { width: 100%; text-align: center; }
    .wrapper-container .category-container .category-products { padding: 15px; }
    /* -- PRODUCTS from A to Z -- */
    .wrapper-container .products-container .products-items li { width: 50%; }
    /* -- ABOUT -- */
    .wrapper-container .about-container .about-content p { font-size: 18px; line-height: 1.3; }
    .wrapper-container .about-container .about-content .about-seals .seal { width: 50%; }
    /* -- DESCRIPTION -- */
    .wrapper-container .description-container .description-content .description-title { font-size: 26px; }
    .wrapper-container .description-container .description-content .description-subtitle { font-size: 14px; }
    .wrapper-container .description-container .description-content { font-size: 12px; }
    table .ingredient { width: 70%; }
    table .amount { width: 15%; }
    table .daily-value { width: 13%; }

}

@media screen and (max-width: 600px) {
    /* -- TITLE -- */
    .wrapper-container .title-container .main-title { font-size: 32px; }
    .wrapper-container .title-container .subtitle { font-size: 20px; }
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-title { font-size: 16px; }
    .wrapper-container .category-container .category-title i { font-size: 20px; }
    .wrapper-container .category-container .category-item li a { font-size: 14px; }
    /* -- PRODUCTS from A to Z -- */
    .wrapper-container .products-container .products-items li { width: 100%; }
    /* -- ABOUT -- */
    .wrapper-container .about-container .about-content p { font-size: 16px; line-height: 1.2; }
    /* -- DESCRIPTION -- */
    .wrapper-container .description-container .description-content .description-title { font-size: 24px; }
    .wrapper-container .description-container .description-content .description-subtitle { font-size: 12px; }
    .wrapper-container .description-container .description-content { font-size: 10px; }
    table .ingredient { width: 65%; }
    table .amount { width: 17%; }
    table .daily-value { width: 16%; }
    /* PRIVATE LABELING PAGE =========================================> */
    ol li {font-size: 14px;}
    /* -- FOOTER -- */
    .footer-container .footer-contact, .footer-container .footer-menu { width: 100%; }
    .footer-container .footer-menu { border-bottom: 1px solid #d4ebc6; padding-bottom: 25px; margin-bottom: 25px; }
}

@media screen and (max-width: 500px) {
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-title { font-size: 14px; }
    .wrapper-container .category-container .category-item li a { font-size: 12px; }
    /* -- ABOUT -- */
    .wrapper-container .about-container .about-content p { font-size: 14px;  }
    .wrapper-container .about-container .about-content .about-seals .seal { width: 100%; }

}

@media screen and (max-width: 400px) {
    /* -- PRODUCTS by CATEGORY -- */
    .wrapper-container .category-container .category-title { font-size: 12px; padding-right: 10px; }
    .wrapper-container .category-container .category-title i { font-size: 18px; }
    /* -- FOOTER -- */
    .footer-container .footer-message select { font-size: 14px; }

}