/*! 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:Open Sans, Helvetica, Arial, sans;
  
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#eeeeee));

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

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

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

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


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

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


::selection {
  background: #ff3366;
  color: #ffffff;
}
::-moz-selection {
  background: #ff3366;
  color: #ffffff;
}

a{
    color: #ff3366;
}

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

header{
    border-top: thick solid #ff6666;
    background-color: #ff3366;
    color: #ffffff;
    width: 100%;
}

#header_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 50px;
    transition: 0.2s;
}

#header1{
    order: 1;
    margin-left: 20px;
}

#header1_logo{
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2rem;
    height: 50px;
    display: flex;
    align-items: center;
}


#header2{
    order: 3;
    width: 100%;
    border-bottom: thick solid #ff6666;
    background-color: #ff3366;
    display: none;
    position: relative;
    z-index: 50;
    top: -1px;
}

#search_form_container{
    border-top: 1px solid rgba(255 255 255 / 0.1);
    padding: 10px 20px;
    position: relative;
}

#search_form_inner_container{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#txtQuickSearch{
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #ff6666;
    line-height: 40px;
    padding: 0 10px;
    height: 40px;
    font-size: 0.85rem;
}

#txtQuickSearch:focus{
    outline: none;
}

#search_form_button{
    min-width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background-color: #ff6666;
    border: 1px solid #ff6666;
    color: #ffffff;
    transition: 0.2s;
    cursor: pointer;
}

#search_form_button:hover{
    background-color: #ff3366;
}

#nav_tabs{
    border-top: 1px solid rgba(255 255 255 / 0.1);
}

#nav_tabs a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 0.85rem;
    line-height: 40px;
    padding: 0 20px;
}


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

#nav_custom_button{
    width: calc(100% - 40px);
    padding: 0 20px;
    font-size: 0.85rem;
    line-height: 40px;
}

#nav_custom_button_icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#nav_custom_button_icon i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(255 255 255 / 0.1);
    transition: 0.4s;
}

#nav_custom_button_icon:hover i{
    background-color: rgba(255 255 255 / 0.1);
}

#nav_custom_button_icon.nav_custom_button_icon_active i{
    transform: rotate(90deg);
    background-color: rgba(255 255 255 / 0.1);
}

#nav_custom_items{
    background-color: rgba(255 255 255 / 0.1);
    display: none;
}


#nav_custom_items a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 0.85rem;
    line-height: 40px;
    padding: 0 20px;
}




#nav_categories{
    border-top: 1px solid rgba(255 255 255 / 0.1);
}

#nav_categories a{
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 0.85rem;
    line-height: 40px;
    padding: 0 20px;
}

.nav_categories_hassubs_item{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.nav_categories_hassubs_item_link{
    width: calc(100% - 40px);
}

.nav_categories_hassubs_item_icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.nav_categories_hassubs_item_icon i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(255 255 255 / 0.1);
    transition: 0.4s;
}

.nav_categories_hassubs_item_icon:hover i{
    background-color: rgba(255 255 255 / 0.1);
}

.nav_categories_hassubs_item_icon.nav_categories_hassubs_item_icon_active i{
    transform: rotate(90deg);
    background-color: rgba(255 255 255 / 0.1);
}

.nav_categories_childen_container{
    display: none;
    background-color: rgba(255 255 255 / 0.1);
}

#account_1{
    border-top: 1px solid rgba(255 255 255 / 0.1);
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff;
    font-size: 0.85rem;
    line-height: 40px;
    display: flex;
}

#account_2{
    display: none;
}

#basket_info_container{
    border-top: 1px solid rgba(255 255 255 / 0.1);
    padding: 10px 20px;
}

#basket_info{
    text-decoration: none;
    color: #ffffff;
    font-size: 0.85rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    line-height: 40px;
}

#basket_info:hover{
    text-decoration: underline;
}

#basket_info_icon{
    display: none;
}

#search_button{
    display: none;
}

#header3{
    line-height: 50px;
    font-size: 1.2rem;
    order: 2;
    margin-right: 20px;
}

#mobile_menu_button{
    cursor: pointer;
}


@media only screen and (min-width:850px){
    
    #header_container{
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    #header_inner{
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        width: 100%;
    }
    
    #header1{
        margin-left: 0;
    }
    
    #header1_logo{
        height: 50px;
    }
    
    #header2{
        order: 2;
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: flex-end;
        width: 100%;
        margin-left: 30px;
        border-bottom: none;
        height: 50px;
    }
    
    #header2_pages{
        order: 2;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
    
    #nav_tabs{
        display: flex;
        flex-wrap: nowrap;
        border: none;
    }
    
    #nav_tabs a{
        padding: 0 10px;
        line-height: 50px;
        transition: 0.2s;
    }
    
    #nav_tabs a:hover{
        background-color: #ff6666;
    }
    
    #nav_custom{
        position: relative;
    }
    
    #nav_custom_button_container{
        cursor: pointer;    
        padding: 0 10px;
        transition: 0.2s;
    }
    
    #nav_custom_button_container:hover, #nav_custom_button_container.nav_custom_button_container_active{
        background-color: #ff6666;
    }
    
    #nav_custom_button{
        padding: 0;
        line-height: 50px;
        white-space: nowrap;
    }
    
    #nav_custom_button_icon{
        height: 50px;
        line-height: 50px;
        width: auto;
        margin-left: 7.5px;
    }
    
    #nav_custom_button_icon i{
        border: none;
        transform: rotate(90deg);
        width: auto;
    }
    
    #nav_custom_button_icon.nav_custom_button_icon_active i,
    .nav_categories_hassubs_item_icon:hover i,
    #nav_custom_button_icon:hover i{
        background: none;
    }
    
    #nav_custom_items{
        position: absolute;
        top: 60px;
        z-index: 50;
        background-color: #ff3366;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }
    
    #nav_custom_items a{
        white-space: nowrap;
        transition: 0.2s;
    }
    
    #nav_custom_items a:hover{
        background-color: #ff6666;
    }
    
    #nav_categories{
        display: none;
    }
    
    #account_1{
        display: none;
    }
    
    #account{
        order: 3;
        margin-right: 2%;
    }
    
    #account_2{
        display: block;
        min-width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        background-color: #ff6666;
        border: 1px solid #ff6666;
        color: #ffffff;
        transition: 0.2s;
        cursor: pointer;
        text-decoration: none;
        margin-top: 5px;
    }
    
    #account_2:hover{
        background-color: #ff3366;
    }
    
    #basket_info_container{
        order: 4;
        border: none;
        padding: 0;
        margin-right: 2%;
    }
    
    #basket_info{
        display: none;
        white-space: nowrap;
        line-height: 20px;
        padding: 2.5px 0;
    }
    
    #basket_info_icon{
        display: block;
        min-width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        background-color: #ff6666;
        border: 1px solid #ff6666;
        color: #ffffff;
        transition: 0.2s;
        cursor: pointer;
        text-decoration: none;
        position: relative;
        margin-top: 5px;
    }
    
    #basket_info_icon:hover{
        background-color: #ff3366;
    }
    
    #basket_info_icon span{
        position: absolute;
        top: -10px;
        right: -10px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        min-width: 20px;
        background-color: #ffffff;
        color: #ff6666;
        font-size: 0.85rem;
        transition: 0.2s;
    }
    
    #basket_info_icon:hover span{
        background-color: #ff6666;
        color: #ffffff;
    }
    
    #header2 form{
        order: 5;
    }
    
    #search_form_container{
        border-top: none;
        padding: 0;
        height: 50px;
        display: flex;
        align-items: center;
    }
    
    #search_form_inner_container{
        display: none;
    }
    
    .search_form_container_active #search_form_inner_container{
        display: flex;
        position: absolute;
        z-index: 2;
        right: 50px;
        width: 210px;
    }

    
    #search_button{
        display: block;
        min-width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        background-color: #ff6666;
        border: 1px solid #ff6666;
        color: #ffffff;
        transition: 0.2s;
        cursor: pointer;
        text-decoration: none;
        position: relative;
    }
    
    #search_button:hover, .search_form_container_active #search_button{
        background-color: #ff3366;
    }
    
    #header3{
        order: 3;
        display: none;
    }
        
}

@media only screen and (min-width:1200px){
    
    /*#basket_info_icon{
        display: none;
    }
    
    #basket_info{
        display: block;
    }*/
    
    #search_button{
        display: none;
    }
    
    #search_form_inner_container{
        display: flex;
    }
}


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

