body, h1, h2, h3, h4, h5, h6, p, ul, li, span {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style-type: none;
}

body {
	font-size: 16px;
	background: #617488;
}

a {
	text-decoration: none;
	outline: 0;
}

.anchor {
	visibility: hidden;
	font-size: 0;
}

.animate-once-on-first-show {
/* 	opacity: 0 !important;*/
}

.viewport-height-full {
 	height: 100vh;
}

.viewport-min-height-full {
	min-height: 100vh;
}

.viewport-max-height-full {
	max-height: 100vh;
}


.text-uppercase {
	text-transform: uppercase;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
#tatarstudiohu-ref-back-button {
	position: fixed;
	float: none;
	display: block;
	width: 0;
	height: 0;
	border: 10em solid #b5468c;
	border-radius: 10em;
	top: -15em;
	left: -15em;
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .1);
	z-index: 100000202;
	opacity: .5;
	transition: 
		box-shadow .5s ease,
		top .5s ease,
		left .5s ease;
}
#tatarstudiohu-ref-back-button.open {
	top: -10em;
	left: -10em;
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .1);
	opacity: 1;
}

#tatarstudiohu-ref-back-button p {
	position: absolute;
	float: none;
	display: block;
	width: 5em;
	height: 5em;
	left: 1.5em;
	top: 1.5em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/ref/img/common/tatarstudio-vissza.png);
	opacity: 0;
	transition:
		opacity .5s ease;
}
#tatarstudiohu-ref-back-button.open p {
	opacity: 1;
}


#tatarstudiohu-ref-back-button-bg {
	position: fixed;
	float: none;
	display: none;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 100000201;
	background: transparent;
}




#tatarstudiohu-ref-warning-panel {
	position: fixed;
	float: left;
	display: block;
	height: auto;
	top: auto;
	bottom: 0;
	left: 50%;
	z-index: 100000101;
	transform: translateX(-50%);
}
#tatarstudiohu-ref-warning-panel.closed {
	top: 100vh;
	bottom: auto;
}
@media screen and (min-width: 800px) {
	#tatarstudiohu-ref-warning-panel {
		width: 40em;
		font-size: .8em;
	}
}
@media screen and (max-width: 800px) {
	#tatarstudiohu-ref-warning-panel {
		width: 100%;
		font-size: 1em;
	}
}
@media screen and (max-width: 400px) {
	#tatarstudiohu-ref-warning-panel {
		width: 100%;
		font-size: .8em;
	}
}


#tatarstudiohu-ref-warning-panel .panel {
	box-sizing: border-box;
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 2em;
	left: 0;
	top: 0;
	background-color: #777;
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .1);
	z-index: 100000121;
	transition: 
		width .2s ease,
		height .2s ease,
		border .2s ease;
}
@media screen and (min-width: 800px) {
	#tatarstudiohu-ref-warning-panel .panel {
/*		border-radius: 1em;*/
	}
}
@media screen and (max-width: 800px) {
	#tatarstudiohu-ref-warning-panel .panel {
/*		border-radius: 0;*/
	}
}


#tatarstudiohu-ref-warning-panel .switch-button {
	position: absolute;
	float: none;
	display: block;
	width: 0;
	height: 2.5em;
	top: -4.5em;
	left: calc(50% - 2.5em);
	border: 2.5em solid #b5468c;
	border-radius: 2em;
	z-index: 100000111;
	/*opacity: 1;*/
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .1);
}
#tatarstudiohu-ref-warning-panel.not-acknowledged .switch-button {
	opacity: 0;
	display: none;
}
/*#tatarstudiohu-ref-warning-panel.closed .switch-button {
	opacity: .5;
}*/
#tatarstudiohu-ref-warning-panel .switch-button p {
	position: absolute;
	float: none;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	top: -16px;
	left: -16px;
	background-image: url(/ref/img/common/tatarstudio-info-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}



#tatarstudiohu-ref-warning-panel .panel p {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	color: #eee;
	text-align: center;
}
#tatarstudiohu-ref-warning-panel .panel p.level-1 {
	margin-top: .25em;
	margin-bottom: .75em;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#tatarstudiohu-ref-warning-panel .panel p.level-2 {
	margin-top: .25em;
	margin-bottom: .25em;
	font-size: 1.2em;
	line-height: 1.4em;
}
#tatarstudiohu-ref-warning-panel .panel p.level-3 {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1.2em;
}

#tatarstudiohu-ref-warning-panel .panel p span {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	/*text-decoration: underline;*/
}


#tatarstudiohu-ref-warning-panel .panel .centered-container {
	float: left;
	display: table;
	width: 100%;
	height: auto;
}
#tatarstudiohu-ref-warning-panel .panel .centered-container .centered-container-inner {
	display: table-cell;
	text-align: center;
}


#tatarstudiohu-ref-warning-panel .panel .centered-container .centered-container-inner a {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	padding: .5em 1em;
	margin: 1em 0 .5em 0;
	border: 3px solid #fff;
/*	border-radius: .25em;*/
	background: transparent;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	opacity: .8;
	transition: 
		opacity .2s ease;
}
#tatarstudiohu-ref-warning-panel .panel .centered-container .centered-container-inner a:hover {
	opacity: 1;
}


#tatarstudiohu-ref-warning-panel .panel .centered-container .centered-container-inner p {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 1.2em;
	line-height: 1.4em;
}
#tatarstudiohu-ref-warning-panel .panel .centered-container .centered-container-inner p.warn {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .25em .5em;
	background: #ee1b52;
	text-transform: uppercase;
	color: #fff;
}





#tatarstudiohu-ref-warning-panel .panel p a {
	float: none;
	display: inline;
	width: auto;
	height: auto;
	border-bottom: 1px solid transparent;
	color: #ffd818;
/*	text-transform: uppercase;*/
	opacity: .8;
	transition: 
		border .2s ease,
		opacity .2s ease;
}
#tatarstudiohu-ref-warning-panel .panel p a:hover {
	opacity: 1;
	border-bottom: 1px solid #ffd818;
}


#tatarstudiohu-ref-warning-panel .panel .logo {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0;
}

#tatarstudiohu-ref-warning-panel .panel .logo a {
	float: none;
	display: block;
	width: 10em;
	height: 3.75em;
	margin: 0 auto;
	background-image: url(/ref/img/common/tatarstudio-logo-min.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	opacity: .9;
	transition: 
		opacity .2s ease;
}
#tatarstudiohu-ref-warning-panel .panel .logo a:hover {
	opacity: 1;
}




body {
	font-family: 'BenchNine-Regular';
	background: #fff;
}


@font-face {
	font-family: 'BenchNine-Regular';
	src: url('/ref/font/benchnine-regular-webfont.eot');
	src: url('/ref/font/benchnine-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/ref/font/benchnine-regular-webfont.woff2') format('woff2'),
		 url('/ref/font/benchnine-regular-webfont.woff') format('woff'),
		 url('/ref/font/benchnine-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Reswysokr-Regular';
	src: url('/ref/font/reswysokr-webfont.eot');
	src: url('/ref/font/reswysokr-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/ref/font/reswysokr-webfont.woff2') format('woff2'),
		 url('/ref/font/reswysokr-webfont.woff') format('woff'),
		 url('/ref/font/reswysokr-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'Antonio-Light';
    src: url('/ref/font/antonio-light-webfont.woff2') format('woff2'),
         url('/ref/font/antonio-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'Roboto Regular';
	src: url('/ref/font/Roboto-Regular.eot');
	src: url('/ref/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('/ref/font/Roboto-Regular.woff') format('woff'),
		url('/ref/font/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




#ref-bookshop-page {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100vh;
	background-color: #f0f0f0;
	overflow-x: hidden;
	z-index: -1000;
}
@media screen and (min-width: 1800px) {
	#ref-bookshop-page {
		font-size: 16px;
	}
}
@media screen and (max-width: 1800px) {
	#ref-bookshop-page {
		font-size: 16px;
	}
}
@media screen and (max-width: 1600px) {
	#ref-bookshop-page {
		font-size: 16px;
	}
}
@media screen and (max-width: 1400px) {
	#ref-bookshop-page {
		font-size: 16px;
	}
}
@media screen and (max-width: 1200px) {
	#ref-bookshop-page {
		font-size: 16px;
	}
}
@media screen and (max-width: 1100px) {
	#ref-bookshop-page {
		font-size: 15px;
	}
}
@media screen and (max-width: 1000px) {
	#ref-bookshop-page {
		font-size: 14px;
	}
}
@media screen and (max-width: 900px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 800px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 700px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 600px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 500px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 400px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}
@media screen and (max-width: 300px) {
	#ref-bookshop-page {
		font-size: 13px;
	}
}


#content-container {
	box-sizing: border-box;
	position: relative;
	float: none;
	display: block;
	height: auto;
	z-index: 1000;
/*	transition:
		width .1s ease,
		margin .1s ease;*/
}
@media screen and (min-width: 1801px) {
	#content-container {
		width: 1400px;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 1800px) {
	#content-container {
		width: 70%;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 1600px) {
	#content-container {
		width: 75%;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 1400px) {
	#content-container {
		width: 80%;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 1200px) {
	#content-container {
		width: 85%;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 1000px) {
	#content-container {
		width: 90%;
		margin: 4em auto 0 auto;
	}
}
@media screen and (max-width: 800px) {
	#content-container {
		width: 100%;
		margin: 0;
	}
}


#content {
	box-sizing: border-box;
	position: static;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 0 0 1em;
	background: #fff;	
}
@media screen and (min-width: 1801px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 1800px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 1600px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 1400px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 1200px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 1000px) {
	#content {
		box-shadow: 0 0 .5em .5em rgba(0, 0, 0, .1);
	}
}
@media screen and (max-width: 800px) {
	#content {
		box-shadow: none;
	}
}


#content .content-section {
	/*margin-right: 1em;*/
}



#main-carousel-container {
	float: left;
	display: block;
	width: calc(100% - 1em);
	height: auto;
	background-color: #fff;
	margin-bottom: 1em;
}

#main-carousel {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}

#main-carousel .tiba-carousel-page {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}

#main-carousel .tiba-carousel-page a.link {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
}


#main-carousel .tiba-carousel-stepnav-button-visible {
	/*opacity: .8;*/
	transform: scale(1.5);
} 

#main-carousel .tiba-carousel-pagenav-outer-top-left {
	top: .1em;
}

#main-carousel .tiba-carousel-pagenav-button {
	font-size: 2em;
}


#content-bg {
	box-sizing: border-box;
	position: absolute;
	float: none;
	display: block;
	width: 100%;
	height: auto;
	background-color: transparent;
	z-index: 3;
/*	transition:
		width .1s ease,
		margin .1s ease;*/
}

#content-bg .side {
	min-height: 100vh;
	background-repeat: no-repeat;
/*	transition: 
		width .1s ease;*/
}
@media screen and (min-width: 2201px) {
	#content-bg .side {
		display: block;
		width: calc((100% - 1400px) / 2);
		background-size: 400px;
	}
}
@media screen and (max-width: 2200px) {
	#content-bg .side {
		display: block;
		width: calc((100% - 1400px) / 2);
		background-size: 100%;
	}
}
@media screen and (max-width: 1800px) {
	#content-bg .side {
		display: block;
		width: 15%;
		background-size: contain;
	}
}
@media screen and (max-width: 1600px) {
	#content-bg .side {
		display: block;
		width: 12.5%;
		background-size: contain;
	}
}
@media screen and (max-width: 1400px) {
	#content-bg .side {
		display: block;
		width: 10%;
		background-size: contain;
	}
}
@media screen and (max-width: 1200px) {
	#content-bg .side {
		display: none;
		width: 7.5%;
		background-size: contain;
	}
}
@media screen and (max-width: 1000px) {
	#content-bg .side {
		display: none;
		width: 5%;
		background-size: contain;
	}
}
@media screen and (max-width: 800px) {
	#content-bg .side {
		display: none;
		width: 0;
		background-size: contain;
	}
}

#content-bg .side.left {
	float: left;
	background-image: url(/ref/img/bookshop/bg-ad-left.png);
	background-position: right 10em;
}

#content-bg .side.right {
	float: right;
	background-image: url(/ref/img/bookshop/bg-ad-right.png);
	background-position: left 10em;
}



#content .header {
	float: left;
	display: block;
	width: calc(100% - 1em);
	margin-bottom: 1em;
}


/*@media screen and (min-width: 801px) {
	#content .header #header-search-row {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	#content .header #header-search-row {
		display: none;
	}
}*/

#content .header .header-row {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}
#content .header .header-row:last-of-type {
	margin-bottom: 0;
}


#content .header .header-row .search-input-container {
	float: left;
	display: block;
	height: 2em;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
}
@media screen and (min-width: 640px) {
	#content .header .header-row .search-input-container {
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	#content .header .header-row .search-input-container {
		width: calc(100% - 5em);
	}
}
@media screen and (max-width: 540px) {
	#content .header .header-row .search-input-container {
		width: calc(100% - 2.5em);
	}
}


