@charset "UTF-8";
/*
	Theme Name: Új Város Online
	Author: Joó Tamás e.v.
	Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Coustard&family=Fira+Sans+Condensed:wght@500&family=Fira+Sans:wght@400;500&family=Montserrat&family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700&family=Titillium+Web:wght@400;700&display=swap");
/* resets */
* {
  padding: 0px;
  margin: 0px;
}

img {
  border: 0px;
  max-width: 100%;
}

sup {
  vertical-align: top;
  position: relative;
  top: -0.5em;
  padding-left: 1px;
}

sub {
  vertical-align: bottom;
  position: relative;
  bottom: -0.5em;
  padding-left: 1px;
}

u {
  text-underline-position: under;
}

ul > li {
  list-style-type: none;
}

.center {
  text-align: center;
}

.clear {
  display: block;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  clear: both;
}

.clear.left {
  clear: left;
}

.clear.right {
  clear: right;
}

.clear.divider10 {
  height: 10px;
}

.clear.divider20 {
  height: 20px;
}

.clear.divider30 {
  height: 30px;
}

.img {
  font-size: 0px;
  line-height: 0px;
}

a, a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {
  border: none;
  outline: none !important;
}

input {
  border-radius: 0px; /* disable iOS browsers auto border radius */
  background: none; /* disable Firefox default grey background */
  outline: none;
  /* for iOS browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* disable arrows for input number */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  background: none; /* disable Firefox default grey background */
  resize: none;
  outline: none;
  overflow: auto; /* disable scrollbar in IE */
  /* for iOS browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px; /* disable default radius in iOS browsers */
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

select {
  background: none; /* disable default grey background */
  outline: none; /* for Chrome */
  -moz-appearance: none; /* hide arrow */
  -webkit-appearance: none;
  appearance: none;
}

select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #000 !important;
}

option:not(:checked) {
  color: black; /* prevent <option>s from becoming transparent as well */
}

table {
  /* kis kijelzon hosszu szavak tordelesehez */
  table-layout: fixed;
}

table td {
  /* kis kijelzon hosszu szavak tordelesehez */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

::placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  /* ezt kulon ki kell irni, mert mobil Chrome-ban csak igy mukodik, ha az elozo melle irom vesszovel, akkor nem */
  opacity: 1;
}

::selection {
  color: #ffffff;
  background: #ef1901;
}

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

/* */
html {
  /* ez iOS eszkozoknek kell, iPhone-nak biztos, mert van, hogy nem jol jelenitik meg az oldalt */
  -webkit-text-size-adjust: 100%;
}

body.touchScreen * {
  /* mobiloknak, ha kattintunk, akkor ne valtozzon az elem szine/hatterszine, pl. mobil Chrome-ban kekre */
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* mobile menu */
.mobileMenu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* text-align:right; */
  display: none;
  overflow-x: hidden;
  z-index: 100000;
}

.mobileMenu > div {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  /* background-color:#006F30; */
  opacity: 0;
}

.mobileMenu > div > div.menu > ul {
  font-size: 0px;
  line-height: 0px;
  background-color: #ffffff;
}

.mobileMenu > div > div.menu > ul > li {
  border-left: 5px solid rgba(0, 0, 0, 0.31);
  list-style-type: none;
  opacity: 0;
}

.mobileMenu > div > div.menu > ul > li.category1 {
  border-color: #FFC400;
}

.mobileMenu > div > div.menu > ul > li.category2 {
  border-color: #629A00;
}

.mobileMenu > div > div.menu > ul > li.category3 {
  border-color: #007E9F;
}

.mobileMenu > div > div.menu > ul > li.category4 {
  border-color: #FF6F00;
}

.mobileMenu > div > div.menu > ul > li.category2754 {
  border-color: #6e288c;
}

.mobileMenu > div > div.menu > ul > li.colorBooks {
  border-color: #EB4000;
}

.mobileMenu > div > div.menu > ul > li.close {
  border-color: rgba(0, 0, 0, 0.31);
  background-color: rgba(0, 0, 0, 0.62);
}

/*
.mobileMenu > div > div.menu > ul > li.lng{
	background-color:#006F30;
}
*/
.mobileMenu > div > div.menu > ul > li.facebook {
  border-left: 5px solid #4267b2;
  background-color: #4267b2;
}

.mobileMenu > div > div.menu > ul > li.youtube {
  border-left: 5px solid #EF1900;
  background-color: #EF1900;
}

.mobileMenu > div > div.menu > ul > li:last-child {
  padding-bottom: none;
}

.mobileMenu > div > div.menu > ul > li > a {
  display: block;
  min-width: 200px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.62);
  border-bottom: 1px solid #AAAAAA;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  text-decoration: none;
}

.mobileMenu > div > div.menu > ul > li.close > a {
  border-bottom: none;
}

.mobileMenu > div > div.menu > ul > li.facebook > a,
.mobileMenu > div > div.menu > ul > li.youtube > a {
  border-bottom: none;
}

.mobileMenu > div > div.menu > ul > li > a > div {
  display: table;
}

.mobileMenu > div > div.menu > ul > li > a > div > div {
  display: table-cell;
  height: 27px;
  vertical-align: middle;
}

.mobileMenu > div > div.menu > ul > li > a > div > div.img {
  width: 20px;
}

.mobileMenu > div > div.menu > ul > li > a > div > div.img > svg {
  width: 20px;
}

.mobileMenu > div > div.menu > ul > li.close > a > div > div.img {
  font-size: 22px;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
}

.mobileMenu > div > div.menu > ul > li.facebook > a > div > div.img,
.mobileMenu > div > div.menu > ul > li.youtube > a > div > div.img {
  font-size: 21px;
  line-height: 21px;
  color: #ffffff;
}

.mobileMenu > div > div.menu > ul > li > a > div > div.txt {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  color: red;
  padding-top: 1px;
  padding-left: 20px;
}

.mobileMenu > div > div.menu > ul > li.close > a > div > div.txt {
  color: #ffffff;
}

.mobileMenu > div > div.menu > ul > li.borderColorBlue {
  border-color: #007E9F;
}

.mobileMenu > div > div.menu > ul > li.borderColorRed {
  border-color: #EB4000;
}

.mobileMenu > div > div.menu > ul > li.borderColorPurple {
  border-color: #6e288c;
}

.mobileMenu > div > div.menu > ul > li.support > a {
  border-bottom: none;
  background-color: #dddddd;
}

.mobileMenu > div > div.menu > ul > li.facebook > a > div > div.txt,
.mobileMenu > div > div.menu > ul > li.youtube > a > div > div.txt {
  color: #ffffff;
}

.mobileMenu > div > div.menu > ul > li.dropdown > a,
.mobileMenu > div > div.menu > ul > li.magazine > a,
.mobileMenu > div > div.menu > ul > li.books > a {
  position: relative;
}

.mobileMenu > div > div.menu > ul > li.dropdown > a:after,
.mobileMenu > div > div.menu > ul > li.magazine > a:after,
.mobileMenu > div > div.menu > ul > li.books > a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  line-height: 1em;
  margin-top: -10px;
}

.mobileMenu > div > div.menu > ul > li.dropdown > a:after {
  content: "\f078";
}

.mobileMenu > div > div.menu > ul > li.magazine > a:after,
.mobileMenu > div > div.menu > ul > li.books > a:after {
  content: "\f054";
}

.mobileMenu > div > div.menu > ul > li > ul {
  display: none;
}

.mobileMenu > div > div.menu > ul > li > ul > li {
  opacity: 0;
}

.mobileMenu > div > div.menu > ul > li > ul > li > a {
  display: block;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.62);
  border-bottom: 1px solid #AAAAAA;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 40px;
  text-decoration: none;
}

/*
.mobileMenu > div > div.menu > ul > li.lng > ul{
	float:left;
	width:100%;
}

.mobileMenu > div > div.menu > ul > li.lng > ul > li{
	float:left;
	width:33.3333%;
	text-align:center;
}

.mobileMenu > div > div.menu > ul > li.lng > ul > li > a{
	display:block;
	font-family:'Open Sans';
	font-weight:600;
	font-size:14px;
	line-height:14px;
	color:#006F30;
	border-right:1px solid #aaaaaa;
	background-color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
}

.mobileMenu > div > div.menu > ul > li.lng > ul > li:last-child > a{
	border-right:none;
}

.mobileMenu > div > div.menu > ul > li.lng > ul > li.active > a{
	color:#ffffff;
	background-color:#006F30;
}
*/
/* popup */
.popupBg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.popup {
  position: fixed;
  top: 100px;
  left: 0px;
  width: 100%;
  text-align: center;
  display: none;
}

.popup > div {
  display: inline-block;
  /* min-width:...px; */
  background-color: #ffffff;
}

.popup > div > div {
  position: relative;
  padding: 50px;
  text-align: left;
}

.popup > div > div > a {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  color: #000000;
}

.popup > div > div > div > h2 {
  font-weight: 600;
  font-size: 70px;
  line-height: 70px;
  padding-bottom: 18px;
}

.popup > div > div > div > h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 22px;
}

.popup > div > div > div > p {
  max-width: 360px;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 25px;
  text-align: justify;
}