.flexslider{
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

#category_clone_container{
    display: none;
}

@media only screen and (min-width:850px){
    
    #category_clone_container{
        display: block;
        /*height: 70px;*/
        background-color: #ff3366;
        border-bottom: thick solid #ff6666;
    }
    
    #category_clone_inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /*height: 70px;*/
    }
    
    #category_clone_inner.category_clone_inner_otherpage{
        justify-content: left;
    }
    
    #category_clone_inner a{
        color: #ffffff;
        text-decoration: none;
        font-size: 0.85rem;
        width: auto;
    }
    
    #category_clone_inner .nav_categories_item{
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        padding: 0 10px;
        cursor: pointer;
    }
    
    #category_clone_inner .nav_categories_item:hover{
        background-color: #ff6666;
    }
    
    #category_clone_inner .nav_categories_hassubs_container {
        position: relative;
    }
    
    #category_clone_inner .nav_categories_hassubs_item_icon{
        height: 50px;
        line-height: 50px;
        width: auto;
        color: #ffffff;
        border: none;
        margin-left: 7.5px;
    }
    
    #category_clone_inner .nav_categories_hassubs_item_icon i{
        border: none;
        transform: rotate(90deg);
        width: auto;
    }
    
    #category_clone_inner .nav_categories_childen_container{
        display: none;
        position: absolute;
        z-index: 50;
        left: 0;
        background-color: #ff3366;
    }
    
    #category_clone_inner .nav_categories_item:hover .nav_categories_childen_container{
        display: block;
    }
    
    #category_clone_inner .nav_categories_childen_container a{
        display: block;
        padding: 0 20px;
    }
    
    #category_clone_inner .nav_categories_childen_container a:hover{
        background-color: #ff6666;
    }
    
}





