/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ====================================================================================================================== 
		INFORMATION
=========================================================================================================================

Your design must allow for customisable colours. It is best to decide these colours at the start.
Your design must allow for a background (selected by the user) and it must also fall back to a colour gradient background. 
Your design must allow for a customisable font.

Feel free to use the example(s) below.

Example colour set:
#ffffff
#ffffff

======================================================================================================================= */
	
body
{
    font-family:Poppins, Helvetica, Arial, sans;
  
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #ffffff);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #ffffff);

    /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #ffffff);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #ffffff);
			
	background: ;    
	-webkit-background-size:;
	-moz-background-size:;
	-o-background-size:;
	background-size:;
    
    font-size: 13px;
    color: #333333;
}

input, textarea{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a{
    transition: 0.4s;
    color: #4fb68d;
}

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

.container1{
    width: 90%;
    margin: 0 auto;
}

.container2{
    width: 90%;
    margin: 0 auto;
}

@media only screen and (min-width:800px){
    .container1{
        max-width: 1700px;
    }
    .container2{
        max-width: 1400px;
    }
}




/* ============================= */
/* Mobile Menu ================= */
/* ============================= */

#mobile_menu_overlay{
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    transition: 0.4;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 999;
}

#mobile_menu_overlay.mobile_menu_overlay_active{
    opacity: 1;
    visibility: visible;
}

#mobile_menu{
    position: fixed;
    z-index: 1000;
    top: 0; bottom: 0;
    left: -350px;
    width: 100%;
    max-width: 350px;
    background-color: #ffffff;
    transition: 0.4s;
    font-size: 1.1em;
    overflow-y: auto;
}

#mobile_menu.mobile_menu_active{
    left: 0;
}

/* ============================= */
/* HEADER 1 ==================== */
/* ============================= */


#header1{
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    line-height: 45px;
    
}

#header1_inner{
    position: relative;
}

#header1_settings{
    display: flex;
}

#header1_settings #header1_currency,
#header1_settings #header1_language{
    display: none;
}

#account{
    position: absolute;
    top: 0; right: 0;
}

#account a{
    font-size: 1.6rem;
    transition: 0.4s;
}

#account a span{
    display: none;
}

#account a:hover{
    color: #333333;
}

@media only screen and (min-width:800px){
    
    #header1{
        text-align: left;
    }
    
    #header1_inner{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    #header1_settings #header1_currency,
    #header1_settings #header1_language,
    #account a span{
        display: block;
    }
    
    #account a{
        font-size: 0.8rem;
        color: #333333;
        text-transform: uppercase;
        text-decoration: none;
        display: flex;
        flex-wrap: nowrap;
        line-height: 15px;
        margin-top: 15px;
    }
    
    #account a:hover{
        color: #4fb68d;
    }
    
    #account a i{
        margin-left: 5px;
        position: relative;
        top: 2px;
    }
    
    #account{
        position: inherit;
    }
    
}



#header1_settings .header1_settings_item{
    position: relative;
}


#header1_settings .header1_settings_item_selected{
    transition: 0.4s;
    line-height: 15px;
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #FFF;
}

#header1_language_selected{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#header1_settings .header1_settings_item:first-child .header1_settings_item_selected{
    margin-left: 0;
    padding: 0;
    border-left: none;
}

#header1_settings .header1_settings_item_selected:hover{
    cursor: pointer;
    color: #4fb68d;
}

#header1_settings .header1_settings_item_selected span{
    margin-right: 5px;
}

#header1_settings .header1_settings_item_container{
    position: absolute;
    z-index: 40;
    right: 0; top: 65px;
    background-color: #ffffff;
    width: 300px;
    box-shadow: 0 4px 6px 1px #ddd;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    max-height: 500px;
    overflow-y: auto;
}

#header1_settings #header1_language_container.header1_settings_item_container{
    width: 150px;
}

#header1_settings .header1_settings_item_container.header1_settings_item_container_active{
    top: 45px;
    opacity: 1;
    visibility: visible;
}

#header1_settings .header1_settings_item_container_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}

#header1_settings .header1_settings_item_container a{
    color: #333333;
    line-height: 50px;
    width: 40px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    text-decoration: none;
    margin: 0 2.5px;
}

#header1_settings .header1_settings_item_container a:nth-last-child(-n+6){
    border-bottom: none;
}

#header1_settings .header1_settings_item_container a:hover{
    color: #4fb68d;
}

/* Mobile Menu Currency */

#mobile_menu_currency #header1_currency_selected{
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#mobile_menu_currency #header1_currency_container{
    display: none;
}

#mobile_menu_currency #header1_currency_container.header1_settings_item_container_active{
    display: block;
}

#mobile_menu_currency .header1_settings_item_container_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#mobile_menu_currency .header1_settings_item_container_inner a{
    color: #333333;
    text-decoration: none;
    line-height: 40px;
    width: 16.5%;
    text-align: center;
}

#mobile_menu_currency .header1_settings_item_container_inner{
    border-bottom: 1px solid #ebebeb;
}


/* Language */

#header1_settings #header1_language_container_inner{
    padding: 0;
}

#header1_settings .header1_settings_item_container #header1_language_container_inner a{
    width: 100%;
}

/* Mobile Menu Language */

#mobile_menu_language #header1_language_selected{
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#mobile_menu_language #header1_language_selected img{
    margin-right: 10px;
}

#mobile_menu_language #header1_language_container{
    display: none;
}

#mobile_menu_language #header1_language_container.header1_settings_item_container_active{
    display: block;
}

#mobile_menu_language .header1_settings_item_container_inner{
    display: flex;
    flex-wrap: wrap;
}

