/*! 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:
#F5F5F5
#CC66FF

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

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

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

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

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #CC66FF, #F5F5F5);
			
	background:  #FFFFFF center center no-repeat padding-box border-box scroll url('//d13z1xw8270sfc.cloudfront.net/origin/476256/1497695486985_bioargancosmeticswallpaper.jpg');    
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;  
    
    font-size: 0.8rem;
    color: #000000;
}

a{ 
    text-decoration: none;
    color: #666666;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

button{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

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

input:focus, textarea:focus, select:focus{
    outline: none;
}

::selection {
  background: #67B769;
  color: #000000;
}
::-moz-selection {
  background: #67B769;
  color: #000000;
}

h1, h2, h3, h4, h5{
    margin: 0;
}

/* =============================== */
/* Containers ==================== */
/* =============================== */

.container{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.inner_container{
    width: 95%;
    margin: 0 auto;
}

.left_right_container{
    overflow: hidden;
}

@media only screen and (min-width:600px){
    .inner_main_container{ 
        width: 95%;
        margin: 10px auto;
    }
}

@media only screen and (min-width:800px){
    .container{ width: 90%; }
}


@media only screen and (min-width:1200px){
    .container{ width: 70% }
}

/* =============================== */
/* Header 1 ====================== */
/* =============================== */

header{
    background-color: #666666;
}

#header1{
    background-color: #666666;
    color: #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
    line-height: 40px;
    clear: both;
}

#header1::after{
    content: '';
    clear: both;
    display: block;
}

/* Currency + Language */
.currency, .language{
    position: relative;
    float: left;
}