.main_page_content{
    background-color: #ffffff;
    padding: 20px;
    font-size: 0.85rem;
}





/* Featured Products */

#featured_products, #featured_blog{
    margin-top: 50px;
}

#featured_products_inner, #featured_blog_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.featured_product_item{
    background-color: #ffffff;
    width: 100%;
    border: 1px solid rgba(0 0 0 / 0.2);
    margin-top: 20px;
    min-width: 300px;
}

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

.featured_product_item_image{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.featured_product_item_info{
    padding: 10px 20px 10px 20px;
}

.featured_product_item_name{
    color: #222222;
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 30px;
    min-height: 60px;
    display: flex;
}

.featured_product_item_description{
    margin-top: 10px;
    font-size: 0.85rem;
    line-height: 25px;
}

.featured_product_item_button_container{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.featured_product_item_button{
    height: 50px;
    padding: 0 20px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-width: 120px;
    transition: 0.2s;
}

.featured_product_item_button_add{
    background-color: #ff6666;
    border: 1px solid #ff3366;
}

.featured_product_item_button_add:hover{
    background-color: #ff3366;
    border: 1px solid #ff6666;
}

.featured_product_item_button_view{
    background-color: #ff3366;
    border: 1px solid #ff6666;
}

.featured_product_item_button_view:hover{
    background-color: #ff6666;
    border: 1px solid #ff3366;
}

.featured_product_item_button_text{
    left: 0; right: 0;
    font-size: 0.85rem;
    position: relative;
    line-height: 20px;
    transition: 0.2s;
}

.featured_product_item_button_text1{
    top: 12.5px;
}

.featured_product_item_button_text2{
    top: 50px;
    position: absolute;
}

.featured_product_item_button:hover .featured_product_item_button_text1{
    top: -50px;
}

.featured_product_item_button:hover .featured_product_item_button_text2{
    top: 12.5px;
}

@media only screen and (min-width:600px){
    
    .featured_product_item, {
        min-width: 300px;
        max-width: 350px;
        
    } 
    
}

@media only screen and (min-width:820px){
    
    #featured_products_inner, #featured_blog_inner{
        justify-content: space-between;
        gap: 20px;
        margin-top: 0;
    }
    
}

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




/* Newsletter */


#newsletter{
    background-color: #ffffff;
    width: 90%;
    max-width: 450px;
    border: 1px solid rgba(0 0 0 / 0.2);
    margin: 50px auto 0 auto;
    padding: 20px;
    text-align: center;
}