#mobile_menu_language .header1_settings_item_container_inner a{
    color: #333333;
    text-decoration: none;
    line-height: 40px;
    width: 100%;
    padding: 0 20px;
}

#mobile_menu_language .header1_settings_item_container_inner a img{
    margin-right: 10px;
}

#mobile_menu_language .header1_settings_item_container_inner{
    border-bottom: 1px solid #ebebeb;
}



#mobile_menu_title{
    background-color: #333333;
    color: #ffffff;
    line-height: 50px;
    padding: 0 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
}

#mobile_menu_tabs a{
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}






/* ============================= */
/* HEADER 2 ==================== */
/* ============================= */

#header2{
    background-color: #ffffff;
}

#header2_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 140px;
}

#header2_mobile_menu_button{
    font-size: 1.6rem;
    cursor: pointer;
    transition: 0.4s;
}

#header2_mobile_menu_button:hover{
    color: #4fb68d;
}

#header2 #header2_nav{
    display: none;
    flex-grow: 1;
    margin-left: 50px;
}

#header2 #header2_nav a{
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    margin-right: 30px;
    font-size: 1.1em;
    display: inline-block;
}

#header2 #header2_nav a span{
    position: relative;
}

#header2 #header2_nav a span:after{
    content: '';
    display: block;
    bottom: -5px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #333333;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

#header2 #header2_nav a:hover span:after{
    opacity: 1;
    visibility: visible;
}

#header2 #header2_nav a:last-child{
    margin-right: 0;
}


/* Categories */

#header2 #header2_nav .categories{ 
    display: inline-block; 
    position: relative;
} 

#header2 #header2_nav .categories_title{
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    margin-right: 30px;
    font-size: 1.1em;
    cursor: pointer;
}

#header2 #header2_nav .categories_title i{
    margin-left: 5px;
}

#header2 #header2_nav .categories_title span{
    position: relative;
}

#header2 #header2_nav .categories_title span:after {
    content: '';
    display: block;
    bottom: -5px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #333333;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

#header2 #header2_nav .categories:hover .categories_title span:after{
    opacity: 1;
    visibility: visible;
}

#header2 #header2_nav .categories_container{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    background-color: #ffffff;
    color: #333333;
    padding: 20px;
    z-index: 45;
    box-shadow: 0 4px 6px 1px #ddd;
    top: 40px;
    min-width: 200px;
}

#header2 #header2_nav .categories:hover .categories_container{
    opacity: 1;
    visibility: visible;
    top: 30px;
}

#header2 #header2_nav .categories_container a{
    font-weight: normal;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    width: 100%;
    transition: 0.4s;
}

#header2 #header2_nav .categories_container a span{
    transition: 0.4s;
    border-left: 2px solid transparent;
}

#header2 #header2_nav .categories_container a span::after{
    display: none;
}

#header2 #header2_nav .categories_container a span:hover{
    border-left-color: #4fb68d;
    padding-left: 10px;
}

#header2 #header2_nav .categories_container .categories_sub_parent{
    position: relative;
}

#header2 #header2_nav .categories_container .categories_sub_parent .categories_sub_parent_link_container{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

/*#header2 #header2_nav .categories_container .categories_sub_parent .categories_sub_parent_link i{
    float: right;
    line-height: 30px;
}*/

#header2 #header2_nav .categories_container .categories_sub_parent .categories_sub_parent_link_container i.fa-plus{
    display: none;
}

#header2 #header2_nav .categories_container .categories_sub_parent .categories_sub_container{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    background-color: #ffffff;
    color: #333333;
    padding: 20px;
    z-index: 45;
    box-shadow: 0 4px 6px 1px #ddd;
    left: 100%;
    top: -10px;
    min-width: 200px;
    margin-left: 10px;
}

#header2 #header2_nav .categories_container .categories_sub_parent:hover .categories_sub_container{
    opacity: 1;
    visibility: visible;
}

#header2 #header2_nav .categories_container .categories_sub_parent:hover .categories_sub_parent_link span{
    border-left-color: #4fb68d;
    padding-left: 10px;
}

/* Categories Mobile */

#mobile_menu_tabs .categories_title{
    background-color: #333333;
    color: #ffffff;
    line-height: 50px;
    padding: 0 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
}

#mobile_menu_tabs .categories_title i { display: none; }

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_parent_link_container{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    justify-content: space-between;
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_parent_link_container .categories_sub_parent_link{
    border-bottom: none;
    padding: 0;
    width: calc(100% - 50px);
    padding-left: 20px;
    border-right: 1px solid #ebebeb;
}


#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_parent_link_container i.fa-angle-right{
    display: none;
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_parent_link_container i{
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    transition: 0.4s;
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_parent_link_container i.icon_sub_category_active{
    transform: rotate(-315deg);
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_container{
    display: none;
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_container.categories_sub_container_active{
    border-left: 5px solid #ebebeb;
    display: block;
}

#mobile_menu_tabs .categories_container .categories_sub_parent .categories_sub_container.categories_sub_container_active a{
    padding-left: 35px;
}

/* End Categories */

#header2_info{
    display: flex;
    flex-wrap: nowrap;
}

#header2_basket_info{
    transition: 0.4s;
    color: #333333;
    text-decoration: none;
}

#header2_basket_info_icon_container{
    position: relative;
}

#header2_basket_info_icon{
    font-size: 1.6rem;
    transition: 0.4s;
}

#header2_basket_info:hover #header2_basket_info_icon{
    color: #4fb68d;
}