.currency_button, .language_button{
    cursor: pointer;
    padding: 0px 10px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.currency_button:hover, .language_button:hover{
    background-color: #67B769;
    color: #FFFFFF;
}

.currency_button i, .language_button i{
    margin-left: 5px;
}

.currency a img, .currency_button img, .language a img, .language_button img{
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.currency_button.selected, .language_button.selected{
    background-color: #67B769;
}

.currency_container, .language_container{
    width: 300px;
    background-color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    border: 1px solid #DDDDDD;
    border-top: none;
    display: none;
    z-index: 50;
}

.language_container{ width: 120px; }

.currency_container a{
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}

.language_container a{
    width: 100px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    display: block;
}

.currency_container a:hover, .language_container a:hover{
    background-color: #67B769;
    color: #FFFFFF;
}


/* Welcome Message */

.header1_welcome{
    padding: 0px 10px;
    float: left;
    display: none;
}

.header1_welcome a{
    color: #67B769;
}

@media only screen and (min-width:800px){
    .header1_welcome{ display: inline-block; }
}

/* Account */

.account{
    float: right;
}

.account a{
    padding: 0px 10px;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    float: right;
}

.account a span{ display: none; }

.account a:hover{
    background-color: #67B769;
    color: #FFFFFF;
}

@media only screen and (min-width:600px){
    .account a span{
        display: block;
    }
    .account a i{ display: none; }
}

/* =============================== */
/* Header 2 ====================== */
/* =============================== */

#header2{
    background-color: #666666;
    color: #FFFFFF;
    clear: both;
    text-align: center;
    overflow: hidden;
}

/* Logo */

.logo{
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 10px 0px;
}

.logo img{
    width: 100%;
}

/* Search */

.search_basket{
    overflow: hidden;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.search{
    width: 70%;
    position: relative;
    margin-bottom: 20px;
    float: left;
    display: inline-block;
}

.search input{
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 4px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border: none;
    height: 40px;
    padding: 0px 60px 0px 20px;
}

.search button{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #67B769;
    color: #FFFFFF;
    height: 40px;
    width: 40px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    cursor: pointer;
}

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

.search button span{ display: none; }

@media only screen and (min-width:800px){
    .search input{
        padding-right: 120px;
    }
    .search button{
        width: auto;
        padding: 0px 20px;
    }
    .search button span{
        display: inline;
        margin-left: 5px;
        text-transform: capitalize;
    }
}

/* Basket Info */

.basket_info{
    color: #FFFFFF;
    display: inline-block;
    height: 40px;
    line-height: 45px;
    padding: 0px 10px;
    margin-bottom: 20px;
    float: right;
}

.basket_info i{
    color: #67B769;
    font-size: 1.4rem;
    margin-right: 5px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.basket_info:hover{
    background: #67B769;
}

.basket_info:hover i{
    color: #FFFFFF;    
}

@media only screen and (min-width:600px){
    .logo{
        float: left;
        width: 30%;
        margin-right: 5%;
    }
    
    .search_basket{
        float: right;
        width: 65%;
        margin-top: 5%;
    }
}

@media only screen and (min-width:1600px){
    .search_basket{
        margin-top: 4%;
    }
}



/* =============================== */
/* Navigation ==================== */
/* =============================== */

nav{
    width: 100%;
    position: relative;
}


@media only screen and (min-width:450px){
    nav::before{
        position: absolute;
        height: 50px;
        content: '';
        background-color:#53991C;
        width: 100%;
    }
}

.nav_mobile_button{
	background-color: #53991C;
	display: block;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
    cursor: pointer;
}

@media only screen and (min-width:450px){
	.nav_mobile_button{ display: none; }
}

.nav_container{ 
    display: none; 
    position: absolute;
    top: 40px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: 1px solid #DDDDDD;
    border-top: none;
    z-index: 45;
}

@media only screen and (min-width:450px){
    .nav_container{ 
        display: block; 
        position: inherit;
        width: auto;
        border: none;
        top: 0;
    }
}

nav a{
    display: block;
    width: 100%;
	text-decoration: none;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
	padding: 0px 20px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
}

nav a:hover{
    background-color: #67B769;
}

@media only screen and (min-width:450px){
    nav a{
        width: auto;
        float: left;
        color: #FFFFFF;
        height: 50px;
    	line-height: 50px;
        background-color: #53991C;
    }
}

.nav_more{
    float: left;
	background-color: #53991C;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	color: #FFFFFF;
	position: relative;
	display: none !important;
    cursor: pointer;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.nav_more:hover{
    background-color: #67B769;
}

.nav_more_container{
	position: absolute;
    background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
    border-top: none;
	display: none;
    right: 0;
    overflow: hidden;
    min-width: 140px;
    z-index: 45;
}

.nav_more_container a{
	color: #666666;
    background-color: #FFFFFF;
    line-height: 30px;
    height: auto;
	overflow: hidden;
    display: block;
    width: 100%;
    padding: 0px 10px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (min-width:450px){
	.nav_more{ display: initial; }

	.nav_more.nav_more_show{
		display: inline-block !important;
	}

    .nav_more_displaying{
        background-color: #67B769;
    }

}


/* =============================== */
/* Main ========================== */
/* =============================== */

main{
    clear: both;
    background-color: #FFFFFF;
    overflow: hidden;
}

.left, .right{
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.right{
    width: 95%;
    margin: 0 auto;
}

@media only screen and (min-width:600px){
    .left{
        float: left;
        width: 30%;
        display: inline-block;
    }
    .right{
        float: left;
        width: 65%;
        margin-left: 5%;
        display: inline-block;
    }
}

/* =============================== */
/* Categories ==================== */
/* =============================== */

.categories{
    position: relative;
}

.categories_title{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #67B769;
    color: #FFFFFF;
    padding: 0px 20px;
    text-align: center;
    cursor: pointer;
}

.categories_title i{
    margin-right: 5px;
}

@media only screen and (min-width:600px){
    .categories_title{
        text-align: left;
        cursor: inherit;
    }
}

.categories_container{ 
    display: none;
    width: 90%;
    top: 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 45;
}

@media only screen and (min-width:600px){
    .categories_container{ 
        display: block !important;
        position: inherit;
        width: auto;
        top: 0;
    }
}

.categories_container a{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0px 20px;
    border: 1px solid #DDDDDD;
    background-color: #F7F7F7;
    border-top: none;
}

.categories_container a:hover{
    background-color: #67B769;
}

.cat_with_sub_parent{
    width: 100%;
    position: relative;
}

.cat_with_sub_parent a{
    padding: 0px 35px 0px 20px;
}

.cat_with_sub_parent i{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background-color: #F7F7F7;
    cursor: pointer;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.cat_with_sub_parent i:hover{
    background-color: #67B769;
}

.cat_with_sub_container{
    display: none;
}

.cat_with_sub_container a::before{
    content: '-';
    margin-right: 5px;
}


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

.featured, .featured_blog{ 
    clear: both;
    width: 95%;
    margin: 20px auto;
    position: relative;
}

@media only screen and (min-width:600px){
    .featured, .featured_blog{
        width: 100%;
    }
}

.featured_title, .featured_blog_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    margin-bottoM: 20px;
    line-height: 30px;
    position: relative;
}

.featured_title::after, .featured_blog_title::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.featured_product, .featured_blog_product{
    text-align: center;
}

.featured_image_container, .featured_blog_image_container{
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.featured_view, .featured_blog_view{
    position: absolute;
    bottom: -30px; 
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #53991C;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.featured_product:hover .featured_view, .featured_blog_product:hover .featured_blog_view{
    bottom: -1px;
}

.featured_view:hover, .featured_blog_view:hover{
    background-color: #67B769;
}

.featured_info_name, .featured_blog_info_name{
    margin-top: 5px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.featured_info_price{
    line-height: 25px;
}

.featured_info_price span{
    margin-right: 5px;
    text-decoration: line-through;
}

.featured_info_add, .featured_blog_info_add{
    display: inline-block;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 5px;
}

.featured_info_add:hover, .featured_blog_info_add:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

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

.owl-prev, .owl-next{
    display: inline-block;
    float: left;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.owl-prev{
    border-right: none;
}

.owl-prev:hover, .owl-next:hover{
    background-color: #67B769;
}


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

/* Footer Top */
.footer_top{
    background-color: #53991C;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
}

.logo_clone{
    max-width: 200px;
    margin: 0 auto;
}

.logo_clone .logo{
    max-width: 200px;
    margin: inherit;
    width: inherit;
    padding: 0px;
}

.footer_social li{
    display: inline-block;
}

.footer_social li a{
    display: block;
    margin: 0px 5px;
    color: #67B769;
    font-size: 1.4rem;
}

@media only screen and (min-width:600px){
    .footer_top{
        text-align: left;
    }
    
    .footer_top_50{
        width: 48%;
        float: left;
    }
    .footer_top_50:nth-child(2){
        margin-left: 4%;
    }
    
    .footer_top_50.logo_clone{
        max-width: inherit;
        margin: inherit;
        margin-top: 5px;
    }
    
    .footer_top_50.footer_social{
        padding-top: 30px;
        text-align: right;
    }
    
}

/* Newsletter */
.newsletter_title{
    color: #FFFFFF;
}

.footer_newsletter input{
    background: none;
    height: 35px;
    border: none;
    float: left;
    padding: 0px 20px;
    width: 100%;
    text-transform: capitalize;
    background-color: #FFFFFF;
    border: none;
    margin-bottom: 10px;
    border-radius: 4px;
}

.footer_newsletter button{
    background-color: #67B769;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: none;
    float: right;
    margin-bottom: 10px;
    width: 40%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}

.footer_newsletter button:hover{
    background-color: #53991C;
}

.footer_newsletter .newsletter_input_small{
    float: left;
    width: 60%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


/* Footer Middle */

.footer_middle{
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    background-color: #666666;
    color: #FFFFFF;
}

.footer_middle_section{
    margin-bottom: 30px;
    overflow: hidden;
}

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

    .footer_middle_section{
        float: left;
        display: inline-block;
    }
    
    /* one item */
    .footer_middle_section:first-child:nth-last-child(1) {
      width: 100%;
    }
    
    /* two items */
    .footer_middle_section:first-child:nth-last-child(2),
    .footer_middle_section:first-child:nth-last-child(2) ~ .footer_middle_section {
      width: 47.5%;
    }
    
    .footer_middle_section:first-child:nth-last-child(2) ~ .footer_middle_section{
        margin-left: 5%;
    }
    
    /* three items */
    .footer_middle_section:first-child:nth-last-child(3),
    .footer_middle_section:first-child:nth-last-child(3) ~ .footer_middle_section {
      width: 30%;
    }
    
    .footer_middle_section:first-child:nth-last-child(3) ~ .footer_middle_section{
        margin-left: 5%;
    }

}

.footer_middle a{
    color: #67B769;
}

.footer_middle a:hover{
    color: #FFFFFF;
}

.footer_middle_title{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}

.footer_custom a{
    display: block;
    margin-bottom: 10px;
}

.footer_custom a:last-child{
    margin-bottom: 0px;
}

.footer_custom a i{
    margin-right: 5px;
    color: #FFFFFF !important;
}

.footer_contact_section{
    overflow: hidden;
    margin-bottom: 10px;
}

.footer_contact_section i{
    width: 10%;
    max-width: 20px;
    text-align: center;
    float: left;
    margin-right: 2%;
}

.footer_contact_text{
    float: left;
    width: 88%;
}



/* Footer Bottom */
.footer_bottom{
    background-color: #53991C;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}

.footer_bottom a{
    color: #FFFFFF;
}

.footer_bottom a:hover{
    color: #67B769;
}

.footer_copyright a{
    margin-left: 5px;
}

.footer_copyright a::before{
    content: '|';
    margin-right: 5px;
}

.footer_bottom_links a{
    margin: 0px 5px;
}

.footer_copyright{
    margin-top: 10px;
}

.footer_bottom_links{
    margin: 10px 0px;
}

@media only screen and (min-width:600px){
    .footer_copyright{
        float: left;
    }
    
    .footer_bottom_links{
        float: right;
    }
}




/* =============================== */
/* Contact Us ==================== */
/* =============================== */

.contact_address h1{
    font-size: 0.8rem;
    color: #FFFFFF;
    background-color: #67B769;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.contact_address address{
    border: 1px solid #DDDDDD;
    border-top: none;
    background-color: #F7F7F7;
    padding: 20px 20px 0px 20px;
}

.contact_us_container .contact_address address{
    border-bottom: none;
}

.contact_form .contact_address{
    margin-bottom: 20px;
}

/* Contact Form */

.contact_form section header{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    margin-bottoM: 20px;
    line-height: 30px;
    position: relative;
    background: none;
}

.contact_form section header::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.contact_form label{
    width: 100%;
    display: block;
}

.contact_form input{
    max-width: 300px;
    width: 100%;
    border: 1px solid #DDDDDD;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.contact_form textarea{
    width: 100%;
    border: 1px solid #DDDDDD;
    height: 150px;
    line-height: 30px;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.contact_send_btn{
    background-color: #67B769;
    border: none !important;
    max-width: inherit !important;
    float: right;
    width: auto !important;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.contact_send_btn:hover{
    background-color: #53991C;
}

.contact_form span{
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    float: right;
}



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

.details_image_container{
    width: 100%;
    display: block;
}

.details_main_image{
    width: 100%;
    display: block;
}

.details_additional_images_container{ overflow: hidden; }

.details_additional_images_item{
    float: left;
    width: 30%;
    margin-top: 10px;
    margin-left: 5%;
}

.details_additional_images_item:nth-of-type(3n+1){ margin-left: 0% !important; }

.details_additional_images_image{
    width: 100%;
    display: block;
}

.details_title, .blog_view_title, #comments_section header, .blog_comments_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
}

.blog_view_right{ 
    position: relative;
    margin-bottom: 20px;
    border-bottom: 3px solid #DDDDDD;
    line-height: 30px;
}

.blog_view_bottom{
    position: relative;
    margin-bottom: 20px;
    border-bottom: 3px solid #DDDDDD;
}

.details_title::after, .blog_view_title::after, .blog_view_right::after, .blog_view_bottom::after, #comments_section header::after, .blog_comments_title::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.details_price{;
    font-size: 1.2rem;
    margin-bottom: 20px;
    border-bottom: 3px solid #DDDDDD;
    padding-bottom: 20px;
    position: relative;
}

.details_price::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.details_rrp{
    text-decoration: line-through;
    float: left;
    margin-right: 10px;
    font-size: 1rem;
}

.price_breakdown span{
    font-size: 0.8rem;
}

.details_price hr{ display: none; }

.price_breakdown a{ cursor: text; }

.price_breakdown a strong{ font-weight: normal; }

.details_description{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #DDDDDD;
}

.details_description::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

/* Add To Cart */

.details_buy_section{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 3px solid #DDDDDD;
}

.details_buy_section::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.details_buy_quantity{
    margin-right: 10px;
    float: left;
    display: inline-block;
}

.details_buy_quantity input{
    height: 40px;
    line-height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-right: none;
    float: left;
    text-align: center;
    width: 60px;
    font-size: 1.2rem;
}

.details_buy_quantity_buttons{
    float: left;
    width: 25px;
}

.details_buy_quantity button{
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: none;
    border: 1px solid #DDDDDD;
    color: #000000;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 0;
}

.details_buy_quantity button:focus{
    outline: none;
}

.items-count-increased{ border-bottom: none !important; }

.details_buy_quantity button:hover{
    background-color: #DDDDDD;
}

.details_buy_button{
    display: inline-block;
    color: #FFFFFF;
    background-color: #67B769;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0px 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.details_buy_button i{ margin-right: 5px; }

.details_buy_button:hover{
    background-color: #53991C;
}

/* Options */

.details_options{
    margin-bottom: 20px;
    display: block;
}

.details_options_item{
    margin-bottom: 10px;
}

.details_options_title{
    width: 100%;
    display: block;
}

.details_options_item select{
    height: 30px;
    min-width: 200px;
    border: 1px solid #DDDDDD;
}

/* Stock */

.stock{
    position: absolute;
    top: -20px;
    right: 0;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 0px 10px;
    line-height: 30px;
}

.no_stock{
    display: inline-block;
    margin-bottom: 20px;
    line-height: 30px;
    padding: 0px 10px;
    background-color: red;
    color: #FFF;
}

/* Share */

#share_panel{
    overflow: hidden;
    margin-bottom: 30px;
    
}

#share_panel a{
    font-size: 1rem;    
    font-weight: normal;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;                                
}

#share_panel a span{
    font-size: 0.7rem;
    position: relative;
    top: -1px;
}

#share_panel a#share_facebook{
    background: #3b5998;
}

#share_panel a#share_gplus{
	background: #DC4E41;
}

#share_panel a#share_pinterest{
	background: #BD081C;
}

#share_panel a#share_twitter{
	background: #55ACEE;
}

#share_panel a:hover{
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}

.details_info_bulk_container{
    margin-bottom: 20px;
}

.details_info_item{ margin-bottom: 5px; }
.details_info_item strong{ 
    margin-right: 5px; 
    text-transform: capitalize;
}




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

.related{ 
    clear: both;
    width: 95%;
    margin: 20px auto;
    position: relative;
}

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

.related_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    margin-bottoM: 20px;
    line-height: 30px;
    position: relative;
}

.related_title::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.related_product{
    text-align: center;
}

.related_image_container{
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.related_view{
    position: absolute;
    bottom: -30px; 
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #53991C;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.related_product:hover .related_view{
    bottom: -1px;
}

.related_view:hover{
    background-color: #67B769;
}

.related_info_name{
    margin-top: 5px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.related_info_price{
    line-height: 25px;
}

.related_info_price span{
    margin-right: 5px;
    text-decoration: line-through;
}

.related_info_add{
    display: inline-block;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 5px;
}

.related_info_add:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}


/* =============================== */
/* Reviews ======================= */
/* =============================== */

.reviews{
    width: 95%;
    margin: 0 auto 30px auto;
}

@media only screen and (min-width:600px){
    .reviews{
        width: auto;
    }    
}

.reviews_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    margin-bottoM: 20px;
    line-height: 30px;
    position: relative;
}

.reviews_title::after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #53991C;
    display: block;
    height: 3px;
}

.review_button, .tag_item{
    display: inline-block;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    margin-top: 5px;
    text-transform: capitalize;
}

.tag_item{
    margin-right: 10px;
    margin-bottom: 10px;
}

.review_button:hover, .tag_item:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

.review_item{
    border: 1px solid #DDDDDD;
    background-color: #F7F7F7;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}

.review_item_stars{
    position: absolute;
    top: -12.5px;
    right: 10px;
    font-size: 0.9rem;
    color: #67B769;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    padding: 0px 5px;
    height: 25px;
    line-height: 25px;
}

.review_item_stars i{
    margin: 0px 2.5px;
}


.review_item_title{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}



/* Breadcrumbs */

.breadcrumbs{
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    line-height: 40px;
    padding: 0px 20px;
    overflow: hidden;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.breadcrumbs li{
    float: left;
    list-style-type: none;
}

.breadcrumbs li a::after{
    content: '/';
    margin: 0px 10px;
}

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

.breadcrumbs li:last-child a{ font-weight: bold; }

.breadcrumbs li a:hover{
    color: #67B769;
}

.breadcrumbs li a:hover::after{
    color: inherit;
}


/* Browse Main Title */

.browse_main_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.browse_main_title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #06253E;
    display: block;
    height: 3px;
}

/* Browse Sort */
.browse_sort{
    line-height: 40px;
    border-bottom: 1px solid #[Other];
    clear: both;
    height: 40px;
    display: block;
}

/* Browse Sort Display */
.browse_sort_display{
    overflow: hidden;
    float: left;
    display: none;
}

@media only screen and (min-width: 500px) {
    .browse_sort_display{
        display: inline-block;
    }
}

.browse_sort_display_item{
    float: left;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 1rem;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
}

.browse_sort_display_item:first-child{
    margin-right: 10px;
}

.browse_sort_display_item.selected{
    background-color: #67B769;
    color: #FFFFFF;
    border-color: #67B769;
}

.browse_sort_display_item:hover{
    background-color: #67B769;
    color: #FFFFFF;
    border-color: #67B769;
}

/* Browse Sort Filter */
#pager_sort_by li.divider{ display: none !important; }

.browse_sort_filter{ 
    float: right;
    position: relative;
}

.browse_sort_filter_first li{
    text-transform: capitalize;
    list-style-type: none;
    font-size: 0.8rem;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: 120px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -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;
}

.browse_sort_filter_first li:hover, .browse_sort_filter_first.selected li{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

.browse_sort_filter_first li i{
    float: right;
    padding-right: 10px;
    line-height: 30px;
}

#pager_sort_by{
    list-style-type: none;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-top: none;
    width: 118px;
    font-size: 0.8rem;
    position: absolute;
    z-index: 10;
    display: none;
}

#pager_sort_by li{
    list-style-type: none;
}

#pager_sort_by li a{
    padding: 0px 10px;
    line-height: 30px;
    width: 118px;
    display: block;
    text-transform: capitalize;
}