#newsletter_title{
    color: #222222;
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 30px;
}

.newsletter_container input{
    height: 40px;
    padding: 0 10px;
    margin-top: 20px;
    border: 1px solid rgba(0 0 0 / 0.2);
    width: 100%;
    max-width: 300px;
    color: #ff6666;
    font-size: 0.85rem;
}

#newsletter_button{
    margin-top: 20px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    background-color: #ff6666;
    border: 1px solid #ff6666;
    color: #ffffff;
    font-size: 0.85rem;
    transition: 0.2s;
    cursor: pointer;
}

#newsletter_button:hover{
    background-color: #ff3366;
}

.newsletter_container_single, .newsletter_container_double_inner{
    display: flex;
    flex-wrap: nowrap;
    max-width: 300px;
    margin: 0 auto;
}

.newsletter_container_single button, .newsletter_container_double_inner button{
    margin-left: 5px;
}



/* Social Media */

#social_media{
    max-width: 450px;
    margin: 45px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#social_media a{
    background-color: #ff6666;
    color: #ffffff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    margin: 5px;
    transition: 0.2s;
}

#social_media a:hover{
    background-color: #ff3366;
}

#social_media a:nth-child(odd){
    background-color: #ff3366;
}

#social_media a:nth-child(odd):hover{
    background-color: #ff6666;
}


/* Footer */

footer{
    background-color: #333333;
    color: #ffffff;
    margin-top: 50px;
}

#footer_1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 0.85rem;
}

#footer_left, #footer_right{
    width: 100%;
}

#footer_bottom_copy{
    width: 100%;
    height: 50px;
    line-height: 50px;
}

#footer_bottom_copy a{
    margin-left: 5px;
    padding-left: 5px;
    text-decoration: none;
    border-left: 1px solid rgba(255 255 255 / 0.1);
}

#footer_bottom_copy a:hover{
    text-decoration: underline;
}


#currency_language_container{
    display: flex;
}

.footer_setting_item{
    position: relative;
}

.footer_setting_button{
    line-height: 50px;
    white-space: nowrap;
    cursor: pointer;
}

.footer_setting_button span{
    margin-right: 5px;
}

.footer_setting_button i{
    transition: 0.25s;
}

.footer_setting_button.footer_setting_button_active i{
    transform: rotate(-180deg);
}

.footer_setting_item_container{
    position: absolute;
    background-color: #ffffff;
    z-index: 49;
    bottom: 10px;
    max-height: 300px;
    min-width: 200px;
    overflow-y: auto;
    border: 1px solid rgba(0 0 0 / 0.2);
    opacity: 0;
    visibility: hidden;
    transition: 0.25s;
}

.footer_setting_item_container.footer_setting_item_container_active{
    bottom: 50px;
    opacity: 1;
    visibility: visible;
}

.footer_setting_item_inner_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.footer_setting_item_inner_container a{
    width: 30%;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}




#footer_bottom_terms{
    width: 100%;
    height: 50px;
    line-height: 50px;
}

#footer_bottom_terms a{
    text-decoration: none;
    margin: 0 5px;
}