#sp_basket_info_count{
    position: absolute;
    bottom: -8px;
    right: -8px;
    background-color: #4fb68d;
    color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    transition: 0.4s;
}

#header2_basket_info:hover #sp_basket_info_count{
    background-color: #333333;
}

#sp_basket_info_amount{
    display: none;
}

#header2 form{
    width: 100%;
    transition: 0.4s;
}

#search_toggle_button{
    display: none;
    font-size: 1.4rem;
    color: #333333;
    transition: 0.4s;
    margin-right: 40px;
    cursor: pointer;
}

#search_toggle_button:hover{
    color: #4fb68d;
}

.search_container{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.search input{
    width: calc(100% - 80px);
    height: 44px;
    border: none;
    background-color: #ffffff;
    padding: 0 20px;
    border: 2px solid #4fb68d;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: none;
}

.search input:focus{
    outline: none;
}

.search button{
    background-color: #4fb68d;
    color: #ffffff;
    width: 80px;
    height: 44px;
    border: none;
    text-align: center;
    font-size: 1.4rem;
    cursor: pointer;
    transition: 0.4s;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.search button:hover{
    background-color: #333333;
}

#search_container_close{
    display: none;
}

#slideshow_container::after{
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.slider-wrapper .flexslider{
    box-shadow: none !important;
    border-radius: 0px !important;
}




@media only screen and (min-width:900px){

    #header2_inner{
        height: 120px;
        flex-wrap: nowrap;
    }

    #header2_mobile_menu_button{
        display: none;
    }
    
    #header2 #header2_nav{
        display: block;
    }
    
    #header2 form{
        display: none;
    }
    
    #header2 #header2_nav a{
        margin-right: 20px;
    }
    
    #header2_info{
        order: 4;
    }
    
    #search_toggle_button{
        display: block;
    }

}

@media only screen and (min-width:1000px){
    
    #header2 #header2_nav a{
        margin-right: 30px;
    }
    
}

@media only screen and (min-width:900px) and (max-width:1250px){
    
    #header2 form.header2_search_active{
        display: block;
        position: absolute;
        left: 0;
        background-color: #fff;
        right: 0;
    }
    
    #header2 form.header2_search_active .search{
        padding: 0px 40px;
    }
    
    .search input{
        width: calc(100% - 130px);
    }
    
    #search_container_close{
        display: block;
        width: 40px;
        height: 44px;
        line-height: 44px;
        font-size: 1.1rem;
        cursor: pointer;
        transition: 0.4s;
        text-align: center;
    }
    
    #search_container_close:hover{
        color: #4fb68d;
    }
    
}


@media only screen and (min-width:1250px){
    
    #search_toggle_button{
        display: none;
    }
    
    #header2 form{
        display: block;
        width: inherit;
        margin-right: 40px;
    }
    
    #header2_basket_info{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    
    #sp_basket_info_amount{
        margin-left: 10px;
        font-size: 1rem;
        font-weight: bold;
        display: block;
        transition: 0.4s;
    }
    
    #header2_basket_info:hover #sp_basket_info_amount{
        color: #4fb68d;
    }
    
}


@media only screen and (min-width:1400px){
    
    #header2 form{
        width: 300px;
    }
    
}


@media only screen and (min-width:1500px){
    
    #header2 form{
        width: 350px;
    }
    
}

@media only screen and (min-width:1600px){
    
    #header2 form{
        width: 400px;
    }
    
}






/* ============================= */
/* MAIN ======================== */
/* ============================= */

main{
    
}

#generic_content_section{
    margin-top: 50px;
}


/* ============================= */
/* Products ==================== */
/* ============================= */

.product_section{
    margin-top: 50px;
    clear: both;
}

.product_section_inner{
    position: relative;
}

.product_section_title{
    font-size: 1.4rem;
    line-height: 30px;
}

.owl-nav{
    position: absolute;
    top: -54px;
    right: 0;
}

.product_item_arrow{
    border-radius: 50%;
    border: 1px solid #ebebeb;
    color: #c7c7c7;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px !important;
    transition: 0.4s;
}

.product_item_arrow:hover{
    color: #ffffff;
    background-color: #4fb68d;
    border-color: #4fb68d;
}

.product_item_arrow_left{
   margin-right: 10px;
}

.owl-nav button:focus{
    outline: none;
}

.product_section_carousel{
    margin-top: 20px;
}

.product_item{
    border-radius: 4px;
    border: 1px solid #ebebeb;
    transition: 0.4s;
    overflow: hidden;
    position: relative;    
}

.product_item:hover{
    border-color: #4fb68d;
}

.product_item_image_container{
    display: block;
    overflow: hidden;
    position: relative;
}

.product_item_image_button{
    color: #333333;
    background-color: #ffffff;
    font-size: 1rem;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    transform: scale(0) translateY(-50%);
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 2;
}

.product_item_image_button:hover{
    background-color: #4fb68d;
    color: #ffffff;
}

.product_item:hover .product_item_image_button{
    transform: scale(1) translateY(-50%);
}

.product_item_image{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: 0.4s;
}

.product_item:hover .product_item_image{
    transform: scale(1.1);
}

.product_item_details{
    padding: 20px;
    position: relative;
    overflow: hidden;
    min-height: 65px;
}

.product_item_details_brand{
    text-transform: uppercase;
    color: #c7c7c7;
}

