@import "editor.templates.css";

@media all 
{

.bg
{
	background-color: #ecedf2;
	margin: auto;
	max-width: 1920px;
}

.button:hover,
ul.tiles li a:hover
{
	box-shadow: 0px 0px 6px rgba(0,0,0,0.13);
}

.button-back-arrow
{
	width: 50px;
	height: 50px;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	background-color: #fff;
	border: 1px solid #c8ccdb;
	border-radius: 40px;
	background-image: url(../img/arrow-left-light.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
	margin-top: 0;
}

.frame
{
	padding: 20px;
	margin-bottom: 50px;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.frame > *:first-child
{
	margin-top: 0;
}

.frame > .photo
{
	max-width: none;
	width: calc(100% + 40px);
	margin: -20px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #f5f6f8;
}

.frame > .photo.space
{
	padding: 40px;
}

ul.checks li
{
	display: block;
	padding: 3px;
	background-image: url(../img/icons/icon-check-circle.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px 18px;
	padding-left: 30px;
	font-size: 1.1rem;
}

ul.tabs
{
	list-style: none outside;
	margin: 0;
	padding: 0;
	font-size: 0;
	display: block;
	overflow: auto;
	white-space: nowrap;
}

ul.tabs li
{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.95rem;
	letter-spacing: -1px;
	margin-right: 15px;
	border-bottom: 3px solid transparent;
}

ul.tabs li a
{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	padding: 5px;	
}

ul.tabs li.active
{
	border-bottom-color: #c20017;
}

ul.tabs li.active a
{
	font-weight: bold;
	color: #c20017;
}

ul.tabs.large
{
	position: relative;
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
}

ul.tabs.large::after
{
	position: absolute;
	content: '';
	display: block;
	left: 0;
	right: 0;
	height: 6px;
	bottom: 0;
	z-index: 0;
	background: #c8ccdb;
}

ul.tabs.large li
{
	font-size: 1.3rem;
	font-weight: bold;
	margin-right: 0;
	z-index: 1;
	position: relative;
	color: #17296e;
	border-bottom: 6px solid transparent;
}

ul.tabs.large li a
{
	padding: 12px 25px;	
}

ul.tabs.large li:not(.active):hover
{
	border-bottom-color: #bbbfcf;
}

ul.tabs.large li:not(.active) a:hover
{
	color: #0f1f5b;
}

ul.tabs.large li.active
{
	border-bottom-color: #c20017;
}

ul.tabs.large .count
{
	font-size: 1rem;
	font-weight: normal;
	opacity: 0.4;
	display: inline-block;
	margin-left: 5px;
}

ul.tabs.large.inline li
{
	font-size: 1.2rem;
}

ul.nav,
ul.nav-steps
{
	list-style: none outside;
	margin: 0;
	padding: 9px;
	background-color: rgba(0,0,0,0.04);
	background-color: #fff;
	border-top: 1px solid #c8ccdb;
	border-bottom: 1px solid #c8ccdb;
	font-size: 0;
	display: block;
	overflow: auto;
	white-space: nowrap;
}

ul.nav li,
ul.nav-steps li
{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.85rem;
}

ul.nav li a,
ul.nav li span.a,
ul.nav-steps li a
{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	padding: 10px;
}

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

ul.nav li:not(:last-child)::after,
ul.nav-steps li:not(:last-child)::after
{
	display: inline-block;
	content: '';
	width: 20px;
	height: 12px;
	margin-top: 2px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../img/menu-li-c.svg);
}

ul.nav li:first-child a span
{
	display: none;	
}

ul.nav li:first-child a
{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/icons/icon-home.svg);
	background-size: 16px 16px;
}

ul.nav li:last-child
{
	font-weight: bold;
}

ul.nav-steps
{
	font-size: 0;
	padding: 20px;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
}

ul.nav-steps li a,
ul.nav-steps li span.a
{
	padding: 10px
}

ul.nav-steps li:last-child::after
{
	display: none;
}

ul.nav-steps li span
{
	font-weight: bold;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: -1px;
	color: #c20017;
}

ul.nav-steps li span.prop-index
{
	display: inline-block;
	text-align: center;
	background-color: #c20017;
	color: #FFF !important;
	width: 28px;
	height: 28px;
	border-radius: 50px;
	font-size: 15px;
	padding-top: 3px;
	margin-right: 5px;
}

ul.nav-steps li.inactive span
{
	color: #a0a6bd;
}

ul.nav-steps li.inactive span.prop-index
{
	background-color: #a0a6bd;
}

ul.nav-steps li.active span.prop-index
{
	background-color: #16c49e;
}

ul.nav-steps li.active span
{
	color: #16c49e;
}

ul.tiles,
ul.tiles li
{
	margin: 0;
	padding: 0;
	list-style: none outside;
}

ul.tiles li
{
	padding-bottom: 10px;
	min-width: 300px;
}

ul.tiles li a
{
	display: block;
	background-color: #FFF;
	padding: 15px;
	padding-left: 45px;
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1.4rem;
	letter-spacing: -1px;
	font-weight: bold;
	border: 1px solid #c8ccdb;
	overflow: hidden;
	background-image: url(../img/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: 15px 19px;
	background-size: 14px 14px;	
}

ul.tiles li a span
{
	display: block;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-weight: normal;
	margin-top: 2px;
	color: #7780a7;
}


ul.tiles::after
{
	display: block;
	clear: both;
	content: '';
}

ul.tiles.img li a
{
	font-size: 0;
	background-image: none;
	height: auto;	
	padding: 0;
}

ul.tiles.img li img
{
	display: none;
}

ul.tiles.img li a span
{
	display: inline-block;
	vertical-align: middle;
}

ul.tiles.img li a span:first-child
{
	margin: 8px;
	margin-right: 15px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

ul.tiles.img li a span:last-child
{
	font-size: 0.95rem;
	line-height: 1.1rem;
	max-width: calc(100% - 100px);
}

ul.documents,
ul.documents li
{
	margin: 0;
	padding: 0;
	list-style: none outside;
}

ul.documents li a
{
	display: inline-block;
	padding: 5px;
	padding-left: 20px;
	text-decoration: none;
	font-size: 1.1rem;
	letter-spacing: -1px;
	font-weight: bold;
	background-image: url(../img/menu-li-c.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8px 8px;	
}

ul.select
{
	list-style: none outside;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	border: 1px solid #c6cadb;
}

ul.select li
{
	margin: 0;
	padding: 0;
	display: none;
	background-color: #f5f6f8
}

ul.select li.selected
{
	display: block;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
	background-color: #fff;
}

ul.select li.selected a
{
	padding-right: 35px;
	background-image: url(../img/arrow-select.svg);
	background-repeat: no-repeat;
	background-position: center right 15px;
	background-size: 12px 12px;
	color: #0f1f5b;
}

ul.select li.selected a:hover
{
	color: #17296e;
}

ul.select li a
{
	display: block;
	font-size: 0;
	text-align: left;
	text-decoration: none;
	padding: 10px;
}

ul.select li:not(.selected)
{
	border-top: 1px dashed #c6cadb;
}

ul.select li a.active
{
	font-weight: bold;
	color: #0f1f5b;
}

ul.select li:not(.selected) a:hover
{
	color: #17296e;
	background-color: #e4e8ee;
}

ul.select li a .prop-photo
{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
}

ul.select li a .prop-label
{
	font-size: 0.75rem;
	line-height: 0.9rem;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	width: calc(100% - 40px);
}


.ctl-counter
{
	background-color: #fff;
	padding: 2px;
	border: 1px solid #c6cadb;
	font-size: 0;
	display: inline-block;
	text-align: center !important;	
	border-radius: 5px;
}

.ctl-counter > *
{
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
}

.ctl-counter .minus,
.ctl-counter .plus
{
	width: 25px;
	height: 25px;
	background-color: #7780a7;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px 10px;
	border-radius: 3px;
}

.ctl-counter .minus:hover,
.ctl-counter .plus:hover
{
	background-color: #3b50a0;
}


.ctl-counter .minus
{
	background-image: url(../img/icons/icon-minus.svg);
}

.ctl-counter .plus
{
	background-image: url(../img/icons/icon-plus.svg);
}

.ctl-counter .count
{
	padding: 2px 2px;
	width: 45px;
	border: 0 none;
	background-color: #fff;
	box-shadow: none;
	text-align: center;
	font-size: 0.9rem;
}

.progress-line
{
	position: relative;
	margin: auto;
	width: 100%;
	font-size: 0;
	padding-bottom: 100px;
}

.progress-line > div
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 10px;
}

.progress-line.l3 > div
{
	width: 33.33%;
}

.progress-line.l4 > div
{
	width: 25%;
}

.progress-line > div::before
{
	display: block;
	content: '';
	height: 3px;
	background-color: #a0a6bd;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
}

.progress-line > div > span:nth-child(1)
{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #a0a6bd;
	color: #FFF;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	padding-top: 8px;
	left: calc(50% - 20px);
}

.progress-line > div > span:nth-child(2)
{
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: #a0a6bd;
	top: 60px;
	left: 0;
	right: 0;
	text-align: center;
}

.progress-line > div > span
{
	line-height: 18px;
}

.progress-line > div > span > span
{
	font-weight: normal;
	font-size: 13px;
}

.progress-line > div:first-child::before
{
	left: 50%;
}

.progress-line > div:last-child::before
{
	right: 50%;
}

.progress-line > div.active::before
{
	background-color: #43AC03;
}

.progress-line > div.active span:nth-child(1)
{
	background-color: #43AC03;
}

.progress-line > div.active span:nth-child(2)
{
	color: #43AC03;
}

.author-box
{
	margin-top: 40px;
	margin-bottom: 60px;
	padding: 30px;
	border: 1px solid #c8ccdb;
	background-color: rgba(255,255,255,0.3);		
	font-size: 13px;
	text-align: center;
	font-style: italic;
}

.author-box .prop-photo img
{
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 120px;
	object-position: top center;
	margin-bottom: 20px;
}

.table-box
{
	overflow: auto;
	max-width: 100%;
}

.tab-content
{
	padding: 15px;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #c8ccdb;
	border-top: 0 none;
}

#dialog-box
{
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/*z-index: 9147483647;*/
	z-index: 9147483;
	display: none;
	overflow:auto;
}

#dialog-box .dlg
{
	display: block;
	margin: 0 auto;
	background-color: #FFF;
	min-width: 320px;
	max-width: 1000px;
	box-shadow: 0 0 20px rgba(0,0,0,0.6);
	width: 250px;
	padding: 30px;
	color: #000;
	position: absolute;
	overflow:auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#dialog-box .dlg .dlg-content
{
	/*max-height: 750px;*/
	overflow:auto;
}

#dialog-box .dlg .dlg-content .dlg-wait
{
	background-image: url(../img/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888;
	font-size: 0.7rem;
	padding-top: 50px;
}

#dialog-box .dlg-close,
#dialog-box .dlg-minimize
{
	position: absolute;
	background-image: url(../img/icons/icon-close-white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	cursor: pointer;
	top: 0;
	right: 0;
	background-color: #0f1f5b;
	background-size: 18px 18px;
	width: 40px;
	height: 40px;
}

#dialog-box .dlg-minimize
{
	background-image: url(../img/icons/icon-minimize-dark.svg);
	right: 40px;
	display: none;
	background-color: transparent;
}

#dialog-box.side .dlg-minimize
{
	display: block;
}

#dialog-box .dlg-close:hover
{
	background-color: #17296e;
}

#dialog-box .dlg-minimize:hover
{
	background-color: #eef0f5;
}

#dialog-box .dlg h1
{
	text-align: inherit;
	margin: 0px 0 20px 0;
	font-size: 2rem;
	line-height: 2.4rem;
}

#dialog-box-minimized
{
	position: fixed;
	bottom: 0;
	z-index: 999;
	left: calc(50% - 150px);
	background-color: #fff;
	padding: 12px 20px;
	padding-right: 60px;
	font-weight: bold;
	font-size: 0.9rem;
	letter-spacing: -1px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	min-width: 300px;
	cursor: pointer;
	display: none;
	color: #c20017;
	border-top: 4px solid #c20017;
}

#dialog-box-minimized .dlg-maximize
{
	background-image: url(../img/icons/icon-maximize-dark.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 14px;
	width: 40px;
	position: absolute;
	right: 15px;
	bottom: 0;
	top: 0;
}

#dialog-box-minimized:hover
{
	color: #091337;
	background: linear-gradient(#FFF, #ECEDF2);
}


#progress
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 9147483699;
	background-image: url(../img/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

.grecaptcha-badge
{
	display: none !important;
}

#go-top
{
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: #3b50a0;
	background-image: url(../img/arrow-up-white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	z-index: 10;
}

.no-result
{
	display: block;
	margin: 80px 0;
	text-align: center;
	background-image: url(../img/icons/icon-search.svg);
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
	opacity: 0.4;
	font-size: 1.3rem;
	letter-spacing: -1px;
	color: #0f1f5b;
}

.message-result,
.message-info,
.message-warn,
.message-error,
#message-notify,
.message-notify
{
	display: block;
	padding: 15px;
	font-size: 0.9rem;
	background-color: #0373db;
	color: #FFF;
	margin-bottom: 10px;
	border-radius: 3px;
}

.message-result a,
.message-info a,
.message-warn a,
#message-notify a,
.message-notify a
{
	color: #FFF;
}

.message-result:last-child
{
	margin-bottom: 30px;
}

.message-info
{
	background-color: #d4e8f8;
	color: #000;
	border: 1px solid rgba(0,0,0,0.1);
}

.message-info a
{
	color: #000;
}

.message-warn
{
	background-color: #ff5474;
}

.message-error
{
	background-color: #ff5474;
	background-image: url(../img/icons/icon-warning-white.svg);
	background-position: 20px center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 50px;
}

.message-product-notice
{
	margin-top: 10px;
	font-size: 0.75rem !important;
	font-weight: bold;
	padding: 7px 15px;
	padding-left: 32px;
	border-radius: 20px;
	display: inline-block;
	background-color: #ff5474;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 12px 12px;
	background-image: url(../img/icons/icon-warning-white.svg);
}

.message-delivery-free
{
	margin-bottom: 20px;
	padding: 10px;
	font-weight: 300;
	font-size: 1.2rem;
	background-image: url(../img/icons/icon-bulb-color.svg);
	background-position: left center;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	padding-left: 45px;
	display: inline-block;
}

#message-notify,
.message-notify
{
	background-color: #c5a439;
	color: #FFF;
	margin: 0;	
	background-image: url(../img/icons/icon-bulb.svg);
	background-size: 26px 26px;
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 70px;
}

#message-notify
{
	background-color: #0373db;
	color: #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}


#message-notify span.text
{
	display: block;
}

#message-notify .button
{
	margin-top: 10px;
	font-size: 0.9rem;
	padding: 6px 20px;
	background-color: rgba(0,0,0,0.3);
}

#message-bubble
{
	display: none;
	position: absolute;
	margin-left: -36px;
	margin-top: 4px;
	padding: 15px;
	max-width: 320px;
	border-radius: 4px;
	background-color: #0f1f5b;
	color: #FFF;
	font-size: 13px;
	z-index: 999;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	opacity: 0.9;
}

#message-bubble::after
{
	content: "";
	position: absolute;
	top: -9px;
	left: calc(30px);
	width: 0;
	border-bottom: 10px solid #0f1f5b;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

#cookie-consent
{
	background-image: url(../img/icons/icon-lock2.svg);
	background-size: 36px 36px;
	background-position: 15px 20px;
	background-repeat: no-repeat;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #d4e8f8;
	color: #000;
	padding: 15px;
	padding-bottom: 25px;
	padding-left: 65px;
	z-index: 999;
	border: 1px solid rgba(0,0,0,0.2);
	border-bottom: 0 none;
	max-width: 400px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#cookie-consent .text
{
	display: block;
	font-size: 13px;
	line-height: 15px;
}

#cookie-consent strong
{
	display: block;
	font-size: 15px;
	line-height: normal;
	margin-bottom: 5px;
}

#cookie-consent p
{
	margin: 0;
	padding: 0;
}

#cookie-consent .button
{
	margin-top: 15px;
	max-width: 150px;
	font-size: 0.8rem;
	padding: 7px 15px;
	background-color: #0f1f5b;
}

.callback
{
	margin: 10px auto;
	background-color: rgba(255, 255, 255, 0);
	border: 0 solid #c8ccdb;
	background-image: url(../img/callcenter-trans.png);
	background-repeat: no-repeat;
	background-position: center right -150px;
	background-size: cover;
	padding: 30px;	
	max-width: 1000px;
}

.callback .prop-title
{
	margin-right: 100px;
	padding-bottom: 20px;
}

.callback .prop-title p
{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 17px;
	font-weight: 300;
	display: none;
}

.callback .prop-form
{
	padding-top: 0;
	margin: 0;
}

.callback .prop-form p
{
	font-size: 13px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.callback h2
{
	margin: 0;
	padding: 0;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 30px;
	font-weight: 300;
	color: #233788;
}

.callback input
{
	max-width: 250px;
	margin-bottom: 10px;
	background-image: url(../img/icons/ic_call_48px.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 22px 22px;
	font-size: 18px;
	padding: 9px;
	padding-left: 50px;
}

.callback .button
{
	background: #0373db;
	padding: 12px 18px;
	margin: 0 2px;
}

.rating
{
	font-size: 0;
}

.rating span
{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/icons/icon-star-dark.svg);
	background-size: contain;
	vertical-align: middle;
	margin: 1px;
}

.rating:not(.active) span.s,
.rating.active:not(.hover) span.s,
.rating.active.hover span.h
{
	background-image: url(../img/icons/icon-star-yellow.svg);
}

.rating.enabled.active span
{
	cursor: pointer;
}

.rating.big span
{
	width: 35px;
	height: 35px;
	margin: 2px;
}

.products
{
	background-color: #fff;
	border: 1px solid #c8ccdb;
	border-bottom: 0 none;
	border-right: 0 none;
	font-size: 0;
}

.products .item
{
	border-bottom: 1px solid #c8ccdb;
	border-right: 1px solid #c8ccdb;
	font-size: 1rem;
	padding: 15px;
	position: relative;
}

.products .item a
{
	text-decoration: none;
}

.products .item .prop-img
{
	display: block;
	height: 180px;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
}

.products .item .prop-img img
{
	max-width: 100%;
	width: auto;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.products .item .prop-name
{
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1.3rem;
	font-weight: 600;
	color: #0f1f5b;
	margin-bottom: 10px;
}

.products .item .prop-state
{
	position: absolute;
	top: 10px;
	right: 0;
}

.products .item span.discount,
.products .item span.present
{
	display: inline-block;
	background-color: #c20017;
	color: #FFF;
	padding: 8px;
	padding-top: 4px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-bottom: 5px;
}

.products .item span.present
{
	font-size: 13px;
	line-height: 12px;
	padding: 10px 10px;
}

.products .item span.discount.blackfriday
{
	background-color: #000;
}

.products .item span.present
{
	background-color: #43AC03;
	text-transform: uppercase;
}

.products .item span.discount .prop-label
{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	line-height: 8px;
	display: inline-block;
	margin-bottom: 1px;
	color: rgba(255, 255, 255, 0.63);
}

.products .item .prop-desc
{
	display: block;
	font-size: 0.8rem;
	line-height: 1rem;
	color: #999;
	margin-bottom: 20px;
}

.products .item .footer::before
{
	display: block;
	content: '';
	clear: both;
	border-top: 1px dashed #ecedf2;
	margin-bottom: 5px;
}

.products .item .footer
{
	font-size: 0;
	letter-spacing: -1px;
	display: block;
}

.products .item .prop-avail
{
	display: block;
	font-size: 0.8rem;
	letter-spacing: -1px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 5px;
}

.products .item .prop-set-pieces
{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #0373db;
	color: white;
	padding: 8px 8px 8px 15px;
	text-align: right;
	font-weight: bold;
	font-size: 15px;	
	height: 40px;
	border-bottom-left-radius: 60px;
}

.products .item .prop-price
{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	width: 50%;
	margin: 4px 0;
	color: #0f1f5b;
}

.products .item .button.cart
{
	margin-top: 5px;
	vertical-align: middle;
	float: right;
	background-color: #03ac86;
}

.products .item .prop-favorite
{
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background-color: #eef0f5;
	border-bottom-left-radius: 50px;
	background-image: url(../img/icons/icon-heart.svg);
	background-size: 18px 18px;	
	background-repeat: no-repeat;
	background-position: top 5px right 5px;
	cursor: pointer;
}

.products .item .prop-favorite.active
{
	background-image: url(../img/icons/icon-heart-active.svg);
}


.products .item .prop-favorite.active:hover
{
	background-image: url(../img/icons/icon-close.svg);
	background-size: 12px 12px;
	background-position: top 8px right 8px;
}

.products.low .item .prop-img
{
	width: 110px;
	height: 110px;
	float: left;
	margin-right: 20px;
}

.products.low .item .prop-name
{
	font-size: 0.9em;
}

.products.low .item .prop-desc
{
	display: none;
}

.products.low .item .prop-price
{
	font-size: 1.3rem;
}

.products.favorites .item
{
	padding-top: 30px !important;
}

.articles .item::after
{
	display: block;
	content: '';
	clear: both;
}

.articles .item .prop-img
{
	height: 200px;
	margin-bottom: 15px;
	text-align: center;
	display: block;
	overflow: hidden;
	border: 1px solid #c6cadb;
	background-color: #fff;
}

.articles .item .prop-img img
{
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	margin: auto;	
	object-fit: cover;	
}

.articles .item .prop-title
{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	margin-bottom: 15px;
}

.articles .item .prop-date
{
	font-size: 0.8rem;
	color: #a0a6bd;
}

.articles .item .prop-desc
{
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}

.delivery-payment .item:first-child
{
	border-top: 1px solid #c8ccdb;
}

.delivery-payment .item
{
	background-color: #fff;
	padding: 16px 20px;
	font-size: 0;
	border: 1px solid #c8ccdb;	
	border-top: 0 none;
	display: block;
}

.delivery-payment .item > div
{
	font-size: 0.95rem;
	display: inline-block;
	vertical-align: middle;
}

.delivery-payment .item .prop-check
{
	width: 40px;
}

.delivery-payment .item .prop-image,
.delivery-payment .item .prop-icon
{
	width: 60px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
}

.delivery-payment .item .prop-name
{
	width: calc(100% - 160px);
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 1.05rem;
	padding-left: 30px;
}

.delivery-payment .item .prop-description
{
	margin-top: 3px;
	text-transform: none;
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 0.95rem;
	letter-spacing: normal;
	color: #7780a7;
	display: inline-block;
	max-width: 600px;
	padding-right: 10px;
}

.delivery-payment .item .prop-price
{
	font-weight: 600;
	width: 100px;
	text-align: right;
	font-size: 0.9rem;
	letter-spacing: -1px;
	color: #7780a7;
}

.delivery-payment .item .prop-extra
{
	font-size: 0.8rem;
	line-height: 0.9rem;
	margin: 0px -10px -10px -10px;
	padding: 15px;
	padding-left: 160px;
	position: relative;
	/*background: linear-gradient(transparent, #eef0f5);*/
}

.delivery-payment .item .prop-extra .prop-label
{
	color: #0f1f5b;
}

.delivery-payment .item .prop-extra .prop-label span
{
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 3px 0;
	padding-left: 23px;
	background-image: url(../img/icons/icon-add.svg);
}

.delivery-payment .item .prop-extra .prop-label span.location
{
	background-image: url(../img/icons/icon-location.svg);	
}

.delivery-payment .item .prop-extra .prop-edit
{
	text-decoration: underline;
	cursor: pointer;
	margin-left: 25px;
}

.paging
{
	font-size: 0;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.paging .legend
{
	display: inline-block;
	color: #888;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 0.7rem;
}

.paging a,
.paging .pg.navi,
.paging .pg.separator,
.paging a:hover
{
	font-size: 1rem;
	padding: 6px 12px;
	margin-right: 4px;
	margin-bottom: 4px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	border:1px solid #c8ccdb;
	background-color: #fff;
}

.paging .pg.navi
{
	border:0 none;
}

.paging a.active
{
	color: #FFF;
	background-color: #0f1f5b;
	border: 0 none;
}

.paging .pg.separator
{
	background-color: transparent;
	border:0 none;
}

.paging .label
{
	font-size: 0.8rem;
	display: inline-block;
	margin-right: 10px;
	color: rgba(0,0,0,0.6);
}

.paging a[disabled],
.paging a[disabled]:hover
{
	opacity: 0.3;
	cursor: default;
	box-shadow:none;
}

.paging.select select
{
	width: auto;
	margin-right: 10px;
}

.paging-buttons
{
	text-align: center;
}

.paging-buttons a.prev,
.paging-buttons a.next
{
	background-color: #0f1f5b;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	border:0 none;
	color: #FFF;
	vertical-align: top;
	display: inline-block;
	margin-left: 4px;
	font-size: 14px;
	padding: 9px 15px;
	background-image: url(../img/arrow-right-white.svg);
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.paging-buttons a.prev
{
	background-image: url(../img/arrow-left-white.svg);
	background-position: left 15px center;
	padding-left: 40px;
}

.paging-buttons a.next
{
	background-image: url(../img/arrow-right-white.svg);
	background-position: right 15px center;
	padding-right: 40px;
}

.gallery
{
	font-size: 0;
}

.gallery a
{
	display: inline-block;
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0 15px 15px 0;
	border: 1px solid #c6cadb;
	background-color: #fff;
}

.gallery a img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.account-box
{
	max-width: 700px !important;
	margin: auto;
}

body
{
	padding-top: 110px;
}

#header .header-bar a
{
	color: #FFF;
}

#header
{
	z-index: 50;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 110px;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
	
#header .header-bar
{
	background-color: #c20017;
	text-transform: uppercase;
	font-weight: bold;
	height: 36px;
}

#header .header-bar a,
#header .header-bar ul a
{
	font-size: 0.8rem;
}

#header .header-bar a
{
	text-decoration: none;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

#header .header-bar ul
{	
	font-size: 0;
	position: absolute;
	top: 7px;
	left: 15px;
}

#header .header-bar .account ul
{	
	font-size: 0;
	position: absolute;
	right: 0;
}

#header .header-bar .account,
#header .header-bar a,
#header .header-bar ul,
#header .header-bar ul li,
#header .header-bar ul li a
{	
	display: inline-block;
	vertical-align: middle;
}

#header .header-bar > ul > li:not(:first-child)
{	
	display: none;
}

#header .header-bar ul a.home
{	
	background-image: url(../img/icons/icon-home-white.svg);
	padding-left: 20px;
	min-height: 20px;
}

#header .header-bar ul a
{	
	padding: 0 10px 0 0;
	border-right: 1px solid rgba(0,0,0,0.3);
}

#header .header-bar ul a[data-popup]
{	
	padding-right: 30px;
	background-image: url(../img/arrow-b-bottom-white.svg);
	background-size: 8px 8px;
	background-position: right 15px center;
}

#header .header-bar ul ul,
#header .account ul
{
	display: none;
}

#header .header-bar a.home > span
{
	display: none;
}

#header .header-bar .account
{	
	position: absolute;
	top: 7px;
	right: 15px;
}

#header .header-bar .account > a
{	
	background-image: url(../img/icons/icon-user-white.svg);
	background-position: left center;
	background-size: 14px 14px;
	padding-left: 21px;
	min-height: 20px;
	margin-left: 22px;
}

#header .header-bar .account a.button-account span:first-child
{	
	display: inline-block;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	vertical-align: top;
}

#header .header-bar .account a.button-account span:last-child
{	
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	font-weight: normal;
	color: rgba(255,255,255,0.6);
}

#header .header-bar .account a.button-logout
{	
	background-image: url(../img/icons/icon-logout.svg);
	font-weight: normal;
}

#header .logo
{	
	background-image: url(../../svet-koupelny.cz/img/logo.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	max-width: 50%;
	width: 200px;
	height: 50px;
	display: block;
	position: absolute;
	top: 48px;
	left: 15px;
}

#header ul.language
{
	position: absolute;
	top: 5px;
	left: 55px;	
}

#header ul.language li
{
	display: inline-block;
}

#header ul.language li a
{
	padding: 3px 4px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	opacity: 0.6;
}

#header ul.language li.active a
{
	font-weight: bold;
	opacity: 1;
}


#header #form-search
{
	display: none;
	position: fixed;
	margin: 0;
	padding: 0;
	top: 110px;
	left: 0;
	right: 0;
	background-color: #FFF;
	padding: 15px;
	padding-top: 0;
	border-bottom: 1px solid #a0a6bd;
}

#header #form-search input
{
	padding-right: 50px;
}


#header #form-search button span
{
	display: none;
}

#header #form-search button
{
	display: block;
	position: absolute;
	top: 12px;
	right: 25px;
	width: 20px;
	height: 20px;
	border: 0 none;
	background-color: transparent;
	background-image: url(../img/icons/icon-search.svg);
	background-size: contain;
	opacity: 0.5;
}

#header .buttons
{
	display: none;
}

#header .cart
{
	position: absolute;
	height: 28px;
	width: 28px;
	top: 58px;
	right: 70px;
	background-image: url(../img/icons/icon-cart.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}

#header .cart strong
{
	display: none;
}

#header .cart .count
{
	position: absolute;
	background-color: #03ac86;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7rem;
	text-align: center;
	border-radius: 40px;
	width: 22px;
	height: 22px;
	padding-top: 3px;
	top: -7px;
	left: 16px;
}

#header #button-menu,
#header #button-search
{
	width: 30px;
	height: 30px;
	background-image: url(../img/icons/icon-menu.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 58px;
	right: 15px;
}

#header #button-menu.active
{
	background-image: url(../img/icons/icon-close.svg);
	background-size: 26px 26px;
}

#header #button-menu.active::after
{
	width: 0;
	border-bottom: 10px solid #17296e;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: -22px;
	right: 0px;
	content: '';
	display: block;
}

#header #button-search
{
	width: 25px;
	height: 25px;
	background-image: url(../img/icons/icon-search.svg);	
	right: 112px;
	top: 60px;
}

#menu
{
	position: fixed;
	top: 110px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	background-image: url(../img/bg-texture.jpg);
	display: none;
}

.menu-category ul
{
	margin: 0;
	padding: 0;
	list-style: none outside;
	background-color: #0f1f5b;
}

.menu-category ul li
{
	display: block;
}

.menu-category ul li a
{
	padding: 12px 20px;	
}

.menu-category a
{
	color: #FFF;
	text-decoration: none;
	display: block;
}

.menu-category a:hover
{
	color: #FFF !important;
}

.menu-category li:not(.active) a:hover
{
	background-color: #233788;
}

.menu-category li.back a,
.menu-category li.back a:hover
{
	background-color: #c20017;
	background-image: url(../img/arrow-left-white.svg);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 45px;
	background-size: 14px 14px;
	font-size: 1.1rem;
}

.menu-category li.quick a,
.menu-category li.quick a:hover
{
	background-color: #00BEFD;
	background-image: url(../img/icons/icon-cart-white.svg);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 50px;
	background-size: 20px 20px;
	font-size: 1.1rem;
}

.menu-category > ul > li > a
{
	font-size: 0.9rem;
	font-weight: bold;
	text-transform: uppercase;	
	background-color: #17296e;
	border-bottom: 1px solid rgba(0,0,0,0.4);
}

.menu-category > ul > li > ul a
{
	background-color: transparent;
	font-size: 0.9rem;
	font-weight: normal;	
	background-image: url(../img/menu-li.svg);
	background-repeat: no-repeat;
	background-position: left center;
}

.menu-category > ul > li > ul > li ul a
{
	font-size: 0.9rem;
}

.menu-category > ul > li > ul > li > ul > li ul a
{
	font-size: 0.9rem;
}

.menu-category > ul > li > ul > li > a
{
	padding-left: 40px;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	background-position: 20px center;
}

.menu-category > ul > li > ul > li li > a
{
	padding-left: 60px;
	background-position: 40px center;
}

.menu-category > ul > li > ul > li li li > a
{
	padding: 8px;
	padding-left: 80px;
	background-position: 60px center;
}

.menu-category ul li.active > a
{
	font-weight: bold;
}

.menu-category li.active > a
{
	background-color: #3b50a0;
}

.menu-category li.active li.active > a
{
	background-color: #FFF;
	color: #17296e !important;
}

.menu-category li.active li.active li.active > a
{
	background-color: transparent;
	color: #fff3ad !important;
}

.menu-category li.tag a
{
	padding-left: 50px;
	background-image: url(../img/icons/icon-tag.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.menu-category li.tag.t1 a
{
	color: #85c1ff;
}

.menu-category li.tag.t2 a
{
	color: #ff5474;
}

.menu-category li.tag.t3 a
{
	color: #f3be4b;
}

#menu-pages
{
	margin: 20px 0 30px 0;
	padding: 0;
	list-style: none outside;
	text-align: center;
	position: relative;
}

#menu-pages li
{
	margin: 0;
	padding: 0;
}

#menu-pages > li > a
{
	display: block;
	padding: 7px 20px;
	color: #FFF;
	font-size: 1.1rem;
}

#sidebar
{
	background-color: #0f1f5b;
	background-image: url(../img/bg-texture.jpg);
	color: #FFF;
}

#sidebar #menu-wrapper
{
	display: none;
}

#sidebar .banner-side-a
{
	margin-top: 20px;
	margin-bottom: 50px;
}

#sidebar .content
{
	padding: 20px;
	padding-bottom: 60px;
	text-align: center;
}

#sidebar .payment-logos span
{
	display: inline-block;
	font-size: 0.8rem;
	margin-bottom: 6px;
}

#sidebar .payment-logos img
{
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 8px;
}

#sidebar ul.socials
{
	margin-top: 40px;
	margin-bottom: 50px;
}

#sidebar ul.socials a
{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0 10px 44px;
}

#sidebar ul.socials a:hover
{
	color: #85c1ff;
}

#sidebar ul.socials a.fb
{
	background-image: url(../img/social/facebook.png);
}

#sidebar ul.socials a.ig
{
	background-image: url(../img/social/instagram.png);
}

#sidebar ul.socials a.yt
{
	background-image: url(../img/social/youtube.png);
}

#page .content
{
	padding: 20px;
	padding-bottom: 40px;
	max-width: 1600px;
}

#page .content img.photo-wide
{
	display: block;
	margin-left: -20px;
	margin-right: -20px;
	max-width: calc(100% + 40px);
	width: calc(100% + 40px);
}

#page .page-text
{
	max-width: 900px;
	margin: auto;
}

#page .page-text strong
{
	font-weight: 700;
}

#page .page-text a
{
	word-wrap: break-word;
}

#footer
{
	background-color: #091337;
	font-size: 1.1rempx;
	padding: 20px;
}

#footer,
#footer a
{
	color: rgba(255,255,255,0.75);
}

#footer a:hover
{
	color: #FFF !important;
}

#footer h2
{
	color: #FFF;
}

#footer .column:not(:last-child)
{
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(255,255,255,0.1);
}

#footer .column:not(:first-child)
{
	padding-top: 20px;
}

#footer h2
{
	font-size: 1.3rem;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 20px;
}

#footer ul li a
{
	display: inline-block;
	padding: 3px;
	padding-left: 25px;
	background-image: url(../img/menu-li-b.svg);
}

#footer .contacts p
{
	font-size: 0.9rem;
	display: block;
	margin-bottom: 30px;
}

#footer .contacts div
{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	display: block;
	margin-bottom: 20px;
}

#footer .contacts .phone
{
	background-image: url(../img/icons/icon-phone.svg);
	background-size: 40px 40px;
}

#footer .contacts .phone a
{
	text-decoration: none;
	color: #85c1ff;
}

#footer .contacts .phone strong
{
	display: block;
	font-size: 1.8rem;
	line-height: 1.8rem;	
}

#footer .contacts .email
{
	background-image: url(../img/icons/icon-mail.svg);
	background-position: 8px center;
	background-size: 26px 26px;
	font-size: 1.1rem;
}

#footer .contacts .email a
{
	color: #85c1ff;
}

#footer .contacts .deliveryTo
{
	padding: 8px 12px;
	padding-left: 40px;
	background-image: url(../img/flag-cz.svg);
	background-size: 18px 18px;
	background-position: left 10px center;
	background-color: #03081d;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	display: inline-block;
}

#footer .contacts .deliveryTo.sk
{
	background-image: url(../img/flag-sk.svg);
}


#footer .reviews
{
	padding-top: 30px;	
}

#footer .reviews .stamp
{
	/*display: block;
	text-decoration: none;
	color: #FFF;
	padding-left: 100px;
	background-image: url(../img/heureka/overeno-gold-small.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 30px;
	max-width: 250px;
	line-height: 18px;*/
	margin-right: 20px;
}

#footer .reviews .stamp strong
{
	display: block;
	font-size: 3rem;
	line-height: 50px;
	margin-bottom: 5px;
	letter-spacing: -1px;
	color: #e7c520;
}

#footer .reviews .review
{
	font-size: 0.9rem;
	font-style: italic;
	margin-bottom: 20px;
	max-width: 400px;
}

#footer .reviews .review p
{
	margin-bottom: 10px;
}

#footer .reviews .review .date
{
	display: inline-block;
	color: rgba(255,255,255,0.4);
	vertical-align: middle;
	margin-right: 20px;
}

#footer .reviews .review .rating
{
	display: inline-block;
	vertical-align: middle;
}

#footer .reviews .review .rating span
{
	font-size: 0;
	width: 11px;
	height: 11px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/icons/icon-star.svg);
	background-size: contain;
	margin-right: 4px;
	opacity: 0.3;
}

#footer .reviews .review .rating span.active
{
	background-image: url(../img/icons/icon-star-yellow.svg);
	opacity: 1;
}

}



@media (max-width: 400px) {


#MEDIA-MOBILE-SMALL------------------------------
{
}

#header .header-bar .account a.button-account span:last-child
{	
	display: none;
}

}



@media (max-width: 767px) {

#MEDIA-MOBILE-ONLY------------------------------
{
}

ul.nav
{
	padding: 2px;
	background-color: rgba(255,255,255,0.5);
}

ul.nav-steps
{
	padding: 10px;
}

#dialog-box .dlg.footer-buttons
{
	padding-bottom: 100px;
}

/*#dialog-box .dlg.footer-buttons .dlg-footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 10px 10px 10px;
	background-color: rgba(240,240,240,0.8);
}*/

#dialog-box .dlg.footer-buttons .button
{
	display: inline-block;
	width: auto;
}

.products .item .prop-img
{
	width: 110px;
	height: 110px;
	float: left;
	margin-right: 20px;
}

.products .item .prop-name
{
	font-size: 0.9em;
}

.products .item .prop-desc
{
	display: none;
}

.products .item .prop-price
{
	font-size: 1.3rem;
}

.delivery-payment .item > div
{
	vertical-align: top;
}

.delivery-payment .item .prop-image,
.delivery-payment .item .prop-icon
{
	width: 40px;
}

.delivery-payment .item .prop-price
{
	text-align: right;
	display: block;
	margin-top: 10px;
	width: auto;
}

.delivery-payment .item .prop-name
{
	width: calc(100% - 60px);
}

.delivery-payment .item .prop-name
{
	width: calc(100% - 40px);
}

.delivery-payment .item .prop-extra
{
	margin: 10px -10px -10px -10px;
	padding: 15px;
}


.delivery-payment.cart .item .prop-name
{
	width: calc(100% - 80px);
	padding-left: 10px;
}

body.compact #header #form-search
{
	top: 74px;
}

body.compact #header
{
	margin-top: -36px;
	transition: all 300ms;
}

#header .header-bar .account a.button-logout
{	
	display: none;
}

#header #form-search.visible
{
	display: block;
	position: fixed;
	
}

#footer .column.reviews .review:nth-child(2),
#footer .column.reviews .review:nth-child(3),
#footer .column.reviews .review:nth-child(4)
{
	display: none;
}

}

@media (min-width: 767px) and (max-width: 991px) {

#MEDIA-TABLET-ONLY------------------------------
{
}

#header .header-bar .account a.button-account span:first-child
{	
	max-width: 95px;
}

#header .header-bar .account a.button-account span:last-child
{	
	display: none;
}

}

@media (min-width: 768px) {

#MEDIA-TABLET------------------------------
{
}

ul.tabs li
{
	font-size: 1rem;
}

ul.tabs.large.inline
{
	display: inline-block;
	width: auto;
}

ul.tiles
{
	margin: -8px -8px 8px -8px;
}

ul.tiles::after
{
	display: block;
	clear: both;
	content: '';
}

ul.tiles li
{
	float: left;
	width: 50%;	
	padding: 7px;
}


ul.tiles li a
{
	height: 100px;
}

ul.tiles.img li a span:first-child
{
	width: 70px;
	height: 60px;
}

ul.tiles.img li a span:last-child
{
	width: calc(100% - 120px);
	font-size: 0.9rem;
	line-height: 1.2rem;
}

.author-box
{
	display: flex;
	gap: 40px;
	text-align: left;
}

.author-box .prop-photo
{
	min-width: 15%;
	width: 150px;
	max-width: 150px;
}

.author-box .prop-photo img
{
	width: 100%;
}


.callback
{
	background-image: url(../img/callcenter.png);
	background-size: auto;
	background-position: right center;
}


.tab-content
{
	padding: 30px;
}

.message-delivery-free
{
	font-size: 1.4rem;
}

#message-notify span.text
{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 150px);	
	max-width: none;
}

#message-notify span.button
{
	vertical-align: top;
	float: right;
	margin-top: -5px;
}

#dialog-box .dlg
{
	margin: 80px auto 30px auto;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	overflow: visible;
	font-size: 0.9rem;
}

#dialog-box.side
{
	background-color: #FFF;
	top: auto;
	right: 10px;
	left: auto;
	box-shadow: 0 0 20px rgba(0,0,0,0.6);
}

#dialog-box.side .dlg
{
	box-shadow: none;
	margin: 0px !important;
	padding: 20px;
}

#cookie-consent
{
	right: 20px;
	left: auto;
}

.products .item
{
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
}

.products .item > *
{
	overflow: hidden;
}

.products .item .prop-img
{
	height: 180px;
}

.products .item .prop-name
{
	height: 82px;
	margin-bottom: 20px;
}

.products .item .prop-desc
{
	height: 34px;
}

.products .item .footer
{
	height: 50px;
}

.products .item .prop-price
{
	font-size: 1.3rem;
}

.articles .item .prop-img
{
	max-width: 50%;
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.paging
{
	text-align: right;
}

#header .header-bar ul li a
{	
	padding: 0 16px;
}

#header .header-bar > ul > li:not(:first-child)
{	
	display: inline-block;
}

#header .header-bar ul ul,
#header .account ul
{
	display: none;
	position: absolute;
	z-index: 5;
	margin: 0;
	padding: 0;
	top: 29px;
	left: 0;
	background-color: #FFF;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

#header .header-bar ul ul li,
#header .account ul li
{
	display: block;
	padding: 0;
	margin: 0;
}

#header .header-bar ul ul li a,
#header .account ul li a
{
	display: block;
	padding: 8px 35px 8px 15px;
	margin: 0;
	font-size: 0.8rem;
	
	text-transform: none;
	border: 0 none;
	color: #0f1f5b;
}

#header .header-bar ul ul li a:hover,
#header .account ul li a:hover
{
	background-color: #c8ccdb;
}

#header ul.language
{
	top: 64px;
	left: 250px;	
}

#header ul.language li a
{
	padding: 2px 5px;
	color: #0f1f5b;
	font-size: 0.8rem;
	border: 1px solid #a0a6bd;
}

#header ul.language li.active a
{
	background-color: #c20017;
	color: #FFF;
	border-color: #c20017;
}

#header #form-search
{
	display: block !important;
	position: absolute;
	top: 54px;
	left: 330px;
	width: 300px;
	right: auto;
	padding: 0;
	border-bottom:  none;
}

#header #form-search input
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#header #form-search button
{
	top: 10px;
	right: 15px;
}

#header #button-search
{
	display: none;
}

#footer
{
	font-size: 0.9rem;
}

#footer .column
{
	float: left;
	padding: 0 !important;
	padding-right: 40px !important;
	margin-bottom: 30px;
	width: 50%;
}

#footer .column:not(:last-child)
{
	border-bottom:  none;
}

#footer .column.contacts p
{
	max-width: 300px;
}

#footer .column.store,
#footer .column.reviews
{
	border-top: 2px solid rgba(255,255,255,0.1);
	padding-top: 30px !important;
}

#footer::after,
#footer .column.store
{
	display: block;
	clear: both;
	content: '';
}

#footer .column.reviews .review:not(:first-child)
{
	display: none;
}

}

@media (min-width: 992px) {

#MEDIA-DESKTOP------------------------------
{
}

.col-4,
.col-6
{
	float: left;
	padding-right: 15px;
}

.col-6
{
	width: 50%;
}

.col-4
{
	width: 33.33%;
}

.col-4:last-child,
.col-6:last-child
{
	padding-left: 15px;
}

.col-group::after,
.col-6:last-child::after,
.col-6-hd:last-child::after
{
	display: block;
	clear: both;
	content: '';
}

.col-4 > *:first-child,
.col-6 > *:first-child,
.col-6-hd > *:first-child
{
	margin-top: 0;
}

ul.nav-steps li span
{
	font-size: 24px;
}

ul.nav-steps li span.prop-index
{
	width: 36px;
	height: 36px;
	font-size: 20px;
	padding-top: 4px;
}


ul.tiles.img.large li a
{
	position: relative;
	padding-bottom: 90px;
}

ul.tiles.img.large li a span
{
	display: block;
	text-align: center;
}

ul.tiles.img.large li a span:first-child
{
	width: auto !important;
	height: 120px !important;
	margin: 15px;
	margin-bottom: 0;
}

ul.tiles.img.large li a span:last-child
{
	font-size: 1rem;
	line-height: 1.3rem;
	max-width: none !important;
	padding: 20px;
	width: 100% !important;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.callback
{
	background-size: contain;
	padding: 10px;
}

.callback::after
{
	clear: both;
	display: block;
	content: '';
}

.callback .prop-title
{
	margin: 0;
	float: left;
	width: calc(45% - 30px);
	border-right: 1px solid #bbbfcf;
	padding: 30px;
}

.callback .prop-form
{
	float: left;
	width: calc(55% - 30px);
	padding-top: 40px;
	padding-left: 30px;
}

.callback .prop-form p
{
	margin-top: 0;
}

body
{
	padding-top: 0;
}

.frame
{
	padding: 30px;
}

.frame > .photo
{
	width: calc(100% + 60px);
	margin: -30px;
	margin-bottom: 10px;
}

.products .item
{
	width: 50%;
}

.paging-buttons
{
	float: right;
}

#header
{
	position: relative;
	height: 160px;
	box-shadow: none;
}

#header .logo
{	
	width: 250px;
	top: 74px;
}

#header ul.language
{
	top: 72px;
	left: 290px;	
}

#header ul.language li
{
	display: block;
	margin-bottom: 5px;
}

#header #form-search
{
	top: 78px;
	left: 350px;
	width: 350px;
}

#header .cart
{
	height: 40px;
	width: 40px;
	top: 80px;
	right: 25px;
	background-image: url(../img/icons/icon-cart.svg);
	background-size: contain;
}

#header .cart .count
{
	left: 28px;
}

#header .buttons
{
	display: block;
	position: absolute;
	left: 740px;
	top: 61px;
	font-size: 0;
}

#header .buttons a
{
	display: block;
	text-decoration: none;
	font-size: 0.8rem;
	line-height: 0.9rem;	
	padding: 6px;
	padding-left: 42px;
	text-transform: uppercase;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

#header .buttons a strong
{
	display: block;
	font-weight: 900;
}

#header .buttons a.support
{
	background-image: url(../img/icons/icon-support.svg);
}

#header .buttons a.delivery
{
	background-image: url(../img/icons/icon-delivery.svg);
}

#header #button-menu
{
	display: none;
}

#menu,
.menu-hide
{
	display: block !important;
}

#menu
{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	overflow: visible;
	background-image: none;
	float: left;
	width: 300px;
	display: none !important;
}

.menu-category li.back a,
.menu-category li.back a:hover
{
	font-size: 1.1rem;
	padding-top: 17px;
	padding-bottom: 17px;
}

.menu-category > ul > li > a
{
	font-size: 0.9rem;
}

.menu-category > ul > li > ul a
{
	padding: 10px;
	font-size: 0.9rem;
}

.menu-category > ul > li > ul > li ul a
{
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 0.8rem;
}

.menu-category > ul > li > ul > li > ul > li ul a
{
	font-size: 0.7rem;
}

#sidebar
{
	float: left;
	width: 300px;
}

#sidebar #menu-wrapper
{
	display: block;
}

#sidebar #menu-wrapper ul.search
{
	display: none;
}

#sidebar .content
{
	padding: 30px;
	padding-bottom: 60px;
}

.without-sidebar #sidebar 
{
	display: none;
}

.without-sidebar #page
{
	width: 100% !important;
	float: none !important;
	min-height: 600px;
}

.without-sidebar #page .content
{
	margin: auto;
	max-width: 1400px;
}


#page
{
	width: calc(100% - 300px);
	float: right;
}

#page .content
{
	padding: 30px;
}

#page .content img.photo-wide
{
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

#footer
{
	padding: 40px;
}

#footer .column.links
{
	width: 30%;
}

#footer .column.store
{
	width: 30%;
	clear: none;
	border: 0 none;
	padding-top: 0 !important;
}

#footer .column.contacts
{
	width: 40%;
}

#footer .column.reviews
{
	border-top: 2px solid rgba(255,255,255,0.1);
	width: 100%;
	padding-top: 30px !important;
	padding-right: 0px !important;
}

#footer .reviews .review
{
	height: 100px;
}

#footer .column.reviews .stamp
{
	float: left;
}

#footer .column.reviews .items
{
	float: left;
	width: calc(100% - 250px);
}

#footer .column.reviews .review,
#footer .column.reviews .review:not(:first-child)
{
	display: block;
	float: left;
	padding-left: 20px;
	width: 50%;
}


}


@media (min-width: 1250px) {

#MEDIA-LARGE------------------------------
{
}

ul.tiles li
{
	width: 33.33%;	
}

.products .item
{
	width: 33.33%;
}

.products .item .prop-set-pieces
{
	padding: 10px 10px 10px 20px;
	font-size: 17px;	
	height: 50px;
	border-bottom-left-radius: 60px;
}

.callback .prop-form
{
	padding-top: 30px;
}

}

@media (min-width: 1440px) {

#MEDIA-ULTRA------------------------------
{
}

ul.nav-steps li a
{
	padding: 10px 25px;
}

ul.tabs.large li
{
	font-size: 1.3rem;
}

#header .buttons
{
	left: 740px;
	top: 74px;
}

#header .buttons a
{
	display: inline-block;
	font-size: 0.9rem;
	line-height: 1.3rem;
}

#header .buttons a strong
{
	font-size: 1.3rem;
	letter-spacing: -1px;
}

#header .buttons a.support
{
	padding-right: 25px;
	border-right: 1px solid #c8ccdb;
	background-size: 36px 36px;
	padding-left: 50px;
}

#header .buttons a.delivery
{
	margin-left: 25px;
	padding-left: 58px;
	background-size: 46px 46px;
}

#header .cart
{
	width: auto;
	padding-left: 55px;
	padding-top: 1px;
}

#header .cart strong
{
	display: inline-block;
	font-weight: 800;
	color: #03ac86;
	font-size: 1.7rem;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#header .cart:hover strong
{
	color: #16c49e;
}

#sidebar
{
	width: 360px;
}

#page
{
	width: calc(100% - 360px);
}

#page .content
{
	padding: 40px;
}

#footer .column
{
	margin-bottom: 0;
}


#footer .column.links
{
	width: 250px;
}

#footer .column.store
{
	width: 250px;
	clear: none;
}

#footer .column.contacts
{
	width: 340px;
}

#footer .column.reviews
{
	width: calc(100% - 840px);
	border-top: 0 !important;
	padding-top: 0 !important;
	padding-left: 40px !important;
	border-left: 2px solid rgba(255,255,255,0.1);
	min-height: 250px;
}

#footer .column.reviews .review:nth-child(2),
#footer .column.reviews .review:nth-child(3),
#footer .column.reviews .review:nth-child(4)
{
	display: none;
}

#footer .column.reviews .review,
#footer .column.reviews .review:not(:first-child)
{
	width: 100%;
}

}


@media (min-width: 1919px) {

#MEDIA-FULLHD------------------------------
{
}

ul.tiles li
{
	width: 25%;
}

.col-6-hd
{
	float: left;
	width: 50%;
	padding-right: 15px;
}

.col-6-hd:last-child
{
	padding-left: 15px;
}

.products .item
{
	width: 20%;
	padding: 20px;
}

.products.favorites .item
{
	width: 25%;
}

#header .logo
{	
	width: 300px;
}

#header ul.language
{
	left: 340px;
}

#header #form-search
{
	left: 420px;
	width: 400px;
}

#header .buttons
{
	left: 880px;
}

#sidebar
{
	width: 380px;
}

#page
{
	width: calc(100% - 380px);
}

#footer .column.reviews .review
{
	display: block !important;
}

#footer .column.reviews .review,
#footer .column.reviews .review:not(:first-child)
{
	width: 50%;
}


}