#footer_bottom_terms a:hover{
    text-decoration: underline;
}

@media only screen and (min-width:800px){
    
    #footer_1{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        text-align: left;
    }
    
    #footer_left, #footer_right{
        width: auto;
    }
    
    #footer_right{
        display: flex;
        flex-wrap: nowrap;
    }
    
    .footer_setting_button{
        margin-right: 10px;
    }
    
}






#page_title{
    text-align: center;
    font-size: 2rem;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}



/* Contact Page */

#google_map{
    display: block;
    filter: grayscale(1);
}

#contact_container{
    margin-top: 20px;
}

.contact_address address{
    font-style: normal;
    line-height: 25px;
}

.contact_address h1{
    display: none;
}

.contact_form header{
    display: none;
}

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

.contact_form input, .contact_form textarea{
    margin-top: 5px;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0 0 0 / 0.2);
    width: 100%;
    max-width: 300px;
    color: #ff6666;
    font-size: 0.85rem;
}

.contact_form textarea{
     max-width: 450px;
     height: 200px;
}

.contact_form input.contact_send_btn{
    margin-top: 20px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    background-color: #ff6666;
    border: 1px solid #ff6666;
    color: #ffffff;
    font-size: 0.85rem;
    transition: 0.2s;
    cursor: pointer;
}

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

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


@media only screen and (min-width:800px){
        
    #contact_container{
        max-width: 700px;
        margin: 20px auto 0 auto;
    }    
        
    #contact_container form{
        display: flex;
        flex-wrap: nowrap;
    }    
    
    .contact_address{
        min-width: 250px;
    }
    
    .contact_form{
        width: 100%;
    }
    
    .contact_form input.contact_send_btn{
        float: right;
        width: auto;
    }
        
}




/* Breadcrumbs */

.breadcrumbs{
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: 0.85rem;
    display: flex;
    list-style-type: none;
}

.breadcrumbs li:after{
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
}

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

.breadcrumbs li a{
    text-decoration: none;
    line-height: 40px;
}

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

.breadcrumbs li a:hover{
    text-decoration: underline;
}


/* Browse Page */

#category_header{
    text-align: center;
    margin-top: 10px;
}

#results_top{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin-top: 20px;
}

#results_top_sort{
    position: relative;
}

#results_top_sort_button{
    text-transform: capitalize;
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    font-size: 0.85rem;
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
}

#results_top_sort_button.results_top_sort_button_active{
    background-color: #ff3366;
    border-color: #ff3366;
    color: #ffffff;
}

#results_top_sort_menu{
    position: absolute;
    text-transform: capitalize;
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    right: 0;
    transition: 0.25s;
    top: 65px;
    opacity: 0;
    visibility: hidden;
}

#results_top_sort_menu a{
    display: block;
    text-decoration: none;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 0.85rem;
    line-height: 30px;
}

#results_top_sort_menu a:hover{
    background-color: #ff6666;
    color: #ffffff;
}

#results_top_sort_menu.results_top_sort_menu_active{
    top: 45px;
    opacity: 1;
    visibility: visible;
}

#results_pager_bottom{
    margin-top: 20px;
}

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

.pagination a{
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    text-decoration: none;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #222222;
    transition: 0.25s;
}

.pagination a:hover{
    background-color: #ff6666;
    color: #ffffff;
}


#subcategories{
    margin-top: 20px;
}

#subcategories_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 10px;
}

.subcategories_item{
    border: 1px solid rgba(0 0 0 / 0.2);
    background-color: #ffffff;
    text-align: center;
    min-width: 250px;
    min-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.subcategories_item:hover{
    text-decoration: underline;
}





/* Details */


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

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

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



#details_left_image_container{
    
}

#details_left_image{
    max-width: 100%;
    border: 1px solid rgba(0 0 0 / 0.2);
}

#details_left_image_container:hover img{
    border-color: #ff3366;
}


#details_extra_images{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 10px;
    justify-content: space-between;
    max-width: 500px;
}

