body {
  background: #DBD3CC;
  font-family: Arial, Helevtica, sans-serif;
  color: #665C5B;
  font-size: 0.95rem;
  line-height: 1.5rem;
}
a, a:visited {
    border: 0 none;
    color: #665C5B;
    text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #4D4D62;
  border: 0 none;
}
img {
  max-width: 100%;
}
.iwrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.iwrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*** === FONTS === ***/
h1, h2, h3 {
  font-family: Oswald, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.3;
}
h1 {
  font-size: 1.7rem;
}
h2 {
  font-size: 1.3rem;
}
h3 {
  font-size: 1.2rem;
}
.striket {
  text-decoration: line-through;
}
.p-40 {
  padding: 0 40px;
}

/*** === ELEMENTS === ***/
a.btn, button {
  display: inline-block;
  background: #665c5b !important;
  text-transform: uppercase !important;
  font-family: Oswald, Helvetica, Arial, sans-serif !important;
  color: #dcd3cc !important;
  padding: 3px 20px;
  margin: 5px 0;
  border: 1px solid #665c5b;
  border-radius: 0 !important;
}
a.btn:hover, button:hover {
  background: #665c5b33 !important;
  border: 1px solid #665c5b !important;
}
.fancybox-container button {
  background: transparent !important;
}
.fancybox-container button:hover {
  border: none !important;
}
.fancybox-container button > div {
  background: rgba(30,30,30,.3);
}
table {
  margin-bottom: 10px;
}
table td {
  border-width: 1px;
}
table.icons td {
  border: none;
}
table p {
  margin: 5px;
}
label {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
/* slide */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #555;
  border: 2px solid #fff;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  background-color: #fff;
  border: 2px solid #fff;
  opacity: 0.9;
}

/* pagination */
.pagin .small.text-muted {
  display: none;
}
.page-item + .page-item {
  margin-left: 8px;
}
.page-link, .disabled > .page-link, .page-link.disabled {
  color: #544747;
  background-color: transparent;
  border: none;
}
.page-link:hover, .page-link:focus {
  color: #fff;
  border-color: #544747;
  background-color: #544747;
}
.active > .page-link, .page-link.active {
  color: #fff;
  background-color: #544747;
  border-color: #544747;
}

/*** === HEADER === ***/

/*header .top {
  background: rgba(53, 43, 43, 1);
}*/

header .top {
  background: rgba(53, 43, 43, .85);
  height: 42px;
  font-size: 0.8rem;
  color: #DBD3CC;
  position: relative;
  z-index: 99;
}
header .top a {
  color: #DBD3CC;
}
header .top .row {
  height: 42px;
}
header {
  background: transparent url('../images/katana-silk-kard.jpg') no-repeat 50% 50%;
  background-size: cover;
  margin-bottom: 50px;
}
.header-top {
  position: relative;
  z-index: 99;
}
.slider-wrap {
  margin-bottom: 100px;
}
.slider {
  min-height: 240px;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 9;
}
.top__tags {
  width: 50%;
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 0.8rem;
}

/** nav **/
.nav-item a {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  opacity: 0.75;
  padding: 0 17px;
}
.nav-item a:hover {
  opacity: 1;
}

/** search **/
.search-form button {
  font-family: Oswald, Arial, sans-serif;
  color: #ADA8A4;
  font-size: 0.8rem;
  padding: 0px 8px;
  margin-left: 5px;
}
.search-form input.formInput {
    background-color: #d6d1cd;
    line-height: 1;
    border-radius: 0;
    border: none;
    padding: 6px 5px 4px 5px;
}
.search-404 input.formInput {
  padding: 3px 8px 1px 8px;
}

/*** === MAIN CONTENT === ***/
main#site, main.main-page, .main-page {
  min-height: calc(100vh - 482px);
}