.product_item_details_name{
    font-size: 1rem;
    font-weight: bold;
    display: block;
    color: #333333;
    transition: 0.4s;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_item_details_name:hover{
    color: #4fb68d;
}

.product_item_details_price_container{
    margin-top: 10px;
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.product_item_details_rrp{
    color: #c7c7c7;
    text-decoration: line-through;
}

.product_item_details_price_highlight
{
    color: #cf2929;
    margin-left: 5px;
}

.product_item_details_percent{
    background-color: #cf2929;
    color: #ffffff;
    border-radius: 4px;
    font-weight: bold;
    margin-left: 5px;
    font-size: 0.8rem;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 1px;
}

.product_item_details_bottom{
    position: absolute;
    left: 0; right: 0;
    bottom: -50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    background-color: #ffffff;
    transition: 0.4s;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.product_item:hover .product_item_details_bottom{
    bottom: 0px;
}

.product_item_details_addtocart{
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.product_item_details_addtocart span{
    position: relative;
    display: inline-block;
}

.product_item_details_addtocart span:after {
    content: '';
    display: block;
    bottom: 8px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #333333;
    transition: 0.4s;
}

.product_item_details_addtocart:hover{
    color: #4fb68d;
}

.product_item_details_addtocart:hover span:after{
    background-color: #4fb68d;
}




/* Homepage Visual Categories */

#categories_with_images_container{
    display: none;
    margin-top: 50px;
}

#categories_with_images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.categories_with_images_item{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

@media only screen and (min-width:600px){
    .categories_with_images_item{
        width: 48%;
    }
}

@media only screen and (min-width:900px){
    .categories_with_images_item{
        width: 30%;
    }
}

.categories_with_images_item_image img{
    width: 100%;
    transition: 0.4s;
    display: block;
}

.categories_with_images_item:hover img{
    transform: scale(1.1);
}

.categories_with_images_item_info{
    position: absolute;
    top: 40px;
    left: 40px;
}

.categories_with_images_item_info_name{
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    color: #333333;
    transition: 0.4s;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.categories_with_images_item_info_shop{
    display: block;
    color: #333333;
    transition: 0.4s;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px;
}

.categories_with_images_item_info_shop i{
    margin-left: 5px;
}

/* ============================= */
/* Footer ====================== */
/* ============================= */

footer{
    background-color: #f6f6f6;
    position: relative;
    overflow: hidden;
    margin-top: 100px;
    font-size: 1.1em;
}

#footer2{
    position: relative;
}

#footer1_inner, #footer2_inner{
    padding: 20px;
}


@media only screen and (min-width:800px){
    
    #footer_inner{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    #footer1{
        width: 40%;
    }
    
    #footer2{
        width: 60%;
    }
    
    #footer2::before{
        content: "";
        position: absolute;
        left: 0;
        background: #efefef;
        z-index: 1;
        pointer-events: none;
        width: 200%;
        height: 100%;
    }
    
    #footer2_inner{
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    #footer1_inner, #footer2_inner{
        padding: 40px 20px;
    }

    
}

@media only screen and (min-width:1200px){
    #footer1_inner, #footer2_inner{
        padding: 40px 40px;
    }
}

#footer_banner{
    margin-top: 20px;
    
}

#footer_social{
    margin-top: 10px;
}

#footer_social_ul{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

#footer_social_ul li{
    margin-top: 20px;
    margin-right: 20px;
}

#footer_social_ul li a{
    display: block;
    color: #333333;
    font-size: 1.4em;
    transition: 0.4s;
}

#footer_social_ul li a:hover{
    color: #4fb68d;
}

#footer_copyright{
    margin-top: 50px;
}

#footer_copyright a{
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #333333;
}


.footer2_section{
    min-width: 45%;
}

.footer2_section_title{
    line-height: 50px;
    font-size: 1.4em;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.footer2_section_title::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 20%;
    height: 2px;
    background-color: #4fb68d;
}

#footer2_links.footer2_links_inner_active .footer2_section_title i,
#footer2_newsletter.footer2_newsletter_inner_active .footer2_section_title i{
    transform: rotate(180deg);
}

.footer2_section_inner{
    display: none;
}

#footer2_links.footer2_links_inner_active #footer2_links_inner,
#footer2_newsletter.footer2_newsletter_inner_active #footer2_newsletter_inner{
    display: block;
}

.footer2_section_inner a{
    display: block;
    color: #333333;
    line-height: 30px;
    text-decoration: none;
    transition: 0.4s;
}

.footer2_section_inner a span{
    transition: 0.4s;
    border-left: 2px solid transparent;
}

.footer2_section_inner a:hover{
    color: #4fb68d;
}

.footer2_section_inner a:hover span{
    padding-left: 10px;
    border-left-color: #4fb68d;
}

@media only screen and (min-width:800px){
    .footer2_section_title i{
        display: none;
    }
    .footer2_section_inner{
        display: block;
    }
}

@media only screen and (min-width:1200px){
    
    #footer2_links #footer2_links_inner{
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #footer2_links #footer2_links_inner a{
        width: 45%;
    }
    
}

.newsletter_container_single, .newsletter_container_double_inner{
    display: flex;
    flex-wrap: nowrap;
}

.newsletter_container_single input,
.newsletter_container_double_inner input{
    width: calc(100% - 100px);
    height: 44px;
    border: none;
    background-color: #ffffff;
    padding: 0 20px;
    border: 2px solid #4fb68d;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right: none;
}

.newsletter_container input:focus{
    outline: none;
}

.newsletter_container_single button,
.newsletter_container_double_inner button{
    background-color: #4fb68d;
    color: #ffffff;
    width: 100px;
    height: 44px;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.newsletter_container_single button:hover,
.newsletter_container_double_inner button:hover{
    background-color: #333333;
}

.newsletter_container_double_inner{
    margin-top: 10px;
}

.newsletter_container_double #newsletter_name{
    width: 100%;
    height: 44px;
    border: none;
    background-color: #ffffff;
    padding: 0 20px;
    border: 2px solid #4fb68d;
    border-radius: 20px;
}