.details_extra_images_item img{
    border: 1px solid rgba(0 0 0 / 0.2);
}

.details_extra_images_item:hover img{
    border-color: #ff3366;
}


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

#details_right_name{
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: 1.2rem;
    line-height: 50px;
}

@media only screen and (min-width:600px){
    #details_right_name{
        font-size: 2rem;
    }    
}

.wishlist_container a{
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    display: block;
}

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

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

#wishlist_logged_in_html.wishlist_logged_in_html_activated a svg{
    fill: #ff3366;
    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: #ff3366;
    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: #ff3366;
}

#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);}
}



#details_right_content{
    border: 1px solid rgba(0 0 0 / 0.2);
    background-color: #ffffff;
    margin-top: 10px;
    font-size: 0.85rem;
}

#details_right_info{
    padding: 10px;
    line-height: 30px;
}

.details_right_content_item strong{
    margin-right: 10px;
}

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

#share_panel_icons a{
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
}

#details_description{
    border: 1px solid rgba(0 0 0 / 0.2);
    background-color: #ffffff;
    margin-top: 50px;
    padding: 20px;
}

#details_description_title{
    margin-block-start: 0em;
    margin-block-end: 0em;
}

#details_description_content{
    margin-top: 10px;
}



#details_rrp{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid rgba(0 0 0 / 0.2);
}

.details_rrp_item{
    line-height: 25px;
}

#details_options{
    padding: 10px 10px 15px 10px;
    border-top: 1px solid rgba(0 0 0 / 0.2);
}

#details_options_title{
    font-weight: bold;
}

.details_options_item{
    margin-top: 10px;
}

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

.details_options_item select{
    margin-top: 5px;
    height: 40px;
    padding: 0 20px;
    display: inline-block;
    border: 1px solid rgba(0 0 0 / 0.2);
    cursor: pointer;
}

.details_options_item select:focus{
    outline: none;
    border: 1px solid #ff3366;
}


#details_bulk{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid rgba(0 0 0 / 0.2);
}

#details_bulk_title{
    font-weight: bold;
    margin-bottom: 10px;
}

.details_bulk_item{
    margin-top: 10px;
}

.details_bulk_item strong{
    margin-right: 10px;
    display: inline-block;
    min-width: 80px;
    text-transform: capitalize;
}

#details_buy_container{
    padding: 10px 10px 0 10px;
    border-top: 1px solid rgba(0 0 0 / 0.2);
}

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

#details_buy_price{
    font-size: 1.4rem;
    border: 1px solid rgba(0 0 0 / 0.2);
    min-height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin-right: 10px;
    font-weight: bold;
    margin-top: 10px;
}

.price_breakdown{
    line-height: 30px;
}

.price_breakdown hr{
    display: none;
}

.price_breakdown a{
    font-size: 0.7rem;
}


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

#details_buy_quantity{
    width: 100px;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px;
    margin-top: 10px;
}

#details_buy_quantity input{
    width: 60px;
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    border-right: none;
    text-align: center;s
}

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

#details_buy_quantity_buttons{
    display: flex;
    flex-wrap: wrap;
    width: 40px;
    border: 1px solid rgba(0 0 0 / 0.2);
}

#details_buy_quantity button{
    background-color: #ffffff;
    border: none;
    width: 40px;
    height: 24px;
    cursor: pointer;
}

#details_buy_quantity button:first-child{
    border-bottom: 1px solid rgba(0 0 0 / 0.2);
}

#details_buy_quantity button:focus{
    border: 1px solid rgba(0 0 0 / 0.2);
}

#details_buy_button{
    height: 50px;
    line-height: 50px;
    display: inline-flex;
    border: 1px solid #ff6666;
    background-color: #ff3366;
    color: #ffffff;
    padding: 0 20px;
    text-decoration: none;
    font-size: 1.4rem;
    transition: 0.25s;
    margin-top: 10px;
}