/* breadcrumb */
.breadcrumb {
  margin-bottom: 0;
}
.breadcrumb a {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

/* swiper */
.swiper {
  width: 100%;
  height: 600px;
  position: absolute;
  top: 0;
  box-shadow: 0 4px 10px #6b6b6b;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage {
  margin-top: 390px;
}
.order .btn {
  padding: 10px 20px;
}
.page-header {
  display: block;
  background: transparent url('../images/szalag-sotet.png') no-repeat center top;
  text-align: center;
  margin: 5px auto 15px auto;
}
.page-header h1 {
  color: #DBD3CC;
  font-size: 22px;
  line-height: 39px;
}
.page-header-light {
  background: transparent url('../images/szalag-vilagos-big.png') no-repeat center 3px;
  background-size: 22%;
  text-align: center;
  margin: 5px auto 15px auto;
}
.page-header-light h1 {
  color: #89766A;
  font-size: 22px;
  line-height: 41px;
}
.page-header-light h3 {
  line-height: 41px;
  color: #89766A;
}
.termekek article {
  margin-bottom: 80px;
}
.termekek-list .item {
  margin-bottom: 40px;
}
.intro-box .item {
  padding: 0 32px 20px 32px;
}
.intropic {
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /*width: 165px;
  height: 165px;*/
  width: 100%;
  height: 132px;
  overflow: hidden;
  outline: 1px solid #b5b5b5;
  border: 2px solid #fff;
}
.prod-title a {
  color: #665C5B;
  /*font-weight: 600;*/
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.3;
}
.single-product .pic {
  padding: 0 30px 15px 0px;
}
.single-product .pic img, .relpic img, .cat-img img, .gallery-img img {
  border: 2px solid #BBB1B0;
}
.gallery {
  flex-wrap: wrap;
  gap: 10px 10px;
  padding-right: 10px;
}
.gallery-img {
  min-width: 85px;
  /*margin-bottom: 10px;*/
}
.gallery-img img {
  object-fit: cover;
  width: 85px;
  height: 85px;
  overflow: hidden;
}
/*.gallery-img + .gallery-img {
  margin-left: 10px;
}*/
table.partner td {
  border: none;
}
article .pic img {
  border: 2px solid #BBB1B0;
  max-height: 250px;
}
.container.related {
  margin-top: 70px;
}
#searchForm .tag {
  cursor: pointer;
}

/** sidebar **/
.sidebar .page-header-light{
  background-size: 77%;
}
.sidebar .intropic {
  height: 124px;
}
/** forms **/
.card {
  background-color: transparent;
  border: none;
  color: #665C5B;
}
.card__input {
  margin-bottom: 15px;
}
.card__input input[type=text], .card__input textarea {
  padding: 8px;
  width: 100%;
}

/*** === FOOTER === ***/
footer a {
  color: #fff !important;
}
.footer-top {
  background: #e8e3df;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
}
.footer-top hr {
  border: none; 
  background: #544747; 
  height: 1px; 
  width: 60%;
  margin: 13px auto;
  opacity: 1;
}
footer .footer-bottom {
  border-top: 3px solid #938b89;
  background: #544747;
  color: #fff;
  font-size: 0.7rem;
  line-height: 23px;
  padding: 12px 0 10px 0;
}
.footer-bottom img {
  width: 65px;
  height: auto;
}

/*** === RESPONSIVE === ***/

@media only screen and (max-width: 1399px) {
  .page-header-light {
    background-size: 25%;
  }
  .intropic {
    height: 112px;
  }
  .sidebar .page-header-light {
    background-size: 88%;
  }
  .sidebar .intropic {
    width: 154px;
    height: 105px;
  }
}

@media only screen and (max-width: 1199px) {
  .swiper {
    height: 500px;
  }
  .homepage {
    margin-top: 290px;
  }
  .slider {
    min-height: 220px;
  }
  .page-header-light {
    background-size: 30%;
  }
  .intropic {
    height: 145px;
  }
  .sidebar .page-header-light {
    background-size: 41%;
  }
  .sidebar .page-header-light h1 {
    font-size: 18px;
  }
  .kapcsolat iframe {
    width: 100%;
    margin: 30px auto 50px auto;
  }
}

@media only screen and (max-width: 991px) {
  .slider {
    padding-bottom: 20px;
  }
  .homepage {
    margin-top: 170px;
  }
  .page-header-light {
    background-size: 41%;
  }
  .logo {
    margin: 20px auto;
  }
  .navbar-nav {
    flex-direction: row;
  }
  .nav-item a {
    padding: 0;
  }
  .nav-item-1 {
    text-align: right;
  }
  .nav-item-2 {
    text-align: center;
  }
  .nav-item-3 {
    text-align: left;
  }
  .breadcrumb {
    margin-bottom: 25px;
  }
  .termekek .pic {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .swiper {
    height: 58vh;
  }
  .swiper-slide img {
    height: 58vh;
  }
  .nav-item-1 {
    text-align: center;
  }
  .nav-item-3 {
    text-align: center;
  }
  .page-header-light {
    background-size: 53%;
  }
  .intropic {
    height: 200px;
    width: 300px;
  }
  .sidebar .page-header-light {
    background-size: 58%;
  }
  .gallery {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .homepage {
    margin-top: 15vh;
  }
  .top__tags {
    width: 77%;
  }
  .page-header-light {
    background-size: 75%;
  }
  .page-header-light {
    background-size: 92%;
  }
}

@media only screen and (max-width: 470px) {
  .sidebar .page-header-light {
    background-size: 85%;
  }
}