/* Sitemap */

.sitemap_divider{
    display: none;
}

.fws_sitemap_container ul{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

.fws_sitemap_container ul li a{
    color: #333333;
    text-decoration: none;
    margin: 0 10px 10px 0;
    background-color: #ffffff;
    border: 2px solid #ebebeb;
    color: #333333;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    display: inline-block;
}

.fws_sitemap_container ul li a:hover{
    background-color: #333333;
    border-color: #333333;
    color: #ffffff
}




/* ============================= */
/* Details ===================== */
/* ============================= */

#details_breadcrumb_container{
    position: relative;
    height: 250px;
}

#details_breadcrumb_list{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1rem;
}

.breadcrumbs{
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.breadcrumbs li:after{
    content: '>';
    margin-left: 15px;
    margin-right: 15px;
    opacity: 0.8;
}

.breadcrumbs li:last-child:after{
    display: none;
}

.breadcrumbs li a{
    text-decoration: none;
    color: #333333;
}

.breadcrumbs li:last-child a{
    color: #4fb68d;
}


#details{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

#details_left, #details_right{
    width: 100%;
}

@media only screen and (min-width:800px){
    #details{
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    #details_left, #details_right{
        width: 45%;
    }
}

#details_images, #details_images_main, #main_product_image{
    max-width: 100%;
    text-align: center;
}

#details_images_extra{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.details_images_extra_item{
    width: 23%;
    border: 1px solid transparent;
    cursor: pointer;
}

.details_images_extra_item.details_images_extra_item_selected{
    border-color: #4fb68d;
}

.details_images_extra_item_image{
    width: 100%;
}

#details_title{
    color: #333333;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

#details_code, #details_stock{
    color: #333333;
    margin-top: 15px;
}

#details_code strong, #details_stock strong{
    font-size: 0.9rem;
}

#details_zero_stock{
    margin-top: 10px;
}

#details_zero_stock_button{
    background-color: #4fb68d;
    color: #ffffff;
    border-radius: 20px;
    padding: 0 40px;
    display: inline-flex;
    min-height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.4s;
    margin-top: 10px;
}

#details_zero_stock_button:hover{
    background-color: #333333;
}

#details_price{
    font-size: 1.6rem;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 30px;
}

#details_price_rrp{
    text-decoration: line-through;
    color: #c7c7c7;
    margin-right: 15px;
}

#details_price_main{
    color: #333333;
}

#details_price_main .price_breakdown hr{
    display: none;
}

#details_price_main .price_breakdown span {
    font-size: 0.9rem;
}

#details_price_main .price_breakdown a{
    text-decoration: none;
    font-size: 0.9rem;
}

#products_details_bulk{
    margin-top: 50px;
}

#products_details_bulk_title{
    font-size: 0.9rem;
    font-weight: bold;
}

.products_details_bulk_item{
    margin-top: 5px;
}

#details_add_to_cart{
    margin-top: 50px;
}

#details_options{
    display: flex;
    flex-wrap: wrap;
}

.details_options_item{
    margin-right: 10px;
    margin-top: 10px;
}

.details_options_item_label{
    font-weight: bold;
    display: block;
    font-size: 0.9rem;
}

.details_options_item_select{
    margin-top: 5px;
    border: 1px solid #ebebeb;
    height: 50px;
    line-height: 50px;
}


#details_buy{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

#details_buy_quantity{
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #ebebeb;
    height: 50px;
    line-height: 50px;
    width: 80px;
}

#details_buy_quantity input{
    border: none;
    background-color: #ffffff;
    border-right: 1px solid #ebebeb;
    width: 100%;
    width: calc(100% - 30px);
    text-align: center;
}

#details_buy_quantity_buttons{
    display: flex;
    flex-wrap: wrap;
    width: 30px;
}

#details_buy_quantity_buttons button{
    border: none;
    background-color: #ffffff;
    width: 100%;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    transition: 0.4s;
}

#details_buy_quantity_buttons button:first-child{
    border-bottom: 1px solid #ebebeb;
}

#details_buy_quantity_buttons button:hover{
    background-color: #c7c7c7;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

#details_buy_button{
    background-color: #4fb68d;
    color: #ffffff;
    border-radius: 30px;
    padding: 0 40px;
    display: inline-flex;
    height: 50px;
    margin-left: 10px;
    line-height: 50px;
    text-align: center;
    font-size: 1.1rem;
    text-decoration: none;
    font-weight: bold;
    transition: 0.4s;
}

#details_buy_button i{
    margin-right: 10px;
    line-height: 50px;
    font-size: 0.8rem;
}

#details_buy_button:hover{
    background-color: #333333;
}

.wishlist_container{
    margin-top: 20px;
}

.wishlist_container a{
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
}

.wishlist_container a strong{
    color: #333333;
    margin-right: 10px;
}

.wishlist_container a svg{
    font-size: 1.4rem;
    stroke: #4fb68d;
    fill: transparent;
    width: 30px;
    transition: 0.2s;
    transform: scale(1);
}

#wishlist_logged_in_html a:hover svg,
#wishlist_not_logged_in_html a:hover svg{
    fill: #4fb68d;
}

#wishlist_logged_in_html.wishlist_logged_in_html_activated a svg{
    fill: #4fb68d;
    animation-name: wishlistAdd;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdd{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.5);}
  100% {transform: scale(1);}
}