#content .header .header-row .search-input-container input {
	box-sizing: border-box;
	float: left;
	display: block;
	height: 2em;
	padding: .6em .25em .4em .25em;
	border: 0;
	background-color: #f0f0f0;
	font-family: 'BenchNine-Regular';
	font-size: 1em;
}
@media screen and (min-width: 640px) {
	#content .header .header-row .search-input-container input {
		width: 17em;
	}
}
@media screen and (max-width: 640px) {
	#content .header .header-row .search-input-container input {
		width: 100%;
	}
}

#content .header .header-row .search-button {
	box-sizing: border-box;
	float: left;
	width: 5.5em;
	height: 2.5em;
	padding: .7em 0 0 2em;
	border: 1px solid #8c8470;
	border-top-right-radius: .25em;
	border-bottom-right-radius: .25em;
	background-color: #8c8470;
	background-position: .75em center;
	background-image: url(/ref/img/bookshop/nagyito.png);
	background-size: 1em auto;
	background-repeat: no-repeat;
	font-size: 1.25em;
	color: #fff;
	text-transform: uppercase;
	transition: 
		border .5s ease,
		background .5s ease;
}
#content .header .header-row .search-button:hover {
	background-color: #e5288a;
	border: 1px solid #e5288a;
}
@media screen and (min-width: 540px) {
	#content .header .header-row .search-button {
		display: block;
	}
}
@media screen and (max-width: 540px) {
	#content .header .header-row .search-button {
		display: none;
	}
}


#content .header .header-row .search-button.search-button-mobile {
	padding: .7em 0 .5em 0;
	width: 2.5em;
}
@media screen and (min-width: 540px) {
	#content .header .header-row .search-button.search-button-mobile {
		display: none;
	}
}
@media screen and (max-width: 540px) {
	#content .header .header-row .search-button.search-button-mobile {
		display: block;
	}
}


#content .header .header-row .advanced-search-switch-button-container {
	float: left;
	display :block;
	height: auto;
}
@media screen and (min-width: 640px) {
	#content .header .header-row .advanced-search-switch-button-container {
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	#content .header .header-row .advanced-search-switch-button-container {
		width: 100%;
	}
}


#content .header .header-row #advanced-search-switch-button {
	display: block;
	width: 6em;
	height: 1.2em;
	padding: .7em 0 .5em 0;
	font-size: 1.25em;
	color: #8c8470;
	text-transform: uppercase;
	text-align: center;
}
#content .header .header-row #advanced-search-switch-button:hover {
	text-decoration: underline;
}
#content .header .header-row #advanced-search-switch-button.advanced {
	background-position: center .1em;
	background-image: url(/ref/img/bookshop/advanced-search.png);
	background-size: 1em auto;
	background-repeat: no-repeat;
}
#content .header .header-row #advanced-search-switch-button.normal {
	background-position: center bottom;
	background-image: url(/ref/img/bookshop/normal-search.png);
	background-size: 1em auto;
	background-repeat: no-repeat;
}
@media screen and (min-width: 640px) {
	#content .header .header-row #advanced-search-switch-button {
		float: left;
		clear: none;
		margin: 0 0 0 1em;
	}
}
@media screen and (max-width: 640px) {
	#content .header .header-row #advanced-search-switch-button {
		float: none;
		clear: both;
		margin: .25em auto 0 auto;
	}
}



#content .header .header-row #advanced-search-panel {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

#content .header .header-row #advanced-search-panel .subject-selector {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .75em;
}

#content .header .header-row #advanced-search-panel .subject-selector a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: .25em .5em;
	margin-right: .5em;
	margin-top: .5em;
	border-radius: .25em;
	background-color: #ddd;
	color: #888;
	font-size: 1.5em;
	transition: 
		background .2s ease,
		color .2s ease;
}
#content .header .header-row #advanced-search-panel .subject-selector a:hover {
	background-color: #e888ba;
	color: #fff;
}

#content .header .header-row #advanced-search-panel .subject-selector a.selected {
	background-color: #e5288a;
	color: #fff;
	cursor: default;
}
#content .header .header-row #advanced-search-panel .subject-selector a.selected:hover {
	background-color: #e5288a;
	color: #fff;
	cursor: default;
}


#content .header .header-row #advanced-search-panel .advanced-search-subject-panel {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}





#content .header .title-container {
	float: left;
	display: block;
	width: auto;
	height: auto;
}
@media screen and (min-width: 480px) {
	#content .header .title-container {
		font-size: 1em;
	}
}
@media screen and (max-width: 480px) {
	#content .header .title-container {
		font-size: .9em;
	}
}
@media screen and (max-width: 420px) {
	#content .header .title-container {
		font-size: .8em;
	}
}
@media screen and (max-width: 380px) {
	#content .header .title-container {
		font-size: .7em;
	}
}
@media screen and (max-width: 340px) {
	#content .header .title-container {
		font-size: .6em;
	}
}

#content .header .title-container .title {
	float: left;
	clear: both;
	display: block;
	width: auto;
	height: auto;
}

#content .header .title-container .title.title-main {
	font-family: 'Reswysokr-Regular';
	font-size: 4.7em;
	font-weight: bold;
	color: #6f5a2d;
	text-transform: uppercase;
}

#content .header .title-container .title.title-main span {
	font-size: 1.25em;
}

#content .header .title-container .title.title-sub {
	font-family: 'BenchNine-Regular';
	color: #000;
}
@media screen and (min-width: 380px) {
	#content .header .title-container .title.title-sub {
		width: auto;
		margin-top: -.5em;
		font-size: 1.3em;
		text-align: left;
		line-height: 1em;
	}
}
@media screen and (max-width: 380px) {
	#content .header .title-container .title.title-sub {
		width: 13em;
		margin-top: 0;
		font-size: 2em;
		text-align: center;
		line-height: .9em;
	}
}


#content .header .logo {
	float: none;
	width: auto;
	height: auto;
	z-index: 10200;
}
@media screen and (min-width: 801px) {
	#content .header .logo {
		position: absolute;
		display: block;
		top: -3em;
		right: -5em;
	}
}
@media screen and (max-width: 800px) {
	#content .header .logo {
		display: none;
	}
}

@media screen and (min-width: 801px) {
	#content .header .logo img {
		width: 13em;
	}
}
@media screen and (max-width: 800px) {
	#content .header .logo img {
		width: 8em;
	}
}




#content .header .user-menu {
	float: right;
	height: auto;
	width: auto;
	margin-right: 7em;
}
@media screen and (min-width: 801px) {
	#content .header .user-menu {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	#content .header .user-menu {
		display: none;
	}
}


#content .header .user-menu .user-row {
	float: right;
	display: block;
	width: auto;
	height: auto;
}

#content .header .user-menu .user-row .separator {
	float: right;
	display: block;
	width: auto;
	height: auto;
	padding: 0 .5em;
}
#content .header .user-menu .user-row .separator p {
	font-size: 1.5em;
}


#content .header .user-menu .user-row .login {
	float: right;
	display: block;
	width: auto;
	height: auto;
}

#content .header .user-menu .user-row .login a {
	display: block;
	color: #6f5a2d;
	font-size: 1.5em;
	
}
#content .header .user-menu .user-row .login a:hover,
#content .header .user-menu .user-row .login a:focus {
	color: #e5288a;
}


#content .header .user-menu .user-row .registration {
	float: right;
	display: block;
	width: auto;
	height: auto;
}

#content .header .user-menu .user-row .registration a {
	display: block;
	font-size: 1.5em;
	color: #6f5a2d;
}
#content .header .user-menu .user-row .registration a:hover,
#content .header .user-menu .user-row .registration a:focus {
	color: #e5288a;
}


#content .header .user-menu .user-row .logged-in-user {
	float: right;
	display: block;
	width: auto;
	height: auto;
}

#content .header .user-menu .user-row .logged-in-user a {
	display: block;
	padding-left: 1.1em;
	color: #6f5a2d;
	font-size: 1.5em;
	color: #8f9100;
	background-image: url(/ref/img/bookshop/user/user-icon.png);
	background-repeat: no-repeat;
	background-position: left .1em;
	background-size: .8em;
	
}
#content .header .user-menu .user-row .logged-in-user a:hover,
#content .header .user-menu .user-row .logged-in-user a:focus {
	color: #e5288a;
	background-image: url(/ref/img/bookshop/user/user-icon-hover.png);
}


#content .header .user-menu .user-row .logout {
	float: right;
	display: block;
	width: auto;
	height: auto;
}

#content .header .user-menu .user-row .logout a {
	display: block;
	font-size: 1.5em;
	color: #888;
}
#content .header .user-menu .user-row .logout a:hover,
#content .header .user-menu .user-row .logout a:focus {
	color: #e5288a;
}




#content .header .user-menu .basket-info-row {
	float: right;
	clear: both;
	display: block;
	width: auto;
	height: auto;
	margin-top: 1.75em;
	text-align: right;
	border: 1px solid #ccc;
	border-radius: .25em;
	background-color: #eee;
	font-size: 1.25em;
}

#content .header .user-menu .basket-info-row.active {
	border: 1px solid #8f9100;
}


#content .header .user-menu .basket-info-row .basket {
	float: left;
	display: block;
	width: 7.25em;
	height: 1em;
	padding: .5em .5em .5em 2.25em;
	border-top-left-radius: .2em;
	border-bottom-left-radius: .2em;
	background-position: .25em center;
	background-image: url(/ref/img/bookshop/kosar-szurke.png);
	background-size: 1.5em auto;
	background-repeat: no-repeat;
	color: #aaa;
	text-align: left;
	cursor: default;
	transition: 
		color .2s ease,
		background .2s ease;
}

#content .header .user-menu .basket-info-row .basket.active {
	background-color: #eb5ea7;
	color: #fff;
	cursor: pointer;
	background-image: url(/ref/img/bookshop/kosar-feher-jobb.png);
}
#content .header .user-menu .basket-info-row .basket.active:hover {
	background-color: #e5288a;
}

#content .header .user-menu .basket-info-row .checkout {
	float: left;
	display: block;
	width: 2.5em;
	height: 1em;
	padding: .5em .5em .5em 2em;
	border-top-right-radius: .2em;
	border-bottom-right-radius: .2em;
	background-color: #ccc;
	color: #fff;
	text-transform: uppercase;
	background-image: url(/ref/img/bookshop/penztargep.png);
	background-repeat: no-repeat;
	background-position: .5em .25em;
	background-size: auto 66%;	
	cursor: default;
	transition: 
		background .2s ease;
}

#content .header .user-menu .basket-info-row .checkout.active {
	background-color: #8f9100;
	cursor: pointer;
}
#content .header .user-menu .basket-info-row .checkout.active:hover {
	background-color: #767704;
}




#content .category-panel-container {
	height: auto;
	background: transparent;
}
@media screen and (min-width: 1601px) {
	#content .category-panel-container {
		float: none;
		display: block;
		width: 10em;
		margin-top: 1em;
		margin-left: -10em;
	}
}
@media screen and (max-width: 1600px) {
	#content .category-panel-container {
		float: left;
		display: block;
		width: 20%;
		margin-top: 1em;
		margin-left: 0;
	}
}
@media screen and (max-width: 800px) {
	#content .category-panel-container {
		float: left;
		display: none;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}
}


#content .category-panel-container .category-panel {
	box-sizing: border-box;
	float: left;
	display: block;
	height: auto;
	background-repeat: repeat-y;
	background-position: right;
}
@media screen and (min-width: 1601px) {
	#content .category-panel-container .category-panel {
		width: calc(100% - 1em);
		padding: 1em 0 1em 1em;
		margin-right: 1em;
		background-color: #fff;
		background-image: url(/ref/img/bookshop/cat-panel-shadow.png);
	}
}
@media screen and (max-width: 1600px) {
	#content .category-panel-container .category-panel {
		width: 100%;
		padding: 0 0 1em 0;
		background-color: transparent;
		background-image: none;
	}
}


#content .category-panel-container .category-panel-container-inner {
	float: left; 
	display: block; 
	width: 100%; 
	height: auto;
}


#content .category-panel-container .category-title-container {
	float: left;
	display: table;
	width: 100%;
	height: auto;
	margin-bottom: .125em;
}

#content .category-panel-container .category-title-container .category-title {
	display: table-cell;
	font-family: 'Reswysokr-Regular';
	color: #c78891;
	text-align: left;
	vertical-align: middle;
}
@media screen and (min-width: 801px) {
	#content .category-panel-container .category-title-container .category-title {
		font-size: 2em;
	}
}
@media screen and (max-width: 800px) {
	#content .category-panel-container .category-title-container .category-title {
		font-size: 1.75em;
	}
}


#content .category-panel-container .category-panel .categories {
	float: left;
	display: block;
		width: 100%;
	height: auto;
	margin-bottom: 1em;
	list-style: none;
}
#content .category-panel-container .category-panel .categories:last-of-type {
	margin-bottom: 0;
}

