/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------e-novita.gr CSS - CONTENTS-------------------------------------------------*/
/*
Filename: custom-styles.css
Site: e-novita.gr
version: 0.1
Created: 2019/06/12
Company: BLUEBELL.gr
Author: Nick Melas
Description: Default styles for all site pages
*/ 
/* ## Font Glossary */
/*

 */

/* ## Colors

*/

/* 1. GENERAL PURPOSE CLASSES */
/* 2. HEADER PART */
/* 3. FOOTER PART  */
/* 4. Main Website */
/* 5. Home Page */

/* 100. Plugins Rewrites */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 1. GENERAL PURPOSE CLASSES ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* FONTS */
@font-face {
    font-family: 'ceragr';
    src: url('../fonts/cera_gr_medium-webfont.woff2') format('woff2'),
         url('../fonts/cera_gr_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ceragr';
    src: url('../fonts/cera_gr_black-webfont.woff2') format('woff2'),
         url('../fonts/cera_gr_black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}
@font-face {
    font-family: 'ceragr';
    src: url('../fonts/cera_gr_bold-webfont.woff2') format('woff2'),
         url('../fonts/cera_gr_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'ceragr';
    src: url('../fonts/cera_gr_light-webfont.woff2') format('woff2'),
         url('../fonts/cera_gr_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'ceragr';
    src: url('../fonts/cera_gr_thin-webfont.woff2') format('woff2'),
         url('../fonts/cera_gr_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}
@font-face {
	font-family: "flaticon";
	src: url("../fonts/Flaticon.eot");
	src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Flaticon.woff") format("woff"),
	url("../fonts/Flaticon.ttf") format("truetype"),
	url("../fonts/Flaticon.svg#flaticon") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after { font-family: "flaticon"; font-size: 30px; font-style: normal; }

body { font-family: ceragr, Arial; color: #404040; font-size: 16px; font-weight: 300;  }
.mainWrapper { width: 100%; margin: 0 auto; max-width: 1280px; padding: 0 10px; box-sizing: border-box; }
.page-main .main p { line-height: 24px; margin-bottom: 25px; }

h1,
h2,
h3 { font-weight: 900; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }

a,
.alink,
a:visited,
.alink:visited { color: #312d84; transition: color 0.3s; }
a:hover,
.alink:hover,
a:active,
.alink:active { color: #000000; text-decoration: none; }

button.action.primary,
a.action.primary { border-radius: 0; background: #000000; border-color: #000000; transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
button.action.primary:hover,
a.action.primary:hover { background: #312d84; border-color: #312d84; }
a.action.primary:focus,
a.action.primary:active,
button.action.primary:focus,
button.action.primary:active { background: #000000; border-color: #000000; }


select,
input,
textarea { border-color: #f0f0f0; }

._keyfocus *:focus,
input:not([disabled]),
textarea:not([disabled]),
select:not([disabled]) { transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;  }
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus { box-shadow: 0 0 11px -3px #00000024; border-color: transparent; }

.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after { color: #000000; }

input[type="radio"] { display: none; }
input[type="radio"] + label {position: relative;padding: 2px 0 0 30px;min-height: 20px;display: block; cursor: pointer; }
input[type="radio"] + label:before, 
input[type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #666666; border-radius: 50%; }
input[type="radio"] + label:after { width: 10px; height: 10px; background: #666666; top: 3px; left: 3px; transition: transform 0.3s ease-out; transform: scale(0); }
input[type="radio"]:checked + label:after {transform: scale(1); }

.page-wrapper .breadcrumbs { padding: 10px 20px; border: 1px solid #eeeeee; border-left: 0; border-right: 0; max-width: 100%; }
.page-wrapper .breadcrumbs ul { width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 0 20px; }
.breadcrumbs a,
.breadcrumbs a:visited,
.breadcrumbs a:active { color: #000000; text-decoration: none; }
.breadcrumbs a:hover { color: #312d84; text-decoration: underline; }

.action.primary {  font-family: ceragr, Arial; font-weight: 900; }

.social-btn .btn-social { color: #ffffff; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 2. HEADER PART ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/


.page-wrapper .page-header .panel.wrapper { background-color: #000000; padding: 5px 0; position: relative; z-index: 9; }
.nav-toggle { top: 10px; }
.logo { float: none; }
.header.content { padding-top: 3px; }
.header.content .block-search,
.header.content .minicart-wrapper { margin-top: 2px; }
.page-header .panel.wrapper .block-minicart { color: #000000; }
.page-header { margin: 0; border: none; }

.logo { display: block; margin: 0 auto; text-align: center; }
.logo img { margin: 0 auto; }

.block-search input { border-color: #f0f0f0; }
#searchsuite-autocomplete.searchsuite-autocomplete { left: 0; margin-top: 0; width: 100%; box-sizing: border-box; }
.minicart-wrapper .action.showcart.active:before { color: #ffffff; }
.page-header .header .customer-welcome .header.links a,
.page-header .header.links .authorization-link a { width: 22px; height: 28px; line-height: 28px; position: relative; text-indent: 999px; overflow: hidden; text-decoration: none; white-space: nowrap; }
.page-header .header.links .authorization-link a:before { content: '\f100'; font-family: 'flaticon'; line-height: 28px; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; position: absolute; top: 0; left: 0; font-size: 22px; }
.page-header .header.links .authorization-link a:after { content: 'x'; }
.page-header .header.panel > .header.links > li > a:active { text-decoration: none; }
.page-header .header.panel p { margin: 0; flex: 1; }
.header.panel>.header.links>li>a:hover,
.header.panel > .header.links > li.authorization-link > a:hover { text-decoration: none; color: #bbbbbb; }
.page-header .customer-welcome .customer-menu  { display: block; }
#hd_phone { color: #999999; font-size: 12px; }
#hd_phone a { font-size: 18px; }
#hd_phone:before{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 1.42857143;
    color: #ffffff;
    content: '\f115';
    font-family: 'flaticon';
    margin: 0;
    vertical-align: top;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
	text-indent: 0;
	margin-right: 5px;
}
#hd_phone a { color: #ffffff; }
.block-search .label:before,
.block.block-search .action.search:before { color: #000000; content: '\f106'; font-family: 'flaticon'; width: 17px; }
.block-search .label:before { width: 20px; font-size: 20px; }
.block-search .control { border: none; }
.page-header .switcher .options ul.dropdown { right: 0; }
.page-header .switcher .options ul.dropdown:before { left: auto; right: 10px; }
.page-header .switcher .options ul.dropdown:after { left: auto; right: 10px; }

.minicart-wrapper .action.showcart { position: relative; }
.minicart-wrapper .action.showcart .counter.qty { background: #312d84; height: 16px; width: 16px; font-size: 11px; line-height: 16px; border-radius: 50%; margin: 0; min-width: 18px; padding: 0; position: absolute; bottom: -3px; right: -5px; }

.headerWishlist { width: 24px; height: 28px; display: block; position: relative; white-space: nowrap; margin-left: 10px; }
.headerWishlist:before { content: '\f119'; font-family: 'flaticon'; line-height: 28px; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; position: absolute; top: 0; left: 1px; font-size: 22px; color: #ffffff; transition: color 0.3s ease-out; }
.headerWishlist:hover:before { color: #bbbbbb; }
.headerWishlist .counter:not(:empty) { background: #312d84; height: 16px; width: 16px; font-size: 11px; line-height: 16px; border-radius: 50%; margin: 0; min-width: 18px; padding: 0; position: absolute; bottom: -3px; right: -5px; color: #ffffff; text-align: center; }
.nav-toggle:before { color: #000000; }
.block-search .label:before,
.block-search .label:hover:before { color: #ffffff; }

.minicart-wrapper .action.showcart.active:before,
.minicart-wrapper .action.showcart:before { font-family: 'flaticon'; content: '\f108'; color: #ffffff; transition: color 0.3s ease-out; }
.minicart-wrapper .action.showcart.active:hover:before,
.minicart-wrapper .action.showcart:hover:before { color: #bbbbbb; }

.block-static-block.widget.block5 { margin: 0; }

@media (min-width: 768px), print {
	.navigation, .breadcrumbs,
	.page-header .header.panel,
	.header.content, .footer.content,
	.page-wrapper>.widget,
	.page-wrapper>.page-bottom,
	.block.category.event,
	.top-container,
	.page-main { max-width: none; }
	.page-wrapper .page-header .header.panel { padding-top: 5px; padding-bottom: 5px; display: flex; justify-content: space-evenly; } 
	.page-header .action.skip.contentarea { display: none; }
	.page-wrapper .header.content { padding: 20px; }
	.header.content .logo { margin: 0 auto; }
	.header.content .logo img { margin: 0 auto; width: auto; height: 50px; }
	.page-wrapper .nav-sections,
	.page-wrapper .navigation { background: transparent; }
	.navigation ul { text-align: center; }
	.navigation ul ul { text-align: left; }
	.navigation .level0 { margin: 0 40px 0 0; }
	.navigation .level0 > .level-top span { font-size: 16px; font-weight: normal; text-transform: uppercase; }
	.cms-home .nav-sections { margin-bottom: 0; }
	.nav-sections .navigation .level0.active > .level-top,
	.nav-sections .navigation .level0.has-active > .level-top { border:none; }
	.nav-sections .navigation .level0 > .level-top { line-height: 32px; display: block; }
	
	/* .header .customer-welcome.active .customer-menu,
	.header .customer-welcome .customer-menu,
	.header .customer-welcome .header.links,
	.header .customer-welcome .header.links li,
	.header .customer-welcome .header.links a { display: inline; } */
	.header .customer-welcome .header.links { position: static; background: transparent; border: none; margin-top: 0; top: auto; right: auto; box-shadow: none; min-width: 0; display: flex; }
	.header .customer-welcome .header.links a { width: auto; height: auto; padding: 0; margin: 0; color: #ffffff; }
	.page-header .header.panel>.header.links>li.welcome,
	.header .customer-welcome .header.links:before,
	.header .customer-welcome .header.links:after { display: none; }
	.header .customer-welcome .header.links .authorization-link a:before { display: inline; }
	.header .customer-welcome ul li:hover { background: transparent; }
	.header .customer-welcome .customer-name { display: none; }
	.header .customer-welcome .header.links li.wishlist { width: 20px; height: 28px; display: inline-block; overflow: hidden; text-indent: 20px; position: relative; margin-left: -22px; margin-top: 7px; margin-bottom: -12px; margin-right: 12px; }
	.header .customer-welcome .header.links li.wishlist .qty { position: absolute; bottom: 4px; right: 2px; width: 16px; height: 16px; display: block; background: #312d84; color: #ffffff; text-indent: 0; border-radius: 50%; text-align: center; line-height: 16px; font-size: 11px; }
	.header .link.wishlist .counter:before,
	.header .link.wishlist .counter:after { display: none; }
	
	 .page-header .header.links .authorization-link a { width: auto; text-indent: 0; padding-right: 28px; padding-top: 4px; box-sizing: border-box; }
	.page-header .header.links .authorization-link a:before { left: auto; right: 0; }
	.page-header .header.panel>.header.links>.authorization-link:after,
	.page-header .header.links .authorization-link a:after{ display: none; }

	.page-header .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: transparent; border: none; margin-top: 0; min-width: 0;  display: inline; position: static; top: auto; box-shadow: none; }
	.page-header .switcher .options .action.toggle:after,
	.page-header .switcher .options ul.dropdown:before,
	.page-header .switcher .options ul.dropdown:after { display: none; }
	.page-header .switcher .options ul.dropdown li { display: inline; }
	.page-header .switcher .options ul.dropdown li,
	.page-header .switcher .options ul.dropdown li a,
	.page-header .switcher .options ul.dropdown li a:visited,
	.page-header .switcher .options ul.dropdown li a:hover  { color: #aaaaaa; }
	.page-header .switcher .options ul.dropdown li:hover{ background: transparent; }
	.page-header .switcher strong { color: #ffffff; }
	.page-header .switcher strong,
	.page-header .switcher .options ul.dropdown li a { display: inline-block; vertical-align: middle; width: 2ch; padding: 0 1px 0 0; overflow: hidden; text-transform: uppercase; }
	
	.nav-sections .navigation .level0>.level-top:hover,
	.nav-sections .navigation .level0>.level-top.ui-state-focus { color: #312d84; }
	
	.page-header .block-search { float: none; padding-left: 0; position: relative; width: 40%; z-index: 4; }
	.page-header .block-search input { border: none; border-radius: 50px; }
	.page-header .header.panel>.header.links { margin-left: 0; text-align: right; flex: 1; }

}

@media (max-width: 767px) {
	.page-main { margin-top: 20px; }
	.block-search .label { margin-bottom: 10px; margin-right: 15px; }
	.nav-sections-item-title .nav-sections-item-switch { color: #000000; }
	.navigation .level0.active > a:not(.ui-state-active),
	.navigation .level0.has-active > a:not(.ui-state-active) { border-color: #312d84; border-width: 0 0 0 4px;}
	.headerWishlist:before { display: none; }
	.headerWishlist { width: auto; height: auto; text-indent: 0; position: static; }
	.nav-sections .header.links li.greet.welcome,
	.header.links .authorization-link a:before,
	.nav-sections .switcher-trigger.active strong:after { display: none; }
	.navigation .level0>.level-top { color: #575757; }
	
	#hd_phone { float: left; }
	.block-search { margin-top: 0; margin-bottom: 0; }
	.minicart-wrapper { position: absolute; top: 4px; right: 10px; margin-top: 0; }
	.nav-sections-item-title { width: 50%; }
	.nav-sections-item-title:first-child { border-left: none; }
}

.navigation .level0.nav-6 > .level-top span { font-weight: bold; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 3. FOOTER PART ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.copyright { background: #000000; }
.page-wrapper .page-footer { background: #ffffff; }
.footerLogos { background: #e8e8e8; text-align: center; padding: 20px; line-height: 1; }
.footerLogos img { max-width: 100%; display: inline-block; margin: 0 auto; }
.footer.content { background: #ffffff; padding-bottom: 60px; }
.footer.content .block.footer-links.links { width: 100%; padding: 0; margin-bottom: 0; display: flex; justify-content: space-between; align-items: flex-end; float: none; font-size: 18px;  }
.footer  .block.newsletter .label { display: block; }
.footer .block.newsletter { width: 100%; } 
.footer .block.newsletter .content { width: 100%; margin: 0 auto 40px; max-width: 500px; } 
.block.newsletter .field .control:before { content: '\f101'; font-family: 'flaticon'; }

.footer.content .block.footer-links.links li { font-size: 18px; } 
.footerInfo { color: #828282; }
.footer.content .links a:visited,
.footerInfo a { text-decoration: none; font-weight: bold; }

.footer.content .links .footerLogo { display: inline-block; }
.footer.content .links .socialLinks { padding: 0; list-style: none; margin: 0 0 30px; display: flex; }
.footer.content .links .socialLinks li { width: 42px; height: 42px; margin: 0 10px 0 0; }
.footer.content .links .socialLinks li a { width: 42px; height: 42px; display: block;  background: #404040; border-radius: 50%; overflow: hidden; text-indent: -9999px; white-space: nowrap; position: relative; transition: 0.4s ease-in-out; padding: 0; }
.footer.content .links .socialLinks li a:hover { background: #000000; }

.footer.content .links .socialLinks [ class^="flaticon-"] { }
.footer.content .links .socialLinks [ class^="flaticon-"]:before { font-size: 22px; font-weight: 100; color: #ffffff; text-indent: 0; position: absolute; top: 0; left: 0; line-height: 42px; text-align: center; width: 100%; -webkit-font-smoothing: antialiased; }

.copyright { color: #828282; background: #404040; font-weight: 300; font-size: 18px; font-weight: normal; text-align: left; }
.copyright a { color: #828282; font-weight: 300; font-size: 18px; }
.copyright a:hover { color: #ffffff; }
.copyright a:before { content: ''; margin: 0 10px; display: inline-block; width: 1px; height: 1em; background: #ffffff; vertical-align: text-bottom; }
.copyright span { display: inline-block; margin-top: 10px; }


@media (max-width: 767px) {
	.footer.content .block.footer-links.links table,
	.footer.content .block.footer-links.links tbody,
	.footer.content .block.footer-links.links tr { display: block; font-size: 0; }
	.footer.content .block.footer-links.links td { display: inline-block; width: 50%; font-size: 14px; vertical-align: top; margin-bottom: 30px; padding: 0; }
	.footer.content .footer-links.links { margin-bottom: 40px; }
	.footer.content .footer-links .links li { display: block; margin: 0 -15px; }
	.footer.content .footer-links .links li:before { display: none; }
	.footer.content .links table a,
	.footer.content .links table strong { display: inline; padding: 0; }

}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 4. MAIN PAGE PART ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/





/* Homepage */
.cms-home .page-main { padding-left: 0; padding-right: 0; max-width: 100%; }
.cms-home .page-title-wrapper { display: none; }

.cms-home h2 { font-size: 40px; margin-bottom: 5px; }
.cms-home h3 { font-size: 34px; font-weight: 100; margin: 0 0 20px; }

.block a,
.block .alink,
.block a:visited,
.block .alink:visited { color: #404040; transition: color 0.3s; }


.block.widget.block-products-list.grid { background: #f9f9f9; padding: 40px 0; } 
.hairColor .block.widget.block-products-list.grid { background: transparent; }
.cms-home .block-title { font-weight: 900; line-height: 1.1; font-size: 36px; margin-top: 2.5rem; margin-bottom: 2rem; text-align: center; color: #404040; }
.block-compare .block-title,
.block-reorder .block-title,
.widget .block-title,
.block-wishlist .block-title { margin: 0 0 30px; }
.widget .block-title strong { font-weight: 900; line-height: 1.1; font-size: 36px; }
.block.widget.block-products-list .products-grid .product-items { display: flex; justify-content: space-between; width: 100%; max-width: 1280px; margin: 0 auto; }
.page-layout-1column .block.widget.block-products-list .products-grid .product-item,
.page-layout-1column .block.widget.block-products-list .products-grid .product-item:nth-child(3n + 1) { width: calc(100% - 20px); margin: 0 10px; box-sizing: border-box; padding: 10px; background: #ffffff; }
.block.widget.block-products-list .product-image-container { width: 100% !important; }
.block.widget.block-products-list .product-item-actions .actions-primary,
.block.widget.block-products-list .product-item-actions .actions-secondary>.action.tocompare { display: none; } 
.block.widget.block-products-list .products-grid .product-item-info:hover .product-item-inner,
.block.widget.block-products-list .product-item-actions .actions-secondary>.action.towishlist { display: block; }
.block.widget.block-products-list .products-grid .product-item .product-item-inner,
.page-layout-1column .block.widget.block-products-list .products-grid .product-item .product-item-inner { box-shadow: none; margin: 0; } 
.block.widget.block-products-list .products-grid .product-item-info:hover,
.block.widget.block-products-list .products-grid .product-item-info.active { box-shadow: none; border: none; margin: 0; padding: 0; }
.block.widget.block-products-list .products-grid .product-image-wrapper:hover img:first-child { visibility: visible; opacity: 1; }

.c-aslider { margin: 0; }
.c-aslider__link { display: block !important; }
.c-aslider__caption { background: transparent; }
.c-aslider__caption h2 { font-size: 4vw; color: #ffffff; }
.c-aslider__caption h3 { font-size: 4vw; font-weight: 100; color: #ffffff; }
.c-aslider__caption .buttonWrapper { text-align: center; }
.c-aslider__caption a { font-weight: 900; text-transform: uppercase; padding: 15px 30px; color: #ffffff; font-size: 18px; border: 1px solid #ffffff; line-height: 1; transition: 0.4s ease-out; background: transparent; display: inline-block; }
.c-aslider__caption a:hover { color: #444444; background: #ffffff; }

.cms-home  .c-aslider__item--full .c-aslider__caption { left: 10%; transform: none; top: 10%; width: auto; position: absolute; }

.column.main .widget.block.block-static-block { margin: 60px 0; }
.homeInfo { text-align: center; padding: 0 10px; }
.homeInfoIcon { margin: 40px auto; width: 128px; height: 128px; }
.homeInfo ul { display: flex; justify-content: space-between; width: 100%; max-width: 1280px; margin: 40px auto; list-style: none; padding: 0; }
.homeInfo li { width: calc(100% - 20px); margin: 0 10px; box-sizing: border-box; padding: 10px 10px 50px; background: #ffffff; position: relative; }
.homeInfo h4 { color: #404040; font-size: 20px; }
.homeInfo p { font-size: 18px; font-weight: 300; }
.buttonWrapper { margin: 20px 0; text-align: right; }
.readmore2 { font-size: 16px; font-weight: 900; color: #404040; padding: 10px 0; }
.readmore2 span { vertical-align: middle; }
.readmore2 em, 
.readmore2 i { font-family: Arial, sans-serif; margin-left: 5px; display: inline-block; transition: 0.4s ease-in-out; font-style: none; }
.readmore2:hover em,
.readmore2:hover i { transform: translateX(5px); }
.homeInfo .buttonWrapper { position: absolute; bottom: 0; left: 0; width: 100%; }

.hairColor { text-align: center; background: #404040; padding: 40px 10px; }
.hairColor h2 { color: #ffffff; margin-bottom: 40px; }
.hairColor ul { display: flex; justify-content: space-between; width: 100%; max-width: 1280px; margin: 40px auto; list-style: none; padding: 0; }
.hairColor li { width: calc(100% - 20px); margin: 0 10px; box-sizing: border-box; padding: 0; background: #ffffff; text-align: left; }
.hairColor h4 { font-size: 18px; font-weight: normal; padding: 0 10px; }
.hairColor .buttonWrapper { margin: 20px 10px; }


@media (max-width: 1023px), print {
	
	.hairColor h2,
	.cms-home h2,
	.cms-home h3,
	.widget .block-title strong { font-size: 28px; }
	
	.homeInfo ul,
	.hairColor ul,
	.block.widget.block-products-list .products-grid .product-items	{ flex-wrap: wrap; justify-content: space-around; padding: 0 5px; box-sizing: border-box; }
	.homeInfo li,
	.hairColor li,
	.page-layout-1column .block.widget.block-products-list .products-grid .product-item,
	.page-layout-1column .block.widget.block-products-list .products-grid .product-item:nth-child(3n + 1) { width: calc(50% - 5px); margin: 0 0 10px; }

	.cms-home .c-aslider__item--full .c-aslider__caption { top: 20px; left: 20px; padding: 0; }
	.c-aslider__caption h2 { margin-top: 0; }
	.c-aslider__caption a { padding: 8px 15px; font-size: 14px; }
	
	.footer.content .block.footer-links.links { flex-direction: column; }
	.footer.content .block.footer-links.links > div { flex: 1 1 100%; width: 100%; }
		.homeInfo li,
	.hairColor li { width: 100%; margin: 0 0 10px; }

	
}

@media (max-width: 480px), print {
	.homeInfo li,
	.hairColor li { width: 100%; }

}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 6. PRODUCT LIST ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Subcategories */
.subcategories-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -15px; }
.subcategory { width: 23%; margin: 0 1% 60px; text-align: center; }
.subcategory-image a { width: 100%; padding-top: 100%; position: relative; margin-bottom: 20px; display: block; }
.subcategory-image img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; transition: 0.5s ease-out; }
.subcategory-image a:hover img { opacity: 0.5; }

/* Product List */
.products-grid .product-image-wrapper { padding-bottom: 100%; }
.block.widget .product-item-info { position: relative; }
.products-grid .product-item-actions { margin: 0; }
.products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { width: auto; height: auto; clip: auto; }
.product-item-name,
.abs-product-link>a:visited,
.product-item-name>a:visited,
.product.name a>a:visited,
.product.name a { font-weight: bold; font-size: 16px; color: #404040; }
.abs-product-link>a:hover,
.product-item-name>a:hover,
.product.name a>a:hover { text-decoration: none; color: #666666; }
.product-item .price-box .price { font-weight: 300; font-size: 16px; }
.product-item .product-item-details { position: relative; }

.products-grid .product-image-wrapper img { z-index: 2; opacity: 1; visibility: visible; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; backface-visibility: hidden; width: 100%; }
.page-products.catalog-category-view.page-layout-2columns-left .column.main,
.page-products .products-grid .product-image-container,
.page-products .products-grid .product-item-info,
/* .page-products.catalogsearch-result-index.page-layout-2columns-left .column.main  { width: 100%; } */
.product-item .price-box { margin-bottom: 0; }
.products-grid .product-item-inner { bottom: 0; left: auto; right: 10px; background: transparent; border: none; box-shadow: none; padding: 0; }
/* .page-products .products-grid .product-item-inner:before { display: none; }
.product-item-actions .actions-secondary > .action,
.product-item-actions .actions-secondary > .action:hover { color: #ffffff; }
.product-item-actions .actions-secondary > .action { z-index: 9; } */

.product-item .price-box .price-label { display: none; }
.product-item .old-price { text-decoration: line-through; }
/* #layered-filter-block { display: none; } */

.products-grid .product-item-info .product-image-container { position: relative; }
.new-label { position: absolute; top: 18px; left: 17px; z-index: 2; padding: 5px 10px; color: #ffffff; font-weight: bold; text-transform: uppercase; transform: rotate(-45deg); transform-origin: bottom left; }
.new-label:before { content: ''; position: absolute; top: -66px; left: -78px; background: transparent; width: 0; height: 0px; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid #9e0909; transform: rotate(90deg); transform-origin: bottom right; }
.new-label span { position: relative; z-index: 2; }
.filter-options-content { display: block !important; }

@media (min-width: 768px), print {
	.page-main > .page-title-wrapper .page-title { font-size: 36px; margin: 20px 0; }
	.page-products .page-title-wrapper { text-align: center; }

/*	
	.filter .filter-subtitle { font-size: 20px; font-weight: 300; }
	/* #layered-filter-block { display: none; } */
	/*
	#layered-filter-block .filter-title { display: block; }
	#layered-filter-block .filter-title strong { /* display: none; */ cursor: pointer; top: 10px; background-color: transparent; box-shadow: none; border: none; border-radius: 0; padding: 0; }
	/*
	.filter-active #layered-filter-block .filter-title strong { position: fixed; left: 210px; top: 13px; z-index: 9; color: transparent; }
	.filter-title strong:before { content: '\f10a'; font-family: 'flaticon'; width: 17px; margin-right: 5px; }
	.filter-title strong:after { opacity: 0; visibility: hidden; transition: 0s 0s;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
	.filter.active .filter-title strong:before { display: none; }
	.filter.active .filter-title strong:after { opacity: 1; visibility: visible; transition: 0.3s 0.5s;}
	#layered-filter-block .block-content.filter-content { position: fixed; top: 0; left: 0; width: 300px; height: 100%; background: #ffffff; z-index: 8; transition: transform 0.5s ease-in-out; transform: translate3d(-100%,0,0); overflow: hidden; overflow-y: scroll; }
	.filter-active #layered-filter-block .block-content.filter-content { transform: translate3d(0,0,0); }
	#layered-filter-block:after { opacity: 0; visibility: hidden; content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 7; transition: opacity 0.4s ease-out, visibility 0.4s ease-out; }
	.filter-active #layered-filter-block:after { opacity: 1; visibility: visible; }

	.filter-active .navigation,
	.filter-active .block-search { z-index: 0; }
	*/
	.toolbar-products { min-height: 56px; }
	
}
@media all and (min-width: 640px) {
	.products-grid .product-item-info:hover,
	.products-grid .product-item-info.active { box-shadow: 3px 4px 10px -5px rgba(0,0,0,0.3); border: 1px solid #eee; }
}

@media (max-width: 767px) {
	.products-grid .product-item-inner { position: absolute; right: -10px; bottom: -5px; }
}

/* Pager, Limiter */
.pages a.page,
.pages a.page:visited,
.pages a.page:active { color: #000000; }
.pages a.page:hover  { color: #7d7d7d; }
.pages strong.page { background: transparent; }
.pages .action { background: transparent; border: none; color: #000000; }
.pages .action:hover { background: transparent; }
.pages .action { box-shadow: none; border-radius: 0; }
.pages .action.previous:before,
.pages .action.next:before { color: #000000; }
.limiter .control { line-height: 32px; margin-left: -15%;}
.limiter .control a { color: #000000; }
.toolbar select { background-color: transparent; box-shadow: none; border-radius: 0; }
.page-products .sorter { font-size: 12px; }
.page-products .sorter label { display: block; margin: 0 10px; text-align: left; }

.toolbar-products .pages,
.page-products .toolbar .limiter { display: block; font-size: 12px; margin-bottom: 0; }
/*
.page-products .toolbar .limiter { position: absolute; width: 100%; }
*/
.pages .item.pages-item-next { margin-right: 0; }
.sorter-action:before { color: #cccccc; margin-right: 0; transition: color 0.3s ease-out; }
.toolbar-products .pages { position: relative; z-index: 1; }

.priceRangeLabel { display: none; }

.category-image { position: relative; height: 30vh; overflow: hidden; }
.category-image .image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

@media (min-width: 768px), print {
	.page-products .page-main .sorter { position: absolute; top: 10px; right: 0; }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 6. PRODUCT DETAILS ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.product-info-main .page-title-wrapper { margin-bottom: 30px; }
.main .product-info-main .page-title-wrapper h1 { display: inline; font-size: 25px; }
.main .product-info-main .page-title-wrapper .product.attribute.manufacturer { font-size: 25px; font-weight: 300; line-height: 1.1; }
.product-info-main .page-title-wrapper .product.attribute.manufacturer:before { content: ' - '; }
.product-info-main .product-info-price { border-color: #fefefe; }
.fotorama__caption { display: none; }
.product .fotorama__active .fotorama__dot { background-color: #312d84; border-color: #312d84; }

#product-attribute-specs-table,
#product-attribute-specs-table tr td { width: 100%; }
#product-attribute-specs-table tr th {white-space: nowrap;}
#product-attribute-specs-table tr:nth-child(odd) th,
#product-attribute-specs-table tr:nth-child(odd) td { background: rgba(0,0,0,0.01); }
#product-attribute-specs-table tr th { text-align: right; }
#product-attribute-specs-table tr th:after { content: ':';  }
#product-attribute-specs-table tr th, 
#product-attribute-specs-table tr td { padding: 10px; }
.product-info-main .product.attribute.sku .type:after { content: ':'; }
.product-options-bottom .field.qty { display: none; }

.product-options-bottom .price-box .old-price .price-container .price-label,
.product-info-price .price-box .old-price .price-container .price-label { display: none; }

.product.info.detailed .data { max-width: 100%; overflow: auto; }

.block.related { width: 100%; float: left; margin-top: 60px; padding: 40px 15px; background: #f9f9f9; text-align: center; box-sizing: content-box; margin-left: -15px; }
#block-related-heading { font-size: 36px; font-weight: 900; text-align: center; text-transform: uppercase; } 
.product-social-links .action.mailto.friend { display: none; }
.product-item .action.towishlist:before,
.product-social-links .action.towishlist:before { content: '\f103'; font-family: flaticon; }
.product-social-links .action.towishlist span { display: none; }

.box-tocart .fieldset { display: flex; align-items: flex-end; }
.box-tocart .field.qty { margin: 0; }
.box-tocart .input-text.qty { height: 52px; }
.box-tocart .actions { flex: 1 1; }
.box-tocart .action.tocart:not(:last-child) { margin: 0; }
.product-social-links { text-align: left; }

.product-info-main .stock { font-size: 12px; }
.product-info-main .stock.available span { color: #6b973c; font-weight: normal; text-transform: none; }
.product-info-stock-sku .stock:before { content:  attr(title) ": ";  }


@media (min-width: 768px), print {
	.catalog-product-view.page-layout-1column .product.media { width: 50%; }
	.catalog-product-view.page-layout-1column .product-info-main { width: 47%; }
	.product-info-main .page-title-wrapper h1 { font-size: 30px; display: inline; }
	.catalog-product-view.page-layout-1column .product-options-bottom .price-box .price-container .price,
	.catalog-product-view.page-layout-1column .product-info-price .price-box .price-container .price { font-size: 26px; line-height: 26px; }
	.catalog-product-view.page-layout-1column  .product-options-bottom .price-box .old-price .price-container .price,
	.catalog-product-view.page-layout-1column  .product-info-price .price-box .old-price .price-container .price { text-decoration: line-through; font-size: 20px; }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 7. CHECK-OUT ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.table-checkout-shipping-method input[type="radio"] { display: inline-block; }
.checkout-index-index .page-header { padding-bottom: 10px; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 100. PLUG-INS ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Product Slider */
.ui-slider-horizontal { width: calc(100% - 20px); }
.ui-slider-handle { background: #444444; }
.filter-options-content #amount { color: #444444 !important; }

/* Owl Carousel */
.owl-carousel { padding: 0; }
.owl-carousel .item { padding: 0; list-style: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { position: absolute; top: 40%; width: 50px; height: 50px; margin-top: -25px; overflow: hidden; text-indent: -999px; }
.owl-carousel .owl-nav .owl-prev { left: -60px; }
.owl-carousel .owl-nav .owl-next { right: -60px; }
.owl-carousel .owl-nav .owl-prev:after,
.owl-carousel .owl-nav .owl-next:after {content: '\f105';font-family: flaticon;font-size: 46px;line-height: 46px;color: #666666;text-indent: 0;display: block;text-align: center;width: 50px;height: 50px;position: absolute;top: 0;left: 0;}
.owl-carousel .owl-nav .owl-prev:after { content: '\f104'; }
.owl-carousel .owl-dots { position: absolute; bottom: 20px; left: 0; width: 100%; height: 16px; text-align: center; }
.owl-carousel .owl-dot { display: inline-block; margin: 0 5px; width: 16px; height: 16px; border-radius: 50%; background: rgba(255,255,255,0.5); box-shadow: 1px 1px 10px -3px #777777; transition: 0.4s ease-out; }
.owl-carousel .owl-dot.active { background: rgba(255,255,255,0.8); }
.owl-carousel .owl-dot:hover { background: rgba(255,255,255,1); }
.block-content .owl-theme .owl-dots .owl-dot span { margin: 0 auto; }
.owl-theme button:not(.primary),
.block-content .owl-theme .owl-nav [class*='owl-']:hover { background: transparent; box-shadow: none; }
 
/* Magic zoom */
a[href*="magiczoom"] { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none; width: 0; height: 0; overflow: hidden; }

/* Bluebell */
.bluebell { float: right; width: 65px; height: 38px; text-decoration: none; }
.copyright a.bluebell:before { display: none; }
.bluebell:hover { background-position: top left; text-decoration: none; }
.bluebell .fil0 { fill: #9e9e9e; fill-rule:nonzero; transition: fill 0.5s ease-out; }
.bluebell .fil1,
.bluebell .fil2 { fill:#6e6e6e; fill-rule:nonzero; transition: fill 0.5s ease-out; }

.bluebell:hover .fil0 { fill:#56b4e6; }
.bluebell:hover .fil1,
.bluebell:hover .fil2 { fill: #2983b3; }