/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------unboxingbyampalaz.gr CSS - CONTENTS-------------------------------------------------*/
/*
Filename: custom-styles.css
Site: unboxingbyampalaz.gr
version: 0.1
Created: 2021/10/05
Company: BLUEBELL.gr
Author: Nick Melas
Description: Default styles for all site pages
*/ 
/* ## Font Glossary */
/*

 */

/* ## Colors
Purple: #350d3d
Orange: #e78020

*/

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

/* 100. Plugins Rewrites */

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

/* FONTS */
@font-face {
	font-family: "PFDin";
	src: url("../fonts/PFDinTextCompPro-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "PFDin";
	src: url("../fonts/PFDinTextCompPro-Regular.woff2") format("woff2");
	font-weight: normal;
	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: 'PFDin', 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; }
.columns .column.main { padding-bottom: 0; min-height: 0; }
.page-layout-1column.page-with-filter .column.main { padding-top: 0; }

h1,
h2,
h3,
h4 { font-weight: normal; font-family: 'PFDin', sans-serif; }
h1 { font-size: 2.5em; }
h2 { font-size: 2.2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.6em; }

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

button.action.primary,
a.action.primary { border-radius: 0; color: #ffffff; background: #e78020; border-color: #e78020; transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; font-weight: 300; font-size: 1.2em; border-radius: 4px; box-shadow: 0 0 10px -2px #000000; float: none; }
button.action.primary:hover,
a.action.primary:hover { background: #350d3d; border-color: #350d3d; }
a.action.primary:focus,
a.action.primary:active,
button.action.primary:focus,
button.action.primary:active { background: #350d3d; border-color: #350d3d; }


select,
input,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"] { border-color: rgba(231,128,32,0.3); background: rgba(231,128,32,0.3); border-radius: 4px; font-family: 'PFDin', Arial; font-size: 1.2em; }

.fieldset > .field > .label,
.fieldset > .fields > .field > .label { font-weight: 300; }

._keyfocus *:focus { box-shadow: none; border-color: transparent; }
input:not([disabled]),
textarea:not([disabled]),
select:not([disabled]),
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus { box-shadow: none; }

.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-layout-cms-full-width .page-wrapper .breadcrumbs { display: none; }
.page-wrapper .breadcrumbs ul { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 20px; }
.breadcrumbs a,
.breadcrumbs a:visited,
.breadcrumbs a:active { color: #e78020; text-decoration: none; }
.breadcrumbs a:hover { color: #312d84; text-decoration: underline; }

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

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

/* Icons */
.bundle-options-container .block-bundle-summary .product-addto-links>.action:before,
.product-item-actions .actions-secondary>.action:before,
.product-social-links .action.tocompare:before,
.wishlist.split.button>.action.split:before,
.product-social-links .action.mailto.friend:before,
.product-social-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before { width: 26px; line-height: 26px; font-size: 26px; }

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

.page-wrapper .page-header .panel.wrapper { display: block; position: absolute; top: 0; right: 125px; height: 100%; box-sizing: border-box; width: 100px; z-index: 2; background: transparent; }
.page-header .header.links { display: none; }
.nav-toggle { top: 12px; left: auto; right: 10px; color: #ffffff; }
.header.content { padding-top: 10px; }
.header.content .block-search,
.header.content .minicart-wrapper { margin-top: 2px; }
.page-header .panel.wrapper .block-minicart { color: #ffffff; }
.page-header { margin: 0; border: none; z-index: 9; background: #350d3d; display: flex; align-items: center; position: relative; }

.logo { display: block; margin: 0 auto; text-align: center; float: none; }
.logo img { margin: 0 auto; width: 169px; }

.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: '\f103'; 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,
.header.panel > .header.links > li.authorization-link > a { color: #e78020; }
.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; display: flex; align-items: center; }
#hd_phone a { font-size: 16px; }
#hd_phone:before{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 1.42857143;
    color: #000000;
    content: '\f102';
    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: #000000; }
.block-search .label:before,
.block.block-search .action.search:before { color: #000000; content: '\f109'; 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: #de9095; 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: '\f101'; 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: #000000; 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,
.nav-toggle:hover:before { color: #ffffff; }
.block-search .label:before,
.block-search .label:hover:before { color: #000000; }

.minicart-wrapper .action.showcart.active:before,
.minicart-wrapper .action.showcart:before { font-family: 'flaticon'; content: '\f110'; color: #000000; 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; }

.page-header .switcher.switcher-language { color: #e78020; margin-left: 0; }

.page-header .panel.wrapper .switcher .options .action.toggle>span.flaticon-globe{ width: 24px; height: 24px; display: inline-block; clip: unset; position: relative; margin: 3px 0 0; }
.switcher-language .flaticon-globe:before { font-size: 22px; line-height: 22px; }

/* Main Menu */
.mainMenu { display: block; }
.mainMenu ul { display: flex; padding: 0; margin: 0; list-style: none; width: 100%; justify-content: center; align-items: center;  }
.mainMenu li { position: relative; margin: 0; padding: 0; }
.mainMenu a { font-size: 1.2em; }
.mainMenu > ul > li > a { color: #e78020; padding: 1.87em 0.5em; display: block; margin: 0; }
.mainMenu a:after { content: ''; position: absolute; width: 0; height: 3px; background: #e78020; transition: 0.4s; left: 0.5em; top: 3.5em; }
.mainMenu a:hover:after { width: 40px; }
.mainMenu ul a:hover { color: #ffffff; }
.mainMenu li.first,
.mainMenu li.last { margin-left: auto; }
.mainMenu li.last a { padding: 1.5em 0.5em; background: #e78020; color: #ffffff; font-size: 1.4em; transition: 0.4s; width: 125px; box-sizing: border-box; text-align: center; }
.mainMenu li.last a:hover { background: #ffffff; color: #e78020; }
.mainMenu li.last a:after { display: none; }
.mainMenu li ul { position: absolute; top: 100%; left: 0; background: #e78020cf; visibility: hidden; opacity: 0; transition: 0.4s; width: auto;  display: block; box-shadow: 0 0 10px -7px #000; }
.mainMenu li:hover ul { visibility: visible; opacity: 1; padding: 0.5em 0; }
.mainMenu li ul a { padding: 0.2em 1em; white-space: nowrap; display: block; color: #ffffff; }
.mainMenu li ul a:after { background: #ffffff; top: 1.8em; height: 1px; left: 1em; }

@media (min-width: 768px), print {
	.header a,
	.nav-sections a { color: #ffffff; }
	.navigation, .breadcrumbs,
	.page-header .header.panel,
	.header.content, .footer.content,
	.page-wrapper>.widget,
	.page-wrapper>.page-bottom,
	.block.category.event,
	.top-container,
	.page-main,
	.page-wrapper .breadcrumbs ul,
	.product-full-width-section,
	[data-content-type='row'][data-appearance='contained']	{ max-width: none; }
	.page-wrapper .page-header .header.panel { padding: 5px; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; box-sizing: border-box; } 
	.page-header .action.skip.contentarea { display: none; }
	.page-wrapper .header.content { padding: 0px; }
	.header.content .logo { margin: 0 20px; max-width: none; }
	.header.content .logo img { margin: 0 auto; width: 220px; height: auto; }
	.page-wrapper .nav-sections,
	.page-wrapper .navigation { background: transparent; z-index: 0; flex-grow: 1; }
	.navigation ul { padding: 0; justify-content: center; display: flex; }
	.nav-sections .navigation > li:last-child > a { padding-left: 2em; padding-right: 2em; background: #e78020; font-size: 1.2em; transition: 0.3s; letter-spacing: 1px; }
	.navigation ul li:last-child a span { color: #ffffff; transition: 0.3s; }
	.navigation ul li:last-child a:hover span { color: #ffffff; transition: 0.3s; }
	.nav-sections .navigation .level0:last-child > .level-top:hover  { background: #c36003; }
	.nav-sections { margin-bottom: 0; }

	
	.navigation ul ul { text-align: left; }
	.navigation .level0 { margin: 0 40px 0 0; }
	.navigation .level0 > .level-top span { font-weight: normal; font-size: 1.2em; }
	.navigation .level0.last > .level-top span { font-weight: bold; }
	.nav-sections .navigation .level0.parent>.level-top>.ui-menu-icon { display: none; }
	.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; padding: 24px 10px; color: #e78020; }
	.nav-sections .navigation .level0 > .level-top:hover { color: #ffffff; }
	
	.navigation .level0 .submenu a:hover,
	.navigation .level0 .submenu a.ui-state-focus { color: #ffffff; background: #9b47ba; }
	.mainMenu li.last { padding-left: 100px; }


	/* .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,
	.page-header .panel.wrapper .switcher.switcher-language .options .action.toggle: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 { display: inline-block; vertical-align: middle; width: 2ch; padding: 0 1px 0 0; overflow: hidden; text-transform: uppercase; }
	
	.nav-sections .navigation .level0 { margin: 0; transition: 0.4s; border: none; left: 0 !important; transition: border-color 0.6s ease-in-out; position: relative; }
	.nav-sections .navigation .level0.first,
	.nav-sections .navigation .level0.last { margin-left: auto; }
	.nav-sections .navigation .level0.parent>.level-top { padding: 12px 20px; }
	.navigation .level0:after { content: ''; position: absolute; width: 0; height: 3px; background: #e78020; bottom: 1em; left: 10px; top: auto; transition: 0.4s; opacity: 0; }
	.navigation .level0:hover:after { content: ''; position: absolute; width: 40px; height: 3px; background: #e78020; bottom: 1em; left: 10px; top: auto; transition: 0.4s; opacity: 1; }
	.navigation .level0.last:hover:after { display: none; }
	
	.page-header .block-search { float: none; padding-left: 0; position: relative; width: auto; z-index: 4; }
	.page-header .block-search input { border: 1px solid #dddddd; border-radius: 50px; font-size: 1em; font-style: italic; }
	.block-search .action.search.disabled,
	.block-search .action.search[disabled],
	fieldset[disabled] .block-search .action.search { opacity: 1; }
	.page-header .header.panel>.header.links { margin-left: 0; text-align: right; }
	
	.page-header .panel.wrapper { border: none; }
	.minicart-wrapper { order: 1; }

}

@media (max-width: 767px) {
	h1 { font-size: 2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.2em; }

	.page-main { margin-top: 0; }
	.cms-home .page-main { margin-top: 0; }
	.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 { display: none; }
	.block-search { margin-top: 0; margin-bottom: 0; }
	.minicart-wrapper { position: absolute; top: 4px; right: 10px; margin-top: 0; }
	.nav-sections-item-title { width: 33.3%; }
	.nav-sections-item-title:first-child { border-left: none; }
	
	.nav-sections .header.links li>a:after { content: attr(aria-label); }
	.ui-menu-item.all-category { font-weight: bold; }
	
	.logo { margin: 5px 10px; max-width: 100%; }
	.header.content { padding: 0; width: 100%; }
	.mainMenu ul { display: block; }
	.mainMenu > ul > li > a { padding: 0.5em 10px; }
	.mainMenu li.last a { padding: 0.5em 10px }
	[aria-controls="store.links"] { display: none; }
	.mainMenu li ul,
	.mainMenu a:hover:after  { display: none; }
	.mainMenu ul a:hover { color: #350d3d; }
	
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 3. FOOTER PART ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page-footer { padding: 0; position: relative; z-index: 2; }
.footer { color: #ffffff; padding: 40px 0 0; 
	background: rgb(234,143,29);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(234,143,29,1) 0%, rgba(231,128,32,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,143,29,1) 0%,rgba(231,128,32,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(234,143,29,1) 0%,rgba(231,128,32,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8f1d', endColorstr='#e78020',GradientType=1 );
}
.footer a { color: #ffffff; }
.footer a:hover { color: #350d3d; }
.footerWrapper { padding: 20px; }
.footerLogo { max-width: 200px; width: calc(100% - 40px); margin: 0 20px; }

.footerMenu { list-style: none; padding: 0; margin: 0; }

.footerWrapperItem.last { align-items: flex-end; display: flex; }
.footer .socialLinks { padding: 0; list-style: none; margin: 0 0 30px; display: flex; }
.footer .socialLinks li { width: 32px; height: 32px; margin: 0 10px 0 0; }
.footer .socialLinks li a { width: 32px; height: 32px; display: block;  background: #ffffff; border-radius: 50%; overflow: hidden; text-indent: -9999px; white-space: nowrap; position: relative; transition: 0.4s ease-in-out; padding: 0; }
.footer .socialLinks li a:hover { background: #350d3d; }

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

.copyright { color: #ffff; background: #350d3d; font-weight: 300; font-size: 1em; font-weight: normal; text-align: center; }
.copyright a { color: #828282; }
.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 (min-width: 1025px) {
	.footerWrapper { display: flex; justify-content: space-between; }
}


@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 .page-main .main p { margin: 0; }

/* General CMS Page */
/* .page-layout-cms-full-width .page-main-full-width { padding: 0 20px; max-width: 1860px; width: 100%; margin: 0 auto; box-sizing: border-box; } */
.page-layout-cms-full-width .page-main { padding: 0; max-width: none; width: 100%; margin: 0 auto; box-sizing: border-box; }

.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; }
.product-item { background: #ffffff; }
.product-image-container { padding: 0; box-sizing: border-box; }
.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: 300; 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; }

/* Home Boxes */
.cms-home .page-main .block.block-4 { margin-bottom: 20px; }
.homeBoxes,
.homeBoxes li {float: left; overflow: hidden; text-align: center; margin: 0; }
.homeBoxes { width: 100%;padding: 0;list-style: none;margin: 0 0 40px;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.homeBoxes li {position: relative;flex-grow: 0;display: block; width: 100%; }
.homeBoxes img { display: block; z-index: 1; width: 100%; max-width: 100%; }
.homeBoxes a { position: relative; display: block; }
.homeBoxes div  { padding: 0.22em 0.9em 0.30em; position: absolute; bottom: 2em; z-index: 2; width: 100%; color: #ffffff; box-sizing: border-box; }

.homeBoxes h3 { font-size: 2em; font-weight: 300; margin: 0 0 1em; display: block; line-height: 1.4em; position: relative; transition: 0.6s ease-in-out; overflow: hidden; }
.homeBoxes h4 { font-weight: 300; font-size: 1.1em; margin: -1em 0 2em; }
.homeBoxes span { padding: 0.5em 2em; display: inline-block; border: 1px solid #ffffff; position: relative; overflow: hidden; }
.homeBoxes span:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.2);top: 0;left: -100%;transform: skewX(-90deg);transition: 0.7s ease-in-out;left: 0;}
.homeBoxes span:hover:before { transform: skewX(0deg); }
.homeBoxes h3:hover { color: #ffffff; }
.homeBoxes li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; opacity: 0.4; z-index: 2; pointer-events: none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}


.homeZoneItem h3 { line-height: 1em; margin: 0; color: #ffffff; margin: 0; }
.homeZoneItem h3 span { color: #e78020; }
.homeZoneItem .readMore { padding: 0.5em 1em; font-size: 1.2em; color: #ffffffff; background: #e78020; border-radius: 0.5em; margin-top: 1em; box-shadow: 1px 1px 5px rgba(0,0,0,0.7); display: inline-block; transition: 0.3s;  }
.homeZoneItem .readMore:hover { background: #350d3d; }
.homeZoneItem img {  display: block; width: 100%; }

.homeItem1 { position: relative; }
.homeItem1 h2 { position: absolute; bottom: 20%; left: 20px; font-size: 3em; text-shadow: 1px 1px 5px #000; color: #ffffff; }
.homeItem1 h2 span { color: #e78020; }

.homeItem2 { display: flex; box-sizing: border-box; padding: 0; background: #350d3d; color: #ffffff; }
.homeItemLeft,
.homeItemRight { padding: 5px 5px; box-sizing: border-box; width: 50%; position: relative; }
.homeItemLeft { padding-right: 2.5px; }
.homeItemRight { padding-left: 2.5px; }
.homeItem2 .homeItemText { position: absolute; top: 5px; right: 5px; width: 70%; }
.homeItem2 .homeItemText div { box-sizing: border-box; padding: 2em; background: #e78020; border-bottom-left-radius: 0.8em;}

.homeItem3 { position: relative; color: #ffffff; text-align: right; }
.homeItem3 .homeItemText { position: absolute; top: 0; left: 0; width: 30%; }
.homeItem3 .homeItemText div { box-sizing: border-box; padding: 2em; background: #e78020; border-bottom-right-radius: 0.8em;}

.homeItem4 { overflow: hidden; 
	background: rgb(200,200,200);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(200,200,200,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=1 );
	
}
.homeItem4 h3 { text-align: center; color: #e78020; font-size: 3em; margin-top: 1em; margin-bottom: 0; }
.clientsList { list-style: none; margin: 20px; padding: 0; }
.clientsList .row { display: flex; justify-content: flex-start; flex-wrap: wrap; box-sizing: border-box; position: relative; }
.clientsList .row:nth-child(odd) { transform-origin: top; }
.clientsList .row:nth-child(even) { transform-origin: bottom; }
.clientsList li { width: 20%; }
.clientsList li img { width: 100%; }
.clientsList.stick { position: fixed; top: 0; left: 0; }
.clientsList section.hide { visibility: hidden; opacity: 0; }
.clientsList .row .shadow { position: absolute; width: 100%; height: 0; top: 0; left: 0; opacity: 0.03; transition: 0.2s;
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

.homeItem5 { color: #ffffff; font-size: 1.2em; box-sizing: border-box; padding: 2em; display: flex; flex-wrap: wrap; position: relative; z-index: 2;
	background: rgb(99,68,105);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(99,68,105,1) 0%, rgba(53,13,60,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(99,68,105,1) 0%,rgba(53,13,60,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(99,68,105,1) 0%,rgba(53,13,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#634469', endColorstr='#350d3c',GradientType=1 );
}
.homeItem5 .homeItem { display: flex; flex-wrap: wrap; }
.homeItem5 img { display: inline-block; width: auto; }
.homeItem5 h3 { text-align: center; width: 100%; }
.homeItem5 h3 img { vertical-align: middle; height: 1.5em; margin-bottom: 15px; }
.homeItem5 .homeItemBlock { width: 50%; box-sizing: border-box; padding: 2em; display: flex; align-items: flex-start; }
.homeItem5 .homeItemBlock img  { margin: 1.2em 1em 0 0; width: 6em; height: auto; align-self: center; opacity: 0.5; }
.homeItemBlockText { flex: 2; }

.homeItem6 { background: #350d3d; box-sizing: border-box; padding: 5% 20px; width: 100%; }
.homeItem6 img { width: 100%; height: auto; max-width: 1000px; margin: 0 auto; display: block; }


@media (min-width: 768px), print {

	.homeBoxes li:nth-child(2) img,
	.homeBoxes li:nth-child(3) img, 
	.homeBoxes li:nth-child(2) div,
	.homeBoxes li:nth-child(3) div { width: 50%; position: relative; bottom: auto; }
	.homeBoxes li:nth-child(3) img { order: 1; }
	.homeBoxes li:nth-child(2) a,
	.homeBoxes li:nth-child(3) a { display: flex; align-items: center; color: #000000; }

	.homeBoxes li:nth-child(2) span,
	.homeBoxes li:nth-child(3) span { border-color: #000000; color: #000000; }
	.homeBoxes li:nth-child(2) span:before,
	.homeBoxes li:nth-child(3) span:before { background: rgba(0,0,0,0.03); }
	.homeBoxes li:nth-child(2) h3,
	.homeBoxes li:nth-child(3) h3,
	.homeBoxes li:nth-child(2) h4,
	.homeBoxes li:nth-child(3) h4,
	.homeBoxes li:nth-child(2) h3:hover,
	.homeBoxes li:nth-child(3) h3:hover { color: #000000; }
	.homeBoxes li:nth-child(2):before,
	.homeBoxes li:nth-child(3):before { display: none; }
}


.homeInfo { text-align: center; padding: 0 10px; display: flex; justify-content: space-between; width: 100%; max-width: 1440px; margin: 40px auto; list-style: none; padding: 0 20px; box-sizing: border-box; }
.homeInfo a { display: block; }
.homeInfo img { margin: 40px auto 20px; width: 128px; height: 128px; transform: scale(1); transition: 0.4s ease-out;}
.homeInfo a:hover img { transform: scale(1.15); }
.homeInfo li { width: calc(33.3% - 20px); margin: 0 10px; box-sizing: border-box; padding: 10px 10px 50px; background: #ffffff; position: relative; }
.homeInfo h3 { color: #404040; font-size: 1.2em; line-height: 1.6em; font-family: PFDin; 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: PFDin, 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 {
	.homeItem1 { height: 50vh; }
	.homeItem1 img { position: absolute; width: 100%; height: 100%; top: 0;  left: 0; object-fit: cover; }
	.homeItem1 h2 { font-size: 2em; }
	.homeItem2 { flex-wrap: wrap; padding: 5px 0;}
	.homeItemLeft,
	.homeItemRight { width: 100%; padding: 5px 10px; }
	.homeItemRight { flex-wrap: wrap; display: flex; }
	.homeItemRight img { order: 2; }
	.homeItem2 .homeItemText { position: relative; top: auto; right: auto; width: 100%; text-align: center; }
	.homeItem2 .homeItemText div { border-radius: 0; text-align: left; }
	.homeZoneItem .readMore { margin-bottom: 1em; }
	.homeItem3 .homeItemText { position: relative; left: auto; top: auto; width: 100%; text-align: center; }
	.homeItem3 .homeItemText div { border-radius: 0; text-align: right; }
	.homeItem5 { padding: 10px; display: block; }
	.homeItem5 .homeItem { display: block; }
	.homeItem5 .homeItemBlock { width: 100%; padding: 0; margin-bottom: 40px; }
	.homeItem5 .homeItemBlock img { width: 20%; }
	.homeItem5 .homeItemBlock:nth-child(odd) { text-align: right; }
	.homeItem5 .homeItemBlock:nth-child(odd) img { order: 2; margin: 1.2em 0 0 1em; }
	.page-footer { margin: 0; }
	.footerMenu { margin: 1.5em 0; }
	
}

@media (max-width: 767px), print {
	.homeInfo { display: block; padding: 0; }	
	.homeInfo li { width: 100%; padding: 0; }

	.homeBoxes,
	.homeBoxes li {float: left; overflow: hidden; text-align: center; margin: 0; }
	.homeBoxes { width: 100%;padding: 0;list-style: none;margin: 0 0 40px;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
	.homeBoxes li {position: relative;flex-grow: 0;display: block;}
	.homeBoxes img { display: block; z-index: 1; width: 100%; max-width: 100%; }
	.homeBoxes a { position: relative; display: block; }
	.homeBoxes div  { padding: 0.22em 0.9em 0.30em; position: absolute; bottom: 2em; z-index: 2; width: 100%; color: #ffffff; box-sizing: border-box; }
	.homeBoxes li:nth-child(2),
	.homeBoxes li:nth-child(3) {flex-grow: 1;flex-shrink: 1;flex: 50%;box-sizing: border-box; }
	.homeBoxes li:nth-child(5),
	.homeBoxes li:nth-child(6),
	.homeBoxes li:nth-child(7) {flex-grow: 1;flex-shrink: 1;flex: 33.3%;box-sizing: border-box; }


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

/* Product List */
.category-description { text-align: center; }
.page-products .page-main>.page-title-wrapper .page-title { font-weight: 300; }
.products-grid .product-image-wrapper { padding-bottom: 100%; background: #ffffff; }
.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; margin: 0; }
.product-item-name,
.abs-product-link>a:visited,
.product-item-name>a:visited,
.product.name a>a:visited,
.product.name a { font-weight: normal; font-size: 1em; color: #404040; margin: 0; }
.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: 1em; }
.product-item .product-item-details { position: relative; padding: 10px 0; text-align: center; }

.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%; height: 100%; object-fit: contain; }
.page-layout-2columns-left .main { padding-left: 0; }
.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%; box-sizing: border-box; }
.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; } */
.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; }
.products-grid .product-image-wrapper img.secondPhoto { z-index: 1; }
.products-grid .product-image-wrapper:hover img:first-child { opacity: 0; visibility: hidden; }


.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; }

.page-main .main p.toolbar-amount { margin: 30px 0 0; }
.slider-product-item-info { width: 100% !important; } 

.products-grid .product-item-inner { position: absolute; right: 0; top: 0; margin: 0; }
.product-item .action.towishlist:before { font-size: 20px; }

.page-layout-2columns-left .page-wrapper .breadcrumbs { display: block; margin-bottom: 0; }
.page-layout-2columns-left .breadcrumbs a,
.breadcrumbs .item:not(:last-child):after { color: #e78020; }
.page-layout-2columns-left .page-main { background: #350d3d; }
.page-layout-2columns-left .columns,
.page-layout-2columns-left .block a,
.filter-options-title:hover,
.page-layout-2columns-left .product-item-name,
.page-layout-2columns-left .abs-product-link>a:visited,
.page-layout-2columns-left .product-item-name>a:visited,
.page-layout-2columns-left .product.name a>a:visited, .product.name a,
.page-layout-2columns-left .price-container .price { color: #ffffff; }
.products-grid .product-item-info:hover, 
.products-grid .product-item-info.active,
.page-layout-2columns-left .product-item,
.filter-options-content a:hover { background: none; }
.filter .block-subtitle,
.filter-options-item { border: none; }
.page-layout-2columns-left .price-container .price { font-weight: bold; }
.filter-options-content .count { color: #D1D1D1; }

@media (min-width: 1024px), print {
	.page-products .products-grid .product-items { margin: 0; justify-content: space-between; display: flex; flex-wrap: wrap; align-items: flex-start; }
	.page-products .products-grid .product-item { margin-left: 0; padding: 0; width: calc((100%/3) - 5px); }
	.page-products .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; }
}


@media (min-width: 768px), print {
	.page-main > .page-title-wrapper .page-title { margin: 20px 0; }
	.page-products .page-title-wrapper { text-align: center; }
	
	.page-products .products-grid .product-items { margin: 0; justify-content: space-between; display: flex; flex-wrap: wrap; align-items: flex-start; }
	.page-products .products-grid .product-item { margin-left: 0; padding: 0; width: calc((100%/4) - 5px); }
	
	.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: none; border: 0; margin: 0; padding: 0; }
}

@media (max-width: 767px) {
	.products-grid .product-item-inner { position: absolute; right: 0; top: 0; margin: 0; }
	.homeBoxes li:nth-child(2),
	.homeBoxes li:nth-child(3),
	.homeBoxes li:nth-child(5),
	.homeBoxes li:nth-child(6),
	.homeBoxes li:nth-child(7) { flex: 100%; }
	.page-products .products-grid .product-items { margin: 0; justify-content: space-between; display: flex; flex-wrap: wrap; align-items: flex-start; }
	.page-products .products-grid .product-item { margin-left: 0; padding: 0; width: calc((100%/2) - 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; }
.limiter .control a { color: #ffffff; }
.toolbar select { background-color: transparent; box-shadow: none; border-radius: 0; color: #ffffff; }
.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; text-align: center; }
.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; }

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

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

.product-full-width-section { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; width: 100%; margin-bottom: 0; background: #350d3d; color: #ffffff; }
.product-info-main .page-title-wrapper { margin-bottom: 30px; }
.main .product-info-main .page-title-wrapper h1 { display: inline; font-size: 2em; }
.main .product-info-main .page-title-wrapper .product.attribute.manufacturer { font-size: 2em; font-weight: 300; line-height: 1.1; }
.product-info-main .product-info-price { border: none; }
.fotorama__thumb--icon,
.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: none; }
#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: '\f101'; 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; padding-left: 20px; }
.box-tocart .action.tocart { background: #e78020; border-color: #e78020; }
.box-tocart .action.tocart:hover { background: #666666; border-color: #666666; }
.box-tocart .action.tocart:not(:last-child) { margin: 0; }
.product-social-links { text-align: left; }
.box-tocart input[type="number"] { background: #ffffff; }

.product-info-main .product-info-stock-sku { display: block; float: none; padding-bottom: 0; padding-left: 0; text-align: left; }

.product-info-main .stock { font-size: 12px; }
.product-info-main .stock.available span { color: #abef62; font-weight: normal; text-transform: none; }
.product-info-stock-sku .stock:before { content:  attr(title) ": ";  }
div.mage-error[generated] { color: #ff4a46; }

.gallery-placeholder { max-width: 550px; margin: 0 auto; }
.product .fotorama__stage__frame .fotorama__img { width: 100%; }
.fotorama__thumb-border { border-color: #000000; }

.page-main-details .product-section-title { font-family: 'PFDin'; }

.page-layout-product-full-width .page-wrapper .breadcrumbs { margin-bottom: 0; }
.page-layout-product-full-width .page-main { background: #350d3d; color: #ffffff; padding-top: 20px; padding-bottom: 20px; }
.product-options-bottom .price-box,
.product-info-price .price-box,
.product-info-main .product-info-price { color: #ffffff; }
.product-reviews-summary .reviews-actions .action.add { color: #e78020; }

@media (min-width: 768px), print {
	.catalog-product-view.page-layout-1column .product.media { width: 60%; }
	.catalog-product-view.page-layout-1column .product-info-main { width: 37%; }
	.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: 22px; line-height: 26px; font-weight: 300; }
	.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; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 8. Custom Boxes ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.catHeader { position: relative; margin-bottom: 40px; width: calc(100% + 20px); margin-left: -10px; }
.catHeader .catHeaderText { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #ffffff; }
.catHeader .catHeaderText h1 { text-shadow: 0 0 10px #000000; font-size: 4em; margin-bottom: 1em; }
.catHeader .catHeaderText p { width: 80%; padding: 2em; border-top-left-radius: 1em; border-top-right-radius: 1em; background: rgba(231,128,32,0.8); margin: 0 auto; box-sizing: border-box; font-size: 1.5em; }
.catHeader img { width: 100%; display: block; }


.gallery ul { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; margin: 0; }
.gallery li { width: calc(33.3% - 15px); margin: 0 0 40px; }
.gallery h2 { font-size: 3em; width: 100%; color: #e78020; }
.gallery h3 { color: #e78020; cursor: pointer; }
.gallery a,
.gallery img { display: block; cursor: pointer; }

.categorypath-pelates [data-content-type='html'] > p,
.categorypath-i-etairia [data-content-type='html'] > p { display: none; }
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] { padding-top: 0 !important; }

.categorypath-pelates  [data-content-type='row'][data-appearance='contained'] [data-element='inner'],
.categorypath-i-etairia [data-content-type='row'][data-appearance='contained'] [data-element='inner'],
.category-the-company [data-content-type='row'][data-appearance='contained'] [data-element='inner'],
.category-clients [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { padding: 0 !important; margin: 0 !important; }
.categorypath-pelates .logo { display: none; }
.companyList1 { background: #e78020; }
.categorypath-i-etairia .catHeader,
.categorypath-i-etairia .category-description,
.categorypath-i-etairia .category-cms,
.category-the-company .catHeader,
.category-the-company .category-description,
.category-the-company .category-cms,
.category-clients .category-description,
.category-clients .category-cms { margin: 0; width: 100%; }
.companyList1 { padding: 3%; box-sizing: border-box; }
.companyList1 img { display: block; width: 100%; max-width: 1000px; margin: 0 auto; }

.companyList2 { color: #350d3d; font-size: 1.2em; box-sizing: border-box; padding: 2em; display: flex; flex-wrap: wrap; position: relative; z-index: 2;}
.companyList2 .homeItem { display: flex; flex-wrap: wrap; }
.companyList2 img { display: inline-block; width: auto; }
.companyList2 h3 { text-align: center; width: 100%; }
.companyList2 h3 img { vertical-align: middle; height: 1.5em; margin-bottom: 15px; }
.companyList2 .homeItemBlock { width: 50%; box-sizing: border-box; padding: 2em; display: flex; align-items: flex-start; text-align: left; }

.companyList3 { position: relative; color: #ffffff; box-sizing: border-box; padding: 3% 3% 3% 20%; text-align: left; font-size: 1.5em; }
.companyList3 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.companyList3 h3,
.companyList3 ul { position: relative; z-index: 2; }

.category-epikoinonia .category-view,
.category-contact .category-view { display: none; }
.category-epikoinonia .page-main { padding: 0; }
.category-epikoinonia .catHeader { margin: 0; width: 100%; }
.contactDetails { padding: 3%; background: rgba(231,128,32,1); font-size: 1.3em; line-height: 2em; box-sizing: border-box; color: #ffffff; }
.contactDetails a { color: #ffffff; }
.contactDetails a:hover { color: #350d3d; }
.contactDetails img { height: 2em; margin-right: 1em; }
.contactDetails div { display: flex; align-items: center; margin: 10px 0; flex-wrap: wrap; }
.form.contact { margin-bottom: 3em; padding: 3%; box-sizing: border-box;  }
.form.contact .actions-toolbar div.primary { display: block; text-align: center; width: 100%; }

.form.contact .fieldset { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.form.contact .fieldset div { width: 100%; }
.form.contact .field.name,
.form.contact .field.email,
.form.contact .field.telephone { width: calc(33.3% - 20px); }

@media (max-width: 1023px) {
	.page-products .columns { padding-top: 0; }
	.catHeader .catHeaderText h1 { font-size: 2em; padding: 1em; }
	.catHeader .catHeaderText { position: relative; }
	.catHeader .catHeaderText p { padding: 1em; font-size: 1em; }
	.catHeader img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; }
	.gallery h2 { font-size: 2em; }
	.gallery li { width: calc(50% - 5px); }
	.form.contact .field.name,
	.form.contact .field.email,
	.form.contact .field.telephone { width: 100%; }
	.companyList2 { padding: 0;  }
	.companyList2 .homeItem { display: block; }
	.companyList2 .homeItemBlock { width: 100%; padding: 1em 10px 2em; }
	.category-i-etairia .catHeader .catHeaderText h1 { margin: 0; }
	
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 9. CMS Pages ---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.cms-return-policy #maincontent,
.cms-cancellation-policy #maincontent,
.cms-withdrawal-policy  #maincontent { padding: 20px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------ 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: 50%; width: 50px; height: 50px; margin-top: -25px; overflow: hidden; text-indent: -999px; }
.owl-carousel .owl-nav .owl-prev { left: 20px; }
.owl-carousel .owl-nav .owl-next { right: 20px; }
.owl-carousel .owl-nav .owl-prev:after,
.owl-carousel .owl-nav .owl-next:after {content: '\f105';font-family: fontawesome;font-size: 80px;line-height: 46px;color: #ffffff;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); }
 
/* Magic zoom */
a[href*="magiczoom"] { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none; width: 0; height: 0; overflow: hidden; }

/* Photos */
.fotorama-item { cursor: zoom-in; }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover { display: none; }

/* Mageplaza Banner Slider */
.mp-banner-slider .owl-image { position: relative; display: block; }
.mp-banner-slider .item-text-wrapper { position: absolute; bottom: 3em; left: 0; width: 100%; display: block; text-align: center; }
.mp-banner-slider .banner-title { font-size: 3em; line-height: 1.3em; margin-bottom: 0.5em; }
.mp-banner-slider .banner-title span { background: #ffffff; color: #ff9f86; display: inline-block; padding: 0.1em 0.8em; }
.mp-banner-slider a .banner-title { color: #ffffff; font-weight: 900; }
.mp-banner-slider a .bannerCTA,
.mp-banner-slider a:hover .bannerCTA { font-size: 1.2em; font-weight: 900; color: #000000; background: #ffffff; padding: 0.5em 3em; border: none; transition: 0.4s; }
.mp-banner-slider a .bannerCTA:hover { background: #ff9f86; color: #ffffff; }

@media (max-width: 1024px) {
	.mp-banner-slider .banner-title { font-size: 2em; }
	.mp-banner-slider .owl-image { height: 70vh; background: #000000; }
	.mp-banner-slider .owl-carousel .owl-item img { position: absolute; object-fit: cover; height: 100%; opacity: 0.8; }
	.mp-banner-slider a .bannerCTA { margin-bottom: 30px; }
}

/* Day6 */
.credits { padding: 20px; font-size: 14px; margin: 0; text-align: center; background: #24052a; }
.credits svg { width: 70px; height: auto; vertical-align: middle; margin-left: 5px; }
.credits .grey,
.credits .orange { fill: #86598f; transition: 0.4s; }
.credits a:hover .grey { fill: #565d63; }
.credits a:hover .orange { fill: #f47216; }


section {

    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;

}

.row {
    -webkit-transition-duration: inherit;
    -moz-transition-duration: inherit;	
    transition-duration: inherit;	
	display: block;
}

subsection.odd {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
}

subsection.even {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;	
    transform-origin: center bottom;	
}

/* High Contrast Styles */
.btnContrast { width: 48px; height: 48px; background: #0071bc url(../images/accessible-icon.svg) no-repeat; background-size: contain; position: fixed; bottom: 55px; left: 0; z-index: 999; overflow: hidden; text-indent: -9999px; display: block; border-top-right-radius: 50%; border-bottom-right-radius: 50%; box-shadow: 3px 3px 10px -4px #000000; transition: 0.4s; }
html.high-contrast .homeZoneItem { background: #350d3d; }
html.high-contrast .footer { background: #AB5C12; }
html.high-contrast .footer .socialLinks li a { color: #350d3d; }
html.high-contrast a.action.primary { background: #AB5C12; border-color: #AB5C12; }
html.high-contrast .header.panel > .header.links > li.authorization-link > a { color: #AB5C12; }
html.high-contrast .sorter-action > span,
html.high-contrast .action.skip.gallery-next-area,
html.high-contrast .action.skip.gallery-prev-area,
html.high-contrast .mainMenu > ul > li > a { color: #ffffff; }
html.high-contrast .mainMenu a:after { background: #AB5C12; }
html.high-contrast .mainMenu li.last a { background: #AB5C12; }
html.high-contrast .mainMenu li.last a:hover { color: #AB5C12; }
html.high-contrast .mainMenu li ul { background: #AB5C12cf; }
html.high-contrast .homeItem1 h2 span { color: #ffffff; }

@media (min-width: 768px), print {
	html.high-contrast .nav-sections .navigation > li:last-child > a { background: #AB5C12; }
	html.high-contrast .nav-sections .navigation .level0 > .level-top { color: #AB5C12; }
	html.high-contrast .navigation .level0:after { background: #AB5C12; }
	html.high-contrast .navigation .level0:hover:after { background: #AB5C12; }
}
html.high-contrast .footer .socialLinks [ class^="flaticon-"]:before { color: #AB5C12; }
html.high-contrast .homeZoneItem h3 span { color: #AB5C12; }
html.high-contrast .homeZoneItem .readMore { background: #AB5C12; }
html.high-contrast .homeItem2 .homeItemText div { background: #AB5C12; }
html.high-contrast .homeItem3 .homeItemText div { background: #AB5C12; }
html.high-contrast .homeItem4 h3 { color: #AB5C12; }
html.high-contrast .gallery h2 { color: #AB5C12; }
html.high-contrast .gallery h3 { color: #AB5C12; }
html.high-contrast .companyList1 { background: #AB5C12; }
html.high-contrast .page-layout-2columns-left .breadcrumbs a,
html.high-contrast .breadcrumbs .item:not(:last-child):after { color: #AB5C12; }

.espa { position: fixed; right: 0; bottom: 0; width: 300px; }
.espa img { width: 100%; height: auto; }