#content .category-panel-container .category-panel .categories .category {
	float: left;
	display: block;
	height: auto;
	margin-bottom: .1em;
}
#content .category-panel-container .category-panel .categories .category:last-of-type {
	margin-bottom: 0;
}
@media screen and (min-width: 801px) {
	#content .category-panel-container .category-panel .categories .category {
		width: 100%;
		margin-right: 0;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 800px) {
	#content .category-panel-container .category-panel .categories .category {
		width: auto;
		margin-right: 1em;
		font-size: 2em;
	}
}


#content .category-panel-container .category-panel .categories .category a {
	float: left;
	display: block;
	width: auto;
	height: auto;
 	font-size: .9em;
	color: #000;
	transition: 
		color .1s ease;
}
#content .category-panel-container .category-panel .categories .category a:hover,
#content .category-panel-container .category-panel .categories .category a:focus {
	color: #e5288a;
}


#content .category-panel-container .category-panel .categories .category.actual a {
	padding-right: 1.2em;
	background-image: none;
	background-position: right center;
	background-size: 1em;
	background-repeat: no-repeat;
	background-image: url(/ref/img/bookshop/paw-checked.png);
	color: #e5288a;
}



#content .category-panel-container .order-selector-container {
	box-sizing: border-box;
	float: left;
	display: block;
	margin-bottom: 2em;
	background-repeat: repeat-y;
	background-position: right;
}
@media screen and (min-width: 1601px) {
	#content .category-panel-container .order-selector-container {
		width: calc(100% - 1em);
		padding: 1em;
		margin-right: 1em 0 1em 1em;
		background-color: #fff;
		background-image: url(/ref/img/bookshop/cat-panel-shadow.png);
	}
}
@media screen and (max-width: 1600px) {
	#content .category-panel-container .order-selector-container {
		width: 100%;
		padding: 0;
		background-color: transparent;
		background-image: none;
	}
}

#content .category-panel-container .order-selector-container .order-list {
	float: left;
	display: block;
		width: 100%;
	height: auto;
	margin-bottom: 1em;
	list-style: none;
}
#content .category-panel-container .order-selector-container .order-list:last-of-type {
	margin-bottom: 0;
}

#content .category-panel-container .order-selector-container .order-list .order {
	float: left;
	display: block;
	height: auto;
	margin-bottom: .25em;
}
#content .category-panel-container .order-selector-container .order-list .order:last-of-type {
	margin-bottom: 0;
}
@media screen and (min-width: 801px) {
	#content .category-panel-container .order-selector-container .order-list .order {
		width: 100%;
		margin-right: 0;
		font-size: 1.1em;
	}
}
@media screen and (max-width: 800px) {
	#content .category-panel-container .order-selector-container .order-list .order {
		width: auto;
		margin-right: 1em;
		font-size: 1.2em;
	}
}


#content .category-panel-container .order-selector-container .order-list .order a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding-left: 1.25em;
 	font-size: .9em;
	color: #000;
	opacity: .5;
	background-color: transparent;
	/*background-image: url(/ref/img/bookshop/maci-check.png);*/
	background-image: none;
	background-position: left center;
	background-size: 1em;
	background-repeat: no-repeat;
	transition: 
		color .25s ease,
		opacity .25s ease;
}
#content .category-panel-container .order-selector-container .order-list .order a:hover,
#content .category-panel-container .order-selector-container .order-list .order a:focus {
	color: #e5288a;
	opacity: 1;
}

#content .category-panel-container .order-selector-container .order-list .order.selected a {
	color: #000;
	background-image: url(/ref/img/bookshop/paw-checked.png);
	opacity: 1;
	cursor: default;
}
#content .category-panel-container .order-selector-container .order-list .order.selected a:hover, 
#content .category-panel-container .order-selector-container .order-list .order.selected a:focus {
	opacity: 1;
}


.content-main-part {
	box-sizing: border-box;
	float: left;
	display: block;
	height: auto;
}
@media screen and (min-width: 1601px) {
	.content-main-part {
		width: 100%;
	}
}
@media screen and (max-width: 1600px) {
	.content-main-part {
		width: 80%;
		margin-right: 0 !important;
	}
}
@media screen and (max-width: 800px) {
	.content-main-part {
		width: 100%;
	}
}


.content-main-part .product-list-path-container-outer {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
	padding-right: 1em;
}
@media screen and (min-width: 800px) {
	.content-main-part .product-list-path-container-outer {
		font-size: 1em;
	}
}
@media screen and (max-width: 800px) {
	.content-main-part .product-list-path-container-outer {
		font-size: 1.25em;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .product-list-path-container-outer {
		font-size: 1.25em;
	}
}

.content-main-part .product-list-path-container {
	float: left;
	display: block;
	width: 100%;
	border-bottom: 2px solid #e8e3d0;
	margin-bottom: .5em;
}

.content-main-part .product-list-path-container h1 {
	float: left;
	display: block;
	font-family: 'Reswysokr-Regular';
	font-size: 2em;
	font-weight: normal;
	color: #8c8470;
}
.content-main-part .product-list-path-container a.path-link {
	float: left;
	display: block;
	font-family: 'Reswysokr-Regular';
	font-size: 2em;
	color: #8c8470;
}
.content-main-part .product-list-path-container a.path-link:hover {
	color: #e5288a;
}


.content-main-part .product-list-path-container a.filter-button {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: .3em .6em;
	border-radius: .25em;
	color: #fff;
	background-color: #8c8470;
	transition: 
		background .25s ease;
}
@media screen and (min-width: 480px) {
	.content-main-part .product-list-path-container a.filter-button {
		clear: none;
		margin: .5em 0 0 1em;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .product-list-path-container a.filter-button {
		clear: both;
		margin: .25em 0 .25em 0;
	}
}
.content-main-part .product-list-path-container a.filter-button:hover {
	background-color: #e5288a;
}


.content-main-part .product-list-path-container-outer .product-list-filter-info {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.content-main-part .product-list-path-container-outer .product-list-filter-info p {
	float: none;
	display: inline;
	font-size: 1.25em;
	color: #e5288a;
	line-height: 1.5em;
}

.content-main-part .product-list-path-container-outer .product-list-filter-info a {
	position: relative;
	box-sizing: border-box;
	float: none;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	border: .75em solid #eb5ea7;
	border-radius: .75em;
	margin-bottom: -.25em;
	font-size: 1.25em;
	transition: 
		border .2s ease;
}
.content-main-part .product-list-path-container-outer .product-list-filter-info a:hover {
	border: .75em solid #e5288a;
}

.content-main-part .product-list-path-container-outer .product-list-filter-info a span {
	position: absolute;
	display: block;
	font-family: 'Roboto Regular';
	font-weight: bold;
	color: #fff;
	left: -.325em;
	top: -.6em;
}


#product-filter-panel {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

#product-filter-panel-inner {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	border: 2px solid #e8e3d0;
	margin-top: .5em;
	padding: .5em;
	background-color: #f8f6ee;
}

#product-filter-panel .main-title {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: .25em;
	margin-bottom: 1em;
}

#product-filter-panel .main-title p {
	float: left;
	display: block;
	font-family: 'Reswysokr-Regular';
	font-size: 1.5em;
	font-weight: bold;
	color: #8c8470;
	text-transform: uppercase;
}

#product-filter-panel .main-title a {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: .25em .5em;
	border-radius: .25em;
	background-color: #8c8470;
	font-size: 1em;
	color: #fff;
	text-align: center;
	transition: 
		background .25s ease;
}
@media screen and (min-width: 480px) {
	#product-filter-panel .main-title a {
		width: auto;
		margin-left: 1em;
		margin-top: .1em;
	}
}
@media screen and (max-width: 480px) {
	#product-filter-panel .main-title a {
		width: 100%;
		margin-left: 0;
		margin-top: .5em;
	}
}

#product-filter-panel .main-title a:hover {
	background-color: #e5288a;
}
#product-filter-panel .main-title a:last-of-type {
	float: right;
}


#product-filter-panel .group,
#advanced-search-panel .group {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
#product-filter-panel .group:last-of-type,
#advanced-search-panel .group:last-of-type {
	padding-bottom: 0;
	border-bottom: 0;
}


#product-filter-panel .group p,
#advanced-search-panel .group p {
	float: left;
	display: block;
	height: auto;
	margin: .225em 0;
	font-family: 'Reswysokr-Regular';
	font-size: 1.5em;
	color: #c78891;
}
@media screen and (min-width: 480px) {
	#product-filter-panel .group p,
	#advanced-search-panel .group p {
		width: auto;
	}
}
@media screen and (max-width: 480px) {
	#product-filter-panel .group p,
	#advanced-search-panel .group p {
		width: 100%;
	}
}

#product-filter-panel .group a,
#advanced-search-panel .group a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: .25em .5em;
	border-radius: .25em;
	background-color: #ddd;
	color: #888;
	transition: 
		background .2s ease,
		color .2s ease;
}
@media screen and (min-width: 480px) {
	#product-filter-panel .group a,
	#advanced-search-panel .group a {
		margin: .625em 0 .625em 1em;
	}
}
@media screen and (max-width: 480px) {
	#product-filter-panel .group a,
	#advanced-search-panel .group a {
		margin: .25em .5em .25em 0;
	}
}
#product-filter-panel .group a:hover,
#advanced-search-panel .group a:hover {
	background-color: #e888ba;
	color: #fff;
}

#product-filter-panel .group a.selected,
#advanced-search-panel .group a.selected {
	background-color: #e5288a;
	color: #fff;
}
#product-filter-panel .group a.selected:hover,
#advanced-search-panel .group a.selected:hover {
	background-color: #868686;
	color: #fff;
}

#product-filter-panel .group a.fixed,
#advanced-search-panel .group a.fixed {
	background-color: #8f9100;
	color: #fff;
	cursor: default;
}
#product-filter-panel .group a.fixed:hover,
#advanced-search-panel .group a.fixed:hover {
	background-color: #8f9100;
	color: #fff;
}

#product-filter-panel .group a.inactive,
#advanced-search-panel .group a.inactive {
	background-color: #ddd;
	color: #aaa;
	cursor: default;
}
#product-filter-panel .group a.inactive:hover,
#advanced-search-panel .group a.inactive:hover {
	background-color: #ddd;
	color: #aaa;
}


#product-filter-panel .group .option-separator,
#advanced-search-panel .group .option-separator {
	float: left;
	display: block;
	width: 1em;
	height: 1.5em;
	border-right: 1px solid #aaa;
}
@media screen and (min-width: 480px) {
	#product-filter-panel .group .option-separator,
	#advanced-search-panel .group .option-separator {
		margin: .625em 0;
	}
}
@media screen and (max-width: 480px) {
	#product-filter-panel .group .option-separator,
	#advanced-search-panel .group .option-separator {
		margin: .25em 0;
	}
}