#wishlist_not_logged_in_html.wishlist_not_logged_in_html_activated a svg{
    fill: #4fb68d;
    animation-name: wishlistAdding;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistAdding{
  0%   {transform: scale(1);}
  50%  {transform: scale(1.2);}
  100% {transform: scale(1);}
}


#wishlist_added_html a svg{
    fill: #4fb68d;
}

#wishlist_added_html a:hover svg{
    fill: transparent;
}

#wishlist_added_html.wishlist_added_html_activated a svg{
    fill: transparent;
    animation-name: wishlistRemove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes wishlistRemove{
  0%   {transform: scale(1);}
  50%  {transform: scale(0.5);}
  100% {transform: scale(1);}
}



#share_panel{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 40px;
}

#share_panel_text{
    margin-right: 20px;
    font-weight: bold;
    font-size: 0.9rem;
}

#share_panel_icons{
    display: flex;
    flex-wrap: nowrap;
}

.share_panel_icons_item{
    margin-right: 20px;
    color: #c7c7c7;
    transition: 0.4s;
    font-size: 0.9rem;
}

.share_panel_icons_item:hover{
    color: #4fb68d;
}



#product_details_page_content{
    margin-top: 50px;
}

/* Description + Details + Review Tabs */

#the_description, #product_details{
    display: none;
}

#tab_nav_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab_nav_item{
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 50px;
    color: #c7c7c7;
    cursor: pointer;
}

@media only screen and (min-width:700px){
    .tab_nav_item{
        max-width: 230px;
    }
}

.tab_nav_item.tab_nav_item_selected{
    color: #333333;
    border-bottom: 2px solid #4fb68d;
}

#tab_content_container{
    border: 1px solid #ebebeb;
    padding: 20px;
}

.tab_content_item{
    display: none;
}

.tab_content_item.tab_content_item_selected{
    display: block;
}

#tab_content_item_details{
    line-height: 30px;
}

.product_details_item{
    text-transform: capitalize;
}




/* ============================= */
/* Contact Page ================ */
/* ============================= */


#contact_page_container{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

#contact_details, #contact_form_container{
    width: 100%;
}

@media only screen and (min-width:700px){
    
    #contact_page_container{
        flex-wrap: no-wrap;
    }
    
    #contact_details, #contact_form_container{
        width: 45%;
    }
    
}

.contact_details_item{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    max-width: 300px;
}

@media only screen and (min-width:700px){
    .contact_details_item{
        max-width: 300px;
    }
}

.contact_details_left{
    width: 20%;
    font-size: 2rem;
    text-align: center;
}

.contact_details_right{
    width: 75%;
}

#contact_details_item_address{
    line-height: 20px;
}

#contact_details_item_phone_container, #contact_details_item_email_container{
    align-items: center;
    padding: 10px 0;
}

#contact_details_item_phone_link, #contact_details_item_email_link{
    text-decoration: none;
}

.contact_form header{
    display: none;
}

.contact_form label{
    display: block;
    width: 100%;
    font-weight: bold;
}

.contact_form input, .contact_form textarea{
    background-color: #ffffff;
    padding: 0 20px;
    border: 2px solid #4fb68d;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.contact_form input{
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 300px;
}

.contact_form textarea{
    height: 200px;
    line-height: 40px;
    width: 100%;
}

.contact_form input.contact_send_btn{
    background-color: #4fb68d;
    color: #ffffff;
    width: 100px;
    height: 44px;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 20px;
}

.contact_form input.contact_send_btn:hover{
    background-color: #333333;
}

.contact_form span {
    width: 100%;
    float: left;
    line-height: 25px;
    color: red;
}






/* ============================= */
/* Browse Page ================= */
/* ============================= */

#browse_container{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

#browse_container_left, #browse_container_right{
    width: 100%;
}

@media only screen and (min-width:700px){
    
    #browse_container{
        flex-wrap: no-wrap;
    }
    
    #browse_container_left{
        width: 300px;
    }
    
    #browse_container_right{
        width: calc(100% - 350px);
        margin-left: 50px;
    }
    
}


#browse_sub_categories_title{
    font-size: 1.4rem;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 5px;
}

#browse_sub_categories_title span{
    position: relative;
    display: inline-block;
}

#browse_sub_categories_title span::after{
    content: '';
    display: block;
    width: 90%;
    height: 2px;
    background-color: #4fb68d;
    position: absolute;
    bottom: -1px; 
}

#browse_sub_categories_links a{
    display: block;
    line-height: 30px;
    color: #333333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: 0.4s;
    margin-top: 5px;
}

#browse_sub_categories_links a span{
    transition: 0.4s;
    border-left: 2px solid transparent;
}

#browse_sub_categories_links a:hover span{
    border-left-color: #4fb68d;
    padding-left: 10px;
}


#browse_products_info{
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    margin-bottom: 20px;
    min-height: 50px;
}

#browse_sort{
    position: relative;
}

#browse_sort_top{
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;;
    padding: 0 15px;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.4s;
    border: 2px solid #ebebeb;
}

#browse_sort_top i{
    margin-left: 5px;
}

#browse_sort_inner{
    position: absolute;
    top: 34px; left: 0; right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    background-color: #FFF;
    border: 2px solid #ebebeb;
    border-top: 0;
}

#browse_sort_inner.browse_sort_inner_active{
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

#browse_sort_inner a{
    display: block;
    text-decoration: none;
    line-height: 30px;
    padding: 0 10px;
    text-transform: capitalize;
}

#browse_products_container, #special_offers{
    display: flex;
    flex-wrap: wrap;
    /*gap: 20px;*/
    margin-top: 20px;
}