#details_buy_button:hover{
    background-color: #ff6666;
    border-color: #ff3366;
}


#details_stock{
    padding: 10px 10px;
    border-top: 1px solid rgba(0 0 0 / 0.2);
    font-size: 0.8rem;
}

#details_out_of_stock{
    padding: 0px 10px 10px 10px;
}

#details_reviews{
    border: 1px solid rgba(0 0 0 / 0.2);
    background-color: #ffffff;
    margin-top: 50px;
    padding: 20px;
}

#details_reviews_title{
    margin-block-start: 0em;
    margin-block-end: 0em;
}

#details_reviews_content{
    margin-top: 10px;
}

#details_reviews_button{
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #ffffff;
    background-color: #ff6666;
    border: 1px solid #ff3366;
    text-decoration: none;
    overflow: hidden;
    transition: 0.2s;
    display: inline-block;
    text-transform: capitalize;
}

#details_reviews_button:hover{
    background-color: #ff3366;
    border: 1px solid #ff6666;
}

#details_reviews_items_container{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    grid-gap: 30px;
}

.review_item{
    margin-top: 20px;
    font-size: 0.8rem;
    border-left: 5px solid rgba(0 0 0 / 0.2);
    padding-left: 20px;
    max-width: 300px;
}


.review_item_stars{
    color: #ff3366;
}

.review_item_title{
    font-size: 1rem;
    margin-top: 5px;
    font-weight: bold;
}

.review_item_main{
    margin-top: 5px;
    font-size: 1rem;
}

.review_item_customername{
    margin-top: 10px;
    font-style: italic;
}

.review_item_date{
    font-style: italic;
}

/* Stock Form + Review Form */

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

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

.stock_notify center{
    text-align: left;
}

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

.shop_product_review_form center img{
    display: none;
}

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

.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{
    margin-bottom: 10px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0 0 0 / 0.2);
    width: 100%;
    max-width: 300px;
    color: #ff6666;
    font-size: 0.85rem;
}

.stock_notify textarea,
.shop_product_review_form textarea{
     max-width: 450px;
     height: 200px;
}

.stock_notify .stock_notify_cancel,
.stock_notify .stock_notify_submit,
.shop_product_review_form .shop_review_form_cancel,
.shop_product_review_form .shop_review_form_submit{
    margin-top: 20px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    background-color: #ff6666;
    border: 1px solid #ff6666;
    color: #ffffff;
    font-size: 0.85rem;
    transition: 0.2s;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.stock_notify .stock_notify_cancel:hover,
.stock_notify .stock_notify_submit:hover,
.shop_product_review_form .shop_review_form_cancel:hover,
.shop_product_review_form .shop_review_form_submit:hover{
    background-color: #ff3366;
}


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





/* Sitemap */

.sitemap_divider{ display: none !important; }

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

.fws_sitemap_container ul li a{
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    transition: 0.2s;
    display: inline-block;
}

.fws_sitemap_container ul li a{
    background-color: #ff6666;
    border: 1px solid #ff3366;
}

.fws_sitemap_container ul li a:hover{
    background-color: #ff3366;
    border: 1px solid #ff6666;
}

.fws_sitemap_container #sitemap_categories li a{
    background-color: #ff3366;
    border: 1px solid #ff6666;
}

.fws_sitemap_container #sitemap_categories li a:hover{
    background-color: #ff6666;
    border: 1px solid #ff3366;
}




/* Soft Add To Cart */

#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: #222222 !important;
    top: 50px !important;
}

#softadd-modal-title{
    background-color: #ff3366 !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: #ff3366 !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: #ff6666 !important;
    color: #ffffff !important;
}

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

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



/* 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: #ff3366;
    color: #ffffff;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
}

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

.md-content button{
    border: none;
    background: #ff3366;
    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: #ff6666 !important;
    color: #ffffff !important;
}




/* Special Offers */

.fws_top_pager_offers{
    margin-top: 20px;
}

.Pager a, .Pager b{
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    text-decoration: none;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #222222;
    transition: 0.25s;
    margin: 0 5px;
}

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

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

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