.content-main-part .product-card-container {
	float: left;
	display: block;
	margin-right: 1em;
	margin-bottom: 2.5em;
	overflow: hidden;
	/*font-size: 1.2em;*/
}
@media screen and (min-width: 1800px) {
	.content-main-part .product-card-container {
		width: calc(16.66% - 1em);
		height: 17.5em;
		font-size: 1em;
	}
}
@media screen and (max-width: 1800px) {
	.content-main-part .product-card-container {
		width: calc(16.66% - 1em);
		height: 17.5em;
		font-size: .8em;
	}
}
@media screen and (max-width: 1600px) {
	.content-main-part .product-card-container {
		width: calc(24.99% - 1em);
		height: 17.5em;
		font-size: 1em;
	}
}
@media screen and (max-width: 1400px) {
	.content-main-part .product-card-container {
		width: calc(24.99% - 1em);
		height: 17.5em;
		font-size: .8em;
	}
}
@media screen and (max-width: 1000px) {
	.content-main-part .product-card-container {
		width: calc(33.33% - 1em);
		height: 17.5em;
		font-size: 1em;
	}
}
@media screen and (max-width: 800px) {
	.content-main-part .product-card-container {
		width: calc(33.33% - 1em);
		height: 21.75em;
		font-size: 1em;
	}
}
@media screen and (max-width: 700px) {
	.content-main-part .product-card-container {
		width: calc(33.33% - 1em);
		height: 21.75em;
		font-size: .8em;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-card-container {
		width: calc(50% - 1em);
		height: 21.75em;
		font-size: 1.2em;
	}
}
@media screen and (max-width: 500px) {
	.content-main-part .product-card-container {
		width: calc(50% - 1em);
		height: 21.75em;
		font-size: 1em;
	}
}
@media screen and (max-width: 460px) {
	.content-main-part .product-card-container {
		width: calc(50% - 1em);
		height: 21.75em;
		font-size: .8em;
	}
}
@media screen and (max-width: 350px) {
	.content-main-part .product-card-container {
		width: calc(100% - 1em);
		height: 21.75em;
		font-size: 1em;
	}
}


.content-main-part .product-card-container.product-card-container-popup {
	position: absolute;
	float: none;
	display: none;
}


.content-main-part .product-card-container .product-card {
	box-sizing: border-box;
	position: relative;
	float: left;
	display: block;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	padding: .25em;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	transition: 
		box-shadow .1s ease;
}
.content-main-part .product-card-container .product-card.emphasize-1 {
	background: #fff;
	border: 1px solid #ddd;
/*	
	background: #645454;
	border: 1px solid #645454;
*/
}
.content-main-part .product-card-container .product-card.emphasize-2 {
	background: #e5288a;
	border: 1px solid #e5288a;
}
@media screen and (min-width: 800px) {
	.content-main-part .product-card-container .product-card {
		font-size: 1em;
	}
}
@media screen and (max-width: 800px) {
	.content-main-part .product-card-container .product-card {
		font-size: 1.25em;
	}
}




.content-main-part .product-card-container .product-card.product-card-overlay {
	position: absolute;
	display: none;
	height: auto;
	z-index: 1010;
	box-shadow: 0 0 .5em .25em rgba(0, 0, 0, .25);
	background-color: #fff;
}




.content-main-part .product-card-container .product-card .product-image-panel {
	float: left;
	display: block;
	width: 100%;
	height: 8em;
	overflow: hidden;
}


/*.content-main-part .product-card-container .product-card.emphasize-2 .product-image-panel {
	width: calc(50% - .5em);
	margin-right: .5em;
	height: 14.4em;
}*/


.content-main-part .product-card-container .product-card .product-info-panel {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: 4.4em;
	/*padding: 0 .5em;*/
	overflow: hidden;
	/*background-color: #eee;*/
}
/*.content-main-part .product-card-container .product-card.emphasize-2 .product-info-panel {
	width: 50%;
	height: 12.4em;
}*/


.content-main-part .product-card-container .product-card .product-price-panel {
	float: left;
	display: block;
	width: 100%;
	height: 2em;
	overflow: hidden;
}
/*.content-main-part .product-card-container .product-card.emphasize-2 .product-price-panel {
	width: 50%;
	height: 2em;
}*/


.content-main-part .product-card-container .product-card .overlay-panel {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}




.content-main-part .product-card-container .product-card .product-image {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: rgba(0, 0, 0, .1);*/
	transition:
		background .25s ease;
}
.content-main-part .product-card-container .product-card .product-image:hover {
	/*background-color: rgba(0, 0, 0, .5);*/
}

.content-main-part .product-card-container .product-card .product-image.product-image-h {
	background-size: 90% auto;
}
.content-main-part .product-card-container .product-card .product-image.product-image-h:hover {
	background-size: 125% auto;
}

.content-main-part .product-card-container .product-card .product-image.product-image-v {
	background-size: auto 90%;
}
.content-main-part .product-card-container .product-card .product-image.product-image-v:hover {
	background-size: auto 125%;
}




/*.content-main-part .product-card-container .product-card.emphasize-2 .product-image {
	background-position: center 10%;
	background-color: rgba(255, 255, 255, .25);
}
.content-main-part .product-card-container .product-card.emphasize-2 .product-image:hover {
	background-size: 125%;
	background-color: rgba(255, 255, 255, .5);
}*/




.content-main-part .product-card-container .product-card .author-container-outer {
	float: left;
	display: block;
	width: 100%;
	height: 2em;
	overflow: hidden;
}

.content-main-part .product-card-container .product-card .author-container {
	float: left;
	display: table;
	width: 100%;
	height: 100%;
	color: #888;
	font-size: .8em;
}
.content-main-part .product-card-container .product-card.emphasize-1 .author-container {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-2 .author-container {
	color: #e6f818;
}

.content-main-part .product-card-container .product-card .author-container .author {
	display: table-cell;
	color: #888;
	text-align: left;
	vertical-align: bottom;
	overflow: hidden;
}
.content-main-part .product-card-container .product-card.emphasize-1 .author-container .author {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-2 .author-container .author {
	color: #e6f818;
}

.content-main-part .product-card-container .product-card .author-container .author a {
	color: #888;
	transition: 
		color .2s ease;
}
.content-main-part .product-card-container .product-card .author-container .author a:hover {
	color: #e5288a;
}

.content-main-part .product-card-container .product-card.emphasize-1 .author-container .author a {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .author-container .author a:hover {
	/*color: #61ff37;*/
}

.content-main-part .product-card-container .product-card.emphasize-2 .author-container .author a {
	color: #e6f818;
}
.content-main-part .product-card-container .product-card.emphasize-2 .author-container .author a:hover {
	color: #efc8dc;
}



.content-main-part .product-card-container .product-card .title-container {
	float: left;
	display: block;
	width: 100%;
	height: 2.4em;
	overflow: hidden;
}

.content-main-part .product-card-container .product-card .title {
	color: #646454;
	font-size: 1.2em;
	line-height: .9em;
	transition: 
		color .2s ease;
}
.content-main-part .product-card-container .product-card .title:hover {
	color: #e5288a;
}

.content-main-part .product-card-container .product-card.emphasize-1 .title {
	/*color: #fff;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .title:hover {
	/*color: #61ff37;*/
}
.content-main-part .product-card-container .product-card.emphasize-2 .title {
	color: #fff;
}
.content-main-part .product-card-container .product-card.emphasize-2 .title:hover {
	color: #efc8dc;
;}


/*.content-main-part .product-card-container .product-card .summary-container {
	float: left;
	display: none;
	width: 100%;
	height: 5.5em;
	margin-top: .25em;
	overflow: hidden;
}
.content-main-part .product-card-container .product-card.emphasize-2 .summary-container {
	display: block;
}

.content-main-part .product-card-container .product-card.emphasize-2 .summary-container .summary {
	color: #646454;
	font-size: .9em;
}*/



.content-main-part .product-card-container .product-card .price-container {
	float: left;
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.content-main-part .product-card-container .product-card .price-container.normal .price {
	display: table-cell;
    font-family: 'Antonio-Light';
	font-size: 1.5em;
	color: #a35d90;
	text-align: right;
	vertical-align: bottom;
}
.content-main-part .product-card-container .product-card.emphasize-1 .price-container.normal .price {
    font-family: 'Antonio-Light';
	font-size: 1.5em;
}
.content-main-part .product-card-container .product-card.emphasize-2 .price-container.normal .price {
    font-family: 'Antonio-Light';
	font-size: 1.5em;
	color: #e6f818;
}


.content-main-part .product-card-container .product-card .price-container.discounted .price {
	display: table-cell;
    font-family: 'Antonio-Light';
	font-size: 1.5em;
	color: #a35d90;
	text-align: right;
	vertical-align: bottom;
}
.content-main-part .product-card-container .product-card.emphasize-1 .price-container.discounted .price {
    font-family: 'Antonio-Light';
	font-size: 1.5em;
}
.content-main-part .product-card-container .product-card.emphasize-2 .price-container.discounted .price {
    font-family: 'Antonio-Light';
	font-size: 1.5em;
	color: #e6f818;
}

.content-main-part .product-card-container .product-card .price-container.discounted .price span {
	display: inline;
	margin-right: .5em;
    font-family: 'Antonio-Light';
	font-size: .8em;
	color: rgba(0, 0, 0, .4);
	text-decoration: line-through;
}

 
.content-main-part .product-card-container .product-card .discount-container {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
/*	left: 0em;
	bottom: 3em;*/
	right: .25em;
	top: .25em;
	right: 0;
	top: 0;
	background-color: #e5288a;
/*	opacity: 1;
	transform: 
		none;
	transition: 
		transform .2s ease,
		opacity .2s ease;*/
}
/*.content-main-part .product-card-container .product-card:hover .discount-container {
	opacity: .75;
	transform: 
		scale(.75);
}*/

.content-main-part .product-card-container .product-card .discount-container .discount {
	position: static;
	display: block;
	width: auto;
	height: auto;
	padding: .25em;
    font-family: 'Roboto Regular';
    font-family: 'BenchNine-Regular';
	font-size: 1.25em;
	/*font-weight: bold;*/
	color: #fff;
}





.content-main-part .product-card-container .product-card .category-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-top: .5em;
	color: #000;
	font-size: .85em;
}

.content-main-part .product-card-container .product-card .category-container a {
	float: none;
	display: inline;
	color: #646454;
	font-size: 1.25em;
	transition: 
		color .2s ease;
}
.content-main-part .product-card-container .product-card .category-container a:hover,
.content-main-part .product-card-container .product-card .category-container a:focus {
	color: #e5288a;
}

.content-main-part .product-card-container .product-card.emphasize-1 .category-container {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .category-container a {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .category-container a:hover,
.content-main-part .product-card-container .product-card.emphasize-1 .category-container a:focus {
	/*color: #61ff37;*/
}

.content-main-part .product-card-container .product-card.emphasize-2 .category-container {
	color: #e6f818;
}
.content-main-part .product-card-container .product-card.emphasize-2 .category-container a {
	color: #e6f818;
}
.content-main-part .product-card-container .product-card.emphasize-2 .category-container a:hover,
.content-main-part .product-card-container .product-card.emphasize-2 .category-container a:focus {
	color: #efc8dc;
}




.content-main-part .product-card-container .product-card .publisher-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-top: .5em;
	color: #000;
	font-size: .85em;
	text-align: right;
}

.content-main-part .product-card-container .product-card .publisher-container a {
	float: none;
	display: inline;
	color: #646454;
	transition: 
		color .2s ease;
}
.content-main-part .product-card-container .product-card .publisher-container a:hover,
.content-main-part .product-card-container .product-card .publisher-container a:focus {
	color: #e5288a;
}

.content-main-part .product-card-container .product-card.emphasize-1 .publisher-container {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .publisher-container a {
	/*color: #e6f818;*/
}
.content-main-part .product-card-container .product-card.emphasize-1 .publisher-container a:hover,
.content-main-part .product-card-container .product-card.emphasize-1 .publisher-container a:focus {
	/*color: #61ff37;*/
}

.content-main-part .product-card-container .product-card.emphasize-2 .publisher-container {
	color: #e6f818;
	/*font-size: 1.1em;*/
}
.content-main-part .product-card-container .product-card.emphasize-2 .publisher-container a {
	color: #e6f818;
}
.content-main-part .product-card-container .product-card.emphasize-2 .publisher-container a:hover,
.content-main-part .product-card-container .product-card.emphasize-2 .publisher-container a:focus {
	color: #efc8dc;
}




.content-main-part .product-card-container .product-card .supply-info-container {
	float: left;
	display: block;
	width: 100%;
	height: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #fff;
	font-size: 1em;
}
.content-main-part .product-card-container .product-card.emphasize-1 .supply-info-container {
	/*color: #fff;*/
}
.content-main-part .product-card-container .product-card.emphasize-2 .supply-info-container {
	color: #fff;
}


.content-main-part .product-card-container .product-card .supply-info-container .wish-list-button {
	float: left;
	display: block;
	width: 2.25em;
	height: 1.75em;
	border-radius: .125em;
	background: #ccc;
	background-image: url(/ref/img/bookshop/wishlist-button.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition: 
		background-color .5s ease;
}
.content-main-part .product-card-container .product-card .supply-info-container .wish-list-button:hover {
	background-color: #aaa;
}
.content-main-part .product-card-container .product-card .supply-info-container .wish-list-button.active {
	background-color: #e5288a;
}
.content-main-part .product-card-container .product-card .supply-info-container .wish-list-button.active:hover {
	background-color: #868686;
}



.content-main-part .product-card-container .product-card .ship-info-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-top: .01em;
	margin-bottom: 1em;
	color: #000;
	font-size: .85em;
	text-align: right;
}

.content-main-part .product-card-container .product-card .ship-info-container p {
	float: none;
	display: inline;
	color: #646454;
	transition: 
		color .2s ease;
}

.content-main-part .product-card-container .product-card.emphasize-1 .ship-info-container p {
	/*color: #fff;*/
}

.content-main-part .product-card-container .product-card.emphasize-2 .ship-info-container {
	color: #e6f818;
}


.content-main-part .product-card-container .empty-product-card {
	box-sizing: border-box;
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background: #ddd;
}




#footer {
	float: left;
	display: block;
	width: calc(100% + 1em);
	height: auto;
	margin-left: -1em;
	/*background: #645454;*/
	background-image: url(/ref/img/bookshop/lablec.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#footer .footer-outer {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	padding: 3em 4em;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer {
		padding: 3em 4em;
		font-size: 1em;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer {
		padding: 1em;
		font-size: 1.5em;
	}
}


#footer .footer-outer .footer {
	float: left;
	width: 100%;
	height: auto;
}	
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer {
		display: table;
		table-layout: fixed;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer {
		display: block;
	}
}


#footer .footer-outer .footer .col.bottom {
	vertical-align: bottom;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col {
		display: table-cell;
		vertical-align: top;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col {
		display: block;
		width: 100%;
		height: auto;
	}
}


#footer .footer-outer .footer .col .group {
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .group {
		float: none;
		display: inline;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .group {
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 1em;
	}
}


#footer .footer-outer .footer .col .row {
	width: auto;
	height: auto;	
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .row {
		float: left;
		clear: both;
		display: block;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .row {
		float: left;
		clear: none;
		display: block;
	}
}
	

#footer .footer-outer .footer .col .title {
	font-family: 'Roboto Regular';
	color: #9f8d8d;
	text-transform: uppercase;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .title {
		padding: 1em 0 0 0;
		font-size: .75em;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .title {
		width: 100%;
		height: auto;
		padding: 0;
		margin-bottom: .25em;
		font-size: .9em;
		text-align: center;
	}
}


#footer .footer-outer .footer .col .text {
	font-size: .9em;
	color: #f9eded;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .text {
		padding: .75em 0;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .text {
		padding: .5em 0;
		margin: 0 .5em;
	}
}


#footer .footer-outer .footer .col .link {
	color: #f9eded;
	transition: 
		color .2s ease;
}
#footer .footer-outer .footer .col .link:hover {
	color: #61ff37;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .link {
		padding: .5em 0;
		margin: 0;
		font-size: 1.1em;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .link {
		padding: .5em 0;
		margin: 0 .5em;
		font-size: .9em;
	}
}

#footer .footer-outer .footer .col .logo {
	font-family: 'Reswysokr-Regular';
	color: #f9eded;
	opacity: .8;
	transition: 
		opacity .5s ease;
}
#footer .footer-outer .footer .col .logo:hover {
	opacity: 1;
}
@media screen and (min-width: 600px) {
	#footer .footer-outer .footer .col .logo {
		float: right;
		clear: both;
		margin-top: .5em;
		font-size: 1.6em;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .logo {
		float: left;
		clear: both;
		margin-top: .15em;
		font-size: 2em;
	}
}
@media screen and (max-width: 420px) {
	#footer .footer-outer .footer .col .logo {
		float: left;
		clear: both;
		margin-top: .15em;
		font-size: 1.8em;
	}
}
@media screen and (max-width: 360px) {
	#footer .footer-outer .footer .col .logo {
		float: left;
		clear: both;
		margin-top: .1em;
		font-size: 1.6em;
	}
}