.browse_product_item_image{
    max-width: 100%;
}

@media only screen and (min-width:700px){
    .browse_product_item{
        max-width: 250px;
    }
}

#browse_products_pagination_bottom{
    margin-top: 20px;
}

.results_pager_container{
    display: flex;
    justify-content: flex-end;
}

.pagination{
    display: flex;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0px;
}

.pagination li{
    margin-right: 10px;
}

.pagination li:last-child{
    margin-right: 0;
}

.pagination li a{
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #ebebeb;
    color: #333333;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
}

.pagination li a:hover{
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.pagination li.current a{
    background-color: #4fb68d !important;
    border-color: #4fb68d !important;
    color: #ffffff !important;
}



/* Reviews */

#review_write_button{
    background-color: #4fb68d;
    color: #ffffff;
    border-radius: 20px;
    padding: 0 40px;
    display: inline-flex;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.4s;
    margin-top: 10px;
}

#review_write_button:hover{
    background-color: #333333;
}

#reviews_items_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.review_item{
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 20px;
    width: 100%;
}

.reviews_item_reply_container{
    border-top: 1px solid #ebebeb;
}

.review_item_header{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    line-height: 30px;
}

.review_item_date{
    font-style: italic;
}

.review_item_stars{
    color: #4fb68d;
}

.review_item_title{
    font-weight: bold;
    line-height: 30px;
}

.review_item_main{
    line-height: 30px;
}

.review_item_customername{
    font-style: italic;
}

@media only screen and (min-width:700px){
    .review_item{
        max-width: 45%;
    }
}




.stock_notify, 
.shop_product_review_form{
    max-width: 700px;
    margin: 0 auto;
}

.stock_notify center, 
.shop_product_review_form center{
    text-align: left;
}

.shop_product_review_form center{
    margin-bottom: 30px;
}

.stock_notify center p, .stock_notify center br,
.shop_product_review_form center p, .shop_product_review_form center br{
    display: none;
}

.stock_notify center label,
.shop_product_review_form label{
    font-weight: 600;
}

.stock_notify label,
.shop_product_review_form label{
    display: block;
    width: 100%;
    margin-top: 10px;
    line-height: 30px;
}

.stock_notify input, .stock_notify textarea,
.shop_product_review_form input, .shop_product_review_form textarea, .shop_product_review_form select{
    background-color: #ffffff;
    padding: 0 20px;
    border: 2px solid #4fb68d;
    border-radius: 4px;
    outline: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.stock_notify input,
.shop_product_review_form input, .shop_product_review_form select{
    max-width: 350px;
}

.stock_notify textarea,
.shop_product_review_form textarea{
    min-height: 200px;
    height: 200px;
    line-height: 40px;
    max-width: 700px;
    padding: 10px;
}

.stock_notify span,
.shop_product_review_form span{
    width: 100%;
    float: left;
}

.stock_notify_cancel, .stock_notify_submit,
.shop_review_form_cancel, .shop_review_form_submit{
    background-color: #4fb68d;
    color: #ffffff;
    width: 100px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 20px;
}

.stock_notify_cancel:hover, .stock_notify_submit:hover,
.shop_review_form_cancel:hover, .shop_review_form_submit:hover{
    background-color: #333333;
}




#featured_no_specials{
    display: none;
}

.Pager a, .Pager b{
    min-width: 20px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #ebebeb;
    color: #333333;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin: 0 5px;
}

.Pager a:hover{
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.Pager b{
    background-color: #4fb68d !important;
    border-color: #4fb68d !important;
    color: #ffffff !important;
}

.Pager div span:first-child{
    display: none;
}




#browse_category_header_title{
    font-size: 1.4rem;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    font-weight: normal;
    margin-bottom: 5px;
}

#browse_category_header_title span{
    position: relative;
    display: inline-block;
}

#browse_category_header_title span::after{
    content: '';
    display: block;
    width: 90%;
    height: 2px;
    background-color: #4fb68d;
    position: absolute;
    bottom: -1px; 
}

#browse_category_header_image_container{
    display: block;
    width: 100%;
}

#browse_category_header_image{
    width: 100%;
}


#browse_category_header_description{
    margin-top: 10px;
    margin-bottom: 10px;
}



/* =============================== */
/* MODALS ======================== */
/* =============================== */

/* Age Verification + Newsletter */

#simplemodal-container{
    width: 100% !important;
    max-width: 300px !important;
    background-color: #ffffff !important;
    height: auto !important;
}

#simplemodal-container h3{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

#md-title{
    background: #4fb68d;
    color: #ffffff;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
}

#md-content{
    text-align: center;
    padding: 20px;
    color: #333333;
}

.md-content button{
    border: none;
    background: #4fb68d;
    color: #ffffff;
    font-weight: normal;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 30px;
    line-height: 28px;
    font-size: 0.8rem;
    width: 100px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.md-content button:hover{
    background-color: #333333 !important;
    color: #ffffff !important;
}



/* Checkout */

#softadd-overlay{ 
    opacity: 0.3 !important;
}

#softadd-container{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    top: 50px !important;
}

#softadd-modal-title{
    background-color: #4fb68d !important;
    text-shadow: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-bottom: none !important;
}

.simplemodal-close{
    text-shadow: none !important;
    color: #ffffff !important;
}

button.simplemodal-close, button.success{
    background-color: #4fb68d !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border: none !important;
    height: 40px !important;
    cursor: pointer;
    font-weight: normal !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

button.simplemodal-close:hover, button.success:hover{
    background-color: #333333 !important;
    color: #ffffff !important;
}

#softadd-feedback-failure, #softadd-feedback-fail-msg, #softadd-container span{
    color: #4fb68d !important;
}