.breakLongWords {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* #8800ff */
.bgColorBar {
  position: absolute;
  left: -10%;
  width: 120%;
  height: 272px;
  transform: rotate(-5deg);
}

.logo {
  float: left;
  /* a */
}
.logo > a {
  display: block;
  /* .slogan */
}
.logo > a > .img {
  float: left;
}
@media screen and (max-width: 699px) {
  .logo > a > .img {
    float: none;
  }
}
.logo > a > .img > img {
  max-width: 224px;
}
@media screen and (max-width: 1199px) {
  .logo > a > .img > img {
    max-width: 180px;
  }
}
@media screen and (max-width: 499px) {
  .logo > a > .img > img {
    max-width: 160px;
  }
}
@media screen and (max-width: 399px) {
  .logo > a > .img > img {
    max-width: 140px;
  }
}
.logo > a > .slogan {
  float: left;
  padding-top: 24px;
  padding-left: 23px;
}
@media screen and (max-width: 1199px) {
  .logo > a > .slogan {
    padding-top: 14px;
  }
}
@media screen and (max-width: 699px) {
  .logo > a > .slogan {
    float: none;
    padding-top: 10px;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 499px) {
  .logo > a > .slogan {
    padding-top: 4px;
  }
}
@media screen and (max-width: 399px) {
  .logo > a > .slogan {
    padding-top: 3px;
  }
}
.logo > a > .slogan > span {
  font-family: "Fira Sans", serif;
  font-weight: 500;
  line-height: 1em;
  font-size: 20px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  .logo > a > .slogan > span {
    font-size: 18px;
  }
}
@media screen and (max-width: 799px) {
  .logo > a > .slogan > span {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  .logo > a > .slogan > span {
    font-size: 14px;
  }
}
@media screen and (max-width: 399px) {
  .logo > a > .slogan > span {
    font-size: 12px;
  }
}

.btn {
  position: relative;
  display: inline-block;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2142em;
  color: #ffffff;
  background-color: #EF1900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 499px) {
  .btn {
    font-size: 12px;
  }
}
.btn.grey {
  color: rgba(0, 0, 0, 0.87);
  background-color: #F5F2ED;
}
.btn.icon.left {
  padding-left: 41px;
}
.btn.icon.left > img {
  left: 15px;
}
.btn.icon.right {
  padding-right: 41px;
}
.btn.icon.right > img {
  right: 15px;
}
.btn.icon > img {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

/* .btn */
.btn:not(.icon):before {
  display: inline-block;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
}

input.btn {
  border: none;
}
input.btn:not(:disabled) {
  cursor: pointer;
}
input.btn:disabled {
  opacity: 0.5;
}

article {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* .main */
  /* .sizeL */
  /* .sizeXL */
  /* .sizeXXL */
  /* :hover */
}
article > .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  transition: background 0s linear 0.25s;
}
article > .main > .img {
  position: relative;
  overflow: hidden;
}
article > .main > .img > a > img {
  transition: transform 0.3s;
}
article > .main > .img > .draft {
  position: absolute;
  top: 20px;
  left: 20px;
}
article > .main > .txt {
  position: relative;
  background-color: #F5F2ED;
  transition: border-radius 0.3s;
  padding-top: 14px;
  padding-right: 28px;
  padding-left: 28px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* .author */
}
@media screen and (max-width: 1023px) {
  article > .main > .txt {
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media screen and (max-width: 499px) {
  article > .main > .txt {
    padding: 14px;
  }
}
article > .main > .txt > .category {
  padding-bottom: 16px;
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .category {
    padding-top: 0px !important;
    padding-bottom: 14px;
  }
}
article > .main > .txt > .title {
  padding-bottom: 10px;
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .title {
    padding-bottom: 12px !important;
  }
}
article > .main > .txt > .title > h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  line-height: 1.307em;
  font-size: 26px;
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .title > h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .title > h3 {
    font-size: 22px;
  }
}
article > .main > .txt > .title > h3 > a {
  color: rgba(0, 0, 0, 0.87);
}
article > .main > .txt > .title > h3 > a:hover {
  color: rgba(0, 0, 0, 0.6);
}
article > .main > .txt > .title.sm {
  /**
   * .sm : akkor kapja ezt a classt, ha az XXL meretben (vezercikkben) 50 karakternel hosszabb a cim,
   * ekkor kicsivel kisebbre vesszuk a betumeretet
   **/
}
article > .main > .txt > .title.sm > h2 {
  font-size: 24px;
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .title.sm > h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .title.sm > h2 {
    font-size: 20px;
  }
}
article > .main > .txt > .intro > p {
  font-family: Montserrat, serif;
  font-weight: 400;
  line-height: 1.625em;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .intro > p {
    font-size: 14px;
  }
}
article > .main > .txt > .intro > p > a {
  color: #EB4000;
}
article > .main > .txt > .intro > p > a:hover {
  border-bottom: 1px dotted #EB4000;
}
article > .main > .txt > .intro.sm {
  /**
   * .sm : akkor kapja ezt a classt, ha az XXL meretben (vezercikkben) 50 karakternel hosszabb a cim,
   * ekkor kicsivel kisebbre vesszuk a betumeretet
   **/
}
article > .main > .txt > .intro.sm > p {
  font-size: 15px;
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .intro.sm > p {
    font-size: 13px;
  }
}
article > .main > .txt > .author {
  position: absolute;
  bottom: 23px;
  left: 28px;
}
@media screen and (max-width: 1023px) {
  article > .main > .txt > .author {
    left: 18px;
  }
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .author {
    bottom: 14px;
    left: 14px;
  }
}
article > .main > .txt > .author > p {
  font-family: "Titillium Web", serif;
  font-weight: 400;
  line-height: 1.5em;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .author > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  article > .main > .txt > .author > p {
    font-size: 13px;
  }
}
article > .main > .txt > .author.sm {
  /**
   * .sm : akkor kapja ezt a classt, ha az XXL meretben (vezercikkben) 50 karakternel hosszabb a cim,
   * ekkor kicsivel kisebbre vesszuk a betumeretet
   **/
}
article > .main > .txt > .author.sm > p {
  font-size: 15px;
}
@media screen and (max-width: 1099px) {
  article > .main > .txt > .author.sm > p {
    font-size: 13px;
  }
}
article > .main > .txt > .more {
  position: absolute;
  bottom: 23px;
  left: 28px;
}
@media screen and (max-width: 1023px) {
  article > .main > .txt > .more {
    left: 18px;
  }
}
@media screen and (max-width: 499px) {
  article > .main > .txt > .more {
    bottom: 14px;
    left: 14px;
  }
}
article.sizeL > .main > .txt {
  /* bottom padding: 22px + .author magassaga 48px + .title padding bottom 14px */
  padding: 17px 16px 84px;
}
@media screen and (max-width: 499px) {
  article.sizeL > .main > .txt {
    padding: 14px 14px 0 14px;
  }
}
@media screen and (max-width: 1099px) {
  article.sizeL > .main > .txt > .title > h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1099px) {
  article.sizeL > .main > .txt > .title > h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 499px) {
  article.sizeL > .main > .txt > .intro {
    padding-bottom: 67px;
  }
}
article.sizeL > .main > .txt > .author {
  position: absolute;
  bottom: 22px;
  left: 16px;
}
@media screen and (max-width: 499px) {
  article.sizeL > .main > .txt > .author {
    bottom: 14px;
    left: 14px;
  }
}
article.sizeXL > .main > .txt {
  padding-top: 13px;
  padding-bottom: 90px; /* 23px + 10 + .author magassaga 48px + .intro padding bottom 9px */
}
@media screen and (max-width: 499px) {
  article.sizeXL > .main > .txt {
    padding-bottom: 0;
  }
}
article.sizeXL > .main > .txt > .title {
  padding-bottom: 14px;
}
@media screen and (max-width: 1099px) {
  article.sizeXL > .main > .txt > .title > h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1023px) {
  article.sizeXL > .main > .txt > .title > h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 499px) {
  article.sizeXL > .main > .txt > .intro {
    padding-bottom: 67px;
  }
}
@media screen and (max-width: 499px) {
  article.sizeXL > .main > .txt > .author {
    left: 14px;
  }
}
article.sizeXXL {
  /* .main */
}
article.sizeXXL > .bg {
  width: 75px;
  height: 75px;
}
article.sizeXXL > .main {
  display: table;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main {
    display: block;
  }
}
article.sizeXXL > .main > div {
  display: table-cell;
  vertical-align: top;
  /* .img */
  /* .txt */
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main > div {
    display: block;
  }
}
article.sizeXXL > .main > div.img {
  width: 65.9%;
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main > div.img {
    width: 100%;
  }
}
article.sizeXXL > .main > div.img > a {
  display: block;
  overflow: hidden;
}
article.sizeXXL > .main > div.img > a > img {
  width: 790px;
  max-width: 200%;
  height: 456px;
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main > div.img > a > img {
    width: 100%;
    height: auto;
  }
}
article.sizeXXL > .main > div.img > .mask {
  position: absolute;
  top: -10%;
  right: -30px;
  width: 50px;
  height: 120%;
  background-color: #F5F2ED;
  transform: rotate(5deg);
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main > div.img > .mask {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  article.sizeXXL > .main > div.txt {
    padding-bottom: 51px; /* 90 - 39 */
  }
}
@media screen and (max-width: 499px) {
  article.sizeXXL > .main > div.txt {
    padding-bottom: 0;
  }
}
article.sizeXXL > .main > div.txt > .category {
  padding-top: 15px;
}
article.sizeXXL > .main > div.txt > .title {
  padding-bottom: 20px;
}
article.sizeXXL > .main > div.txt > .intro {
  padding-bottom: 39px;
}
@media screen and (max-width: 499px) {
  article.sizeXXL > .main > div.txt > .intro {
    padding-bottom: 67px;
  }
}
article:hover > .bg {
  transition: background 0s linear;
}
article:hover > .main > .img > a > img {
  transform: scale(1.05);
}
article:hover > .main > .txt {
  border-bottom-right-radius: 50px;
}
article.colorCat1:hover > .bg, article.colorCat601:hover > .bg {
  background-color: #FFC400;
}
article.colorCat2:hover > .bg, article.colorCat602:hover > .bg {
  background-color: #629A00;
}
article.colorCat3:hover > .bg, article.colorCat603:hover > .bg {
  background-color: #007E9F;
}
article.colorCat4:hover > .bg {
  background-color: #FF6F00;
}
article.colorCat2754 {
  /* uj rovat 2022.: kultura */
}
article.colorCat2754:hover > .bg {
  background-color: #6e288c;
}
article.colorCat604:hover > .bg {
  background-color: #D1AE00;
}
article.colorCat2656:hover > .bg, article.bgBooks:hover > .bg {
  background-color: #EB4000;
}
article.sizeXXL:hover > .main > .txt {
  border-bottom-right-radius: 75px;
}

/* article */
.categoryTitleStyle {
  display: inline-block;
  font-family: "Fira Sans", serif;
  font-weight: 500;
  line-height: 1em;
  font-size: 16px;
  padding: 7px 8px 5px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
@media screen and (max-width: 1099px) {
  .categoryTitleStyle {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .categoryTitleStyle {
    font-size: 12px;
  }
}
.categoryTitleStyle.colorCat1, .categoryTitleStyle.colorCat601 {
  color: #000000;
  background-color: #FFC400;
}
.categoryTitleStyle.colorCat2, .categoryTitleStyle.colorCat602 {
  color: #ffffff;
  background-color: #629A00;
}
.categoryTitleStyle.colorCat3, .categoryTitleStyle.colorCat603, .categoryTitleStyle.colorCat2719 {
  color: #ffffff;
  background-color: #007E9F;
}
.categoryTitleStyle.colorCat4 {
  color: #ffffff;
  background-color: #FF6F00;
}
.categoryTitleStyle.colorCat2754 {
  /* uj rovat 2022.: kultura */
  color: #ffffff;
  background-color: #6e288c;
}
.categoryTitleStyle.colorCat604 {
  color: #ffffff;
  background-color: #D1AE00;
}
.categoryTitleStyle.colorCat2656, .categoryTitleStyle.colorBooks {
  color: #ffffff;
  background-color: #EB4000;
}

/* ezt ide kulon kiraktuk, mert ez a menu tobb helyen is megjelenik */
.categoriesMenu {
  /* ul */
}
.categoriesMenu > ul {
  /* li */
}
.categoriesMenu > ul > li {
  position: relative;
  float: left;
  padding-right: 23px;
  /* a */
  /* .submenu */
  /* .right */
}
.categoriesMenu > ul > li:last-child {
  padding-right: 0;
}
.categoriesMenu > ul > li > a {
  position: relative;
  display: inline-block;
  transition: border 0.3s;
}
.categoriesMenu > ul > li > a.colorCat1, .categoriesMenu > ul > li > a.colorCat601 {
  border-bottom: 3px solid #FFC400;
}
.categoriesMenu > ul > li > a.colorCat1:before, .categoriesMenu > ul > li > a.colorCat601:before {
  background-color: #FFC400;
}
.categoriesMenu > ul > li > a.colorCat2, .categoriesMenu > ul > li > a.colorCat602 {
  border-bottom: 3px solid #629A00;
}
.categoriesMenu > ul > li > a.colorCat2:before, .categoriesMenu > ul > li > a.colorCat602:before {
  background-color: #629A00;
}
.categoriesMenu > ul > li > a.colorCat3, .categoriesMenu > ul > li > a.colorCat603 {
  border-bottom: 3px solid #007E9F;
}
.categoriesMenu > ul > li > a.colorCat3:before, .categoriesMenu > ul > li > a.colorCat603:before {
  background-color: #007E9F;
}
.categoriesMenu > ul > li > a.colorCat4 {
  border-bottom: 3px solid #FF6F00;
}
.categoriesMenu > ul > li > a.colorCat4:before {
  background-color: #FF6F00;
}
.categoriesMenu > ul > li > a.colorCat2655, .categoriesMenu > ul > li > a.colorCat2754 {
  /* uj rovat 2022.: kultura */
  border-bottom: 3px solid #6e288c;
}
.categoriesMenu > ul > li > a.colorCat2655:before, .categoriesMenu > ul > li > a.colorCat2754:before {
  background-color: #6e288c;
}
.categoriesMenu > ul > li > a.colorCat604 {
  border-bottom: 3px solid #D1AE00;
}
.categoriesMenu > ul > li > a.colorCat604:before {
  background-color: #D1AE00;
}
.categoriesMenu > ul > li > a.colorBooks {
  border-bottom: 3px solid #EB4000;
}
.categoriesMenu > ul > li > a.colorBooks:before {
  background-color: #EB4000;
}
.categoriesMenu > ul > li > a > span {
  position: relative;
  display: inline-block;
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  line-height: 1.35em;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 1.05px;
  text-transform: uppercase;
  transition: color 0.3s;
}
@media screen and (max-width: 1099px) {
  .categoriesMenu > ul > li > a > span {
    font-size: 19px;
  }
}
@media screen and (max-width: 1023px) {
  .categoriesMenu > ul > li > a > span {
    font-size: 17px;
  }
}
.categoriesMenu > ul > li > a:before {
  display: inline-block;
  position: absolute;
  top: -4px;
  left: -12px;
  width: 100%;
  height: 100%;
  content: "";
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  opacity: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  transition: opacity 0.3s;
  border-bottom-right-radius: 25px;
}
.categoriesMenu > ul > li > div.submenu {
  display: none;
  position: absolute;
  top: 105%;
  left: -12px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom-right-radius: 25px;
  z-index: 1000;
}
.categoriesMenu > ul > li > div.submenu.colorCat1 {
  background-color: #FFC400;
}
.categoriesMenu > ul > li > div.submenu > ul > li {
  padding-bottom: 15px;
}
.categoriesMenu > ul > li > div.submenu > ul > li:last-child {
  padding-bottom: 0px;
}
.categoriesMenu > ul > li > div.submenu > ul > li > a {
  display: inline-block;
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  line-height: 1em;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.62);
  white-space: nowrap;
  letter-spacing: 1.05px;
  transition: color 0.3s;
}
@media screen and (max-width: 1099px) {
  .categoriesMenu > ul > li > div.submenu > ul > li > a {
    font-size: 19px;
  }
}
@media screen and (max-width: 1023px) {
  .categoriesMenu > ul > li > div.submenu > ul > li > a {
    font-size: 17px;
  }
}
.categoriesMenu > ul > li > div.submenu > ul > li > a:hover {
  color: #000000;
}
.categoriesMenu > ul > li:hover > .submenu {
  display: block;
}
.categoriesMenu > ul > li.active > a.colorCat1, .categoriesMenu > ul > li.active > a.colorCat601 {
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat1:before, .categoriesMenu > ul > li.active > a.colorCat601:before {
  background-color: #FFC400;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat1 > span, .categoriesMenu > ul > li.active > a.colorCat601 > span {
  color: #000000;
}
.categoriesMenu > ul > li.active > a.colorCat2, .categoriesMenu > ul > li.active > a.colorCat602 {
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat2:before, .categoriesMenu > ul > li.active > a.colorCat602:before {
  background-color: #629A00;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat2 > span, .categoriesMenu > ul > li.active > a.colorCat602 > span {
  color: #ffffff;
}
.categoriesMenu > ul > li.active > a.colorCat3, .categoriesMenu > ul > li.active > a.colorCat603 {
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat3:before, .categoriesMenu > ul > li.active > a.colorCat603:before {
  background-color: #007E9F;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat3 > span, .categoriesMenu > ul > li.active > a.colorCat603 > span {
  color: #ffffff;
}
.categoriesMenu > ul > li.active > a.colorCat4 {
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat4:before {
  background-color: #FF6F00;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat4 > span {
  color: #ffffff;
}
.categoriesMenu > ul > li.active > a.colorCat2754 {
  /* uj rovat 2022.: kultura */
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat2754:before {
  background-color: #6e288c;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat2754 > span {
  color: #ffffff;
}
.categoriesMenu > ul > li.active > a.colorCat604 {
  border-color: transparent;
}
.categoriesMenu > ul > li.active > a.colorCat604:before {
  background-color: #D1AE00;
  opacity: 1;
}
.categoriesMenu > ul > li.active > a.colorCat604 > span {
  color: #ffffff;
}
.categoriesMenu > ul > li:not(.active) > a:hover {
  border-color: transparent;
}
.categoriesMenu > ul > li:not(.active) > a:hover > span {
  color: #ffffff;
}
.categoriesMenu > ul > li:not(.active) > a:hover:before {
  opacity: 1;
}
.categoriesMenu > ul > li:not(.active) > a.colorCat1:hover > span, .categoriesMenu > ul > li:not(.active) > a.colorCat601:hover > span {
  color: #000000;
}
.categoriesMenu > ul > li.right {
  float: right;
  /* a */
}
.categoriesMenu > ul > li.right > .percent1 {
  float: left;
  padding-right: 30px;
  margin-top: -3px;
}
@media screen and (max-width: 1023px) {
  .categoriesMenu > ul > li.right > .percent1 {
    display: none;
  }
}
.categoriesMenu > ul > li.right > a > span {
  position: relative;
}
.categoriesMenu > ul > li.right > a > span:after {
  position: absolute;
  top: 0px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
}
.categoriesMenu > ul > li.right.iconRight > a > span {
  padding-right: 27px;
}
.categoriesMenu > ul > li.right.iconRight > a > span:after {
  right: 0px;
  content: "\f30b";
}
.categoriesMenu > ul > li.right.iconLeft > a > span {
  padding-left: 27px;
}
.categoriesMenu > ul > li.right.iconLeft > a > span:after {
  left: 0px;
  content: "\f30a";
}

.tags > ul {
  float: left;
}
.tags > ul > li {
  float: left;
  padding-right: 2px;
  padding-bottom: 2px;
}
.tags > ul > li:last-child {
  padding-right: 0px;
}
.tags > ul > li > a {
  display: inline-block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  text-transform: uppercase;
}

.social > ul {
  float: left;
  width: 100%;
  /* li */
}
.social > ul > li {
  float: left;
}
@media screen and (max-width: 599px) {
  .social > ul > li {
    float: none;
  }
}
.social > ul > li:first-child {
  width: 60%;
  /* a */
}
@media screen and (max-width: 599px) {
  .social > ul > li:first-child {
    width: 100%;
    padding-bottom: 30px;
  }
}
.social > ul > li:first-child > a {
  display: table;
}
.social > ul > li:first-child > a > span {
  display: table-cell;
  font-size: 0px;
  line-height: 0px;
  vertical-align: top;
}
.social > ul > li:first-child > a > span > img {
  height: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .social > ul > li:first-child > a > span > img {
    height: 18px;
  }
}
.social > ul > li:first-child > a > span.txt {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .social > ul > li:first-child > a > span.txt {
    font-size: 12px;
  }
}
.social > ul > li:last-child {
  width: 40%;
}
@media screen and (max-width: 599px) {
  .social > ul > li:last-child {
    width: 100%;
  }
}
.social > ul > li:last-child > a {
  float: right;
}
@media screen and (max-width: 599px) {
  .social > ul > li:last-child > a {
    float: none;
  }
}

ul.shareBtns {
  display: none;
  float: right;
}
ul.shareBtns > li {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
ul.shareBtns > li:last-child {
  padding-right: 0px;
}
ul.shareBtns > li > a > i {
  font-size: 21px;
  color: rgba(0, 0, 0, 0.87);
}

.article.category2 .author .shareBtns > li > a > i,
.article.category3 .author .shareBtns > li > a > i,
.article.category4 .author .shareBtns > li > a > i {
  color: #ffffff;
}

.paypalBtn {
  position: relative;
  display: block;
  max-width: 50%;
  font-size: 0px;
  line-height: 0px;
  background-color: #ffc43a;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 499px) {
  .paypalBtn {
    max-width: 80%;
  }
}
.paypalBtn.progress {
  pointer-events: none;
}
.paypalBtn.progress:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color: #253B80;
  margin-left: -15px;
  content: "\f252";
}
.paypalBtn.progress > img {
  opacity: 0.2;
}

html, body {
  overflow-x: hidden;
}

header > .wrap,
section > .wrap,
footer > .wrap {
  max-width: 1200px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  header > .wrap,
  section > .wrap,
  footer > .wrap {
    padding-right: 10px;
    padding-left: 10px;
  }
}

section > .wrap > .content > .title.grey {
  padding-right: 14px;
  padding-bottom: 18px;
  padding-left: 28px;
}
section > .wrap > .content > .title.grey > h3 {
  float: left;
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  line-height: 1.238em;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.05px;
  text-transform: uppercase;
}
@media screen and (max-width: 1099px) {
  section > .wrap > .content > .title.grey > h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 1023px) {
  section > .wrap > .content > .title.grey > h3 {
    font-size: 17px;
  }
}
section > .wrap > .content > .title.grey > .categoriesMenu {
  float: right;
}
section > .wrap > .content > .title > h1 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 32px;
  line-height: 1em;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  section > .wrap > .content > .title > h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  section > .wrap > .content > .title > h1 {
    font-size: 28px;
  }
}
section > .wrap > .content > .title > h1.grey {
  color: rgba(0, 0, 0, 0.62);
}
section > .wrap > .content > .title > h1 > a {
  color: #EF1900;
}
section > .wrap > .content > .title > h1 > a:hover {
  color: rgba(0, 0, 0, 0.87);
}
section > .wrap > .content > .title.red > h1 {
  color: #EF1900;
}

header {
  /* .wrap */
}
header > .wrap {
  /* .content */
}
header > .wrap > .content {
  position: relative;
  padding-top: 19px;
  padding-right: 20px;
  padding-left: 12px;
  /* .logoBar */
  /* nav */
}
@media screen and (max-width: 499px) {
  header > .wrap > .content {
    padding-right: 12px;
  }
}
header > .wrap > .content > .logoBar {
  padding-bottom: 22px;
  /* .menu */
}
@media screen and (max-width: 1099px) {
  header > .wrap > .content > .logoBar {
    padding-bottom: 20px;
  }
}
header > .wrap > .content > .logoBar > .menu {
  float: right;
  /* ul */
}
@media screen and (max-width: 1023px) {
  header > .wrap > .content > .logoBar > .menu {
    padding-top: 5px;
  }
}
@media screen and (max-width: 499px) {
  header > .wrap > .content > .logoBar > .menu {
    padding-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  header > .wrap > .content > .logoBar > .menu > div {
    display: none;
  }
}
header > .wrap > .content > .logoBar > .menu > div > ul {
  padding-top: 21px;
  /* li */
}
@media screen and (max-width: 1199px) {
  header > .wrap > .content > .logoBar > .menu > div > ul {
    padding-top: 15px;
  }
}
header > .wrap > .content > .logoBar > .menu > div > ul > li {
  float: left;
  padding-right: 9px;
  padding-left: 9px;
  /* .submenu */
}
header > .wrap > .content > .logoBar > .menu > div > ul > li:first-child {
  padding-left: 0;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li:last-child {
  padding-right: 0;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > a {
  display: inline-block;
  font-family: Roboto, serif;
  font-weight: 500;
  line-height: 1.56em;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.45px;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > a:hover {
  color: #000000;
}
@media screen and (max-width: 1099px) {
  header > .wrap > .content > .logoBar > .menu > div > ul > li > a {
    font-size: 16px;
  }
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.support > a {
  background-color: #F5F2ED;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.active {
  padding-right: 2px;
  padding-left: 2px;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.active > a {
  color: #ffffff;
  background-color: #EB4000;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu {
  position: relative;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu > div {
  position: absolute;
  top: 28px; /* 28 magassag + 5px */
  left: 50%;
  z-index: 1000;
  display: none;
  opacity: 0;
  /* ul */
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu > div > ul {
  position: relative;
  left: -50%;
  background-color: #F5F2ED;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.29);
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu > div > ul > li > a {
  display: block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.45px;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
  text-align: center;
  white-space: nowrap;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu > div > ul > li > a:hover {
  color: #ffffff;
  background-color: #EF1900;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li.submenu:hover > div {
  display: block;
  opacity: 1;
  /*
  animation:fadeIn ease .3s;
  -webkit-animation:fadeIn ease .3s;
  -moz-animation:fadeIn ease .3s;
  -o-animation:fadeIn ease .3s;
  -ms-animation:fadeIn ease .3s;
  animation-fill-mode:forwards;
  */
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social {
  float: left;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li {
  float: left;
  padding-top: 1px;
  padding-right: 16px;
}
@media screen and (max-width: 1099px) {
  header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li {
    padding-top: 0px;
  }
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li:last-child {
  padding-right: 0px;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a {
  position: relative;
  line-height: 1.56em;
  font-size: 18px;
  color: #424242;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a:hover {
  color: #EB4000;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a > i {
  position: relative;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a > span.cartCount {
  /* kosar db */
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background-color: #EB4000;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a > span.cartCount:not(.hide) {
  display: inline-block;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li > a > span.cartCount.hide {
  display: none;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li.youtube > a {
  color: #EB4000;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li.facebook > a {
  color: #4167b1;
}
header > .wrap > .content > .logoBar > .menu > div > ul > li > ul.social > li.instagram > a > i {
  color: #FACF34;
  background-image: linear-gradient(180deg, #FACF34, #ED2B7C 50%, #6228B8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header > .wrap > .content > .logoBar > .menu > ul {
  display: inline-block;
  /* li */
}
@media screen and (min-width: 1024px) {
  header > .wrap > .content > .logoBar > .menu > ul {
    display: none;
  }
}
header > .wrap > .content > .logoBar > .menu > ul > li {
  float: left;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  header > .wrap > .content > .logoBar > .menu > ul > li {
    padding-right: 15px;
  }
}
@media screen and (max-width: 399px) {
  header > .wrap > .content > .logoBar > .menu > ul > li {
    padding-right: 10px;
  }
}
@media screen and (max-width: 349px) {
  header > .wrap > .content > .logoBar > .menu > ul > li:first-child {
    display: none;
  }
}
header > .wrap > .content > .logoBar > .menu > ul > li:last-child {
  padding-right: 0;
}
@media screen and (max-width: 499px) {
  header > .wrap > .content > .logoBar > .menu > ul > li.percent1wrap {
    display: none;
  }
}
header > .wrap > .content > .logoBar > .menu > ul > li.percent1wrap > .percent1 {
  padding-top: 6px;
  margin-top: -4px;
}
header > .wrap > .content > .logoBar > .menu > ul > li > a {
  position: relative;
  display: inline-block;
  color: #424242;
}
header > .wrap > .content > .logoBar > .menu > ul > li > a > img {
  width: 40px;
}
@media screen and (max-width: 399px) {
  header > .wrap > .content > .logoBar > .menu > ul > li > a > img {
    width: 35px;
  }
}
header > .wrap > .content > .logoBar > .menu > ul > li > a > i {
  font-size: 24px;
  margin-top: 8px;
}
@media screen and (max-width: 499px) {
  header > .wrap > .content > .logoBar > .menu > ul > li > a > i {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 399px) {
  header > .wrap > .content > .logoBar > .menu > ul > li > a > i {
    margin-top: 7px;
  }
}
header > .wrap > .content > .logoBar > .menu > ul > li > a > span.cartCount {
  /* kosar db */
  position: absolute;
  top: 0;
  right: -8px;
  width: 16px;
  height: 16px;
  font-family: Roboto, serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background-color: #EB4000;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
header > .wrap > .content > .logoBar > .menu > ul > li > a > span.cartCount:not(.hide) {
  display: inline-block;
}
header > .wrap > .content > .logoBar > .menu > ul > li > a > span.cartCount.hide {
  display: none;
}
header > .wrap > .content > .logoBar > .menu > ul > li.youtube > a {
  color: #EB4000;
}
header > .wrap > .content > .logoBar > .menu > ul > li.facebook > a {
  color: #4167b1;
}
header > .wrap > .content > .logoBar > .menu > ul > li.instagram > a > i {
  color: #FACF34;
  background-image: linear-gradient(180deg, #FACF34, #ED2B7C 50%, #6228B8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header > .wrap > .content > nav {
  padding-bottom: 17px;
}
@media screen and (max-width: 799px) {
  header > .wrap > .content > nav {
    display: none;
  }
}
header > .wrap > .content > .percent1 {
  position: absolute;
  bottom: 7px;
  right: 15px;
}
@media screen and (min-width: 500px) {
  header > .wrap > .content > .percent1 {
    display: none;
  }
}

section {
  /* .leadArticle */
  /* .articleDouble */
  /* .articleTriple */
  /* .withMe */
  /* .booksFilter */
  /* .books */
  /* .article */
  /* .magazines */
  /* .authors */
  /* .author */
  /* .cart */
}
section.articleLead {
  position: relative;
  /* .wrap */
}
section.articleLead > .bgColorBar {
  top: 90px;
}
section.articleLead.bgBooks > .bgColorBar {
  background-color: #EB4000;
}
section.articleLead.category1 > .bgColorBar {
  background-color: #FFC400;
}
section.articleLead.category2 > .bgColorBar {
  background-color: #629A00;
}
section.articleLead.category3 > .bgColorBar {
  background-color: #007E9F;
}
section.articleLead > .wrap {
  position: relative;
  /* .content */
}
section.articleLead > .wrap > .content {
  padding-bottom: 30px;
  overflow: hidden;
  /*
  @media screen and (max-width:1099px){
  	padding-bottom:40px;
  }
  @media screen and (max-width:499px){
  	padding-bottom:20px;
  }
  */
  /* .sliderPager */
}
section.articleLead > .wrap > .content > ul {
  display: table;
}
section.articleLead > .wrap > .content > ul > li {
  display: table-cell;
  vertical-align: top;
}
section.articleLead > .wrap > .content > .sliderPager {
  font-size: 0px;
  line-height: 0px;
  padding-top: 10px;
  padding-right: 12px;
  text-align: right;
}
section.articleLead > .wrap > .content > .sliderPager > ul {
  display: inline-block;
}
section.articleLead > .wrap > .content > .sliderPager > ul > li {
  float: left;
  padding-right: 10px;
}
section.articleLead > .wrap > .content > .sliderPager > ul > li:last-child {
  padding-right: 0px;
}
section.articleLead > .wrap > .content > .sliderPager > ul > li > a {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #d2d2d2;
  transition: background 0.3s;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
section.articleLead > .wrap > .content > .sliderPager > ul > li > a:hover {
  background-color: #EB4000;
}
section.articleLead > .wrap > .content > .sliderPager > ul > li.active > a {
  background-color: #EB4000;
}
section.category4 {
  position: relative;
}
section.category4 > .bgColorBar {
  top: 90px;
  background-color: #FF6F00;
}
section.category2754 {
  /* uj rovat 2022.: kultura */
  position: relative;
}
section.category2754 > .bgColorBar {
  top: 90px;
  background-color: #6e288c;
}
section.category2656 {
  position: relative;
}
section.category2656 > .bgColorBar {
  top: 90px;
  background-color: #EB4000;
}
section.articleLeadBooks {
  position: relative;
}
section.articleLeadBooks > .bgColorBar {
  top: 90px;
  background-color: #EB4000;
}
section.articleDouble {
  position: relative;
}
section.articleDouble > .bgColorBar {
  top: 114px;
  background-color: #FFC400;
}
section.articleDouble > .wrap > .content > ul {
  float: left;
  width: 100%;
}
@media screen and (max-width: 699px) {
  section.articleDouble > .wrap > .content > ul {
    float: none;
  }
}
section.articleDouble > .wrap > .content > ul > li {
  float: left;
}
@media screen and (max-width: 699px) {
  section.articleDouble > .wrap > .content > ul > li {
    float: none;
  }
}
section.articleDouble > .wrap > .content > ul > li.item {
  width: 48.7%;
  padding-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  section.articleDouble > .wrap > .content > ul > li.item {
    width: 49.4%;
  }
}
@media screen and (max-width: 699px) {
  section.articleDouble > .wrap > .content > ul > li.item {
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  section.articleDouble > .wrap > .content > ul > li.item {
    padding-bottom: 20px;
  }
}
section.articleDouble > .wrap > .content > ul > li.divider {
  width: 2.6%;
  height: 10px;
}
@media screen and (max-width: 1023px) {
  section.articleDouble > .wrap > .content > ul > li.divider {
    width: 1.2%;
  }
}
@media screen and (max-width: 699px) {
  section.articleDouble > .wrap > .content > ul > li.divider {
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  section.articleDouble > .wrap > .content > ul > li.divider {
    display: none;
  }
}
section.articleDouble > .wrap > .content > ul > li:nth-child(4n) {
  display: none;
}
section.articleTriple > .wrap {
  /* .content */
}
section.articleTriple > .wrap > .content {
  /* ul */
}
section.articleTriple > .wrap > .content > ul {
  float: left;
  width: 100%;
}
@media screen and (max-width: 699px) {
  section.articleTriple > .wrap > .content > ul {
    float: none;
  }
}
section.articleTriple > .wrap > .content > ul > li {
  float: left;
  margin-bottom: 30px;
}
@media screen and (max-width: 699px) {
  section.articleTriple > .wrap > .content > ul > li {
    float: none;
  }
}
@media screen and (max-width: 499px) {
  section.articleTriple > .wrap > .content > ul > li {
    margin-bottom: 20px;
  }
}
section.articleTriple > .wrap > .content > ul > li.item {
  width: 31.6%;
  transition: opacity 2s;
}
@media screen and (max-width: 1023px) {
  section.articleTriple > .wrap > .content > ul > li.item {
    width: 32.5%;
  }
}
@media screen and (max-width: 699px) {
  section.articleTriple > .wrap > .content > ul > li.item {
    width: 100%;
  }
}
section.articleTriple > .wrap > .content > ul > li.item.opacityNull {
  opacity: 0;
}
section.articleTriple > .wrap > .content > ul > li.divider {
  width: 2.6%;
  height: 10px;
}
@media screen and (max-width: 1023px) {
  section.articleTriple > .wrap > .content > ul > li.divider {
    width: 1.25%;
  }
}
@media screen and (max-width: 699px) {
  section.articleTriple > .wrap > .content > ul > li.divider {
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  section.articleTriple > .wrap > .content > ul > li.divider {
    display: none !important;
  }
}
section.articleTriple > .wrap > .content > ul > li:nth-child(6n) {
  display: none;
}
@media screen and (max-width: 699px) {
  section.articleTriple > .wrap > .content > ul > li:nth-child(6n) {
    display: block;
  }
}
section.articleTriple > .wrap > .content > .loadMore {
  padding-bottom: 30px;
  text-align: center;
}
section.articleDouble.related > .wrap > .content > h3, section.articleTriple.related > .wrap > .content > h3 {
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  line-height: 1.238em;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.05px;
  text-transform: uppercase;
  border-top: 1px solid #d2d2d2;
  padding-top: 25px;
  padding-bottom: 25px;
}
section.articleDouble.borderBottom > .wrap > .content, section.articleTriple.borderBottom > .wrap > .content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
section.banner > .wrap > .content {
  padding-bottom: 30px;
  text-align: center;
}
section.withMe {
  position: relative;
}
section.withMe > .bgColorBar {
  top: 131px;
  background-color: #FF6F00;
}
@media screen and (max-width: 1279px) {
  section.withMe > .bgColorBar {
    height: 222px; /* eredetileg 272px */
  }
}
@media screen and (max-width: 1023px) {
  section.withMe > .bgColorBar {
    top: 111px;
    height: 172px;
  }
}
@media screen and (max-width: 799px) {
  section.withMe > .bgColorBar {
    height: 152px;
  }
}
section.withMe > .wrap {
  position: relative;
}
section.withMe > .wrap > .content {
  /* .list */
}
section.withMe > .wrap > .content:not(.inner) {
  padding-bottom: 88px;
}
@media screen and (max-width: 1099px) {
  section.withMe > .wrap > .content:not(.inner) {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  section.withMe > .wrap > .content:not(.inner) {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.withMe > .wrap > .content:not(.inner) {
    padding-bottom: 10px;
  }
}
section.withMe > .wrap > .content.inner {
  padding-bottom: 30px;
}
section.withMe > .wrap > .content > .title {
  padding-bottom: 30px;
  padding-left: 28px;
}
@media screen and (max-width: 499px) {
  section.withMe > .wrap > .content > .title {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  section.withMe > .wrap > .content > .list {
    padding-right: 28px;
    padding-left: 28px;
  }
}
section.withMe > .wrap > .content > .list > ul {
  float: left;
  width: 100%;
}
section.withMe > .wrap > .content > .list > ul > li {
  float: left;
  /* .item */
}
section.withMe > .wrap > .content > .list > ul > li:last-child {
  display: none;
}
section.withMe > .wrap > .content > .list > ul > li.item {
  width: 23%;
}
@media screen and (max-width: 599px) {
  section.withMe > .wrap > .content > .list > ul > li.item {
    width: 45%;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 499px) {
  section.withMe > .wrap > .content > .list > ul > li.item {
    padding-bottom: 20px;
  }
}
section.withMe > .wrap > .content > .list > ul > li.item > div {
  /* a */
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  transition: border-radius 0.3s;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.img {
  overflow: hidden;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.img > img {
  transition: transform 0.3s;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.bg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5019607843) 100%) 0% 0% no-repeat padding-box;
  transition: background 0.3s;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.bg:after {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent linear-gradient(180deg, rgba(255, 111, 0, 0) 0%, rgba(255, 111, 0, 0) 50%, #FF6F00 100%) 0% 0% no-repeat padding-box;
  transition: opacity 0.3s;
  opacity: 0;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.txt {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.txt > h2 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 17px;
  line-height: 1.3529em;
  color: #ffffff;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
}
@media screen and (max-width: 1023px) {
  section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.txt > h2 {
    font-size: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 699px) {
  section.withMe > .wrap > .content > .list > ul > li.item > div > a > div.txt > h2 {
    font-size: 13px;
  }
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a:hover {
  border-bottom-right-radius: 50px;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a:hover > .bg:after {
  opacity: 1;
}
section.withMe > .wrap > .content > .list > ul > li.item > div > a:hover > .img > img {
  transform: scale(1.05);
}
section.withMe > .wrap > .content > .list > ul > li.divider {
  width: 2.6666%;
  height: 10px;
}
@media screen and (max-width: 599px) {
  section.withMe > .wrap > .content > .list > ul > li.divider {
    width: 10%;
  }
}
@media screen and (max-width: 599px) {
  section.withMe > .wrap > .content > .list > ul > li:nth-child(4n) {
    display: none;
  }
}
@media screen and (max-width: 699px) {
  section.moreArticles {
    display: none;
  }
}
section.moreArticles > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 24px;
  padding-bottom: 46px;
}
section.moreArticles > .wrap > .content > .title {
  float: left;
  display: inline-block;
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  line-height: 1.238em;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.05px;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 24px;
  padding-left: 28px;
}
@media screen and (max-width: 1099px) {
  section.moreArticles > .wrap > .content > .title {
    font-size: 19px;
  }
}
@media screen and (max-width: 1023px) {
  section.moreArticles > .wrap > .content > .title {
    font-size: 17px;
  }
}
section.booksFilter {
  position: relative;
}
section.booksFilter > .wrap > .content {
  border-left: 3px solid #EF1900;
  background-color: #F5F2ED;
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  section.booksFilter > .wrap > .content {
    padding: 20px;
  }
}
section.booksFilter > .wrap > .content > form > ul {
  display: table;
  width: 100%;
}
@media screen and (max-width: 767px) {
  section.booksFilter > .wrap > .content > form > ul {
    display: block;
  }
}
section.booksFilter > .wrap > .content > form > ul > li {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  section.booksFilter > .wrap > .content > form > ul > li {
    display: block;
    width: 100%;
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  section.booksFilter > .wrap > .content > form > ul > li:first-child {
    padding-bottom: 10px;
  }
}
section.booksFilter > .wrap > .content > form > ul > li:last-child {
  text-align: right;
}
section.booksFilter > .wrap > .content > form > ul > li > div > input {
  width: 300px;
  height: 32px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 2.1111em;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #ffffff;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.booksFilter > .wrap > .content > form > ul > li > div > span {
  display: inline-block;
  position: relative;
}
section.booksFilter > .wrap > .content > form > ul > li > div > span:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-top: -0.5em;
  content: "\f078";
}
section.booksFilter > .wrap > .content > form > ul > li > div > span > select {
  width: 300px;
  height: 32px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 2.1111em;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #ffffff;
  padding-right: 15px;
  padding-left: 15px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.books {
  position: relative;
  /* .wrap */
}
section.books > .bgColorBar {
  top: 114px;
  background-color: #EB4000;
}
@media screen and (max-width: 1023px) {
  section.books > .bgColorBar {
    height: 172px; /* 272px eredetileg */
  }
}
section.books > .wrap {
  position: relative;
  /* .content */
}
section.books > .wrap > .content {
  padding-bottom: 30px;
  /* .list */
}
section.books > .wrap > .content > .list {
  background-color: #F5F2ED;
  padding: 60px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* .noResults */
  /* ul */
}
@media screen and (max-width: 1023px) {
  section.books > .wrap > .content > .list {
    padding: 50px 40px 50px 40px;
  }
}
@media screen and (max-width: 767px) {
  section.books > .wrap > .content > .list {
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  section.books > .wrap > .content > .list {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
section.books > .wrap > .content > .list > .noResults {
  padding-bottom: 30px;
}
section.books > .wrap > .content > .list > .noResults > div {
  border-left: 3px solid #EB4000;
  background-color: #ffffff;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
}
@media screen and (max-width: 1099px) {
  section.books > .wrap > .content > .list > .noResults > div {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}
section.books > .wrap > .content > .list > .noResults > div > p {
  font-family: Montserrat;
  font-weight: 700;
  line-height: 1.625em;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.books > .wrap > .content > .list > .noResults > div > p {
    font-size: 14px;
  }
}
section.books > .wrap > .content > .list > ul {
  display: inline-block;
  width: 100%;
  opacity: 0;
  /* li */
}
section.books > .wrap > .content > .list > ul > li {
  float: left;
  /* .item */
  /*
  &:nth-child( 6n ){
  	@media screen and (min-width:700px) and (max-width:1023px){
  		display:none;
  	}
  }
  */
  /*
  &:nth-child( 4n ){
  	@media screen and (max-width:599px){
  		display:none;
  	}
  }
  */
}
section.books > .wrap > .content > .list > ul > li.item {
  width: 24.07%;
  /*
  @media screen and (max-width:1023px){
  	width:28%;
  }
  @media screen and (max-width:799px){
  	width:30%;
  }
  */
  /* .category */
  /* .img */
  /* .txt */
}
@media screen and (max-width: 1023px) {
  section.books > .wrap > .content > .list > ul > li.item {
    width: 46%;
    padding-bottom: 20px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .category {
  padding-bottom: 18px;
  text-align: center;
}
section.books > .wrap > .content > .list > ul > li.item > .category > span {
  display: inline-block;
  font-family: "Fira Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1875em;
  color: rgba(0, 0, 0, 0.62);
  border-bottom: 2px solid;
  padding-bottom: 4px;
  text-transform: uppercase;
}
@media screen and (max-width: 799px) {
  section.books > .wrap > .content > .list > ul > li.item > .category > span {
    font-size: 14px;
  }
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list > ul > li.item > .category > span {
    padding-bottom: 2px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .category.category601 > span {
  border-color: #FFC400;
}
section.books > .wrap > .content > .list > ul > li.item > .category.category602 > span {
  border-color: #629A00;
}
section.books > .wrap > .content > .list > ul > li.item > .category.category603 > span {
  border-color: #007E9F;
}
section.books > .wrap > .content > .list > ul > li.item > .category.category604 > span {
  border-color: #D1AE00;
}
section.books > .wrap > .content > .list > ul > li.item > .img {
  justify-content: center;
  display: flex;
  align-items: center;
  /* justify-content:center; */
  /* a */
}
section.books > .wrap > .content > .list > ul > li.item > .img > a > img {
  width: 180px;
  transition: transform 0.3s;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
section.books > .wrap > .content > .list > ul > li.item > .img > a:hover > img {
  transform: scale(1.05);
}
section.books > .wrap > .content > .list > ul > li.item > .txt {
  text-align: center;
  /* .title */
  /* .price */
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .title {
  /* h3 */
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .title > p {
  font-family: "Titillium Web";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 22px;
  padding-bottom: 5px;
}
@media screen and (max-width: 799px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > p {
    padding-top: 18px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3181em;
  /*
  padding-bottom:60px;
  */
}
@media screen and (max-width: 1023px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 799px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 {
    /*
    padding-bottom:40px;
    */
  }
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 {
    font-size: 16px;
    /*
    padding-bottom:20px;
    */
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 > a {
  color: rgba(0, 0, 0, 0.87);
  transition: color 0.3s;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .title > h3 > a:hover {
  color: #EB4000;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price {
  padding-top: 22px;
  padding-bottom: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* ul */
}
@media screen and (max-width: 799px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price {
    padding-bottom: 30px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child {
  padding-bottom: 22px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*
  font-family:'Roboto Slab';
  font-weight:700;
  font-size:20px;
  line-height:1.3181em;
  padding-bottom:22px;
  @include borderbox();
  & > span{
  	display:block;
  	&.price{
  		&:before{
  			display:inline-block;
  			font-family:'Font Awesome 5 Free';
  			font-size:0.8em;
  			content:"\f02b";
  			padding-right:8px;
  		}
  	}
  	&.priceOriginal{
  		font-size:0.8em;
  		text-decoration:line-through;
  	}
  	&.sale{
  		color:$colorRed;
  	}
  }
  */
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div {
  font-size: 0px;
  line-height: 0px;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul {
  display: table;
  margin: auto;
}
@media screen and (max-width: 399px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul {
    display: block;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li {
  display: table-cell;
  vertical-align: bottom;
  /*
  @media screen and (max-width:799px){
  	font-size:14px;
  }
  */
}
@media screen and (max-width: 399px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li {
    display: block;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > label {
  display: inline-block;
  padding-right: 4px;
}
@media screen and (max-width: 399px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > label {
    display: block;
    padding-right: 0px;
    padding-bottom: 7px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > span {
  position: relative;
  display: inline-block;
  padding-left: 4px;
}
@media screen and (max-width: 399px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > span {
    display: block;
    padding-left: 0px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > span > a {
  display: inline-block;
  position: absolute;
  top: -0.4em;
  right: -1.3em;
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.62);
}
@media screen and (max-width: 399px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div > ul > li > span > a {
    right: 0px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price1 {
  font-family: "Roboto Slab";
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price1 label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price1 label {
    font-size: 14px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price1 span {
  font-weight: 700;
  font-size: 20px;
  line-height: 1em;
  color: #EB4000;
}
@media screen and (max-width: 499px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price1 span {
    font-size: 16px;
  }
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price2 {
  font-family: "Titillium Web";
  font-weight: 400;
  color: #424242;
  padding-top: 10px;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price2 label {
  font-size: 14px;
  line-height: 1em;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > ul > li:first-child > div.price2 span {
  font-size: 14px;
  line-height: 1em;
}
section.books > .wrap > .content > .list > ul > li.item > .txt > .price > p.outOfStock {
  font-family: "Titillium Web";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 799px) {
  section.books > .wrap > .content > .list > ul > li.item > .txt > .price > p.outOfStock {
    font-size: 14px;
  }
}
section.books > .wrap > .content > .list > ul > li.divider {
  width: 1.24%;
  height: 10px;
  /*
  @media screen and (max-width:1023px){
  	width:8%;
  }
  @media screen and (max-width:799px){
  	width:5%;
  }
  */
}
@media screen and (max-width: 1023px) {
  section.books > .wrap > .content > .list > ul > li.divider {
    width: 8%;
  }
}
@media screen and (max-width: 1023px) {
  section.books > .wrap > .content > .list > ul > li:nth-child(4n) {
    display: none;
  }
}
section.books:not(.compact) > .wrap > .content > .list {
  padding-bottom: 15px;
}
section.books:not(.noborder) > .wrap > .content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
section.book {
  position: relative;
}
section.book > .bgColorBar {
  top: 114px;
  background-color: #EB4000;
}
section.book > .wrap {
  position: relative;
  padding-bottom: 50px;
}
section.book > .wrap > .content {
  background-color: #F5F2ED;
  padding-top: 66px;
  padding-right: 86px;
  padding-bottom: 66px;
  padding-left: 86px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content {
    padding-top: 33px;
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content {
    padding-top: 10px;
    padding-bottom: 33px;
  }
}
section.book > .wrap > .content > div {
  /* .datas */
  /* .recommendation */
  /* .tags */
}
section.book > .wrap > .content > div.title {
  float: right;
  width: 63%;
  padding-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  section.book > .wrap > .content > div.title {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  section.book > .wrap > .content > div.title {
    width: 60%;
  }
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.title {
    float: none;
    width: 100%;
    max-width: 560px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.title {
    padding-bottom: 20px;
  }
}
section.book > .wrap > .content > div.title > h1 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3333em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 18px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1279px) {
  section.book > .wrap > .content > div.title > h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.title > h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  section.book > .wrap > .content > div.title > h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.title > h1 {
    font-size: 24px;
  }
}
section.book > .wrap > .content > div.title > h2 {
  font-family: "Titillium Web";
  font-weight: 700;
  font-size: 22px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  section.book > .wrap > .content > div.title > h2 {
    font-size: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.title > h2 {
    font-size: 18px;
  }
}
section.book > .wrap > .content > div.title > ul {
  float: left;
  width: 100%;
}
section.book > .wrap > .content > div.title > ul > li {
  float: left;
  width: 50%;
}
section.book > .wrap > .content > div.title > ul > li > h3 {
  font-family: "Titillium Web";
  font-weight: 700;
  line-height: 22px; /* azert nem em-ben van megadva, mert 22px magas a mellette levo share, es igy egyforma magasak */
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
}
section.book > .wrap > .content > div.title > ul > li > a {
  float: right;
}
section.book > .wrap > .content > div.cover {
  float: left;
  width: 30%;
  padding-bottom: 70px;
}
@media screen and (max-width: 1023px) {
  section.book > .wrap > .content > div.cover {
    width: 35%;
  }
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.cover {
    float: none;
    width: 100%;
    max-width: 500px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
section.book > .wrap > .content > div.cover > img {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
section.book > .wrap > .content > div.cover > span {
  display: block;
  text-align: center;
  padding-top: 30px;
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.cover > span {
    padding-top: 20px;
  }
}
section.book > .wrap > .content > div.datas {
  float: right;
  width: 63%;
  padding-bottom: 70px;
}
@media screen and (max-width: 1023px) {
  section.book > .wrap > .content > div.datas {
    width: 60%;
  }
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.datas {
    float: none;
    width: 100%;
    max-width: 560px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
section.book > .wrap > .content > div.datas.datasPromotions > .txt {
  display: none;
}
section.book > .wrap > .content > div.datas.datasPromotions > .buy {
  float: none;
  width: 100%;
}
section.book > .wrap > .content > div.datas > div {
  width: 50%;
  /* .txt */
  /* .buy */
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.datas > div {
    width: 100%;
  }
}
section.book > .wrap > .content > div.datas > div.description {
  width: 100%;
}
section.book > .wrap > .content > div.datas > div.txt {
  float: left;
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.datas > div.txt {
    float: none;
    padding-bottom: 40px;
  }
}
section.book > .wrap > .content > div.datas > div.txt > p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 2.1111em;
  color: rgba(0, 0, 0, 0.87);
}
section.book > .wrap > .content > div.datas > div.buy {
  float: right;
  padding-top: 4px;
  /* p */
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.datas > div.buy {
    float: none;
    padding-top: 0px;
  }
}
section.book > .wrap > .content > div.datas > div.buy > p {
  font-family: "Titillium Web";
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  /* .price1 */
}
section.book > .wrap > .content > div.datas > div.buy > p.price1 {
  font-weight: 300;
  font-size: 18px;
}
section.book > .wrap > .content > div.datas > div.buy > p.price1 > span {
  position: relative;
  display: inline-block;
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 26px;
  color: #EB4000;
  padding-left: 5px;
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.datas > div.buy > p.price1 > span {
    font-size: 22px;
  }
}
section.book > .wrap > .content > div.datas > div.buy > p.price1 > span > a {
  display: inline-block;
  position: absolute;
  top: -0.4em;
  right: -1.3em;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.62);
}
section.book > .wrap > .content > div.datas > div.buy > p.price2 {
  font-size: 18px;
  color: #424242;
  padding-top: 10px;
}
section.book > .wrap > .content > div.datas > div.buy > p.percent {
  font-size: 16px;
  color: #424242;
  padding-top: 10px;
}
section.book > .wrap > .content > div.datas > div.buy > p > a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.book > .wrap > .content > div.datas > div.buy > p > a:hover {
  border: none;
}
section.book > .wrap > .content > div.datas > div.buy > .quantity {
  padding-top: 30px;
}
section.book > .wrap > .content > div.datas > div.buy > .addToCart {
  padding-top: 30px;
}
section.book > .wrap > .content > div.datas > div.buy > p.outOfStock {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
section.book > .wrap > .content > div.datas > div.buy > span {
  display: block;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 30px;
}
section.book > .wrap > .content > div.datas > div.buy > span > a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.book > .wrap > .content > div.datas > div.buy > span > a:hover {
  border: none;
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.description {
    max-width: 500px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }
}
section.book > .wrap > .content > div.description > p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 0.75em;
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.description > p {
    font-size: 16px;
  }
}
section.book > .wrap > .content > div.description > p > a {
  color: #EB4000;
}
section.book > .wrap > .content > div.description > p > a:hover {
  border-bottom: 1px dotted #EB4000;
}
section.book > .wrap > .content > div.description > ul > li {
  position: relative;
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 20px;
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.description > ul > li {
    font-size: 16px;
  }
}
section.book > .wrap > .content > div.description > ul > li:before {
  position: absolute;
  top: 0.6em;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #EB4000;
  content: "";
}
section.book > .wrap > .content > div.description > ul > li > a {
  color: #EB4000;
}
section.book > .wrap > .content > div.description > ul > li > a:hover {
  border-bottom: 1px dotted #EB4000;
}
section.book > .wrap > .content > div.recommendation {
  padding-top: 28px;
  padding-right: 70px;
  padding-left: 70px;
  /* blockquote */
  /* ul */
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.recommendation {
    max-width: 500px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }
}
section.book > .wrap > .content > div.recommendation > p {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.recommendation > p {
    font-size: 16px;
  }
}
section.book > .wrap > .content > div.recommendation > blockquote {
  position: relative;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.recommendation > blockquote {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
section.book > .wrap > .content > div.recommendation > blockquote:before {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 0px;
  font-family: Coustard;
  font-weight: 400;
  font-size: 70px;
  line-height: 1em;
  color: #EB4000;
  content: '"';
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.recommendation > blockquote:before {
    left: 4px;
    font-size: 60px;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.recommendation > blockquote:before {
    top: 16px;
    left: 0px;
    font-size: 50px;
  }
}
section.book > .wrap > .content > div.recommendation > blockquote > p {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 45px;
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.recommendation > blockquote > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.recommendation > blockquote > p {
    padding-left: 35px;
  }
}
section.book > .wrap > .content > div.recommendation > blockquote > p > strong {
  font-weight: 500;
}
section.book > .wrap > .content > div.recommendation > ul {
  padding-top: 45px;
}
section.book > .wrap > .content > div.recommendation > ul > li {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  padding-bottom: 20px;
}
@media screen and (max-width: 1099px) {
  section.book > .wrap > .content > div.recommendation > ul > li {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.book > .wrap > .content > div.recommendation > ul > li {
    font-size: 14px;
  }
}
section.book > .wrap > .content > div.recommendation > ul > li > a {
  display: block;
  position: relative;
  color: #EB4000;
  padding-left: 30px;
}
section.book > .wrap > .content > div.recommendation > ul > li > a:hover {
  color: rgba(0, 0, 0, 0.87);
}
section.book > .wrap > .content > div.recommendation > ul > li > a > span {
  font-style: italic;
  font-size: 0.9em;
}
section.book > .wrap > .content > div.recommendation > ul > li > a:before {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.9em;
  content: "\f35d";
}
section.book > .wrap > .content > div.recommendation iframe {
  width: 100% !important;
}
section.book > .wrap > .content > div.tags {
  padding-top: 50px;
}
section.book > .wrap > .content > div.tags:not(.nopadding) {
  padding-right: 70px;
  padding-left: 70px;
}
@media screen and (max-width: 959px) {
  section.book > .wrap > .content > div.tags {
    max-width: 500px;
    padding-right: 30px !important;
    padding-left: 30px !important;
    margin-right: auto;
    margin-left: auto;
  }
}
section.book > .wrap > .content > div.tags > ul > li > a {
  background-color: #E1DACF;
}
section.book > .wrap > .content > div.tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #EB4000;
}
section.article {
  position: relative;
}
section.article > .bgColorBar {
  top: 50px;
  height: 600px; /* 390 */
}
@media screen and (max-width: 499px) {
  section.article > .bgColorBar {
    top: 10px;
  }
}
section.article > .wrap {
  position: relative;
  /* .content */
}
section.article > .wrap > .content {
  max-width: 894px;
  padding-top: 124px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content {
    padding-top: 50px;
  }
}
section.article > .wrap > .content > div {
  /* .author */
  /* .main */
  /* .sources */
  /* .tags */
  /* .support */
  /* .foot */
}
section.article > .wrap > .content > div.head {
  padding-right: 97px; /* 72 + 25 */
  padding-bottom: 30px;
  padding-left: 97px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.head {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.head {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.head > h1 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2105em;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.head > h1 {
    font-size: 33px;
  }
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.head > h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.head > h1 {
    font-size: 27px;
  }
}
section.article > .wrap > .content > div.lead {
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.lead {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.lead {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.lead > p {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5555em;
  padding-right: 72px;
  padding-left: 72px;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.lead > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.lead > p {
    padding-right: 0px;
    padding-left: 0px;
  }
}
section.article > .wrap > .content > div.author {
  padding-right: 97px; /* 72 + 25 */
  padding-bottom: 40px;
  padding-left: 97px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.author {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.author {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.author > ul {
  display: table;
  width: 100%;
  /* li */
}
section.article > .wrap > .content > div.author > ul > li {
  display: table-cell;
  width: 50%;
  vertical-align: bottom;
}
section.article > .wrap > .content > div.author > ul > li > p {
  font-family: Roboto;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.87);
}
section.article > .wrap > .content > div.author > ul > li > p.author {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.author > ul > li > p.author {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.author > ul > li > p.author {
    font-size: 14px;
  }
}
section.article > .wrap > .content > div.author > ul > li > p.date {
  font-weight: 400;
  font-size: 14px;
}
section.article > .wrap > .content > div.author > ul > li > p > a {
  color: rgba(0, 0, 0, 0.87);
}
section.article > .wrap > .content > div.author > ul > li:last-child {
  font-size: 0px;
  line-height: 0px;
}
section.article > .wrap > .content > div.author > ul > li:last-child > a.shareBtn {
  float: right;
}
section.article > .wrap > .content > div.img {
  padding-right: 72px;
  padding-bottom: 50px;
  padding-left: 72px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.img {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.img {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.img > div {
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
section.article > .wrap > .content > div.main {
  padding-right: 25px;
  padding-bottom: 40px;
  padding-left: 25px;
  /* blockquote */
  /* p */
  /* ul */
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.main {
    padding-right: 0px;
    padding-left: 0px;
  }
}
section.article > .wrap > .content > div.main > h2 {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.87);
  padding-right: 72px;
  padding-left: 72px;
}
section.article > .wrap > .content > div.main > blockquote {
  position: relative;
  padding-top: 44px;
  padding-bottom: 44px;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > blockquote {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
section.article > .wrap > .content > div.main > blockquote:before {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: -32px;
  font-family: Coustard;
  font-weight: 400;
  font-size: 70px;
  line-height: 1em;
  content: '"';
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > blockquote:before {
    left: 4px;
    font-size: 60px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.main > blockquote:before {
    top: 31px;
    left: 8px;
    font-size: 50px;
  }
}
section.article > .wrap > .content > div.main > blockquote > p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 24px;
  font-style: italic;
  line-height: 1.4166em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 13px;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > blockquote > p {
    font-size: 20px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.main > blockquote > p {
    font-size: 18px;
  }
}
section.article > .wrap > .content > div.main > blockquote > p > strong {
  font-weight: 500;
}
section.article > .wrap > .content > div.main > blockquote > p > a {
  color: #EB4000;
}
section.article > .wrap > .content > div.main > blockquote > p > a:hover {
  border-bottom: 1px dotted;
}
section.article > .wrap > .content > div.main > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-right: 72px;
  padding-left: 72px;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.main > p {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.main > p {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.main > p.readingTime {
  font-style: italic;
  opacity: 0.5;
}
section.article > .wrap > .content > div.main > p > strong {
  font-weight: 600;
}
section.article > .wrap > .content > div.main > p > a, section.article > .wrap > .content > div.main > p > em > a, section.article > .wrap > .content > div.main > p > strong > a {
  color: #EB4000;
}
section.article > .wrap > .content > div.main > p > a:hover, section.article > .wrap > .content > div.main > p > em > a:hover, section.article > .wrap > .content > div.main > p > strong > a:hover {
  border-bottom: 1px dotted;
}
section.article > .wrap > .content > div.main > ul {
  padding-right: 97px; /* 72 + 25 */
  padding-left: 97px;
  /* li */
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.main > ul {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.main > ul {
    padding-right: 20px;
    padding-left: 20px;
  }
}
section.article > .wrap > .content > div.main > ul > li {
  position: relative;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 20px;
  /* a */
  /* ul */
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > ul > li {
    font-size: 16px;
  }
}
section.article > .wrap > .content > div.main > ul > li > strong {
  font-weight: 600;
}
section.article > .wrap > .content > div.main > ul > li > a {
  color: #EB4000;
}
section.article > .wrap > .content > div.main > ul > li > a:hover {
  border-bottom: 1px dotted;
}
section.article > .wrap > .content > div.main > ul > li:before {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #EB4000;
  content: "";
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.main > ul > li:before {
    top: 9px;
  }
}
section.article > .wrap > .content > div.main > ul > li > ul {
  padding-left: 25px;
  /* li */
}
section.article > .wrap > .content > div.main > ul > li > ul > li {
  position: relative;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 20px;
  /* a */
}
section.article > .wrap > .content > div.main > ul > li > ul > li > strong {
  font-weight: 600;
}
section.article > .wrap > .content > div.main > ul > li > ul > li > a {
  color: #EB4000;
}
section.article > .wrap > .content > div.main > ul > li > ul > li > a:hover {
  border-bottom: 1px dotted;
}
section.article > .wrap > .content > div.main > ul > li > ul > li:before {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #EB4000;
  content: "";
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
section.article > .wrap > .content > div.main img:not(.banner) {
  /* ezzel hidaljuk at, hogy a WP editor mindenaron fix szelesseggel es magassaggal (width="" es height="") szurja be a kepeket, ami responsive oldalnal nem tul okos dolog ... */
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
section.article > .wrap > .content > div.main img.aligncenter {
  opacity: 0;
}
section.article > .wrap > .content > div.main > .getEmbedVideo {
  position: relative;
  height: 300px;
  background-color: #F5F2ED;
  cursor: pointer;
  opacity: 0;
}
section.article > .wrap > .content > div.main > .getEmbedVideo:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 70px;
  line-height: 70px;
  color: #EB4000;
  content: "\f144";
  margin-top: -35px;
  margin-left: -35px;
}
section.article > .wrap > .content > div.main > .embedVideo {
  font-size: 0px;
  line-height: 0px;
}
section.article > .wrap > .content > div.main > .FBpostWrap {
  text-align: center;
}
section.article > .wrap > .content > div.sources {
  padding-right: 25px;
  padding-bottom: 40px;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.sources {
    padding-right: 0px;
    padding-left: 0px;
  }
}
section.article > .wrap > .content > div.sources > p {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-right: 72px;
  padding-left: 72px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.sources > p {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.sources > p {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.sources > p > strong {
  font-weight: 600;
}
section.article > .wrap > .content > div.tags {
  padding-right: 97px; /* 72 + 25 */
  padding-bottom: 30px;
  padding-left: 97px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.tags {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.tags {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.tags > ul > li > a {
  background-color: #F5F2ED;
}
section.article > .wrap > .content > div.support {
  padding-right: 97px; /* 72 + 25 */
  padding-bottom: 30px;
  padding-left: 97px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.support {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.support {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.support > div {
  border-top: 2px solid #969899;
  border-bottom: 2px solid #969899;
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.support > div {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.support > div {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article > .wrap > .content > div.support > div > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
section.article > .wrap > .content > div.support > div > p:first-of-type {
  font-weight: 500;
  padding-bottom: 0.33em;
}
section.article > .wrap > .content > div.support > div > p:last-of-type {
  padding-bottom: 1em;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.support > div > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.support > div > p {
    font-size: 15px;
  }
}
section.article > .wrap > .content > div.support > div > p > span {
  font-size: 1.1em;
}
section.article > .wrap > .content > div.support > div > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.support > div > div {
    max-width: 300px;
    grid-template-columns: 1fr;
    grid-row-gap: 5px;
    margin: auto;
  }
}
section.article > .wrap > .content > div.support > div > div > div > a {
  display: block;
  font-family: Roboto, serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5555em;
  color: #ffffff;
  padding: 5px 0;
  text-align: center;
}
@media screen and (max-width: 1099px) {
  section.article > .wrap > .content > div.support > div > div > div > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.support > div > div > div > a {
    font-size: 15px;
  }
}
section.article > .wrap > .content > div.support > div > div > div:first-of-type > a {
  background-color: #EB4000;
}
section.article > .wrap > .content > div.support > div > div > div:last-of-type > a {
  background-color: #007E9F;
}
section.article > .wrap > .content > div.foot {
  padding-right: 97px; /* 72 + 25 */
  padding-bottom: 50px;
  padding-left: 97px;
}
@media screen and (max-width: 767px) {
  section.article > .wrap > .content > div.foot {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 499px) {
  section.article > .wrap > .content > div.foot {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.article.category1 > .bgColorBar {
  background-color: #FFC400;
}
section.article.category1 > .wrap > .content {
  /* .tags */
}
section.article.category1 > .wrap > .content > .head > h1 {
  color: rgba(0, 0, 0, 0.87);
}
section.article.category1 > .wrap > .content > .lead > p {
  color: rgba(0, 0, 0, 0.87);
}
section.article.category1 > .wrap > .content > .lead > p > a {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid;
}
section.article.category1 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category1 > .wrap > .content > .author > ul > li > p, section.article.category1 > .wrap > .content > .author > ul > li > p > a {
  color: rgba(0, 0, 0, 0.87);
}
section.article.category1 > .wrap > .content > .author > ul > li > a > span {
  color: rgba(0, 0, 0, 0.87);
}
section.article.category1 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: rgba(0, 0, 0, 0.87);
}
section.article.category1 > .wrap > .content > .main > blockquote:before {
  color: #FFC400;
}
section.article.category1 > .wrap > .content > .tags > ul > li > a:hover {
  background-color: #FFC400;
}
section.article.category2 > .bgColorBar {
  background-color: #629A00;
}
section.article.category2 > .wrap > .content {
  /* .tags */
}
section.article.category2 > .wrap > .content > .head > h1 {
  color: #ffffff;
}
section.article.category2 > .wrap > .content > .lead > p {
  color: #ffffff;
}
section.article.category2 > .wrap > .content > .lead > p > a {
  color: #ffffff;
  border-bottom: 1px solid;
}
section.article.category2 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category2 > .wrap > .content > .author > ul > li > p, section.article.category2 > .wrap > .content > .author > ul > li > p > a {
  color: #ffffff;
}
section.article.category2 > .wrap > .content > .author > ul > li > a > span {
  color: #ffffff;
}
section.article.category2 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: #ffffff;
}
section.article.category2 > .wrap > .content > .main > blockquote:before {
  color: #629A00;
}
section.article.category2 > .wrap > .content > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #629A00;
}
section.article.category3 > .bgColorBar, section.article.category2719 > .bgColorBar {
  background-color: #007E9F;
}
section.article.category3 > .wrap > .content, section.article.category2719 > .wrap > .content {
  /* .tags */
}
section.article.category3 > .wrap > .content > .head > h1, section.article.category2719 > .wrap > .content > .head > h1 {
  color: #ffffff;
}
section.article.category3 > .wrap > .content > .lead > p, section.article.category2719 > .wrap > .content > .lead > p {
  color: #ffffff;
}
section.article.category3 > .wrap > .content > .lead > p > a, section.article.category2719 > .wrap > .content > .lead > p > a {
  color: #ffffff;
  border-bottom: 1px solid;
}
section.article.category3 > .wrap > .content > .lead > p > a:hover, section.article.category2719 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category3 > .wrap > .content > .author > ul > li > p, section.article.category3 > .wrap > .content > .author > ul > li > p > a, section.article.category2719 > .wrap > .content > .author > ul > li > p, section.article.category2719 > .wrap > .content > .author > ul > li > p > a {
  color: #ffffff;
}
section.article.category3 > .wrap > .content > .author > ul > li > a > span, section.article.category2719 > .wrap > .content > .author > ul > li > a > span {
  color: #ffffff;
}
section.article.category3 > .wrap > .content > .author > ul > li > a > span > svg > g > path, section.article.category2719 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: #ffffff;
}
section.article.category3 > .wrap > .content > .main > blockquote:before, section.article.category2719 > .wrap > .content > .main > blockquote:before {
  color: #007E9F;
}
section.article.category3 > .wrap > .content > .tags > ul > li > a:hover, section.article.category2719 > .wrap > .content > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #007E9F;
}
section.article.category4 > .bgColorBar {
  background-color: #FF6F00;
}
section.article.category4 > .wrap > .content {
  /* .tags */
}
section.article.category4 > .wrap > .content > .head > h1 {
  color: #ffffff;
}
section.article.category4 > .wrap > .content > .head > ul > li:first-child > p, section.article.category4 > .wrap > .content > .head > ul > li:first-child > p > a {
  color: #ffffff;
}
section.article.category4 > .wrap > .content > .lead > p {
  color: #ffffff;
}
section.article.category4 > .wrap > .content > .lead > p > a {
  color: #ffffff;
  border-bottom: 1px solid;
}
section.article.category4 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category4 > .wrap > .content > .author > ul > li > p, section.article.category4 > .wrap > .content > .author > ul > li > p > a {
  color: #ffffff;
}
section.article.category4 > .wrap > .content > .author > ul > li > a > span {
  color: #ffffff;
}
section.article.category4 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: #ffffff;
}
section.article.category4 > .wrap > .content > .main > blockquote:before {
  color: #FF6F00;
}
section.article.category4 > .wrap > .content > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #FF6F00;
}
section.article.category2754 > .bgColorBar {
  background-color: #6e288c;
}
section.article.category2754 > .wrap > .content {
  /* .tags */
}
section.article.category2754 > .wrap > .content > .head > h1 {
  color: #ffffff;
}
section.article.category2754 > .wrap > .content > .head > ul > li:first-child > p, section.article.category2754 > .wrap > .content > .head > ul > li:first-child > p > a {
  color: #ffffff;
}
section.article.category2754 > .wrap > .content > .lead > p {
  color: #ffffff;
}
section.article.category2754 > .wrap > .content > .lead > p > a {
  color: #ffffff;
  border-bottom: 1px solid;
}
section.article.category2754 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category2754 > .wrap > .content > .author > ul > li > p, section.article.category2754 > .wrap > .content > .author > ul > li > p > a {
  color: #ffffff;
}
section.article.category2754 > .wrap > .content > .author > ul > li > a > span {
  color: #ffffff;
}
section.article.category2754 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: #ffffff;
}
section.article.category2754 > .wrap > .content > .main > blockquote:before {
  color: #6e288c;
}
section.article.category2754 > .wrap > .content > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #6e288c;
}
section.article.category2656 > .bgColorBar {
  background-color: #EB4000;
}
section.article.category2656 > .wrap > .content {
  /* .tags */
}
section.article.category2656 > .wrap > .content > .head > h1 {
  color: #ffffff;
}
section.article.category2656 > .wrap > .content > .head > ul > li:first-child > p, section.article.category2656 > .wrap > .content > .head > ul > li:first-child > p > a {
  color: #ffffff;
}
section.article.category2656 > .wrap > .content > .lead > p {
  color: #ffffff;
}
section.article.category2656 > .wrap > .content > .lead > p > a {
  color: #ffffff;
  border-bottom: 1px solid;
}
section.article.category2656 > .wrap > .content > .lead > p > a:hover {
  border: none;
}
section.article.category2656 > .wrap > .content > .author > ul > li > p, section.article.category2656 > .wrap > .content > .author > ul > li > p > a {
  color: #ffffff;
}
section.article.category2656 > .wrap > .content > .author > ul > li > a > span {
  color: #ffffff;
}
section.article.category2656 > .wrap > .content > .author > ul > li > a > span > svg > g > path {
  fill: #ffffff;
}
section.article.category2656 > .wrap > .content > .main > blockquote:before {
  color: #6e288c;
}
section.article.category2656 > .wrap > .content > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #6e288c;
}
section.magazines > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 30px;
  /* .introduction */
  /* .list */
}
section.magazines > .wrap > .content > .title {
  padding-right: 120px;
  padding-left: 120px;
}
@media screen and (max-width: 1023px) {
  section.magazines > .wrap > .content > .title {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .title {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.magazines > .wrap > .content > .title {
    padding-right: 12px;
    padding-left: 12px;
  }
}
section.magazines > .wrap > .content > .introduction {
  padding-right: 120px;
  padding-bottom: 30px;
  padding-left: 120px;
}
@media screen and (max-width: 1023px) {
  section.magazines > .wrap > .content > .introduction {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .introduction {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.magazines > .wrap > .content > .introduction {
    padding-right: 12px;
    padding-left: 12px;
  }
}
section.magazines > .wrap > .content > .introduction > p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  /*
  @media screen and (max-width:499px){
  	font-size:14px;
  }
  */
  /* a */
}
@media screen and (max-width: 1099px) {
  section.magazines > .wrap > .content > .introduction > p {
    font-size: 16px;
  }
}
section.magazines > .wrap > .content > .introduction > p > a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.magazines > .wrap > .content > .introduction > p > a:hover {
  border: none;
}
section.magazines > .wrap > .content > .introduction > div {
  padding-top: 30px;
  text-align: right;
}
section.magazines > .wrap > .content > .list {
  background-color: #F5F2ED;
  padding-right: 35px;
  padding-bottom: 25px;
  padding-left: 35px;
}
section.magazines > .wrap > .content > .list > ul {
  float: left;
  width: 100%;
  /* li */
}
section.magazines > .wrap > .content > .list > ul > li {
  float: left;
  /* .txt */
}
@media screen and (max-width: 499px) {
  section.magazines > .wrap > .content > .list > ul > li {
    float: none;
  }
}
section.magazines > .wrap > .content > .list > ul > li.item {
  width: 24.07%;
  padding-top: 50px;
  padding-bottom: 25px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  section.magazines > .wrap > .content > .list > ul > li.item {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .list > ul > li.item {
    width: 45%;
  }
}
@media screen and (max-width: 499px) {
  section.magazines > .wrap > .content > .list > ul > li.item {
    width: 100%;
    padding-top: 20px;
  }
}
section.magazines > .wrap > .content > .list > ul > li.divider {
  width: 1.24%;
  height: 10px;
}
@media screen and (max-width: 959px) {
  section.magazines > .wrap > .content > .list > ul > li.divider {
    width: 5%;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .list > ul > li.divider {
    width: 10%;
  }
}
@media screen and (max-width: 499px) {
  section.magazines > .wrap > .content > .list > ul > li.divider {
    display: none !important;
  }
}
section.magazines > .wrap > .content > .list > ul > li:nth-child(8n) {
  display: none;
}
@media screen and (max-width: 959px) {
  section.magazines > .wrap > .content > .list > ul > li:nth-child(8n) {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  section.magazines > .wrap > .content > .list > ul > li:nth-child(6n) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .list > ul > li:nth-child(6n) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .list > ul > li:nth-child(4n) {
    display: none;
  }
}
section.magazines > .wrap > .content > .list > ul > li > .img {
  padding-bottom: 22px;
}
section.magazines > .wrap > .content > .list > ul > li > .img > img {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1279px) {
  section.magazines > .wrap > .content > .list > ul > li > .img > img {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  section.magazines > .wrap > .content > .list > ul > li > .img > img {
    width: auto;
  }
}
section.magazines > .wrap > .content > .list > ul > li > .txt {
  /* padding-left:35px; */
}
section.magazines > .wrap > .content > .list > ul > li > .txt > h2 {
  font-family: "Titillium Web";
  font-weight: 700;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 10px;
}
section.magazines > .wrap > .content > .list > ul > li > .txt > p {
  font-family: "Titillium Web";
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 10px;
}
section.magazines > .wrap > .content > .list > ul > li > .txt > div {
  padding-top: 15px;
}
section.authors > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-right: 12px;
  padding-bottom: 30px;
  padding-left: 12px;
}
section.authors > .wrap > .content > h1 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 32px;
  line-height: 1em;
  color: #EF1900;
  padding-top: 35px;
}
section.authors > .wrap > .content > .list {
  /* ul */
}
section.authors > .wrap > .content > .list > ul {
  float: left;
  width: 100%;
}
section.authors > .wrap > .content > .list > ul > li {
  float: left;
  width: 25%;
}
@media screen and (max-width: 1023px) {
  section.authors > .wrap > .content > .list > ul > li {
    width: 33.3333%;
  }
}
@media screen and (max-width: 767px) {
  section.authors > .wrap > .content > .list > ul > li {
    width: 50%;
  }
}
section.authors > .wrap > .content > .list > ul > li > div {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  /* .txt */
}
@media screen and (max-width: 767px) {
  section.authors > .wrap > .content > .list > ul > li > div {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.authors > .wrap > .content > .list > ul > li > div > .img {
    padding-right: 10px;
    padding-left: 10px;
  }
}
section.authors > .wrap > .content > .list > ul > li > div > .img > div {
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
section.authors > .wrap > .content > .list > ul > li > div > .txt {
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  section.authors > .wrap > .content > .list > ul > li > div > .txt {
    padding-top: 30px;
  }
}
section.authors > .wrap > .content > .list > ul > li > div > .txt > h2 {
  font-family: "Titillium Web";
  font-weight: 700;
  font-size: 22px;
  line-height: 1em;
}
@media screen and (max-width: 1023px) {
  section.authors > .wrap > .content > .list > ul > li > div > .txt > h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.authors > .wrap > .content > .list > ul > li > div > .txt > h2 {
    font-size: 18px;
  }
}
section.authors > .wrap > .content > .list > ul > li > div > .txt > h2 > a {
  color: rgba(0, 0, 0, 0.87);
}
section.authors > .wrap > .content > .list > ul > li > div > .txt > h2 > a:hover {
  color: #EF1900;
}
section.authors > .wrap > .content > .list > p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
}
@media screen and (max-width: 1099px) {
  section.authors > .wrap > .content > .list > p {
    font-size: 16px;
  }
}
section.author > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-right: 12px;
  padding-bottom: 45px;
  padding-left: 12px;
  margin-bottom: 18px;
}
section.author > .wrap > .content > .title > h1 > a {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
section.author > .wrap > .content > .title > h1 > a:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  line-height: 1em;
  content: "\f053";
  margin-top: -7px;
}
section.author > .wrap > .content > .profile {
  padding-top: 10px;
}
section.author > .wrap > .content > .profile > ul {
  float: left;
  width: 100%;
}
@media screen and (max-width: 767px) {
  section.author > .wrap > .content > .profile > ul {
    float: none;
  }
}
section.author > .wrap > .content > .profile > ul > li {
  float: left;
}
@media screen and (max-width: 767px) {
  section.author > .wrap > .content > .profile > ul > li {
    float: none;
  }
}
section.author > .wrap > .content > .profile > ul > li:first-child {
  width: 33.3333%;
}
@media screen and (max-width: 767px) {
  section.author > .wrap > .content > .profile > ul > li:first-child {
    width: 100%;
    padding-bottom: 30px;
  }
}
section.author > .wrap > .content > .profile > ul > li:last-child {
  width: 66.6666%;
}
@media screen and (max-width: 767px) {
  section.author > .wrap > .content > .profile > ul > li:last-child {
    width: 100%;
  }
}
section.author > .wrap > .content > .profile > ul > li > .img {
  text-align: center;
}
section.author > .wrap > .content > .profile > ul > li > .img > div {
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
section.author > .wrap > .content > .profile > ul > li > .txt > h2 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 36px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 10px;
  padding-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  section.author > .wrap > .content > .profile > ul > li > .txt > h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  section.author > .wrap > .content > .profile > ul > li > .txt > h2 {
    font-size: 28px;
    text-align: center;
  }
}
section.author > .wrap > .content > .profile > ul > li > .txt > p {
  font-family: "Titillium Web";
  font-size: 18px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.author > .wrap > .content > .profile > ul > li > .txt > p {
    font-size: 16px;
  }
}
section.author > .wrap > .content > .profile > ul > li > .txt > p.title {
  font-weight: 700;
  padding-bottom: 30px;
}
section.author > .wrap > .content > .profile > ul > li > .txt > p.data {
  font-weight: 400;
}
section.author > .wrap > .content > .profile > ul > li > .txt > div {
  padding-top: 30px;
}
section.author > .wrap > .content > .profile > ul > li > .txt > div > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.author > .wrap > .content > .profile > ul > li > .txt > div > p {
    font-size: 16px;
  }
}
section.page > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 18px;
}
section.page > .wrap > .content > .title {
  padding-right: 120px;
  padding-left: 120px;
}
@media screen and (max-width: 1023px) {
  section.page > .wrap > .content > .title {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.page > .wrap > .content > .title {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.page > .wrap > .content > .title {
    padding-right: 12px;
    padding-left: 12px;
  }
}
section.page > .wrap > .content > .main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-right: 120px;
  padding-bottom: 60px;
  padding-left: 120px;
  /**
   * sima szoveg formazasa, ezt egysegesiteni kell majd az editor.css -be
   * a customize-posts-pages plugin helyett
   */
}
@media screen and (max-width: 1023px) {
  section.page > .wrap > .content > .main {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.page > .wrap > .content > .main {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 499px) {
  section.page > .wrap > .content > .main {
    padding-right: 12px;
    padding-left: 12px;
  }
}
section.page > .wrap > .content > .main > h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.page > .wrap > .content > .main > h2 {
    font-size: 20px;
  }
}
section.page > .wrap > .content > .main > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.page > .wrap > .content > .main > p {
    font-size: 16px;
  }
}
section.page > .wrap > .content > .main > p a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.page > .wrap > .content > .main > p a:hover {
  border: none;
}
section.page > .wrap > .content > .main > ul, section.page > .wrap > .content > .main > ol {
  padding-left: 20px;
}
section.page > .wrap > .content > .main > ul li, section.page > .wrap > .content > .main > ol li {
  position: relative;
  min-height: 1.5555em;
  font-family: Roboto, serif;
  font-size: 18px;
  line-height: 1.5555em;
  padding-left: 20px;
  list-style-type: none;
}
section.page > .wrap > .content > .main > ul li:before, section.page > .wrap > .content > .main > ol li:before {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #EB4000;
  content: "";
}
section.page > .wrap > .content > .main > ul li a, section.page > .wrap > .content > .main > ol li a {
  color: #EB4000;
  text-decoration: none;
}
section.page > .wrap > .content > .main img.aligncenter {
  opacity: 0;
}
section.page > .wrap > .content > .main > table {
  width: 100%;
  border-collapse: collapse;
}
section.page > .wrap > .content > .main > table td {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 15px;
}
@media screen and (max-width: 1099px) {
  section.page > .wrap > .content > .main > table td {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.page > .wrap > .content > .main > table td {
    font-size: 14px;
  }
}
section.page > .wrap > .content > .main > table tr:first-child > td {
  color: #ffffff;
  border-color: #EF1900;
  background-color: #EF1900;
}
section.cart {
  /* .cartMsg */
  /* .cartItems */
  /* .updateCart */
}
section.cart .main.cartSuccessTxt {
  text-align: center;
}
section.cart .main.cartSuccessTxt .fas {
  font-size: 48px;
}
section.cart .main.cartSuccessTxt .fas.fa-check-circle {
  color: #629A00;
}
section.cart .main.cartSuccessTxt .fas.fa-times-circle {
  color: #EB4000;
}
section.cart .main.emptyCartTxt {
  display: none;
}
section.cart .cartMsg {
  padding-bottom: 20px;
}
section.cart .cartMsg > div {
  position: relative;
  border-left: 3px solid #EB4000;
  background-color: #F5F2ED;
  padding: 20px 20px 20px 70px;
}
section.cart .cartMsg > div:before {
  position: absolute;
  top: 21px;
  left: 30px;
  display: inline-block;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 700;
  font-size: 1.5em;
  color: #EB4000;
  content: "\f06a";
}
section.cart .cartMsg > div > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: #EB4000;
}
@media screen and (max-width: 1099px) {
  section.cart .cartMsg > div > p {
    font-size: 16px;
  }
}
section.cart .cartItems {
  padding-bottom: 20px;
}
section.cart .cartItems > ul > li {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  /* ul */
}
@media screen and (max-width: 1099px) {
  section.cart .cartItems > ul > li {
    font-size: 16px;
  }
}
section.cart .cartItems > ul > li.head {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 700;
  background-color: #F5F2ED;
  padding-top: 3px;
  padding-bottom: 3px;
}
section.cart .cartItems > ul > li.head > ul > li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
section.cart .cartItems > ul > li:nth-child(odd) {
  border-top: 2px solid #F5F2ED;
}
section.cart .cartItems > ul > li > ul {
  display: table;
  width: 100%;
}
section.cart .cartItems > ul > li > ul > li {
  display: table-cell;
  vertical-align: middle;
}
section.cart .cartItems > ul > li > ul > li.image {
  width: 120px;
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li > ul > li.image {
    display: none;
  }
}
section.cart .cartItems > ul > li > ul > li.image > .img {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li > ul > li.title {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
section.cart .cartItems > ul > li > ul > li.title > p {
  padding-left: 20px;
  /*
  & > s{
  	@media screen and (max-width:767px){
  		display:block;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li > ul > li.title > p {
    padding-left: 10px;
  }
}
section.cart .cartItems > ul > li > ul > li.title > p.sum {
  display: none;
}
section.cart .cartItems > ul > li > ul > li.title > p.remove {
  padding-top: 0.8em;
}
section.cart .cartItems > ul > li > ul > li.title > p.remove > a {
  color: #EB4000;
}
section.cart .cartItems > ul > li > ul > li.quantity {
  width: 120px;
  text-align: center;
}
section.cart .cartItems > ul > li > ul > li.price {
  width: 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li > ul > li.headerPrice, section.cart .cartItems > ul > li > ul > li.itemPrice {
    display: none;
  }
}
section.cart .cartItems > ul > li.sum {
  background-color: #F5F2ED;
}
section.cart .cartItems > ul > li.sum > .shipping {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li.sum > .shipping {
    display: block;
  }
}
section.cart .cartItems > ul > li.sum > .shipping > li {
  color: rgba(0, 0, 0, 0.87);
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li.sum > .shipping > li {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li.sum > .shipping > li.image {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li.sum > .shipping > li.price {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  section.cart .cartItems > ul > li.sum > .shipping > li.price > p {
    padding-left: 10px;
  }
}
section.cart .cartItems > ul > li.sum > .sumPrice > li {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
}
section.cart .updateCart {
  display: none;
}
section.cart .promotions {
  padding: 0 30px;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  section.cart .promotions {
    padding: 0 20px;
  }
}
section.cart .promotions > ul {
  display: grid;
  grid-template-columns: 2fr 4fr 4fr;
  grid-row-gap: 20px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  section.cart .promotions > ul {
    grid-template-columns: 1fr 2fr;
  }
}
section.cart .promotions > ul > li:first-child div {
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  section.cart .promotions > ul > li:first-child div {
    padding-right: 20px;
  }
}
section.cart .promotions > ul > li:last-child {
  text-align: right;
}
@media screen and (max-width: 767px) {
  section.cart .promotions > ul > li:last-child {
    grid-column: 1/-1;
    text-align: center;
  }
}
section.cart .promotions > ul > li > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.cart .promotions > ul > li > p {
    font-size: 16px;
  }
}
section.cart .updateCart, section.cart .promotions {
  border-left: 3px solid #EB4000;
  background-color: #F5F2ED;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
section.cart .updateCart > p, section.cart .promotions > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 1em;
}
@media screen and (max-width: 1099px) {
  section.cart .updateCart > p, section.cart .promotions > p {
    font-size: 16px;
  }
}
section.cart form {
  /* .item */
}
section.cart form > h2 {
  display: inline-block;
  width: 100%;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1099px) {
  section.cart form > h2 {
    font-size: 20px;
  }
}
section.cart form > h2 > i {
  float: left;
  width: 40px;
  padding-top: 2px;
}
section.cart form > .item {
  padding-bottom: 20px;
  /* .terms */
}
section.cart form > .item.shipping_name:not(.show), section.cart form > .item.shipping_address:not(.show), section.cart form > .item.shipping_mode_foxpost:not(.show), section.cart form > .item.shipping_mode_mpl_box:not(.show) {
  display: none;
}
section.cart form > .item input[type=text] {
  width: 100%;
  height: 50px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #F5F2ED;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  section.cart form > .item input[type=text] {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}
section.cart form > .item > select {
  width: 100%;
  height: 50px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #F5F2ED;
  background-image: url("img/icon-select-arrow.svg");
  background-position: center right 20px;
  background-size: 18px auto;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  section.cart form > .item > select {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}
section.cart form > .item > select > option.disabled {
  color: rgba(0, 0, 0, 0.3);
}
section.cart form > .item > textarea {
  width: 100%;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #F5F2ED;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  section.cart form > .item > textarea {
    font-size: 16px;
  }
}
section.cart form > .item.phone > ul {
  display: table;
  width: 100%;
}
section.cart form > .item.phone > ul > li {
  display: table-cell;
  vertical-align: top;
}
section.cart form > .item.phone > ul > li:first-child {
  width: 70px;
  padding-right: 10px;
}
section.cart form > .item.phone > ul > li:nth-child(2) {
  width: 70px;
  padding-right: 10px;
}
section.cart form > .item.sameShippingBilling {
  display: none;
}
section.cart form > .item > .shippingLogos > img {
  height: 60px;
}
section.cart form > .item > .billModes > label, section.cart form > .item > .terms > label, section.cart form > .item > .same > label, section.cart form > .item > .cartNewsletter > label {
  display: block;
  position: relative;
  /* p */
}
section.cart form > .item > .billModes > label.disabled, section.cart form > .item > .terms > label.disabled, section.cart form > .item > .same > label.disabled, section.cart form > .item > .cartNewsletter > label.disabled {
  opacity: 0.3;
}
section.cart form > .item > .billModes > label > input, section.cart form > .item > .terms > label > input, section.cart form > .item > .same > label > input, section.cart form > .item > .cartNewsletter > label > input {
  display: none;
}
section.cart form > .item > .billModes > label > p, section.cart form > .item > .terms > label > p, section.cart form > .item > .same > label > p, section.cart form > .item > .cartNewsletter > label > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 43px;
}
@media screen and (max-width: 1099px) {
  section.cart form > .item > .billModes > label > p, section.cart form > .item > .terms > label > p, section.cart form > .item > .same > label > p, section.cart form > .item > .cartNewsletter > label > p {
    font-size: 16px;
  }
}
section.cart form > .item > .billModes > label > p:before, section.cart form > .item > .terms > label > p:before, section.cart form > .item > .same > label > p:before, section.cart form > .item > .cartNewsletter > label > p:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-color: #F5F2ED;
  cursor: pointer;
  content: "";
}
section.cart form > .item > .billModes > label > p a, section.cart form > .item > .terms > label > p a, section.cart form > .item > .same > label > p a, section.cart form > .item > .cartNewsletter > label > p a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.cart form > .item > .billModes > label > p a:hover, section.cart form > .item > .terms > label > p a:hover, section.cart form > .item > .same > label > p a:hover, section.cart form > .item > .cartNewsletter > label > p a:hover {
  border: none;
}
section.cart form > .item > .billModes > label > .img.barionBanner, section.cart form > .item > .terms > label > .img.barionBanner, section.cart form > .item > .same > label > .img.barionBanner, section.cart form > .item > .cartNewsletter > label > .img.barionBanner {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 43px;
}
section.cart form > .item > .billModes > label > .img.barionBanner > img, section.cart form > .item > .terms > label > .img.barionBanner > img, section.cart form > .item > .same > label > .img.barionBanner > img, section.cart form > .item > .cartNewsletter > label > .img.barionBanner > img {
  max-width: 500px;
}
section.cart form > .item > .billModes > label > input[type=checkbox] + p:before, section.cart form > .item > .terms > label > input[type=checkbox] + p:before, section.cart form > .item > .same > label > input[type=checkbox] + p:before, section.cart form > .item > .cartNewsletter > label > input[type=checkbox] + p:before {
  width: 28px;
  height: 28px;
}
section.cart form > .item > .billModes > label > input[type=checkbox]:checked + p:before, section.cart form > .item > .terms > label > input[type=checkbox]:checked + p:before, section.cart form > .item > .same > label > input[type=checkbox]:checked + p:before, section.cart form > .item > .cartNewsletter > label > input[type=checkbox]:checked + p:before {
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 700;
  color: #629A00;
  content: "\f00c";
  text-align: center;
}
section.cart form > .item > .billModes > label > input[type=radio] + p:before, section.cart form > .item > .terms > label > input[type=radio] + p:before, section.cart form > .item > .same > label > input[type=radio] + p:before, section.cart form > .item > .cartNewsletter > label > input[type=radio] + p:before {
  width: 16px;
  height: 16px;
  border: 6px solid #F5F2ED;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
section.cart form > .item > .billModes > label > input[type=radio]:checked + p:before, section.cart form > .item > .terms > label > input[type=radio]:checked + p:before, section.cart form > .item > .same > label > input[type=radio]:checked + p:before, section.cart form > .item > .cartNewsletter > label > input[type=radio]:checked + p:before {
  border-color: #F5F2ED;
  background-color: #EB4000;
}
section.cart form > .send {
  padding-top: 20px;
  text-align: center;
}
section.search > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 18px;
}
section.search > .wrap > .content > .title {
  padding-left: 12px;
}
section.bookPresentation > .wrap > .content > .main {
  /* .presentationDetails */
}
section.bookPresentation > .wrap > .content > .main > .registerResults {
  padding-bottom: 20px;
}
section.bookPresentation > .wrap > .content > .main > .registerResults > div {
  padding: 20px 30px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 1099px) {
  section.bookPresentation > .wrap > .content > .main > .registerResults > div {
    padding: 15px 20px;
  }
}
section.bookPresentation > .wrap > .content > .main > .registerResults > div > p {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5555em;
  color: #ffffff;
}
@media screen and (max-width: 1099px) {
  section.bookPresentation > .wrap > .content > .main > .registerResults > div > p {
    font-size: 14px;
  }
}
section.bookPresentation > .wrap > .content > .main > .registerResults.success > div {
  background-color: #629A00;
}
section.bookPresentation > .wrap > .content > .main > .registerResults.error > div {
  background-color: #EB4000;
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails {
  padding-top: 20px;
  padding-bottom: 50px;
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul {
  float: left;
  width: 100%;
}
@media screen and (max-width: 767px) {
  section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul {
    float: none;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:first-child {
  float: right;
  width: 25%;
}
@media screen and (max-width: 767px) {
  section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:first-child {
    float: none;
    width: 100%;
    padding-bottom: 30px;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:first-child > .img {
  border: 1px solid #d2d2d2;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:first-child > .img {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child {
  float: left;
  width: 75%;
}
@media screen and (max-width: 767px) {
  section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child {
    float: none;
    width: 100%;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div {
  padding-top: 20px;
  padding-right: 60px;
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div > p {
    font-size: 14px;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div > p strong {
  font-weight: 500;
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div > p a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
section.bookPresentation > .wrap > .content > .main > .presentationDetails > ul > li:last-child > div > p a:hover {
  border: none;
}
section.bookPresentation > .wrap > .content > .main > h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 40px;
}
@media screen and (max-width: 1099px) {
  section.bookPresentation > .wrap > .content > .main > h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  section.bookPresentation > .wrap > .content > .main > h2 {
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul {
  float: left;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul {
    float: none;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li {
  float: left;
}
@media screen and (max-width: 1023px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li {
    float: none;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item {
    width: 100%;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div {
  padding: 30px 20px;
  text-align: center;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > p {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6em;
  color: rgba(0, 0, 0, 0.87);
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .counter {
  padding-top: 35px;
  padding-bottom: 40px;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .counter > p {
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1em;
  color: #EB4000;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .counter > span {
  display: block;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 5px;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .inputs {
  font-size: 0;
  line-height: 0;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .inputs > form > div {
  padding-bottom: 10px;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .inputs > form > div:last-of-type {
  padding-top: 20px;
  padding-bottom: 0;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .inputs > form > div > input[type=text] {
  width: 100%;
  height: 40px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #d2d2d2;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 1099px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item > div > div > div > .inputs > form > div > input[type=text] {
    font-size: 14px;
  }
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.item.inactive {
  opacity: 0.3;
}
section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.divider {
  width: 2%;
  height: 10px;
}
@media screen and (max-width: 767px) {
  section.bookPresentation > .wrap > .content > .main > .presentationRegister > ul > li.divider {
    width: 100%;
  }
}
section.copyright > .wrap {
  /* .content */
}
section.copyright > .wrap > .content {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 15px;
  text-align: center;
  /* nav */
  /* .barionBanner */
}
@media screen and (max-width: 499px) {
  section.copyright > .wrap > .content {
    padding-bottom: 5px;
  }
}
section.copyright > .wrap > .content > nav {
  padding-bottom: 10px;
}
@media screen and (max-width: 349px) {
  section.copyright > .wrap > .content > nav {
    padding-bottom: 15px;
  }
}
section.copyright > .wrap > .content > nav > div {
  /* ul */
}
section.copyright > .wrap > .content > nav > div > ul {
  display: inline-block;
}
section.copyright > .wrap > .content > nav > div > ul > li {
  float: left;
  padding-right: 16px;
}
section.copyright > .wrap > .content > nav > div > ul > li:last-child {
  padding-right: 0;
}
@media screen and (max-width: 499px) {
  section.copyright > .wrap > .content > nav > div > ul > li {
    float: none;
    padding-right: 0;
  }
}
section.copyright > .wrap > .content > nav > div > ul > li > a {
  font-family: Roboto, serif;
  font-weight: 500;
  line-height: 1em;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.62);
  letter-spacing: 0.45px;
}
section.copyright > .wrap > .content > nav > div > ul > li > a:hover {
  color: #000000;
}
@media screen and (max-width: 1099px) {
  section.copyright > .wrap > .content > nav > div > ul > li > a {
    font-size: 16px;
  }
}
@media screen and (max-width: 499px) {
  section.copyright > .wrap > .content > nav > div > ul > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 399px) {
  section.copyright > .wrap > .content > nav > div > ul > li > a {
    font-size: 12px;
  }
}
section.copyright > .wrap > .content > ul {
  display: inline-block;
}
@media screen and (max-width: 799px) {
  section.copyright > .wrap > .content > ul {
    max-width: 600px;
  }
}
section.copyright > .wrap > .content > ul > li {
  float: left;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.62);
  border-right: 1px solid rgba(0, 0, 0, 0.62);
  padding-right: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.copyright > .wrap > .content > ul > li:first-child {
  padding-left: 0;
}
section.copyright > .wrap > .content > ul > li:last-child {
  border: none;
  padding-right: 0;
}
@media screen and (max-width: 799px) {
  section.copyright > .wrap > .content > ul > li:nth-child(2) {
    border: none;
    padding-right: 0;
  }
}
@media screen and (max-width: 799px) {
  section.copyright > .wrap > .content > ul > li {
    width: 50%;
  }
}
@media screen and (max-width: 499px) {
  section.copyright > .wrap > .content > ul > li {
    float: none;
    width: 100%;
    font-size: 11px;
    border: none;
    padding-right: 0;
    margin-bottom: 7px;
  }
}
section.copyright > .wrap > .content > ul > li > a {
  color: rgba(0, 0, 0, 0.62);
}
section.copyright > .wrap > .content > ul > li > a:hover {
  color: #EB4000;
}
section.copyright > .wrap > .content > .barionBanner {
  padding-top: 5px;
  padding-bottom: 10px;
}
@media screen and (max-width: 499px) {
  section.copyright > .wrap > .content > .barionBanner {
    padding-top: 10px;
  }
}
section.copyright > .wrap > .content > .barionBanner > span {
  display: block;
  max-width: 500px;
  margin: auto;
}

/* section */
a.shareBtn {
  display: table;
}
a.shareBtn > span {
  display: table-cell;
  font-family: Roboto, serif;
  font-size: 14px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
}
a.shareBtn > span > svg {
  width: 18px;
  margin-left: 23px;
}
a.shareBtn > span > svg > g > path {
  fill: rgba(0, 0, 0, 0.87);
}

.newsletterMsg {
  position: relative;
  padding-top: 25px;
  padding-right: 35px;
  padding-bottom: 25px;
  padding-left: 70px;
  margin-bottom: 30px;
}
.newsletterMsg:before {
  display: inline-block;
  position: absolute;
  top: 29px;
  left: 35px;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
}
.newsletterMsg.success {
  background-color: rgba(128, 255, 128, 0.7);
}
.newsletterMsg.success:before {
  content: "\f0e0";
}
.newsletterMsg.error {
  background-color: rgba(255, 128, 128, 0.7);
}
.newsletterMsg.error:before {
  content: "\f071";
}
.newsletterMsg > p {
  font-family: "Titillium Web", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  .newsletterMsg > p {
    font-size: 16px;
  }
}

/* .msg */
section.page .newsletter {
  padding-top: 60px;
}
section.page .newsletter > .form {
  max-width: 500px;
  background-color: #F5F2ED;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
section.page .newsletter > .form > form {
  padding: 30px;
}
section.page .newsletter > .form > form > div {
  /* .line */
}
section.page .newsletter > .form > form > div.line {
  padding-bottom: 20px;
  /* p */
  /* input */
}
section.page .newsletter > .form > form > div.line > p {
  font-family: "Titillium Web", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 10px;
}
@media screen and (max-width: 1099px) {
  section.page .newsletter > .form > form > div.line > p {
    font-size: 16px;
  }
}
section.page .newsletter > .form > form > div.line > input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #ffffff;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  section.page .newsletter > .form > form > div.line > input {
    font-size: 16px;
  }
}
section.page .newsletter > .form > form > div.line > .cb > label > input {
  display: none;
}
section.page .newsletter > .form > form > div.line > .cb > label > span {
  position: relative;
  display: block;
  font-family: "Titillium Web", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 30px;
}
@media screen and (max-width: 1099px) {
  section.page .newsletter > .form > form > div.line > .cb > label > span {
    font-size: 16px;
    padding-top: 2px;
  }
}
section.page .newsletter > .form > form > div.line > .cb > label > span > a {
  color: #EF1900;
}
section.page .newsletter > .form > form > div.line > .cb > label > span > a:hover {
  border-bottom: 1px dotted #EF1900;
}
section.page .newsletter > .form > form > div.line > .cb > label > span:before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  font-family: "Font Awesome 5 Free", serif;
  content: "\f0c8";
  cursor: pointer;
}
section.page .newsletter > .form > form > div.line > .cb > label > input:checked + span:before {
  content: "\f14a";
}
section.page .newsletter > .form > form > div.send {
  text-align: center;
}

/* .page.newsletter */
.searchWrap {
  border-left: 3px solid #EF1900;
  background-color: #F5F2ED;
  padding: 30px;
  margin-bottom: 30px;
  /* form */
}
@media screen and (max-width: 767px) {
  .searchWrap {
    padding: 20px;
  }
}
.searchWrap > form > ul {
  float: left;
}
@media screen and (max-width: 1023px) {
  .searchWrap > form > ul {
    float: none;
  }
}
.searchWrap > form > ul > li {
  float: left;
  /*
  & > select{
  	width:300px;
  	height:36px;
  	line-height:36px;
  	font-family:Roboto;
  	font-weight:400;
  	font-size:18px;
  	color:rgba(0, 0, 0, 0.87);
  	border:none;
  	background-color:#ffffff;
  	padding-right:20px;
  	padding-left:20px;
  	margin-right:30px;
  	@include borderbox();
  	@media screen and (max-width:1023px){
  		width:50%;
  	}
  	@media screen and (max-width:599px){
  		width:100%;
  	}
  }
  */
}
@media screen and (max-width: 1023px) {
  .searchWrap > form > ul > li {
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .searchWrap > form > ul > li:first-child {
    padding-bottom: 20px;
  }
}
.searchWrap > form > ul > li > input[type=text] {
  width: 300px;
  height: 36px;
  line-height: 50px;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #ffffff;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .searchWrap > form > ul > li > input[type=text] {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .searchWrap > form > ul > li > input[type=text] {
    width: 100%;
  }
}
.searchWrap > .tags > p {
  font-family: Roboto, serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .searchWrap > .tags > p {
    font-size: 14px;
  }
}
.searchWrap > .tags > ul > li > a {
  background-color: #ffffff;
  transition: color 0.3s, background 0.3s;
}
.searchWrap > .tags > ul > li > a > i {
  color: #EF1900;
  margin-right: 8px;
}
.searchWrap > .tags > ul > li > a:hover {
  color: #ffffff;
  background-color: #EF1900;
}
.searchWrap > .tags > ul > li > a:hover > i {
  color: #ffffff;
}

/* .searchWrap */
.donateBox {
  max-width: 700px;
  font-size: 0;
  line-height: 0;
  border: 1px solid #EB4000;
  padding: 40px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* ***** */
}
.donateBox.transfer {
  margin-bottom: 20px;
}
.donateBox.paypal ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023px) {
  .donateBox.paypal ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
@media screen and (max-width: 399px) {
  .donateBox.paypal ul {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}
.donateBox > h2 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1em;
  padding-bottom: 50px;
}
.donateBox p, .donateBox label span {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
.donateBox p:not(.center), .donateBox label span:not(.center) {
  text-align: left;
}
@media screen and (max-width: 1099px) {
  .donateBox p, .donateBox label span {
    font-size: 16px;
  }
}
.donateBox p a, .donateBox label span a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
.donateBox p a:hover, .donateBox label span a:hover {
  border: none;
}
.donateBox input[type=text], .donateBox input[type=number] {
  width: 100%;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 3em;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  background-color: #F5F2ED;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.donateBox .barionBanner {
  padding: 15px 0 10px 0;
}
.donateBox .barionBanner img {
  max-width: 80%;
}
.donateBox .btn {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .donateBox .btn {
    white-space: normal;
    line-height: 1.6em;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .donateBox .btn {
    font-size: 18px;
  }
}
.donateBox > div {
  margin-bottom: 30px;
}
.donateBox > div:last-of-type {
  margin: 0;
}
.donateBox > div.hide {
  display: none;
}
.donateBox > div.msg {
  background-color: rgba(255, 0, 0, 0.7);
  padding: 10px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.donateBox > div.msg.success {
  background-color: #629A00;
}
.donateBox > div.msg > p {
  color: #ffffff;
}
.donateBox > div > label {
  display: block;
  text-align: left;
}
.donateBox > div > label > input {
  display: none;
}
.donateBox > div > label > input:checked + span:before {
  content: "\f00c";
}
.donateBox > div > label > span {
  position: relative;
  display: block;
  padding-left: 2.5em;
}
.donateBox > div > label > span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  color: #EB4000;
  background-color: #F5F2ED;
  text-align: center;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 700;
  content: "";
}
.donateBox > ul.amounts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
}
.donateBox > ul.amounts.hide {
  display: none;
}
.donateBox > ul.types {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
  margin-bottom: 30px;
}
.donateBox > ul.types > li > label {
  display: block;
}
.donateBox > ul.types > li > label > input:checked + span {
  color: #ffffff;
  background-color: #EB4000;
}
.donateBox > ul.types > li > label > span {
  display: block;
  font-family: Roboto, serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 2.5em;
  color: rgba(0, 0, 0, 0.87);
  background-color: #F5F2ED;
  text-align: center;
  cursor: pointer;
}

.percent1 {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.percent1 > a {
  display: inline-block;
}
.percent1 > a > img {
  width: 38px;
}
@media screen and (max-width: 1099px) {
  .percent1 > a > img {
    width: 36px;
  }
}
@media screen and (max-width: 499px) {
  .percent1 > a > img {
    width: 34px;
  }
}

footer > .wrap > .content {
  padding: 20px 14px;
}
footer > .wrap > .content > .logo {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1199px) {
  footer > .wrap > .content > .logo {
    float: none;
    text-align: center;
    padding-bottom: 25px;
  }
}
footer > .wrap > .content > .logo > a {
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  footer > .wrap > .content > .logo .slogan {
    display: none;
  }
}
footer > .wrap > .content > .partners {
  float: right;
}
@media screen and (max-width: 1199px) {
  footer > .wrap > .content > .partners {
    float: none;
  }
}
footer > .wrap > .content > .partners > ul {
  display: table;
}
@media screen and (max-width: 1199px) {
  footer > .wrap > .content > .partners > ul {
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  footer > .wrap > .content > .partners > ul {
    display: grid;
    max-width: 400px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  footer > .wrap > .content > .partners > ul > li {
    display: table-cell;
    vertical-align: middle;
  }
}
footer > .wrap > .content > .partners > ul > li > .img {
  padding-right: 35px;
}
@media screen and (max-width: 767px) {
  footer > .wrap > .content > .partners > ul > li > .img {
    padding-right: 0px;
    text-align: center;
  }
}
footer > .wrap > .content > .partners > ul > li > .img img.logo-nea {
  max-height: 50px;
}
footer > .wrap > .content > .partners > ul > li > .img img.logo-miniszterelnokseg {
  max-height: 60px;
}
footer > .wrap > .content > .partners > ul > li > .img img.logo-bethlen {
  max-height: 65px;
}
footer > .wrap > .content > .partners > ul > li > .img img.logo-nuovaglobal {
  max-height: 50px;
}
footer > .wrap > .content > .partners > ul > li:last-child > .img {
  padding-right: 0;
}

/* footer */
.searchNoresults {
  padding-bottom: 40px;
  text-align: center;
}
.searchNoresults > p {
  font-family: Montserrat, serif;
  font-weight: 400;
  line-height: 1.625em;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  .searchNoresults > p {
    font-size: 14px;
  }
}

.searchBorderBottom {
  font-size: 0;
  line-height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 30px;
}

.intoCartPopupBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}

.intoCartPopup {
  position: fixed;
  top: 25%;
  left: 50%;
  width: 650px;
  background-color: #F5F2ED;
  margin-left: -325px;
  z-index: 1001;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: none;
}
@media screen and (max-width: 659px) {
  .intoCartPopup {
    width: 96%;
    margin-left: -48%;
  }
}
.intoCartPopup > div {
  padding: 20px;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div {
    padding: 10px;
  }
}
.intoCartPopup > div > ul {
  display: table;
  width: 100%;
  /* li */
}
.intoCartPopup > div > ul > li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  /* .txt */
  /* .btns */
}
.intoCartPopup > div > ul > li:first-child {
  width: 200px;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li:first-child {
    width: 150px;
  }
}
@media screen and (max-width: 399px) {
  .intoCartPopup > div > ul > li:first-child {
    width: 120px;
  }
}
.intoCartPopup > div > ul > li > .txt {
  padding-top: 10px;
  padding-left: 20px;
  /* h3 */
  /* .msg */
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .txt {
    padding-left: 15px;
  }
}
.intoCartPopup > div > ul > li > .txt > p {
  font-family: "Titillium Web";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 5px;
}
@media screen and (max-width: 799px) {
  .intoCartPopup > div > ul > li > .txt > p {
    font-size: 14px;
  }
}
.intoCartPopup > div > ul > li > .txt > h3 {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3181em;
  padding-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .intoCartPopup > div > ul > li > .txt > h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 799px) {
  .intoCartPopup > div > ul > li > .txt > h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .txt > h3 {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > h3 {
    font-size: 16px;
    /*
    padding-bottom:20px;
    */
  }
}
.intoCartPopup > div > ul > li > .txt > h3 > a {
  color: rgba(0, 0, 0, 0.87);
  transition: color 0.3s;
}
.intoCartPopup > div > ul > li > .txt > h3 > a:hover {
  color: #EB4000;
}
.intoCartPopup > div > ul > li > .txt > .msg {
  position: relative;
  font-size: 0px;
  line-height: 0px;
  /*
  border-left:3px solid $colorRed;
  */
  background-color: #ffffff;
  padding: 10px;
  /*
  padding-left:50px;
  @media screen and (max-width:659px){
  	padding-left:40px;
  }
  */
  /*
  &:before{
  	position:absolute;
  	top:13px;
  	left:20px;
  	display:inline-block;
  	font-family:'Font Awesome 5 Free';
  	font-weight:700;
  	color:$colorGreen;
  	content:"\f00c";
  	@media screen and (max-width:659px){
  		left:12px;
  	}
  }
  */
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg {
    padding: 20px;
  }
}
@media screen and (max-width: 399px) {
  .intoCartPopup > div > ul > li > .txt > .msg {
    padding: 10px;
  }
}
.intoCartPopup > div > ul > li > .txt > .msg > ul {
  display: table;
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg > ul {
    display: block;
  }
}
.intoCartPopup > div > ul > li > .txt > .msg > ul > li {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg > ul > li {
    display: block;
  }
}
.intoCartPopup > div > ul > li > .txt > .msg > ul > li > span {
  display: inline-block;
  font-family: "Titillium Web";
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg > ul > li > span {
    font-size: 14px;
  }
}
.intoCartPopup > div > ul > li > .txt > .msg > ul > li:first-child > span {
  padding-right: 10px;
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg > ul > li:first-child > span {
    padding-bottom: 10px;
    padding-right: 0px;
  }
}
.intoCartPopup > div > ul > li > .txt > .msg > ul > li:last-child > span {
  padding-left: 10px;
}
@media screen and (max-width: 499px) {
  .intoCartPopup > div > ul > li > .txt > .msg > ul > li:last-child > span {
    padding-top: 10px;
    padding-left: 0px;
  }
}
.intoCartPopup > div > ul > li > .btns {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .btns {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 15px;
  }
}
.intoCartPopup > div > ul > li > .btns > ul {
  display: table;
  width: 100%;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .btns > ul {
    display: block;
  }
}
.intoCartPopup > div > ul > li > .btns > ul > li {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .btns > ul > li {
    display: block;
    text-align: left !important;
  }
}
.intoCartPopup > div > ul > li > .btns > ul > li:first-child {
  padding-left: 20px;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .btns > ul > li:first-child {
    padding-bottom: 10px;
    padding-left: 15px;
  }
}
.intoCartPopup > div > ul > li > .btns > ul > li:last-child {
  text-align: right;
}
@media screen and (max-width: 659px) {
  .intoCartPopup > div > ul > li > .btns > ul > li:last-child {
    padding-left: 15px;
  }
}

/* .intoCartPopup */
.quantityInput {
  display: inline-block;
  font-size: 0px;
  line-height: 0px;
  /* ul */
}
.quantityInput > ul {
  display: inline-block;
}
.quantityInput > ul > li {
  float: left;
}
.quantityInput > ul > li > a {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  background-color: #EB4000;
  padding: 5px;
  text-align: center;
}
.quantityInput > ul > li > input {
  width: 50px;
  height: 30px;
  border: none;
  background-color: #ffffff;
  text-align: center;
}
.quantityInput.bgGrey input {
  background-color: #F5F2ED;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#gendoc_aszf, #gendoc_at {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 1099px) {
  #gendoc_aszf, #gendoc_at {
    font-size: 16px;
  }
}
#gendoc_aszf a, #gendoc_at a {
  color: #EF1900;
  border-bottom: 1px dotted #EF1900;
}
#gendoc_aszf a:hover, #gendoc_at a:hover {
  border: none;
}
#gendoc_aszf h1, #gendoc_at h1 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 32px !important;
  line-height: 1em;
  color: #EB4000;
  padding-top: 35px;
  padding-bottom: 1em;
}
@media screen and (max-width: 1023px) {
  #gendoc_aszf h1, #gendoc_at h1 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  #gendoc_aszf h1, #gendoc_at h1 {
    font-size: 28px !important;
  }
}
#gendoc_aszf h2, #gendoc_aszf h3, #gendoc_aszf h4, #gendoc_at h2, #gendoc_at h3, #gendoc_at h4 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 22px !important;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1099px) {
  #gendoc_aszf h2, #gendoc_aszf h3, #gendoc_aszf h4, #gendoc_at h2, #gendoc_at h3, #gendoc_at h4 {
    font-size: 20px !important;
  }
}
#gendoc_aszf p, #gendoc_at p {
  min-height: 1em;
  padding-bottom: 1em;
}
#gendoc_aszf ul, #gendoc_aszf ol, #gendoc_at ul, #gendoc_at ol {
  padding-bottom: 20px;
  padding-left: 20px;
}
#gendoc_aszf ul > li, #gendoc_at ul > li {
  position: relative;
  padding-bottom: 0.5em;
  padding-left: 20px;
}
#gendoc_aszf ul > li:before, #gendoc_at ul > li:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #EB4000;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  content: "";
}

.tipsy {
  opacity: 1 !important;
}
.tipsy > .tipsy-arrow.tipsy-arrow-s {
  border-top-color: #E1DACF;
}
.tipsy > .tipsy-inner {
  background-color: #E1DACF;
  text-align: left !important;
  padding: 10px 15px 0 15px !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.29);
}
.tipsy > .tipsy-inner > p {
  font-family: "Titillium Web", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5em;
  color: #000000;
  padding-bottom: 10px;
}
@media screen and (max-width: 499px) {
  .tipsy > .tipsy-inner > p {
    font-size: 15px;
    line-height: 1.3em;
  }
}

/* .tipsy */
.scrollTop {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #424242;
  transition: background 0.3s, opacity 0.5s;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.scrollTop:not(.in) {
  visibility: hidden;
  opacity: 0;
}
.scrollTop.in {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .scrollTop {
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .scrollTop {
    width: 30px;
    height: 30px;
  }
}
.scrollTop:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 1em;
  color: #ffffff;
  transition: color 0.3s;
  transform: translate(-50%, -50%);
  content: "\f077";
}
@media screen and (max-width: 767px) {
  .scrollTop:after {
    font-size: 14px;
  }
}
.scrollTop:hover {
  background-color: #d2d2d2;
}
.scrollTop:hover:after {
  color: #424242;
}

.booksSampleWrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
.booksSampleWrap > div {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 95vw;
  max-width: 1100px;
  height: 95vh;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .booksSampleWrap > div {
    width: 98vw;
  }
}
@media screen and (max-height: 400px) {
  .booksSampleWrap > div {
    height: 90vh;
  }
}
.booksSampleWrap > div > a.download {
  position: absolute;
  top: -5px;
  left: 10px;
}
.booksSampleWrap > div > a.close {
  position: absolute;
  top: -5px;
  right: 10px;
}
.booksSampleWrap > div > div {
  position: fixed;
  top: 37px;
  left: 0;
  width: 100%;
  height: calc(100% - 37px);
}
.booksSampleWrap > div > div > iframe {
  border: 0;
}

/* .booksSampleWrap */
.eventsListItem {
  font-size: 0;
  margin-bottom: 10px;
}
.eventsListItem.past {
  opacity: 0.5;
}

.eventsDetails {
  background: #F5F2ED;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  .eventsDetails {
    padding: 15px;
  }
}
.eventsDetails > ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .eventsDetails > ul {
    grid-template-columns: 1fr;
    grid-row-gap: 5px;
  }
}
.eventsDetails > ul > li {
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5555em;
  color: rgba(0, 0, 0, 0.87);
}
.eventsDetails > ul > li:last-child {
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .eventsDetails > ul > li:last-child {
    text-align: left;
  }
}
@media screen and (max-width: 1099px) {
  .eventsDetails > ul > li {
    font-size: 16px;
  }
}
.eventsDetails > ul > li > i {
  color: #EB4000;
  margin-right: 0.3em;
}