#footer .footer-outer .footer .col .social-icons {
	font-size: .9em;
	color: #f9eded;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .social-icons {
		float: right;
		padding: .75em 0;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .social-icons {
		float: right;
		padding: .5em 0;
		margin: 0;
	}
}


#footer .footer-outer .footer .col .social-icon {
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: .8;
	transition: 
		opacity .2s ease;
}
#footer .footer-outer .footer .col .social-icon:hover {
	opacity: 1;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .social-icon {
		width: 2.5em;
		height: 2.5em;
		margin-left: .5em;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .social-icon {
		width: 2.5em;
		height: 2.5em;
		margin-left: .5em;
	}
}
@media screen and (max-width: 420px) {
	#footer .footer-outer .footer .col .social-icon {
		width: 2em;
		height: 2em;
		margin-left: .5em;
	}
}
@media screen and (max-width: 360px) {
	#footer .footer-outer .footer .col .social-icon {
		width: 1.6em;
		height: 1.6em;
		margin-left: .5em;
	}
}

#footer .footer-outer .footer .col .social-icon.facebook {
	background-image: url(/ref/img/bookshop/social-white/facebook.png);
}
#footer .footer-outer .footer .col .social-icon.twitter {
	background-image: url(/ref/img/bookshop/social-white/twitter.png);
}
#footer .footer-outer .footer .col .social-icon.googleplus {
	background-image: url(/ref/img/bookshop/social-white/googleplus.png);
}




#footer .footer-outer .footer .col .dev-logo-container {
	height: auto;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .dev-logo-container {
		float: right;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .dev-logo-container {
		float: left;
		display: block;
		width: 100%;
	}
}



#footer .footer-outer .footer .col .dev-logo {
	display: block;
	width: 8em;
	height: 2em; 
	padding-top: 3em;
	opacity: .8;
	overflow: hidden;
	background-image: url(/ref/img/common/tatarstudio-logo-min.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	transition: 
		opacity .2s ease;
}
#footer .footer-outer .footer .col .dev-logo:hover {
	opacity: 1;
}
@media screen and (min-width: 601px) {
	#footer .footer-outer .footer .col .dev-logo {
		float: right;
		margin: 2em 0 0 0;
	}
}
@media screen and (max-width: 600px) {
	#footer .footer-outer .footer .col .dev-logo {
		float: none;
		margin: 2em auto 0 auto;
	}
}






.content-main-part .product-detail-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: calc(100%);
	height: auto;
}