/* ======================== */
/* Instagram ============== */
/* ======================== */

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

.instagram_grid_item{
    width: 100%;
    margin-top: 30px;
}

@media only screen and (min-width:450px){
    .instagram_grid_item{
        width: 45%;
    }
}

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

@media only screen and (min-width:1000px){
    .instagram_grid_item{
        width: 22%;
        margin-top: 50px;
    }
}

.instagram_grid_image_container{
    display: block;
    overflow: hidden;
}

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

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

.instagram_grid_item_content{
    margin-top: 10px;
    line-height: 1em;
}

.instagram_grid_item_caption{
    margin-top: 5px;
    font-weight: normal;
    max-height: 45px;
    line-height: 15px;
    overflow: hidden;
}



.featured_blog_title{
    line-height: 25px;
    margin-bottom: 5px;
    background-color: #ff3366;
    color: #ffffff;
    display: inline-block;
    padding: 0px 10px;
    font-size: 0.8rem;
}







@media only screen and (min-width:600px){
    #blog_view_item_header{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
        #blog_view_item_header_right{
        text-align: right;
    }
}



#blog_view_item_published, #blog_view_item_author, .tag_item{
    line-height: 25px;
    margin-bottom: 5px;
    background-color: #ff3366;
    color: #ffffff;
    display: inline-block;
    padding: 0px 10px;
    font-size: 0.8rem;
}

.tag_item{
    background-color: #ff6666;
    text-decoration: none;
    margin: 0 5px 5px 0;
}

.tag_item:hover{
    background-color: #ff3366;
}

#blog_view_item_tags{
    margin-top: 10px;
}

#blog_view_item_title{
    text-align: center;
}

#blog_view_item_image_container{
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

#blog_view_item_image{
    max-width: 100%;
}

#blog_content{
    margin-top: 30px;
    max-width: 700px;
    margin: 30px auto 0 auto;
}




#comments_section header{
    border-top: none !important;
    background: none !important;
    color: #222222;
    width: 100%;
    height: auto;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
}

#comments_section{
    max-width: 600px;
    margin: 100px auto 40px auto;
    text-align: center;
}

#comments_reply_section{
    max-width: 600px;
    margin: 20px auto 20px auto;
    text-align: center;
}


#comments_section input, #comments_section textarea,
#comments_reply_section input, #comments_reply_section textarea{
    width: 100%;
    max-width: 300px;
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    color: #222222;
    line-height: 40px;
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 10px;
}

#comment_email_label, #comment_reply_email_label{
    font-size: 0.8rem;
}

#comments_section input.blog_comments_submit,
#comments_reply_section input.blog_comments_reply_submit{
    max-width: 150px;
    cursor: pointer;
    transition: 0.25s;
    background-color: #ff3366;
    color: #ffffff;
}

#comments_section input.blog_comments_submit:hover,
#comments_reply_section input.blog_comments_reply_submit:hover{
    background-color: #ff6666;
    color: #ffffff;
}


#comments_thanks{
    max-width: 300px;
    margin: 100px auto 40px auto;
    text-align: center;
    background-color: #ff6666;
    color: #ffffff;
    padding: 20px;
}



.blog_comments_container{
    max-width: 400px;
    margin: 20px auto 20px auto;
    text-align: center;
}

.blog_comments_title{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
}

.comment_text{
    margin-top: 10px;
}

.comment_replies{
    margin-top: 10px;
    padding-left: 10px;
    border-left: 5px solid rgba(0 0 0 / 0.2);
    margin-bottom: 10px;
}

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



.comment_author{
    font-size: 0.8rem;
}

.comment_date{
    font-size: 0.8rem;
    font-style: italic;
}

.comment_text{
    margin-top: 10px;
}

.comment_item{
    background-color: #ffffff;
    border: 1px solid rgba(0 0 0 / 0.2);
    padding: 10px;
}


#footer_banner{
    margin-top: 50px;
}