#pager_sort_by li a:hover{
    background-color: #DDDDDD;
}


/* Browse Products Results */
.browse_results_container{
    padding-top: 20px;
}

.browse_item{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}


@media only screen and (min-width: 500px) {
    .browse_item{
        width: 45%;
        float: left;
        margin-left: 10%;
    }
    
    .browse_item:nth-of-type(2n+1){
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1000px) {
    .browse_item{
        width: 30%;
        float: left;
        margin-left: 5%;
    }
    
    .browse_item:nth-of-type(2n+1){
        margin-left: 5%;
    } 
    
    .browse_item:nth-of-type(3n+1){
        margin-left: 0%;
    }
}

.browse_item_image_container{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.browse_item_image{
    width: 100%;
    display: block;
}

.browse_item_view{
    position: absolute;
    bottom: -30px; 
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #53991C;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.browse_item:hover .browse_item_view{
    bottom: -1px;
}

.browse_item_view:hover{
    background-color: #67B769;
}

.browse_item_info{
    margin-top: 5px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.browse_item_info_price{
    line-height: 25px;
}

.browse_item_info_price span{
    margin-right: 5px;
    text-decoration: line-through;
}

.browse_item_info_add, .browse_item_info_view{
    display: inline-block;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 5px;
}

.browse_item_info_add:hover, .browse_item_info_view:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

.browse_item_info_name{ display: block; }

.browse_item_info_view{ display: none; }

.browse_item_description{ display: none; }

@media only screen and (min-width: 500px) {
    
    .results_view_list .browse_item{
        text-align: left;
        width: 100% !important;
        margin-left: 0% !important;
    }
    
    .results_view_list .browse_item_image_container{
        width: 40%;
        float: left;
        margin-right: 5%;
    }
    
    .results_view_list .browse_item_view{ display: none !important; }
    
    .results_view_list .browse_item_info{
        width: 55%;
        float: left;
    }
    
    .results_view_list .browse_item_description{
        display: block;
        line-height: 20px;
        height: 40px;
        white-space: normal;
        overflow: hidden;
    }
    
    .results_view_list .browse_item_info_view{
        display: inline-block;
        margin-right: 10px;
    }
    
}

@media only screen and (min-width: 1000px) {
    .results_view_list .browse_item_description{
        display: block;
        line-height: 20px;
        height: 60px;
        white-space: normal;
        overflow: hidden;
    }
    
    .results_view_list .browse_item_info_name{ font-size: 1rem; }
}





/* Count + Pagination */
.results_count_container{
    display: block;
    clear: both;
    font-size: 0.8rem;
    border-top: 3px solid #DDDDDD;
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.browse_count{ margin-bottom: 10px; }

.pagination{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    overflow: hidden;
}

.pagination li{
    list-style-type: none;
    float: left;
}

.pagination li a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination li.current a{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

.pagination li a:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

.pagination li.current a:hover{
    background-color: #67B769;
    border-color: #67B769;
    color: #FFFFFF;
}

@media only screen and (min-width: 1000px) {
    .browse_count{ 
        float: left;
        max-width: 410px;
    }
    .results_pager_container{
        float: right;
        max-width: 201px;
    }
    .pagination li a{
        margin-right: 0px;
        margin-left: 5px;
    }
}




/* Category Header */

.category_header_image_container{
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.category_header_image_container img{
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

.category_header_description{
    margin-bottom: 10px;
}



/* =============================== */
/* Product Review ================ */
/* =============================== */

.product_review_container center h3, .shop_product_review_form center h3, .stock_notify_container center h3, .stock_notify center h3{
    font-size: 0.8rem;
    color: #FFFFFF;
    background-color: #67B769;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.product_review_container, .stock_notify_container{
    border: 1px solid #DDDDDD;
    border-top: none;
    background-color: #F7F7F7;
    border-bottom: none;
}

@media only screen and (min-width: 660px) {
    .product_review_container, .stock_notify_container{
        padding-bottom: 10px;
    }
}

.shop_product_review_form center, .stock_notify center{
    border: 1px solid #DDDDDD;
    border-top: none;
    background-color: #F7F7F7;
    padding-bottom: 10px;
    border-bottom: none;
}

.shop_product_review_form center, .stock_notify center{
    border-bottom: 1px solid #DDDDDD;
}

.product_review_container center, .stock_notify_container center{
    text-align: left;
}

.product_review_container center span, .product_review_container center label, .stock_notify_container center span, .stock_notify_container center label{
    margin: 0 5%;
}

.product_review_container center label, .stock_notify_container center label{
    margin-top: 0px !important;
}

.product_review_container img, .shop_product_review_form center img, .stock_notify_container img, .stock_notify img{
    width: 90%;
    margin: 0 5%;
}

.product_review_container label, .shop_product_review_form center label, .stock_notify_container label, .stock_notify center label{
    font-weight: bold;
}





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

.shop_product_review_form input, .shop_product_review_form select, .stock_notify input{
    max-width: 300px;
    width: 100%;
    border: 1px solid #DDDDDD;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
}

.shop_product_review_form textarea, .stock_notify textarea{
    width: 100%;
    border: 1px solid #DDDDDD;
    height: 150px;
    line-height: 30px;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.shop_review_form_cancel, .shop_review_form_submit, .stock_notify_cancel, .stock_notify_submit{
    background-color: #67B769;
    border: none !important;
    max-width: inherit !important;
    width: auto !important;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
}

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

.shop_product_review_form span, .stock_notify span{
    width: 100%;
    margin-bottom: 5px;
}



/* =============================== */
/* Instagram ===================== */
/* =============================== */
#instagrid{
    overflow: hidden;    
}

.instagrid_item{
    width: 48%;
    float: left;
    margin-bottom: 20px;
    margin-left: 4%;
}

.instagrid_item:nth-of-type(2n+1){
    margin-left: 0%;
}

.instagrid_item_container{
    border: 1px solid #DDDDDD;
    background-color: #F7F7F7;
    padding: 10px;
}

.instagrid_image_container{
    width: 100%;
    display: block;
}

.instagrid_item img{
    width: 100%;
}

.instagrid_likes{
    font-weight: bold;
}

.instagrid_likes i{
    color: #67B769;
}

.instagrid_likes span{
    font-weight: normal;
}

.instagrid_caption{
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-size: 0.8rem;
    display: block;
}

.instagrid_caption:hover{
    color: #67B769;
}


@media only screen and (min-width: 1000px) {
    .instagrid_item{
        width: 30%;
        margin-left: 5%;
    }
    
    .instagrid_item:nth-of-type(2n+1){
        margin-left: 5%;
    }
    
    .instagrid_item:nth-of-type(3n+1){
        margin-left: 0%;
    }
    
    .instagrid_likes span{
        font-size: 0.8rem;
    }
}

@media only screen and (min-width: 1400px) {
    .instagrid_item{
        width: 22%;
        margin-left: 4%;
    }
    
    .instagrid_item:nth-of-type(2n+1){
        margin-left: 4%;
    }
    
    .instagrid_item:nth-of-type(3n+1){
        margin-left: 4%;
    }
    
    .instagrid_item:nth-of-type(4n+1){
        margin-left: 0%;
    }
}


.Pager:first-child{
    margin-bottom: 10px;
}


/* Sub Categories */


.browse_subcategories_title{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.browse_subcategories_title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #06253E;
    display: block;
    height: 3px;
}

.browse_subcategories_title i{
    margin-right: 5px;
}

.browse_subcategories_container{
    overflow: hidden;
}

.browse_subcategories_container a{
    float: left;
    line-height: 30px;
    background-color: #67B769;
    color: #FFFFFF;
    padding: 0px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.browse_subcategories_container a:hover{
    background-color: #53991C;
}




/* Sitemap */

.fws_sitemap_container h2{
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #DDDDDD;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.fws_sitemap_container h2::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 40%;
    max-width: 200px;
    background-color: #06253E;
    display: block;
    height: 3px;
}

.fws_sitemap_container hr{ display: none; }

.fws_sitemap_container ul{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    overflow: hidden;
}

.fws_sitemap_container li{
    float: left;
    list-style-type: none;
}

.fws_sitemap_container li a{
    display: block;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #67B769;
    color: #FFFFFF;
    padding: 0px 10px;
    line-height: 30px;
}

.fws_sitemap_container li a:hover{
    background-color: #53991C;
}


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

/* Age Verification + Newsletter */

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

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

#md-title{
    background: #53991C;
    color: #F7F7F7;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
}

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

.md-content button{
    border: none;
    background: #67B769;
    color: #F7F7F7;
    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: #53991C !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: #666666 !important;
    color: #F7F7F7 !important;
    top: 50px !important;
}

#softadd-modal-title{
    background-color: #53991C !important;
    text-shadow: none !important;
    color: #F7F7F7 !important;
    font-weight: bold !important;
    border-bottom: none !important;
}

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

button.simplemodal-close, button.success{
    background-color: #67B769 !important;
    color: #F7F7F7 !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: #53991C !important;
}

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


/* Blog View */

.blog_published a{ font-weight: bold; }

#comments_section header{
    background: none;
}

#comments_reply_section{
    margin-top: 10px;
}

#comments_section input, #comments_section textarea, #comments_reply_section input, #comments_reply_section textarea{
    max-width: 300px;
    width: 100%;
    border: 1px solid #DDDDDD;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    margin-bottom: 10px;
}

#comments_section textarea, #comments_reply_section textarea{
    max-width: inherit;
    height: 150px;
}

#comment_email_label, #comment_reply_email_label{ display: none; }

#comments_section .blog_comments_submit, .blog_comments_reply_reply, #comment_reply_submit{
    background-color: #53991C;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    max-width: inherit !important;
    width: auto !important;
    cursor: pointer;
}

#comments_section .blog_comments_submit:hover, .blog_comments_reply_reply:hover, #comment_reply_submit:hover{
    background-color: #67B769;
}

#comments_thanks{
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.comment_item{
    border: 1px solid #DDDDDD;
    background-color: #F7F7F7;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}

.comment_author{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.comment_author span{
    margin-left: 10px;
    
}

.blog_comments_reply_reply{
    padding: 0px 20px;
    margin-top: 5px;
}

.comment_replies {
    margin-left: 40px;
}

.blog_view_image{ display: none; }