.content-main-part .product-detail-container .product-detail {
	box-sizing: border-box;
	float: left;
	display: table;
	height: auto;
	table-layout: fixed;
}
@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-detail {
		width: 75%;
		padding: 1em 1em 0 0;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-detail {
		width: 100%;
		padding: 1em 1em 1em 0;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail {
		width: 100%;
		padding: 1em 1em 0 0;
	}
}


.content-main-part .product-detail-container .product-detail .product-image-panel-container {
	
}
@media screen and (min-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-image-panel-container {
		display: table-cell;
		width: 38%;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-image-panel-container {
		display: block;
		width: 100%;
	}
}


.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: 20em;
	margin-bottom: 1em;
}
@media screen and (min-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel {
		padding: 0 1em 0 0;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel {
		padding: 0;
	}
}

.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel .product-image {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f4f4f4;
	transition:
		background .25s ease;
}

.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel .product-image.product-image-h {
	background-size: 90% auto;
}

.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-image-panel .product-image.product-image-v {
	background-size: auto 90%;
}



.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 1em 0 0;
}

.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel .row {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .25em;
	color: #645454;
	text-align: left;
}


.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel .row.category-container {
	margin-top: 1em;
	text-align: left;
}

.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel .row.category-container a {
	float: right;
	display: block;
	padding: .25em .5em;
	margin-left: .25em;
	margin-bottom: .25em;
	border-radius: .25em;
	color: #646454;
	font-size: 1em;
	background-color: rgba(0, 0, 0, .1);;
	transition: 
		color .2s ease;
}
.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel .row.category-container a:hover,
.content-main-part .product-detail-container .product-detail .product-image-panel-container .product-misc-info-panel .row.category-container a:focus {
	color: #e5288a;
}


.content-main-part .product-detail-container .product-detail .product-info-panel {
	border-left: 1px solid #ddd;
	vertical-align: top;
}
@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel {
		display: table-cell;
		width: 62%;
		padding: 0 1em;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel {
		display: table-cell;
		width: 62%;
		padding: 0 0 0 1em;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel {
		display: block;
		width: 99%;
		padding: 0;
	}
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.authors {
	margin-bottom: .25em;
	font-size: 1.25em;
	color: #888;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.authors a {
	color: #888;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.authors a:hover {
	color: #e5288a;
}



.content-main-part .product-detail-container .product-detail .product-info-panel .row.product-name {
	margin-bottom: .1em;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.product-name h1 {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	font-weight: normal;
	color: #645454;
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row.description {
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #c78891;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.publisher {
	margin-bottom: 1em;
	font-size: 1em;
	color: #645454;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.publisher a {
	color: #645454;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.publisher a:hover {
	color: #e5288a;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.publisher span {
	font-size: 1.1em;
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row.price-container {
	display: table;
	table-layout: fixed;
	margin-bottom: 1em;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.price-container .cell {
	display: table-cell;
    font-family: 'Antonio-Light';
	vertical-align: bottom;
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row.price-container .cell.spacer {
	width: 30%;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.price-container .cell.price {
	width: 70%;
	font-size: 2.5em;
	color: #a35d90;
	text-align: right;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.price-container .cell.price span {
	margin-right: 1em;
	font-size: .75em;
	color: rgba(0, 0, 0, .5);
	text-align: left;
	text-decoration: line-through;
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container {
	display: table;
	table-layout: fixed;
	margin-bottom: 1em;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container .cell.percent {
	float: right;
	display: inline-block;
	width: auto;
	padding: .25em;
	background-color: #e5288a;
	color: #fff;
	font-size: 1.75em;
}



.content-main-part .product-detail-container .product-detail .product-info-panel .row.supply-info-container {
	display: table;
	table-layout: fixed;
	margin-bottom: 1em;
	table-layout: fixed;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.supply-info-container .ship-info {
	display: table-cell;
	font-size: 1em;
	vertical-align: middle;
	color: #645454;
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.supply-info-container .supply-info-button-container {
	display: table-cell;
	width: 12em;
	vertical-align: middle;
}



.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container .wish-list-button {
	float: left;
	display: block;
	width: 3em;
	height: 2.5em;
	margin-right: .5em;
	border-radius: .125em;
	background: #ccc;
	background-image: url(/ref/img/bookshop/wishlist-button.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition:
		background .2s ease,
		box-shadow .2s ease;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container .wish-list-button:hover {
	background-color: #aaa;
	box-shadow: 0 0 .25em .125em rgba(0, 0, 0, .1);
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container .wish-list-button.active {
	background-color: #e5288a;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.percent-container .wish-list-button.active:hover {
	background-color: #868686;
	box-shadow: 0 0 .25em .125em rgba(0, 0, 0, .1);
}





.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons {
	margin-top: 1em;
	font-size: .9em;
	color: #f9eded;
}
@media screen and (min-width: 601px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons {
		float: right;
		padding: .75em 0;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons {
		float: right;
		padding: .5em 0;
		margin: 0;
	}
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons p {
	float: right;
	display: block;
	width: auto;
	height: auto;
	margin-top: .25em;
	margin-right: .25em;
	font-size: 1.75em;
	color: #ee71b2;
}


.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon {
	float: right;
	display: block;
	width: 2.5em;
	height: 2.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: .66;
	transition: 
		opacity .2s ease;
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon:hover {
	opacity: 1;
}
@media screen and (min-width: 601px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon {
		margin-left: .5em;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon {
		margin-left: .5em;
	}
}

.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon.facebook {
	background-image: url(/ref/img/bookshop/social/facebook.png);
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon.twitter {
	background-image: url(/ref/img/bookshop/social/twitter.png);
}
.content-main-part .product-detail-container .product-detail .product-info-panel .row.social-icons .social-icon.googleplus {
	background-image: url(/ref/img/bookshop/social/googleplus.png);
}



.content-main-part .product-detail-product-list {
	float: left;
	display: block;
	width: calc(100%);
	height: auto;	
	padding-left: 1em;
	margin: 0 0 0 -1em;
}
@media screen and (max-width: 1601px) {
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(5),
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(6) {
		display: block;
	}
}
@media screen and (max-width: 1600px) {
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(5),
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(6) {
		display: none;
	}
}
@media screen and (max-width: 620px) {
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(5),
	.content-main-part .product-detail-product-list-others-consume .product-card-container:nth-of-type(6) {
		display: block;
	}
}

.content-main-part .product-detail-product-list.product-detail-product-list-others-consume {
	background-color: #dfedd0;
}
.content-main-part .product-detail-product-list.product-detail-product-list-similar {
	margin-top: 1em;
}


.content-main-part .product-detail-product-list .product-detail-product-list-title-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: calc(100% - 1em);
	height: auto;
	margin: 1em 0 .5em 0;
	border-bottom: 2px solid #e8e3d0;
	padding: .25em 0;
}

.content-main-part .product-detail-product-list .product-detail-product-list-title-container h2 {
	float: none;
	display: inline;
	color: #8c8470;
	font-weight: normal;
}
@media screen and (min-width: 1601px) {
	.content-main-part .product-detail-product-list .product-detail-product-list-title-container h2 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 1600px) {
	.content-main-part .product-detail-product-list .product-detail-product-list-title-container h2 {
		font-size: 2.25em;
	}
}

.content-main-part .product-detail-product-list.product-detail-product-list-others-consume .product-detail-product-list-title-container h2 {
	color: #6a8251;
}




.content-main-part .product-detail-container .product-main-offer-container-outer {
	box-sizing: border-box;
	float: left;
	display: block;
	height: auto;
}
@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container-outer {
		width: calc(25% - 1em);
		padding: 0;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container-outer {
		width: calc(37.5% - 2em);
		padding: 0;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-main-offer-container-outer {
		width: 100%;
		padding: 0 1em 0 0;
	}
}


.content-main-part .product-detail-container .product-main-offer-container {
	display: block;
	overflow: hidden;
	font-size: 1.25em;
}
@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container {
		float: left;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container {
		float: left;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-main-offer-container {
		float: none;
		width: 15em;
		margin: 0 auto;
	}
}
@media screen and (max-width: 300px) {
	.content-main-part .product-detail-container .product-main-offer-container {
		float: none;
		width: 15em;
		margin: 0 auto;
	}
}
@media screen and (max-width: 280px) {
	.content-main-part .product-detail-container .product-main-offer-container {
		float: none;
		width: 13em;
		margin: 0 auto;
	}
}


.content-main-part .product-detail-container .product-main-offer-container .product-card-container {
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: .5em;
}
@media screen and (min-width: 801px) {
	.content-main-part .product-detail-container .product-main-offer-container .product-card-container {
		height: 17.5em;
	}
}
@media screen and (max-width: 800px) {
	.content-main-part .product-detail-container .product-main-offer-container .product-card-container {
		height: 22.5em;
	}
}
@media screen and (max-width: 360px) {
	.content-main-part .product-detail-container .product-main-offer-container .product-card-container {
		height: 22.5em;
	}
}




.content-main-part .product-detail-container .product-main-offer-container .product-main-offer-title-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
	padding: .25em;
	/*border-radius: .25em;*/
	text-align: center;
	background-color: #dd6c93;
}
.content-main-part .product-detail-container .product-main-offer-container .product-main-offer-title-container h2 {
	float: none;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
}



@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container {
		width: calc(25% - 2em);
		margin: 0;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container {
		width: calc(67% - 2em);
		margin: 0 0 0 1em;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container {
		width: calc(100% - 1em);
		margin: 1em 0 1em 0;
	}
}


.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container p {
	float: left;
	display: block;
	width: 100%;
	height: 1em;
}


.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
	color: #888;
}
.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a:last-of-type {
	margin-bottom: 0;
}
.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a:hover,
.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a:focus {
	color: #e5288a;
}
@media screen and (min-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a {
		font-size: .8em;
		text-align: left;
	}
}
@media screen and (max-width: 1500px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a {
		font-size: 1.2em;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a {
		font-size: 1.3em;
		text-align: right;
	}
}
@media screen and (max-width: 600px) {
	.content-main-part .product-detail-container .product-main-offer-container.product-offer-link-container a {
		font-size: 1.5em;
		text-align: center;
	}
}






.content-main-part .basket-list-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding-right: 1em;
}

.content-main-part .basket-list-container .basket-list {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.content-main-part .basket-list-container .basket-list .item {
	box-sizing: border-box;
	float: left;
	display: table;
	width: 100%;
	height: auto;
	padding: .5em 1em;
	border: 1px solid #eee;
	margin-bottom: .5em;
	background-color: #fff;
	table-layout: fixed;
	transition: 
		border .2s ease,
		background .2s ease;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item {
		font-size: 1em;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 400px) {
	.content-main-part .basket-list-container .basket-list .item {
		font-size: 1em;
	}
}
@media screen and (max-width: 360px) {
	.content-main-part .basket-list-container .basket-list .item {
		font-size: .9em;
	}
}
@media screen and (max-width: 320px) {
	.content-main-part .basket-list-container .basket-list .item {
		font-size: .8em;
	}
}

.content-main-part .basket-list-container .basket-list .item:last-of-type {
	padding-bottom: 0;
}
.content-main-part .basket-list-container .basket-list .item:hover {
	border: 1px solid #eee;
	background-color: #eee;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item {
		display: table;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item {
		display: block;
	}
}


.content-main-part .basket-list-container .basket-list .item.sum {
	margin-bottom: 0;
	padding: 2em 1em 1em 1em;
	border: 1px solid #ddd;
	background-color: #ddd;
}
.content-main-part .basket-list-container .basket-list .item.sum:hover {
	border: 1px solid #ddd;
	background-color: #ddd;
}


.content-main-part .basket-list-container .basket-list .item .item-data {
	vertical-align: middle;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data {
		float: none;
		display: table-cell;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data {
		float: left;
		display: block;
	}
}


.content-main-part .basket-list-container .basket-list .item .item-data.product-info {
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.product-info {
		width: auto;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.product-info {
		width: 100%;
		margin-bottom: .5em;
	}
}

.content-main-part .basket-list-container .basket-list .item .item-data.product-info a.author {
	float: none;
	display: inline;
	color: #888;
	font-size: 1.25em;
}
.content-main-part .basket-list-container .basket-list .item .item-data.product-info a.author:hover {
	color: #e5288a;
}
.content-main-part .basket-list-container .basket-list .item .item-data.product-info a.product-name {
	float: none;
	display: inline;
	color: #000;
	font-size: 1.75em;
}
.content-main-part .basket-list-container .basket-list .item .item-data.product-info a.product-name:hover {
	color: #e5288a;
}

.content-main-part .basket-list-container .basket-list .item .item-data.price {
	color: #a35d90;
	text-align: right;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.price {
		width: 5em;
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.price {
		width: 5em;
		margin-top: .5em;
	}
}

.content-main-part .basket-list-container .basket-list .item .item-data.price p {
	float: none;
	display: inline;
	font-size: 1.25em;
}

.content-main-part .basket-list-container .basket-list .item .item-data.multiply {
	color: #a35d90;
	text-align: center;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.multiply {
		width: 2em;
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.multiply {
		width: 2em;
		margin-top: .5em;
	}
}
.content-main-part .basket-list-container .basket-list .item .item-data.multiply p {
	float: none;
	display: inline;
	font-size: 1.25em;
}

.content-main-part .basket-list-container .basket-list .item .item-data.count {
	text-align: right;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.count {
		width: 9em;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.count {
		width: 9em;
	}
}



.content-main-part .basket-list-container .basket-list .item .item-data.price-sum {
	color: #a35d90;
	text-align: right;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.price-sum {
		width: 8em;
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item .item-data.price-sum {
		width: 7em;
		margin-top: .3em;
	}
}

.content-main-part .basket-list-container .basket-list .item.sum .item-data.price-sum {
	margin-top: 0;
}


.content-main-part .basket-list-container .basket-list .item .item-data.price-sum p {
	font-size: 1.5em;
}
.content-main-part .basket-list-container .basket-list .item.sum .item-data.price-sum p {
	font-size: 1.75em;
}


.content-main-part .basket-list-container .basket-list .item .item-data.sum-label {
	color: #646454;
	text-align: right;
}
.content-main-part .basket-list-container .basket-list .item .item-data.sum-label p {
	float: none;
	display: inline;
	font-size: 1.75em;
}




.content-main-part .basket-list-container .basket-list .item.buttons {
	margin-bottom: 1em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #ddd;
	background-color: #ddd;
}
.content-main-part .basket-list-container .basket-list .item.buttons:hover {
	border: 1px solid #ddd;
	background-color: #ddd;
}

.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container {
	vertical-align: middle;
}
@media screen and (min-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container {
		float: none;
		display: table-cell;
		width: auto;
		font-size: 1em;
	}
}
@media screen and (max-width: 480px) {
	.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container {
		float: left;
		display: block;
		width: 100%;
		font-size: 1em;
	}
}
@media screen and (max-width: 400px) {
	.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container {
		float: left;
		display: block;
		width: 100%;
		font-size: .9em;
	}
}
@media screen and (max-width: 360px) {
	.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container {
		float: left;
		display: block;
		width: 100%;
		font-size: .8em;
	}
}

.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container .button {
	display: block;
	width: auto;
	height: auto;
	padding: 1em;
	border-radius: .25em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
	transition: 
		background .2s ease;
}

.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container .empty-basket-button {
	float: left;
	background-color: #aaa;
	margin-top: .5em;
	padding-left: 3.2em;
	background-image: url(/ref/img/bookshop/kuka.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: auto 50%;
	font-size: 1.1em;

}.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container .empty-basket-button:hover {
	background-color: #989898;
}

.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container .checkout-button {
	float: right;
	padding-left: 3.6em;
	background-color: #8f9100;
	background-image: url(/ref/img/bookshop/penztargep.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: auto 66%;
}
.content-main-part .basket-list-container .basket-list .item.buttons .item-data.buttons-container .checkout-button:hover {
	background-color: #767704;
}


.content-main-part .empty-info {
	margin-bottom: 1em;
	padding: 2em 1em;
	border: 1px solid #ddd;
	background-color: #ddd;
	text-align: center;
}
.content-main-part .empty-info:hover {
	border: 1px solid #ddd;
	background-color: #ddd;
}

.content-main-part .empty-info .empty-info-text {
	float: none;
	display: inline;
	font-size: 2em;
	color: #645454;
}




.content-main-part .pagination-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding-right: 1em;
	margin: 3em 0 1em 0;
}

.content-main-part .pagination-container .button-container {
	box-sizing: border-box;
	display: block;
	width: auto;
	height: auto;
}

.content-main-part .pagination-container .button-container.prev-button-container {
	float: left;
}

.content-main-part .pagination-container .button-container.next-button-container {
	float: right;
}

.content-main-part .pagination-container .button-container .button {
	box-sizing: border-box;
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: .5em;
	border-radius: .25em;
	font-size: 2em;
	transition: 
		background .2s ease,
		opacity .2s ease;
}

.content-main-part .pagination-container .button-container .button.prev {
	
}

.content-main-part .pagination-container .button-container .button.next {
	
}

.content-main-part .pagination-container .button-container .button.active {
	color: #fff;
	background-color: #e5288a;
	opacity: .75;
}
.content-main-part .pagination-container .button-container .button.active:hover {
	opacity: 1;
}

.content-main-part .pagination-container .button-container .button.inactive {
	color: #fff;
	background-color: #ddd;
	cursor: default;
}




#hamburger-menu-logo {
	float: none;
	width: auto;
	height: auto;
	z-index: 10200;
}
@media screen and (min-width: 801px) {
	#hamburger-menu-logo {
		display: none;
	}
}
@media screen and (max-width: 800px) {
	#hamburger-menu-logo {
		position: fixed;
		display: block;
		top: .25em;
		right: 0;
	}
}
#hamburger-menu-logo img {
	width: 8em;
}
@media screen and (min-width: 800px) {
	#hamburger-menu-logo img {
		font-size: 13px;
	}
}
@media screen and (max-width: 800px) {
	#hamburger-menu-logo img {
		font-size: 12px;
	}
}
@media screen and (max-width: 700px) {
	#hamburger-menu-logo img {
		font-size: 11px;
	}
}
@media screen and (max-width: 600px) {
	#hamburger-menu-logo img {
		font-size: 10px;
	}
}
@media screen and (max-width: 500px) {
	#hamburger-menu-logo img {
		font-size: 9px;
	}
}
@media screen and (max-width: 400px) {
	#hamburger-menu-logo img {
		font-size: 8px;
	}
}
@media screen and (max-width: 300px) {
	#hamburger-menu-logo img {
		font-size: 7px;
	}
}



#hamburger-menu-button {
	box-sizing: border-box;
	position: fixed;
	float: none;
	width: 4.5em;
	height: 8em;
	right: 2em;
	top: 1em;
	background-color: transparent;
	z-index: 10210;
}
@media screen and (min-width: 800px) {
	#hamburger-menu-button {
		font-size: 13px;
	}
}
@media screen and (max-width: 800px) {
	#hamburger-menu-button {
		font-size: 12px;
	}
}
@media screen and (max-width: 700px) {
	#hamburger-menu-button {
		font-size: 11px;
	}
}
@media screen and (max-width: 600px) {
	#hamburger-menu-button {
		font-size: 10px;
	}
}
@media screen and (max-width: 500px) {
	#hamburger-menu-button {
		font-size: 9px;
	}
}
@media screen and (max-width: 400px) {
	#hamburger-menu-button {
		font-size: 8px;
	}
}
@media screen and (max-width: 300px) {
	#hamburger-menu-button {
		font-size: 7px;
	}
}
#hamburger-menu-button p {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 4.5em;
	height: 4.5em;
	margin-top: 3.5em;
	padding: 1em;
	background-color: #eb5ea7;
	/*box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .25);*/
	box-shadow: none;
	z-index: 10220;
	transition:
		transform .2s ease,
		background .2s ease,
		box-shadow .2s ease;
}
#hamburger-menu-button:hover p {
	background-color: #e5288a;
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, .15);
	transform: scale(1.1);
}
@media screen and (min-width: 801px) {
	#hamburger-menu-button {
		display: none;
	}
}
@media screen and (max-width: 800px) {
	#hamburger-menu-button {
		display: block;
	}
}

#hamburger-menu-button p span {
	float: left;
	display: block;
	width: 100%;
	height: 20%;
	background-color: #fff;
	margin-bottom: 20%;
}
#hamburger-menu-button p span:last-of-type {
	margin-bottom: 0;
}


#hamburger-menu-button-panel-container {
	position: fixed;
	float: none;
	display: none;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 10100;
	background-color: #646454;
	overflow: scroll;
}
@media screen and (min-width: 400px) {
	#hamburger-menu-button-panel-container {
		font-size: .8em;
	}
}
@media screen and (max-width: 400px) {
	#hamburger-menu-button-panel-container {
		font-size: .7em;
	}
}

#hamburger-menu-button-panel {
	position: static;
	float: none;
	display: block;
	width: 100%;
	height: auto;
/*	top: 0;
	left: 0;*/
	z-index: 10101;
	background-color: #646454;
}

#hamburger-menu-button-panel .group {
	float: left;
	display: none;
	width: 100%;
	height: auto;
}