button.simplemodal-close i,
button.success i{
    display: none;
}







#instagram_grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 50px;
}

.instagram_grid_item{
    max-width: 250px;
    text-decoration: none;
    color: #333333;
}

.instagram_grid_image_container{
    width: 100%;
    overflow: hidden;
    padding: 5px;
    border: 4px solid #ebebeb;
    position: relative;
}

.instagram_grid_image_button{
    color: #333333;
    background-color: #ffffff;
    font-size: 1rem;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    transform: scale(0) translateY(-50%);
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 2;
}

.instagram_grid_image_button:hover{
    background-color: #4fb68d;
    color: #ffffff;
}

.instagram_grid_item:hover .instagram_grid_image_button{
    transform: scale(1) translateY(-50%);
}

.instagram_grid_image_container img{
    width: 100%;
    transition: 0.4s;
    display: block;
}

.instagram_grid_item:hover img{
    transform: scale(1.1) rotate(-3deg);
}

.instagram_grid_item_caption{
    line-height: 20px;
    margin-top: 5px;
    word-break: break-word;
}





/* ============================= */
/* Blog ======================== */
/* ============================= */

#blog_roll_zero{
    text-align: center;
}

.blog_roll .browse_products_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.blog_roll .browse_products_container .product_item{
    margin-bottom: 20px;
}

#browse_products_container .product_item {
    margin: 10px;
}


.blog_view{
    margin-top: 20px;
}



.blog_view_left, .blog_view_right{
    width: 100%;    
}

@media only screen and (min-width:800px){
    
    .blog_view_item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .blog_view_left{
        width: 300px;
    }
    
    .blog_view_right{
        width: calc(100% - 400px);
    }
    
}

#blog_view_image_container{
    width: 100%;
}

#blog_view_image{
    width: 100%;
}

.blog_view_title{
    line-height: 30px;
    display: block;
    font-size: 1.4rem;
    
}

.tags{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.tag_item{
    background-color: #[Main-Text-3];
    color: #[Panel];
    font-weight: normal;
    padding: 0 5px;
    font-size: 0.8rem;
    margin-right: 10px;
    display: inline-block;
}

.tag_item{
    color: #333333;
    text-decoration: none;
    margin: 0 10px 10px 0;
    background-color: #ffffff;
    border: 2px solid #ebebeb;
    color: #333333;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    display: inline-block;
}

.tag_item:hover{
    background-color: #333333;
    border-color: #333333;
    color: #ffffff
}

.blog_view_written{
    margin-top: 10px;
}

.blog_view_right_info{
    margin-top: 10px;
    font-size: 0.8rem;
}

.blog_view_bottom{
    margin-top: 30px;
    margin-bottom: 30px;
}

.blog_markup{
    max-width: 600px;
    margin: 0px auto 0px auto;
}





#comments_section, #comments_reply_section{
    max-width: 600px;
    margin: 0 auto;
}

#comments_section{
    margin-top: 100px;
}

#comments_section header{
    display: block;
    margin-top: 10px;
}

.blog_comments_author, .blog_comments_email,
.blog_comments_reply_author, .blog_comments__reply_email{
    background-color: #ffffff;
    padding: 0px 20px;
    border: 2px solid #4fb68d;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 300px;
}

#comment_email_div, #comment_reply_email_div{
    width: 48%;
    float: right;
}

.blog_comments_email, .blog_comments__reply_email{
    width: 100%;
}

#comment_email_label, #comment_reply_email_label{
    display: none;
}

.blog_comments_content, .blog_comments_reply_content{
    background-color: #ffffff;
    padding: 10px 20px;
    border: 2px solid #4fb68d;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 200px;
    line-height: 40px;
    width: 100%;
}

.blog_comments_author:focus, .blog_comments_email:foccus, .blog_comments_content:focus,
.blog_comments_reply_author:focus, .blog_comments__reply_email:focus, .blog_comments_reply_content:focus{
    outline-color: #333333
}


.blog_comments_submit, .blog_comments_reply_submit{
    background-color: #4fb68d;
    color: #ffffff;
    height: 44px;
    padding: 0 20px;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 20px;
}

.blog_comments_submit:hover, .blog_comments_reply_submit:hover{
    background-color: #333333;
}


.blog_article_no_comments{
    width: 100%;
    display: block;
    clear: both;
    max-width: 400px;
    margin: 100px auto 0 auto;
    text-align: center;
    box-sizing: border-box;
}

#comments_thanks{
    width: 100%;
    clear: both;
    max-width: 400px;
    margin: 100px auto 0 auto;
    text-align: center;
    box-sizing: border-box;
}

.blog_comments_container{
    clear: both;
    display: block;
    margin-top: 100px;
}

.blog_comments_title{
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.comment{
    width: 100%;
    display: block;
    clear: both;
    max-width: 400px;
    border: 2px solid #ebebeb;
    padding: 10px;
    margin: 0 auto 0 auto;
    text-align: center;
    box-sizing: border-box;
}

.comment_author{
    margin-right: 5px;
    font-weight: 600;
    padding-right: 5px;
}

.comment_date{
    font-style: italic;
}

.comment_text{
    margin-top: 20px;
}

.blog_comments_reply_reply {
    border: 2px solid #ebebeb;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100px;
    padding: 0 20px;
    margin: 10px auto 20px auto;
    cursor: pointer;
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 48px;
    height: 50px;
}


.comment_reply{
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
    margin-top: 20px;
}







.basket_summary{
    width: 100%;
    margin-bottom: 50px;
}