#hamburger-menu-button-panel .button-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

#hamburger-menu-button-panel .button-container a {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	font-size: 3em;
	padding: .5em;
	color: #fff;
	text-align: center;
	transition: 
		background .2s ease;
}
#hamburger-menu-button-panel .button-container a.level-1 {
	background-color: #646454;
	color: #fff;
}
#hamburger-menu-button-panel .button-container a.level-1:hover {
	background-color: rgba(0, 0, 0, .2);
}
#hamburger-menu-button-panel .button-container a.level-2 {
	background-color: #777760;
	color: #fff;
}
#hamburger-menu-button-panel .button-container a.level-2:hover {
	background-color: rgba(0, 0, 0, .2);
}






#hamburger-menu-button-panel .section-title-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
#hamburger-menu-button-panel .section-title-container p {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	font-size: 2em;
	padding: .5em;
	color: rgba(255, 255, 255, .5);
	text-align: center;
	background-color: rgba(0, 0, 0, .3);
}


#hamburger-menu-button-panel .section-user {
	box-sizing: border-box;									
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 1em 9em 1em 1em;
	background-color: rgba(0, 0, 0, .1);
}

#hamburger-menu-button-panel .section-user a {
	box-sizing: border-box;
	float: left;
	display: block;
	width: auto;
	height: auto;
	margin-right: .25em;
	padding: .25em .25em;
	color: #fff;
	font-size: 2.5em;
}
#hamburger-menu-button-panel .section-user a:hover {
	background-color: rgba(0, 0, 0, .2);
}

#hamburger-menu-button-panel .section-user a.logout {
	color: #ccc;
}


#hamburger-menu-button-panel .section-user a.basket {
	padding-left: 1.5em;
	background-image: url(/ref/img/bookshop/kosar-feher.png);
	background-size: auto 66%;
	background-repeat: no-repeat;
	background-position: .25em center;
	background-color: transparent;
	opacity: .5;
	cursor: default;
	clear: left;
}

#hamburger-menu-button-panel .section-user a.basket.active {
	opacity: 1;
	cursor: pointer;
}
#hamburger-menu-button-panel .section-user a.basket.active:hover {
	background-color: rgba(0, 0, 0, .2);
}


#hamburger-menu-button-panel .section-user a.checkout {
	padding-left: 1.5em;
	background-image: url(/ref/img/bookshop/penztargep.png);
	background-size: auto 66%;
	background-repeat: no-repeat;
	background-position: .25em center;
	opacity: .5;
	cursor: default;
}

#hamburger-menu-button-panel .section-user a.checkout.active {
	opacity: 1;
	cursor: pointer;
}
#hamburger-menu-button-panel .section-user a.checkout.active:hover {
	background-color: rgba(0, 0, 0, .2);
}


#hamburger-menu-button-panel .section-user .separator {
	float: left;
	display: block;
	width: .4em;
	height: 1em;
	padding: .25em 0;
	font-size: 2.5em;
	text-align: left;
}

#hamburger-menu-button-panel .section-user .separator p {
	display: inline;
	color: #fff;
}





#tatarstudiohu-ref-warning-panel .panel.panel-bookshop {
	font-family: 'Roboto Regular';	
}



.floated-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.floated-container-content-main-part {
	padding-right: 1em;
}





.content-main-part .card-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: calc(50% - 1em);
	margin-right: 1em;
	margin-bottom: 1em;
	height: 10em;
	font-family: 'BenchNine-Regular';
}
@media screen and (min-width: 700px) {
	.content-main-part .card-container {
		width: calc(50% - 1em);
	}
}
@media screen and (max-width: 700px) {
	.content-main-part .card-container {
		width: calc(100% - 1em);
	}
}

.content-main-part .card-container .card {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	background-color: #fff;
	transition: 
		background .5s ease;
}
.content-main-part .card-container .card:hover {
	background-color: #f9efdc;
}

.content-main-part .card-container .card .image-panel {
	float: left;
	display: block;
	width: calc(9em - 1px);
	height: calc(9em - 2px);
	margin: .5em;
}

.content-main-part .card-container .card .image-panel .image {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.content-main-part .card-container .card .info-panel {
	float: left;
	display: block;
	width: calc(100% - 11em - 1px);
	height: calc(100% - 1em - 2px);
	margin: .5em .5em .5em 0;
	overflow: hidden;
}

.content-main-part .card-container .card .info-panel .name-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.content-main-part .card-container .card .info-panel .name-container .name {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	font-size: 1.5em;
	color: #645454;
}

.content-main-part .card-container .card .info-panel .summary-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.content-main-part .card-container .card .info-panel .summary-container .summary {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	color: #c78891;
}

.content-main-part .card-container .card.kiado-card .info-panel .summary-container .summary {
	font-size: 1.25em;
}





.registration-form-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em 0 2em 0;
	padding-right: 1em;
}
@media screen and (min-width: 1600px) {
	.registration-form-container {
		border-left: none;
	}
}
@media screen and (max-width: 1600px) {
	.registration-form-container {
		border-left: 1px solid #ddd;
	}
}
@media screen and (max-width: 800px) {
	.registration-form-container {
		border-left: none;
	}
}

.registration-form-container .registration-form {
	box-sizing: border-box;
	display: block;
	height: auto;
}
@media screen and (min-width: 1600px) {
	.registration-form-container .registration-form {
		float: none;
		width: 60em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1600px) {
	.registration-form-container .registration-form {
		float: none;
		width: 50em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1400px) {
	.registration-form-container .registration-form {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 800px) {
	.registration-form-container .registration-form {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 1em;
	}
}



.login-form-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 2em 0 2em 0;
	padding-right: 1em;
}
@media screen and (min-width: 1600px) {
	.login-form-container {
		border-left: none;
	}
}
@media screen and (max-width: 1600px) {
	.login-form-container {
		border-left: 1px solid #ddd;
	}
}
@media screen and (max-width: 800px) {
	.login-form-container {
		border-left: none;
	}
}

.login-form-container .login-form {
	box-sizing: border-box;
	display: block;
	height: auto;
}
@media screen and (min-width: 1600px) {
	.login-form-container .login-form {
		float: none;
		width: 30em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1600px) {
	.login-form-container .login-form {
		float: none;
		width: 25em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1400px) {
	.login-form-container .login-form {
		float: none;
		width: 25em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 400px) {
	.login-form-container .login-form {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 1em;
	}
}





.input-form {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	font-size: 1em;
}

.input-form .col {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .col.col-50 {
}
@media screen and (min-width: 600px) {
	.input-form .col.col-50 {
		width: 50%;
	}
}
@media screen and (max-width: 600px) {
	.input-form .col.col-50 {
		width: 100%;
	}
}
.input-form .col.col-left {
}
@media screen and (min-width: 600px) {
	.input-form .col.col-left {
		padding-right: 1em;
	}
}
@media screen and (max-width: 600px) {
	.input-form .col.col-left {
		padding-right: 0;
	}
}
.input-form .col.col-right {
}
@media screen and (min-width: 600px) {
	.input-form .col.col-right {
		padding-left: 1em;
	}
}
@media screen and (max-width: 600px) {
	.input-form .col.col-right {
		padding-left: 0;
	}
}

.input-form .row-group {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}
.input-form .row-group:last-of-type {
	margin-bottom: 2em;
}
.input-form .row-group.no-bottom-margin {
	margin-bottom: 0;
}

.input-form .row {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .row.row-empty-space {
	margin-bottom: 1em;
}

.input-form .title-h1-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
	text-align: center;
}
.input-form .title-h1-container h1 {
	display: inline;
	font-family: 'Reswysokr-Regular';
	color: #c78891;
	font-size: 2em;
	font-weight: normal;
}


.input-form .text-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .25em;
		text-align: center;
}
.input-form .text-container p {
	display: inline;
	font-family: 'BenchNine-Regular';
	font-size: 1.1em;
	line-height: 1.2em;
	color: #645454;	
}

					
.input-form .title-h2-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}
@media screen and (min-width: 600px) {
	.input-form .title-h2-container {
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	.input-form .title-h2-container {
		text-align: center;
	}
}
.input-form .title-h2-container h2 {
    display: inline;
    font-family: 'Antonio-Light';
    font-size: 1.25em;
	font-weight: normal;
    color: #a35d90;
}



.input-form .label-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .1em;
}
.input-form .label-container label {
	display: inline;
	font-family: 'BenchNine-Regular';	
	font-size: 1em;
	font-weight: normal;
	color: #645454;
}

.input-form .text-input-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .text-input-container input {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: 2em;
	padding: .6em .25em .4em .25em;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
	font-family: 'BenchNine-Regular';
	font-size: 1.25em;	
}


.input-form .textarea-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .textarea-container textarea {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: 5em;
	padding: .6em .25em .4em .25em;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
	font-family: 'BenchNine-Regular';
	font-size: 1.25em;
	color: #000;
	resize: none;
}
		
		
.input-form .checkbox-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .checkbox-container a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	font-family: 'BenchNine-Regular';
	font-size: 1.25em;
	color: #645454;
}
.input-form .checkbox-container a span {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
}

.input-form .submit-button-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.input-form .submit-button-container a {
	box-sizing: border-box;
	float: none;
	display: block;
	width: 6em;
	height: auto;
	padding: .5em;
	margin: 0 auto;
	background-color: #8f9100;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	transition: 
		background .2s ease, 
		box-shadow .2s ease;
}
.input-form .submit-button-container a:hover {
	background-color: #767704;
	box-shadow: 0 0 .25em .125em rgba(0, 0, 0, .1);
}






.login-form-container .lost-password-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}

.login-form-container .lost-password-container a {
	display: inline;
	font-family: 'BenchNine-Regular';
	font-size: 1.25em;
    color: #888;
}
.login-form-container .lost-password-container a:hover {
    color: #e5288a;
}







.login-form-container .login-form-registration-panel {
	box-sizing: border-box;
	display: block;
	height: auto;
}
@media screen and (min-width: 1600px) {
	.login-form-container .login-form-registration-panel {
		float: none;
		width: 50em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1600px) {
	.login-form-container .login-form-registration-panel {
		float: none;
		width: 50em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 1400px) {
	.login-form-container .login-form-registration-panel {
		float: none;
		width: 40em;
		margin: 0 auto;
		padding: 0 1em 0 2em;
	}
}
@media screen and (max-width: 800px) {
	.login-form-container .login-form-registration-panel {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 1em;
	}
}


.login-form-container .login-form-registration-panel p {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: .5em 0 1em 0;
	font-family: 'Reswysokr-Regular';
    font-size: 1.75em;
    font-weight: normal;
    color: #6f5a2d;
	text-align: center;
}


.login-form-container .login-form-registration-panel ul {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 2em 0;
}

.login-form-container .login-form-registration-panel ul li {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	text-align: center;
}

.login-form-container .login-form-registration-panel ul li p {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	padding-left: 1.5em;
	font-family: 'BenchNine-Regular';
	font-size: 1.75em;
	color: #c78891;
	text-align: center;
	background-image: url(/ref/img/bookshop/green-check.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.2em;
}

.login-form-container .login-form-registration-panel ul li p img {
	/*float: none;*/
	/*display: inline;*/
	width: 1.25em;
	height: 1.25em;
	padding: 0;
	margin: 0;
	border: 0;
	/*padding-top: .5em;*/
	/*margin-top: .5em;*/
}


.login-form-container .login-form-registration-panel .reg-button-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 2em;
	text-align: center;
}

.login-form-container .login-form-registration-panel .reg-button-container a {
	display: inline;
    font-family: 'BenchNine-Regular';
    font-size: 1.75em;
    color: #000;
	text-transform: uppercase;
}
.login-form-container .login-form-registration-panel .reg-button-container a:hover {
    color: #e5288a;
}




/*.user-dashboard-container {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding-right: 1em;
	margin-top: 2em;
}
*/
.user-dashboard {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}

.user-dashboard .title-h1-container {
	float: left;
	display: block;
	width: calc(100% - 1em);
	height: auto;
	text-align: center;
}

.user-dashboard .title-h1-container h1 {
	display: inline;
	font-family: 'Reswysokr-Regular';
	color: #c78891;
	font-size: 2em;
	font-weight: normal;
}

.user-dashboard-main-menu {
	float: left;
	display: block;
	width: calc(100% - 1em);
	height: auto;
	margin-bottom: 2em;
	text-align: center;
}

.user-dashboard-main-menu a {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	padding: .25em .5em;
	margin-right: .5em;
	margin-top: .5em;
	border-radius: .25em;
	background-color: #ddd;
	color: #888;
	font-size: 1.5em;
	transition: 
		background .2s ease,
		color .2s ease;
}
.user-dashboard-main-menu a:hover {
	background-color: #e888ba;
	color: #fff;
}

.user-dashboard-main-menu a.selected {
	background-color: #e5288a;
	color: #fff;
}
.user-dashboard-main-menu a.selected:hover {
	background-color: #e5288a;
	color: #fff;
}

.user-dashboard-wishlist-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}



#wish-list-not-logged-in-panel {
	float: left;
	display: block;
	height: auto;
	margin: 1.5em 0 0 -2.75em;
}
@media screen and (min-width: 500px) {
	#wish-list-not-logged-in-panel {
		width: 20em;
	}
}
@media screen and (max-width: 500px) {
	#wish-list-not-logged-in-panel {
		width: calc(100% + 2.75);
	}
}

#wish-list-not-logged-in-panel p {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	text-align: center;
}
#wish-list-not-logged-in-panel p.emphasized {
    font-family: 'BenchNine-Regular';
	font-size: 1.25em;
	font-weight: normal;
	color: #fff;
}

#wish-list-not-logged-in-panel .button-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	text-align: center;
}

#wish-list-not-logged-in-panel .button-container a {
	box-sizing: border-box;
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	padding: .5em;
	margin: 0 auto;
	background-color: #fff;
	color: #dd6c93;
	font-size: 1em;
	text-align: center;
	opacity: .9;
	transition: 
		opacity .2s ease;
}
#wish-list-not-logged-in-panel .button-container a:hover {
	opacity: 1;
}


#wish-list-not-logged-in-panel .link-container {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	text-align: center;
}

#wish-list-not-logged-in-panel .link-container a {
	display: inline;
    font-family: 'BenchNine-Regular';
    font-size: 1.2em;
    color: #fff;
	text-transform: uppercase;
	opacity: .9;
	transition: 
		opacity .2s ease;
}
#wish-list-not-logged-in-panel .link-container a:hover {
	opacity: 1;
}



#user-dashboard-order-list {
	float: left;
	display: block;
	width: calc(100% - 1em);
	height: auto;
}

#user-dashboard-order-list .row {
	width: 100%;
	height: auto;
	margin-top: 1em;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row {
		float: left;
		display: table;
		table-layout: fixed;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row {
		float: left;
		display: block;
	}
}
#user-dashboard-order-list .row.header-row {
	box-sizing: border-box;
	border-bottom: 1px solid #888;
	padding: 0 1em .5em 1em;
	text-transform: uppercase;
	color: #888;
	font-size: .8em;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row.header-row {
		display: table;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row.header-row {
		display: none;
	}
}


#user-dashboard-order-list .row .col {
	height: auto;
	vertical-align: middle;
	text-align: center;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col {
		float: none;
		display: table-cell;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col {
		float: left;
		display: block;
	}
}

#user-dashboard-order-list .row .col label {
	float: left;
	width: 100%;
	height: auto;
	color: #888;
	font-size: .8em;
	text-transform: uppercase;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col label {
		display: none;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col label {
		display: block;
	}
}
#user-dashboard-order-list .row .col p {
	float: left;
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col p {
		display: inline;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col p {
		display: block;
	}
}



#user-dashboard-order-list .row-group {
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 1em;
	transition: 
		background .2s ease;
}
#user-dashboard-order-list .row-group:hover {
	background-color: #eee;
}


#user-dashboard-order-list .row.order-row .col.col-order-number {
	font-weight: bold;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-order-number {
		width: 10%;
		text-align: left;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-order-number {
		width: 20%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-order-number {
		width: 33.33%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-ordered {
		width: 10%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-ordered {
		width: 20%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-ordered {
		width: 33.33%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-state {
		width: 10%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-state {
		width: 20%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-state {
		width: 33.33%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-paid {
		width: 10%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-paid {
		width: 20%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-paid {
		width: 33.33%;
		padding-top: .5em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-closed {
		width: 10%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-closed {
		width: 20%;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-closed {
		width: 66.33%;
		padding-top: .5em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-net {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-net {
		width: 20%;
		padding-top: .5em;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-net {
		width: 25%;
		padding-top: .5em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-vat {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-vat {
		width: 20%;
		padding-top: .5em;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-vat {
		width: 25%;
		padding-top: .5em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-gross {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-gross {
		width: 20%;
		padding-top: .5em;
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-gross {
		width: 25%;
		padding-top: .5em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .row .col.col-detail-button {
		width: 20%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .row .col.col-detail-button {
		width: 40%;
		padding-top: .75em;
		text-align: right;
	}
}
@media screen and (max-width: 600px) {
	#user-dashboard-order-list .row .col.col-detail-button {
		width: 25%;
		padding-top: .75em;
		text-align: right;
	}
}


#user-dashboard-order-list .row .col.col-detail-button a {
	float: none;
	display: inline-block;
	width: auto;
	height: auto;
	padding: .25em .5em;
	margin: 0;
	border-radius: .25em;
	background-color: #ddd;
	color: #888;
	font-size: 1em;
	transition: background .2s ease, color .2s ease;
}
#user-dashboard-order-list .row .col.col-detail-button a:hover {
	background-color: #e888ba;
	color: #fff;
}



#user-dashboard-order-list .row.detail-row {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ddd;
}


#user-dashboard-order-list .order-detail {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 2em;
}



#user-dashboard-order-list .order-detail .row.header-row {
	border-bottom: none;
	padding: 0;
	text-transform: none;
	color: #999;
	font-size: .8em;
	margin-top: 0;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row.header-row {
		display: table;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row.header-row {
		display: none;
	}
}



#user-dashboard-order-list .order-detail .row {
	width: 100%;
	height: auto;
	/*margin-bottom: .5em;*/
	color: #888;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row {
		float: left;
		display: table;
		table-layout: fixed;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row {
		float: left;
		display: block;
	}
}
#user-dashboard-order-list .order-detail .row.row-deleted {
	text-decoration: line-through;
	color: #bbb;
}


#user-dashboard-order-list .order-detail .row .col {
	height: auto;
	vertical-align: middle;
	text-align: center;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col {
		float: none;
		display: table-cell;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col {
		float: left;
		display: block;
	}
}


#user-dashboard-order-list .order-detail .row .col label {
	float: left;
	width: 100%;
	height: auto;
	color: #aaa;
	font-size: .8em;
	text-transform: none;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col label {
		display: none;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col label {
		display: block;
	}
}
#user-dashboard-order-list .order-detail .row .col p {
	float: left;
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col p {
		display: inline;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col p {
		display: block;
	}
}


@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-name {
		width: 30%;
		text-align: left;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-name {
		width: 60%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-unit-price {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-unit-price {
		width: 20%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-quantity {
		width: 10%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-quantity {
		width: 20%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-net {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-net {
		width: 20%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-vat {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-vat {
		width: 20%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-gross {
		width: 10%;
		text-align: right;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-gross {
		width: 20%;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-empty {
		width: 20%;
	}
}
@media screen and (max-width: 1000px) {
	#user-dashboard-order-list .order-detail .row .col.col-empty {
		width: 40%;
	}
}



.content-main-part .product-detail-container .product-detail .product-info-panel .row.supply-info-container .supply-info-button-container .basket-action-container {
	font-size: 1.5em;
}


.content-main-part .basket-list-container .basket-list .item .basket-action-container {
	font-size: 1.1em;
}


.basket-action-container {
	float: right;
	display: block;
	width: auto;
	height: auto;
}


.basket-action-container .basket-action {
	float: right;
	display: block;
	width: auto;
	height: auto;
	padding: .25em;
	border-radius: .125em;
	box-shadow: none;
}

.basket-action-container .basket-action.basket-action-not-in-basket {
	background-image: url(/ref/img/bookshop/kosar-feher.png);
	background-repeat: no-repeat;
	background-position: .25em .15em;
	background-size: 1.25em;
	color: #fff;
	padding-left: 1.6em;
	transition:
		background .2s ease,
		box-shadow .2s ease;
}

.basket-action-container .basket-action.basket-action-in-basket {
	margin-left: 2px;
}
.basket-action-container .basket-action.basket-action-in-basket:last-of-type {
	margin-left: 0;
}

.basket-action-container .basket-action.basket-action-basket-remove {
	width: 1em;
	background-image: url(/ref/img/bookshop/kuka.png);
	background-size: .75em;
	background-repeat: no-repeat;
	background-position: center center;	
}

.basket-action-container .basket-action.basket-action-basket-plus {
	width: 1em;
	background-image: url(/ref/img/bookshop/basket-plus.png);
	background-size: .75em;
	background-position: center center;
	background-repeat: no-repeat;
}

.basket-action-container .basket-action.basket-action-basket-minus {
	width: 1em;
	background-image: url(/ref/img/bookshop/basket-minus.png);
	background-size: .75em;
	background-position: center center;
	background-repeat: no-repeat;
}

.basket-action-container .basket-action.basket-action-basket-caption {
	width: auto;
	color: #fff;
	text-align: center;
}

.basket-action-container .basket-action.inactive {
	cursor: default;
}

.basket-action-container .basket-action.basket-action-1 {
	background-color: #8f9100;
	box-shadow: none;
}
.basket-action-container .basket-action.basket-action-1:hover {
	background-color: #767704;
	box-shadow: 0 0 .25em .125em rgba(0, 0, 0, .1);
}
.basket-action-container .basket-action.basket-action-1.inactive:hover {
	background-color: #8f9100;
	box-shadow: none;
}

.basket-action-container .basket-action.basket-action-2 {
	background-color: #dc7c15;
	box-shadow: none;
}
.basket-action-container .basket-action.basket-action-2:hover {
	background-color: #c86f0f;
	box-shadow: 0 0 .25em .125em rgba(0, 0, 0, .1);
}
.basket-action-container .basket-action.basket-action-2.inactive:hover {
	background-color: #dc7c15;
	box-shadow: none;
}

.basket-action-container .basket-action.basket-action-3 {
	background-color: #e5e5e5;
	color: #969696;
	text-align: center;
}



.sticky-panel {
	position: fixed; 
	display: none;
	width: auto;
	left: 50%;
	border-radius: .25em;
	background-color: #dd6c93;
	box-shadow: 0 0 .25em .25em rgba(64, 64, 64, .25);
	font-size: 1.5em;
	cursor: pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);	
}
@media screen and (min-width: 400px) {
	.sticky-panel {
		width: auto;
	}
}
@media screen and (max-width: 400px) {
	.sticky-panel {
		width: calc(100% - 3em);
	}
}


.sticky-panel.sticky-panel-top {
	top: 2em; 
}
.sticky-panel.sticky-panel-bottom {
	bottom: 2em;
}
.sticky-panel.sticky-panel-middle {
	top: 50%;
    transform: 
		translateX(-50%)
		translateY(-50%);
}


.sticky-panel table {
	font-size: 1em;
}


.sticky-panel .sticky-panel-inner {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: .5em;
}

.sticky-panel .sticky-panel-content {
	float: left;
	display: block;
	width: auto;
	height: auto;
}

.sticky-panel .sticky-panel-message {
	float: left;
	display: block;
	width: auto;
	height: auto;
	margin-left: 2.75em;
	color: #fff;
}
.sticky-panel .sticky-panel-message span {
	font-size: .75em;
	opacity: .75;
}

.sticky-panel .logo {
	position: absolute;
	float: none;
	display: block;
	left: -1em;
	top: -1.5em;
	width: 4em;
	height: 4em;
	background-image: url(/ref/img/bookshop/maci-popup.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.sticky-panel.sticky-panel-error {
	background-color: #000;
}


.sticky-panel .close-button {
	float: none;
	display: block;
	position: absolute;
	right: -.75em;
	top: -.75em;
	width: 1.5em;
	height: 1.5em;
	background-image: url(/ref/img/bookshop/popup-close.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 
		transform .1s ease;
}
.sticky-panel .close-button:hover {
	transform: scale(1.1);
}


.sticky-panel.sticky-panel-error  .close-button {
	background-image: url(/ref/img/bookshop/popup-close-error.png);
}



#tatarstudiohu-ajax-loader-background {
	float: none;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: #fff;
	opacity: .5;
	z-index: 900901;
}

#tatarstudiohu-ajax-loader {
	float: none;
	display: table;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: none;
	opacity: 1;
	z-index: 900902;
}

#tatarstudiohu-ajax-loader-middle {
	float: none;
	display: table-cell;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
}

#tatarstudiohu-ajax-loader-inner {
	float: none;
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	background-image: url(/ref/img/bookshop/ajax-loader.png);
}
@media screen and (min-width: 1000px) {
	#tatarstudiohu-ajax-loader-inner {
		width: 128px;
		height: 128px;
	}
}
@media screen and (max-width: 1000px) {
	#tatarstudiohu-ajax-loader-inner {
		width: 96px;
		height: 96px;
	}
}
@media screen and (max-width: 800px) {
	#tatarstudiohu-ajax-loader-inner {
		width: 64px;
		height: 64px;
	}
}
/*@media screen and (max-width: 600px) {
	#tatarstudiohu-ajax-loader-inner {
		width: 4em;
		height: 4em;
	}
}*/